@charset "UTF-8";

/* ====================================================================================================

	トップページ設定用

==================================================================================================== */




#lead_results{
background:#fff;
padding:30px 0;
}

.results_box{
border:solid 3px #e2e2e2;
overflow:hidden;
position:relative;
}

.results_box .inner{
background:url(../images/bg_01.png) no-repeat center 0,url(../images/bg_02.png) repeat-y center 0;
background-size:100%;
min-height:208px;
width:98.5%;
border:solid 1px #e2e2e2;
margin:6px auto;
box-shadow:2px 2px 4px rgba(255,255,255,1.0) inset,-2px -2px 4px rgba(255,255,255,1.0) inset;
}

.results_box .inner h2{
background:url(../images/tt_01.png) no-repeat 0 0;
padding:20px 0px 20px 320px ;
margin:25px 0px 20px 25px ;
color:#000;
font-size:110%;
font-weight:bold;
text-align:left;
}

.results_box .inner figure{
text-align:center;
padding:0px 20px 35px 20px ;
}

.re_bt{
position:absolute;
top: 65px;
right:28px;
}

@media only screen and (max-width: 1000px) {

.results_box{
margin:0 15px;
}

.results_box .inner h2{
background:url(../images/tt_01.png) no-repeat center 0;
padding:80px 0px 0px 0px ;
margin:25px 0px 20px 0px ;
color:#000;
font-size:100%;
font-weight:bold;
text-align:center;
}

.results_box .inner figure{
padding:0px 10px 35px 10px ;
}

.re_bt{
position:absolute;
top: 81%;
right:0;
left:0;
width:120px;
margin:auto;
}

}

@media only screen and (max-width: 480px) {

.results_box .inner h2{
background:url(../images/tt_01.png) no-repeat center 0;
background-size:260px;
}

}


#btn_area{
background:#fff;
padding:30px 0;
}

.last_btn{
border:solid 2px #e3e3e3;
background:url(../images/bg_05.png) no-repeat right bottom,url(../images/bg_04.png) repeat-x center bottom;
box-shadow:2px 2px 4px rgba(255,255,255,1.0) inset,-2px -2px 4px rgba(255,255,255,1.0) inset;
width:60%;
margin:auto;
}

.last_btn figure{
float:left;
width:170px;
margin:0px 15px 0px 0px ;
}

.last_btn h2{
margin:25px 0px 0px 0px ;
color:#000;
font-size:140%;
font-weight:bold;
}

.last_btn h2 span{
padding:0px 0px 0px 5px ;
font-size:60%;
color:#6a6a6a;
}

.last_btn p{
padding:0px 20px 0px 0px ;
}

@media only screen and (max-width: 768px) {
.last_btn{
margin:0px 15px 15px;
padding:10px 20px;
width:90%;
}

.last_btn figure{
float:none;
width:170px;
margin:0px auto 0px ;
}


.last_btn h2{
text-align:center;
margin:5px 0px 0px 0px ;
}

}

/* ----------   新着情報  --------------------- */

#news{
border:solid 1px #ccc;
padding:2px;
}

#news .tt{
font-size:140%;
color:#fff;
background-image:url(../images/tt_02.png),url(../common_img/h3_bg04.png),url(../common_img/h3_bg03.png);
background-repeat:no-repeat,no-repeat,repeat-x;
background-position:left 0,right 0,center 0;
background-color:#1c71a6;
padding:12px 0px 12px 60px ;
font-weight:bold;
margin:0px 0px 20px;
line-height:1.0;
}

#news .tt span{
font-size:60%;
color:#6fbaea;
padding:0px 20px;
vertical-align:middle;
}


.news_info{
margin:0px 15px 30px;
height: 150px;
overflow: auto;
}


.news_info li{
padding:0 20px 1% 20px ;
border-bottom:dotted 1px #ccc;
margin:0px 0px 10px 0px ;
}

.news_info li span{
color:#f37800;
margin:0px 20px 0px 0px ;}

@media only screen and (max-width: 768px) {

#news{
margin:0 15px;
}

.news_info{
margin:0px 10px 10px;}

#news .tt{
font-size:100%;
}

#news .tt span{
font-size:80%;
}

}