@charset "utf-8";
/* 
====================================================================================================
■ layout （トップページレイアウト設定）
■ #news_area （新着情報ボックス）
■ 
■ 
----------------------------------------------------------------------------------------------------
※font-sizeに関しては、リセット後、#wrapperに18px相当で指定済み。そこからの相対指定で行うこと。
　（親要素に既に%指定済みの場合、子孫要素は基準が変わるので注意して下さい。）
※【★】のコメントがある箇所は、文字列検索し必ずサイトに応じた設定を見直すこと。
　（その際、不要と思われるコメント及び、【★】の文字列は削除推奨。）
====================================================================================================
■ layout （トップページレイアウト設定）
---------------------------------------------------------------------------------------------------- */
/* トップページのみレイアウトが変わる場合、base.cssでの設定を上書きする形でここでの設定を推奨 */

.biz_info{
width:100%;
height:360px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.biz_info h4{
font-size:100%;
color:#fff;
font-weight:bold;
text-align:center;
padding:0px 0px 0px 0px ;
line-height:40px;
background: url(../images/copy_bg.png) no-repeat 10px center;
}

.biz_info figure{
text-align:center;
padding:5px 10px 0px;
}


.biz_info ul{
padding:0px 15px 10px;
}

.biz_kou{
font-size:100%;
color:#fff;
margin:0px 0px 0px;
font-weight:normal;
border-bottom:dotted 1px #fff;
}

.biz_sma{
font-size:85%;
color:#fff;
margin:0px 0px 0px;
font-weight:normal;
border-bottom:dotted 1px #fff;
}

.biz_info a{
color:#fff;
display:block;
text-decoration:none;
padding:10px 0px 0px 10px ;
text-indent:-10px;
margin:0 0px;
font-weight:bold;
}

.biz_info a:hover{
text-decoration:none;
}

.biz_info a:before { content:'-';color:#fff;font-weight:bold;margin-right:5px;}



/* ----------   特徴  --------------------- */

#point_box{
background-image:url(../images/news_bg_02.png),url(../images/news_bg_01.png),url(../images/news_bg_03.png);
background-repeat:no-repeat,no-repeat,repeat-y;
background-position:0 0,0 bottom,0 0;
background-size:100%,100%,100%;
margin:0px 0 20px;
padding:2% 4%;
}

#point_box h3{
font-size:130%;
text-align:center;
color:#b9963a;
font-weight:bold;
padding:10px 0;
}

#lead_01_copy01{padding:0px 0px 0px 0px;font-size:100%;color:#553d0a;font-weight:bold;}


#point_box dl{
padding:10px 0px 10px 0px;
}


#point_box dl dt{
padding:10px 0px 10px 0px;font-size:120%;color:#b9963a;font-weight:bold;
}

#point_box dl dt:before{
content:"●";
margin-right:5px;
}

#point_box dl dd{
padding:0px 20px 10px 20px;
border-bottom:dotted 1px #333;
}

#point_box dl dd span{
display:block;
font-weight:bold;
padding:0 0 5px 0;
}

/*青空の箇所
-------------------------------------------------- */

.sk_btn{
background:rgba(255,255,255,0.8);
padding:5% 6%x 8%;
border:solid 1px #cccc;
margin:20px 0 30px;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
position:relative;
}

.sk_btn .point_img{
position:absolute;
top:-40px;
left:0px;
width:90px;
}

.sk_btn h4{
font-size:160%;
font-weight:bold;
padding:20px 0 0 0px;
margin-bottom:20px;
text-align:center;
}

.sk_btn h4 span{
font-size:80%;
color:#000;
}

.sk_btn ul li{
text-align:center;
font-size:120%;
font-weight:bold;
margin:8px 0;
width:100%;
}



.sk_btn ul li a{
display:block;
text-decoration:none;
color:#fff;
padding:7px 0;
background-image:url(../images/li_ic.png),url(../images/li_bg.png);
background-position:95% center,0 0;
background-repeat:no-repeat,repeat-x;
box-shadow:1px 1px 1px #fff inset,-1px -1px 1px #fff inset;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.sk_btn ul li span{
font-size:83%;
padding:6px 0;
line-height: 0.89;
}

.sk_btn ul li a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-transition: opacity linear 0.4s; -moz-transition: opacity linear 0.4s; transition: opacity linear 0.4s;
}

.s01 h4{color:#00c0ff;}
.s01 ul{width:80%;margin:0 auto;}
.s01 ul li a{background-color:#00c0ff;border:solid 1px #00c0ff;}

.s02 h4{color:#a22c2c;}
.s02 ul{width:80%;margin:0 auto;}
.s02 ul li a{background-color:#ff0000;border:solid 1px #ff0000;}

.s03 h4{color:#00a908;}
.s03 ul{width:80%;margin:0 auto;}
.s03 ul li a{background-color:#00a908;border:solid 1px #00a908;}


.fudou_box{
background:url(../images/bg_03.png) no-repeat center bottom;
background-size:100%;
padding:0 0px 40px;
position:relative;
}

.fuki01{position:absolute;top:60px;left:20px;width:30%;}
.fuki02{position:absolute;top:340px;left:20px;width:30%;}
.fuki03{position:absolute;top:60px;right:20px;width:30%;}
.fuki04{position:absolute;top:340px;right:20px;width:30%;}


.fudou_box ul {
width:80%;margin:130px auto 100px;
}

.fudou_box ul li{
text-align:center;
font-size:120%;
font-weight:bold;
margin:13px 0;
width:100%;
}

.fudou_box ul li a{
display:block;
text-decoration:none;
color:#fff;
padding:7px 0;
background-image:url(../images/li_ic.png),url(../images/li_bg.png);
background-position:95% center,0 0;
background-repeat:no-repeat,repeat-x;
background-color:#009be7;
box-shadow:1px 1px 1px #fff inset,-1px -1px 1px #fff inset;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}



.fudou_box ul li a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-transition: opacity linear 0.4s; -moz-transition: opacity linear 0.4s; transition: opacity linear 0.4s;
}

/* 
====================================================================================================
■ #news_area （新着情報ボックス）
---------------------------------------------------------------------------------------------------- */
#news_area {
 margin:10px 10px 20px;
 padding:0px ;
 border:solid 1px #dcd9b6;
 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.titt{
	position:relative;
	text-align:left;
	padding:0px 0 0px 0 ;
	background:#e3f6b4 url(../common_img/h3_bg01.png) center bottom repeat-x;
}

.titt img{
	width:120px;
}


#news_list { padding:0 15px 10px 15px;}

#news_list li { 
            padding:15px 5px 5px 5px ;
            border-bottom:dotted 1px #000;}

#news_list li span { 
            margin-bottom:10px; 
            font-weight:normal;
            padding:3px 0px 3px 0px ;
            background:#90b635;
            color:#fff;
            display:block;
            width:50%;
            font-size:80%;
            text-align:center;
            }

#news_list li a { color:#333;text-decoration:none;}