@charset "utf-8";

/* do not delete */
@import url(spot_base.css);
/*----------------------------------------*/

/*=================== common ===================*/
.hidden{display:none;}
.fL{float:left;}
.fR{float:right;}

#mainContents{width:900px;margin:0 auto;padding:0; font-size:12px; line-height:20px; color:#333333;}
#mainContents #hd-area{width:900px; height:309px; background-image: url(../images/hd_img.jpg);background-repeat: no-repeat;background-position: center top;}
#mainContents #hd-areaB{width:900px; height:309px; background-image: url(../images/hd_img_b.jpg);background-repeat: no-repeat;background-position: center top;}
#mainContents #ft-area{width:900px; padding:20px 0 0 0; border-top:solid 2px #681c3a; margin:50px 0 50px 0; position:relative; overflow:hidden;}

#mainContents a:link{color:#ff9900; text-decoration:underline;}
#mainContents a:visited{color:#ff9900; text-decoration:underline;}
#mainContents a:hover{color:#ff9900; text-decoration:none;}
#mainContents a:active{color:#ff9900; text-decoration:underline;}

/*--------------- #hd-area ---------------*/
#mainContents #hd-area div.entry{font-weight:bold; font-size:12px; float:right; padding:280px 30px 0 0;}
#mainContents #hd-area div.entry a:link{color:#fff; text-decoration:underline;}
#mainContents #hd-area div.entry a:visited{color:#fff; text-decoration:underline;}
#mainContents #hd-area div.entry a:hover{color:#fff; text-decoration:none;}
#mainContents #hd-area div.entry a:active{color:#fff; text-decoration:underline;}

/*--------------- #box01 ---------------*/
#mainContents #box01 h2{width:900px; height:65px; background:url(../images/h2_box01.jpg) no-repeat 0 0; text-indent:-9999px;}
#mainContents #box01 div.entry-area{width:520px; height:80px; padding:10px 0 0 380px; background:url(../images/box01_entry.gif) no-repeat 0 0;}
#mainContents #box01 div.entry-area .btn-entry{width:430px; height:77px; text-indent:-9999px;}
#mainContents #box01 div.entry-area .btn-entry a{background-image: url(../images/btn_entry.gif);background-repeat: no-repeat; width:430px; height:77px; display:block;}
#mainContents #box01 div.entry-area .btn-entry a:hover{ background-position: 0 -79px;}

#mainContents #box01 .img01{width:310px; height:141px; background:url(../images/box01_img01.gif) no-repeat 0 0;}
#mainContents #box01 .img02{width:280px; height:141px; background:url(../images/box01_img02.gif) no-repeat 0 0;}
#mainContents #box01 .img03{width:310px; height:141px; background:url(../images/box01_img03.gif) no-repeat 0 0;}

#mainContents #box01 .img01 p{width:235px; height:76px; padding:65px 10px 0 55px; font-size:12px; line-height:18px; color:#654a32; font-weight:bold;}
#mainContents #box01 .img02 p{width:235px; height:76px; padding:65px 10px 0 25px; font-size:12px; line-height:18px; color:#654a32; font-weight:bold;}
#mainContents #box01 .img03 p{width:235px; height:76px; padding:65px 45px 0 20px; font-size:12px; line-height:18px; color:#654a32; font-weight:bold;}



/*--------------- #box02 ---------------*/
#mainContents #box02 h2{width:900px; height:65px; margin-top:30px; background:url(../images/h2_box02.gif) no-repeat 0 0; text-indent:-9999px;}
#mainContents #box02 .read_cause{width:900px; height:55px; background:url(../images/box02_read.gif) no-repeat 0 0; text-indent:-9999px;}

#mainContents #box02 div.wrap {width:900px; margin:0;}
#mainContents #box02 div.wrap img{vertical-align:bottom;}
#mainContents #box02 div.wrap div {display: table-cell;vertical-align: middle; font-size:14px; line-height:24px; color:#663333;}
#mainContents #box02 div.wrap div.box1 {width:420px;height:252px;}
#mainContents #box02 div.wrap div.box2 {width:390px; height:172px; padding:40px 45px 40px 45px; background:url(../images/box02_img05.gif) no-repeat 0 0;}

/* IE 6 */
* html div.wrap div {display: inline;zoom: 1;} 
/* IE 7 */
*:first-child+html div.wrap div {display: inline;zoom: 1;} 
/*\*//*/
* html div.wrap div {display: inline-block;}
/**/



/*--------------- #box03 ---------------*/
#mainContents #box03 h2{width:900px; height:65px; margin-top:30px; background:url(../images/h2_box03.gif) no-repeat 0 0; text-indent:-9999px;}
#mainContents #box03 div.entry-area{width:520px; height:80px; padding:10px 0 0 380px; background:url(../images/box03_entry.gif) no-repeat 0 0;}
#mainContents #box03 div.entry-area .btn-entry{width:430px; height:77px; text-indent:-9999px;}
#mainContents #box03 div.entry-area .btn-entry a{background-image: url(../images/btn_entry02.gif);background-repeat: no-repeat; width:430px; height:77px; display:block;}
#mainContents #box03 div.entry-area .btn-entry a:hover{ background-position: 0 -79px;}

#mainContents #box03 .img01{width:310px; height:125px; background:url(../images/box03_img01.gif) no-repeat 0 0;}
#mainContents #box03 .img02{width:280px; height:125px; background:url(../images/box03_img02.gif) no-repeat 0 0;}
#mainContents #box03 .img03{width:310px; height:125px; background:url(../images/box03_img03.gif) no-repeat 0 0;}
#mainContents #box03 .img04{width:310px; height:124px; background:url(../images/box03_img04.gif) no-repeat 0 0;}
#mainContents #box03 .img05{width:280px; height:124px; background:url(../images/box03_img05.gif) no-repeat 0 0;}
#mainContents #box03 .img06{width:310px; height:124px; background:url(../images/box03_img06.gif) no-repeat 0 0;}

#mainContents #box03 .img01 p{width:175px; height:65px; padding:60px 20px 0 115px;  font-size:13px; line-height:20px; color:#654a32; font-weight:bold;}
#mainContents #box03 .img02 p{width:170px; height:65px; padding:60px 30px 0 80px;  font-size:13px; line-height:20px; color:#654a32; font-weight:bold;}
#mainContents #box03 .img03 p{width:175px; height:65px; padding:60px 10px 0 75px;  font-size:13px; line-height:20px; color:#654a32; font-weight:bold;}
#mainContents #box03 .img04 p{width:175px; height:69px; padding:55px 20px 0 115px;  font-size:13px; line-height:20px; color:#654a32; font-weight:bold;}
#mainContents #box03 .img05 p{width:170px; height:69px; padding:55px 30px 0 80px;  font-size:13px; line-height:20px; color:#654a32; font-weight:bold;}
#mainContents #box03 .img06 p{width:175px; height:69px; padding:55px 10px 0 75px;  font-size:13px; line-height:20px; color:#654a32; font-weight:bold;}




/*--------------- #ft-area ---------------*/
#mainContents #ft-area ul {position:relative; left:50%; float:left;}
#mainContents #ft-area li{margin:0 20px; position:relative; left:-50%; float:left;}
#mainContents #ft-area a:link{color:#999; text-decoration:underline;}
#mainContents #ft-area a:visited{color:#999; text-decoration:underline;}
#mainContents #ft-area a:hover{color:#999; text-decoration:none;}
#mainContents #ft-area a:active{color:#999; text-decoration:underline;}





/*-------------- clearfix --------------*/ 
/* void float */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
/*\*/
* html .clearfix{height:1%;}
.clearfix {display:block;}
/**/