@charset "utf-8";

/*くもぽん　
----------------------------------------------------*/

/*サイドメニュー（共通）
----------------------------------*/
body.kumo .side2{vertical-align:top;background:url(../kumopon/parts/side-back-b.gif) no-repeat bottom left;background-color:#e3eec4;border-right:18px solid #fff;width:147px;}
body.kumo .side2 .green{background-color:#e3eec4;padding:0 11px;position:relative;}
body.kumo .side2 .green p a{width:163px;height:69px;text-indent:-9999px;display:block;padding-bottom:7px;}
body.kumo .side2 .green .over1 a/*,
body.kumo .side2 .green .over1 a:visited*/{background:url(../kumopon/parts/side_over1.gif) no-repeat top left;}
body.kumo .side2 .green .over1 a:hover{background:url(../kumopon/parts/side_over1.gif) no-repeat top right;}
body.kumo .side2 .green .over2 a/*,
body.kumo .side2 .green .over2 a:visited*/{background:url(../kumopon/parts/side_over2.gif) no-repeat top left;}
body.kumo .side2 .green .over2 a:hover{background:url(../kumopon/parts/side_over2.gif) no-repeat top right;}
body.kumo .side2 .green .over3 a/*,
body.kumo .side2 .green .over3 a:visited*/{background:url(../kumopon/parts/side_over3.gif) no-repeat top left;}
body.kumo .side2 .green .over3 a:hover{background:url(../kumopon/parts/side_over3.gif) no-repeat top right;}
/*,body.kumo .side2 .green .over4 a/*
body.kumo .side2 .green .over4 a:visited{background:url(../kumopon/parts/side_over4.gif) no-repeat top left;}
body.kumo .side2 .green .over4 a:hover{background:url(../kumopon/parts/side_over4.gif) no-repeat top right;}*/
body.kumo .side2 .green .over5 a/*
body.kumo .side2 .green .over5 a:visited*/{background:url(../kumopon/parts/side_over5.gif) no-repeat top left;}
body.kumo .side2 .green .over5 a:hover{background:url(../kumopon/parts/side_over5.gif) no-repeat top right;}
body.kumo .side2 .green .over6 a/*,
body.kumo .side2 .green .over6 a:visited*/{background:url(../kumopon/parts/side_over6.gif) no-repeat top left;}
body.kumo .side2 .green .over6 a:hover{background:url(../kumopon/parts/side_over6.gif) no-repeat top right;}
body.kumo .side2 .green p.over7 a{width:163px;height:100px;text-indent:-9999px;display:block;padding-bottom:7px;}
body.kumo .side2 .green .over7 a/*,
body.kumo .side2 .green .over7 a:visited*/{background:url(../kumopon/parts/side_over7.gif) no-repeat top left;}
body.kumo .side2 .green .over7 a:hover{background:url(../kumopon/parts/side_over7.gif) no-repeat top right;}
body.kumo .side2 .green .move{position:absolute;top:750px;left:30px;}


/*IE6ハック*/
* html body.kumo .side2 .green{margin-top:-5px;}
* html body.kumo .side2 .green .move{position:absolute;top:750px;left:20px;}

/*--------------------------------------------------*/


/*トップページ
----------------------------------------------------*/
#kumopon #header{border-top:none;position:relative;width:810px;height:484px;}
#kumopon .home{width:606px;}
#kumopon .home .lef{float:left;width:292px;border:1px solid #a0a0a0;}
#kumopon .home .lef h2{background:url(../kumopon/parts/top_h2spot.gif) no-repeat top left;padding:none!important;text-indent:-9999px;height:78px;}
#kumopon .home .rig{float:right;width:292px;border:1px solid #a0a0a0;}
#kumopon .home .rig h2{background:url(../kumopon/parts/top_h2souvenir.gif) no-repeat top left;padding:none!important;text-indent:-9999px;height:78px;}
#kumopon .home div .pad{padding:6px;}
#kumopon .home div .pad .spot_t{font-size:120%;font-weight:bold;background:url(../kumopon/parts/spot-arrow_t.gif) no-repeat center left;padding-left:18px;}
#kumopon .home div .pad .spot_r{font-size:120%;font-weight:bold;background:url(../kumopon/parts/spot-arrow_r.gif) no-repeat center left;padding-left:18px;}
#kumopon .home div .pad .spot_l{font-size:120%;font-weight:bold;background:url(../kumopon/parts/spot-arrow_l.gif) no-repeat center left;padding-left:18px;}
#kumopon .home div .pad .spot_l2{font-size:120%;font-weight:bold;background:url(../kumopon/parts/spot-arrow_l.gif) no-repeat top left;padding-left:18px;}
#kumopon .home div .pad .spotimg_r{float:right;margin-right:25px;}
#kumopon .home div .pad .adjust{margin:6px 0;}
/*IE6ハック*/
* html #kumopon .home div .pad .spotimg_r{float:right;margin-right:15px;}
* html #kumopon .home div .pad .adjust{margin:4px 0;}


/*坂の上の雲
----------------------------------------------------*/
#sakakumo h1.header_g{display:block;text-indent:-9999px;width:810px;height:135px;background:url(../kumopon/parts/2ndheader_g.jpg) no-repeat left top;}
#sakakumo .head{margin:-35px 0 0 185px;font-size:90%;}
#sakakumo .home{width:586px;padding:20px;}
#sakakumo .home .lef{float:left;border:1px solid #333;width:304px;}
#sakakumo .home .rig{float:right;width:240px;padding-right:20px;}
#sakakumo .charactor{width:586px;padding:0 20px;}
#sakakumo .charactor div{float:left;margin-right:28px;width:167px;}
#sakakumo .charactor div.no{float:left;margin-right:none;}
#sakakumo .charactor div p{float:left;text-align:center;margin:5px 0 0 30px;}
#sakakumo .charactor div.no p{float:left;text-align:center;margin:5px 0 0 40px;}
#sakakumo .charactor div.left{float:left;width:286px;margin:20px 20px 0 0;}
/*IE6ハック*/
* html #sakakumo .charactor div p{float:left;text-align:center;margin:5px 0 0 15px;}
* html #sakakumo .charactor div.no p{float:left;text-align:center;margin:5px 0 0 20px;}
/*Safariハック*/
html:\66irst-child #sakakumo .head{font-size:80%;}


/*くもぽんデータ
----------------------------------------------------*/
#data h1.header_g{display:block;text-indent:-9999px;width:810px;height:135px;background:url(../kumopon/parts/2ndheader_g.jpg) no-repeat left top;}
#data .head{margin:-35px 0 0 185px;font-size:90%;}
#data .home{width:606px;}
#data .home div.left{float:left;width:100px;margin:20px 0 0 40px;}
#data .home div.right{float:right;width:430px;margin:20px 0;text-align:left;}
#data .home div.right .goods{font-size:140%;font-weight:bold;border-bottom:1px solid #333;margin-top:50px;}
/*IE6ハック*/
* html #data .home div.left{margin:20px 0 0 20px;}
/*Safariハック*/
html:\66irst-child #data .head{font-size:80%;}

/*伊予たぬき伝説
----------------------------------------------------*/
#legend h1.header_g{display:block;text-indent:-9999px;width:810px;height:135px;background:url(../kumopon/parts/2ndheader_g.jpg) no-repeat left top;}
#legend .head{margin:-35px 0 0 185px;font-size:90%;}
#legend h2{background:url(../kumopon/parts/legend-back.gif) no-repeat left top;text-indent:-9999px;width:606px;height:682px;}
#legend .story{width:606px;text-align:center;font-size:105%;line-height:1.8;margin:-570px 0 80px 0;}
#legend .area h3{text-align:center;}
#legend .area .detail{font-size:102%;line-height:1.7;margin:7px 0 0 90px;}
/*IE6ハック*/
* html #legend .story{margin:-570px 0 90px 0;}
/*Safariハック*/
html:\66irst-child #legend .head{font-size:80%;}

/*くもぽんスポット
----------------------------------------------------*/
#spot h1.header_y{display:block;text-indent:-9999px;width:810px;height:135px;background:url(../kumopon/parts/2ndheader_y.jpg) no-repeat left top;}
#spot .head{margin:-35px 0 0 185px;font-size:90%;}
#spot .home{width:606px;margin-top:20px;}
#spot .home div.left{float:left;width:224px;margin:20px 20px 0 0;}
#spot .home div.left .ropeway{font-size:120%;margin-bottom:10px;}
#spot .home div.right{float:right;width:341px;margin-top:20px;text-align:left;}
#spot .home div.right .goods{font-size:140%;font-weight:bold;border-bottom:1px solid #333;margin-top:50px;}
/*Safariハック*/
html:\66irst-child #spot .head{font-size:80%;}

/*松山お土産
----------------------------------------------------*/
#souvenir h1.header_r{display:block;text-indent:-9999px;width:810px;height:135px;background:url(../kumopon/parts/2ndheader_r.jpg) no-repeat left top;}
#souvenir .head{margin:-35px 0 0 185px;font-size:90%;}
#souvenir .goods{width:606px;margin-top:20px;border-bottom:3px solid #999;padding-bottom:10px;}
#souvenir .no{border-bottom:none!important;padding-bottom:0px!important;}
#souvenir .goods div.left{float:left;width:347px;border:1px solid #333;margin-right:15px;}
#souvenir .goods div.right{float:right;width:242px;text-align:left;}
#souvenir .goods div.right h3{font-size:160%;}
#souvenir .goods div.right .detail{border-bottom:1px solid #333;margin-bottom:10px;padding-bottom:10px;}
/*Safariハック*/
html:\66irst-child #souvenir .head{font-size:80%;}

/*松山おすすめスポット
----------------------------------------------------*/
#tourism h2{background:url(../kumopon/spot/parts/h2_matsuyamaspot.gif) no-repeat center top;text-indent:-9999px;}
#tourism .info{width:460px;margin-top:20px;margin-left:auto;margin-right:auto;text-align:center;}
#tourism .no{margin-top:0!important;}
#tourism .info .right{float:right;width:300px;text-align:left;}
#tourism .info .right span{font-size:120%;font-weight:bold;}
#tourism .info .left{float:left;width:150px;}
#tourism .info .right2{float:right;width:150px;margin-top:205px;}
#tourism .detail{width:460px;margin-top:20px;margin-left:auto;margin-right:auto;}
#tourism .detail span{font-size:120%;font-weight:bold;}
/*--------------------------------*/