@charset "utf-8";
@import url(basic.css);
@import url(sub_page.css);


.text-left   {text-align: left}
.text-right  {text-align: right}
.text-center {text-align: center}
.bold        {font-weight: bold;}
.font-big    {font-size:16px;}
.orange      {color:#FF4100}
.img-left    {float:left;padding-right:10px}
.img-right   {float:right;padding-left:10px;}
.img-bottom  {vertical-align:bottom;}
.clear       {clear:both}
.mr-bottom20 {margin-bottom:20px}
.mr-top5     {margin-top:5px;}
.blak_text   {color:#222222;}
.red         {color:#C1272D}
.green       {color:#86b92c}
a:link    {color: #268f94;text-decoration:none}
a:visited {color: #268f94;text-decoration:none}
a:hover   {color: #898989;text-decoration:none}
a img     {border:0pt none;}
img       {vertical-align:bottom}


.current {color: #FF4100;text-decoration:none}

body {margin: 0px;text-align: center;background:#ffffff url(img/body_bg.jpg) repeat-x center top;}
/*ヘッダー*/
#header   {margin: 0px auto;height:137px;width:800px;text-align:left;position:relative;}
#header h1{position:absolute; top:30px; left:10px;}
/*ヘッダー部分のリンク*/
#head-link{position:absolute; top:50px; right:0px; font-size:12px; color:#898989;}
#head-link li{display:inline;}
#head-link span{padding-left:5px; padding-right:5px;}
#head-link a:link    {color: #898989;text-decoration:none}
#head-link a:visited {color: #898989;text-decoration:none}
#head-link a:hover   {color: #268f94;text-decoration:none}
/*ヘッダーメニュー*/
#header-menu{position:absolute; top:80px; left:0px;}
#header-menu li{float:left;}
/*メインボックス*/
#mainbox {background:url(img/green.png) repeat-x center -5px;margin:0px auto;text-align:center;padding-top:40px;}
#mainbox-in {width:800px; margin:0px auto;}
/*下の草の部分*/
#box-bottom {background:url(img/bottom.png) repeat-x center bottom; margin:0px auto; clear:both;}
#box-bottom-in {background:url(img/foot.png) no-repeat 40px 40px;height:200px; width:800px;margin:0px auto;position:relative;}
.blog-hukurou {position:absolute; top:-80px; left:100px;}
.box-bottom_bg{background:url(img/bottom.png) no-repeat left top;position:absolute;top:150px; left:550px;z-index: 5}
.pig {position:absolute; top:90px; left:550px;z-index:0;}

/*フッター*/
div#footer{text-align:cnter;background: url(img/footer.png) repeat-x top center;height:145px; clear:both;}
#footer-in {position:relative;margin: 0px auto; width:800px;}
.ad{position:absolute;top:20px; left:500px;color:#CCC1B8;text-align:left;}
.footer-out {position:absolute; top:120px; left:0px;}




/*ボックス大きい方サイズ指定*/
#wide-big {width:580px;}

/*小さい方サイズ指定*/
#wide-samll {width:180px;}


.f-left{float:left}
.f-right{float:right}

/*パンくずリスト*/
#pankuzu {background:url(img/sub.png) no-repeat right top; text-align:left; padding-top:10px; padding-left:100px; padding-bottom:25px;width:900px; margin:auto}
#pankuzu li{float:left;}
#pankuzu span{padding-left:5px; padding-right:20px;}
#pankuzu h2 {clear:both;margin-bottom:10px;}


/*ページトップ*/
.backtotop {text-align:right; clear:both;}

/*トップページ*/
.toppage h2{margin-bottom:0px;}
.toppage h3{margin-top:30px;margin-bottom:15px;}
#topimg {background:url(img/top_re.jpg) repeat-x center top;text-align: center;margin-top:20px;}
.topcopy{background:url(img/topcopy.gif) repeat-x center bottom;text-align:left;border:1px solid #DDDDD3; padding:10px;}
.topcopy p{margin-bottom:10px;line-height:18px;}
#info   {width:580px; margin:0px auto 50px auto;}
#info ul{margin:0px; padding:0px; text-align:left;}
#info li{clear:both; padding:5px 0px 3px 0px;}
#info span{padding:0px 20px 0px 5px; display:block; float:left;}
#info img{vertical-align:middle; padding-left:5px; padding-right:5px;}
#info .even{background:#F1F1F2}
.workslist dl{margin:10px 0px;}
.workslist dt{background:url(img/new.png) no-repeat left bottom;text-align:right;font-size:10px;margin-bottom:3px;}
.workslist dd{margin-bottom:5px;}


/*MENU*/
#menu {text-align:left}
#menu ul{margin-top:10px;}
#menu li{background:url(img/menu/border.gif) no-repeat center bottom; padding-top:10px; padding-bottom:10px; padding-left:5px;}
#menu li a{background:url(img/menu/arrow.gif) no-repeat left center;padding:17px; color:#4D4D4D;}
#menu li a:hover{background:url(img/menu/arrow_on.gif) no-repeat left center;padding:17px; color:#8EC31F;}


/*サブページ*/
.subpage{text-align:left;}

.subpage h3{margin-bottom:20px;}
.subpage h4{margin-top:50px; margin-bottom:20px;}
.subpage p{line-height:22px; margin-bottom:18px;}

#banner {margin:20px 0px;}
#banner p{margin-bottom:10px;}



/*キャンペーンページメインボックス*/
#cp {}
#cp #mainbox {background:#97E4FF url(img/green.png) repeat-x center -5px;overflow: hidden; _zoom:1;margin:0px auto;text-align:center;padding-top:0px;}
#cp #mainbox-in {background: url(img/cp/cp.jpg) no-repeat center top;width:860px; margin:0px auto;height:2343px;}
#cp #cp-in {position:relative; font-family:Meiryo; text-align:left;}
.cp01{position:absolute;top:49px; left:99px;}
.cp02{position:absolute;top:315px; left:2px;}
.cp03{position:absolute;top:402px; left:215px; color:#605f5b; font-size:15px; line-height:20px;}
.cp04{position:absolute;top:500px; left:-1px;}
.cp05{position:absolute;top:600px; left:186px; color:#605f5b; font-size:15px; line-height:20px;}
.cp06{position:absolute;top:670px; left:55px; background: url(../cp/06.png) no-repeat center top;width:752px; height:231px;}
.cp06-in{position:relative;width:752px; height:231px; color:#ffffff;font-size:12px;line-height:18px;}
.cp06-in span{display:block; font-size:10px;line-height:14px;}
.cp06a{position:absolute;top:100px; left:30px;}
.cp06b{position:absolute;top:100px; left:280px;}
.cp06c{position:absolute;top:100px; left:530px;}
.cp07{position:absolute;top:920px; left:70px;color:#605f5b;}
.cp08{position:absolute;top:1000px; right:10px;}
.cp09{position:absolute;top:1100px; left:0px;}
.cp10{position:absolute;top:1249px; left:55px;}
.cp11{position:absolute;top:1528px; left:60px; color:#605f5b; font-size:15px; line-height:20px;}
.cp12{position:absolute;top:1620px; left:0px;}
.cp13{position:absolute;top:1760px; left:60px; color:#605f5b; font-size:15px; line-height:20px;}
.cp14{position:absolute;top:1837px; left:117px;}
.cp15{position:absolute;top:2138px; left:170px;}
.cp16{position:absolute;top:2209px; left:85px;}
.cp17{position:absolute;top:2209px; left:440px;}



/*キャンペーンページ下の草の部分*/
#box-bottomCP {background:#97E4FF url(img/bottom.png) repeat-x center bottom; margin:0px auto; clear:both;}
#box-bottom-inCP {background:url(img/foot.png) no-repeat 40px 40px;height:200px; width:800px;margin:0px auto;position:relative;}
.blog-hukurou {position:absolute; top:-80px; left:100px;}
.box-bottom_bg{background:url(img/bottom.png) no-repeat left top;position:absolute;top:150px; left:550px;z-index: 5}
.pig {position:absolute; top:90px; left:550px;z-index:0;}