@charset "UTF-8";
/* CSS Document */

div{display:block;}
img {border: none;}

/* ////////////////////////// Hack */

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}



/*Contents///////////////////////*/
#topicPath {
	width:950px;
	margin:0 5px 0px;
	font-size: 12px;
	
}

#Contents{
	width:950px;
	margin:0px auto;}
	

#Contents a:hover img{
/*モダンブラウザ用*/
opacity:0.8;
/*IE7以下用*/
filter:alpha(opacity=80);
/*IE8用*/
-ms-filter:"alpha(opacity=80)";
}


/*Top*/
#Top{
	letter-spacing:285px;
	width:950px;}
	
#Top_l{
	float:left;
	width:680px;
}

#Top_r{
	float:right;
	background-image:url(../images/head_r_bg.jpg);
	background-repeat:no-repeat;
	margin-top:30px;
	width:268px;
	height:248px;
	padding-top:7px;
	padding-left:2px;
	}
	
#TopBtn{
	background-image:url(../images/head_btn_bg.jpg);
	background-repeat:no-repeat;
	width:680px;
	height:70px;
	position:relative;}
	
#TopBtn p#Btn1{
	position:absolute;
	width:195px;
	height:40px;
	top:14px;
	left:225px;}
#TopBtn p#Btn2{
	position:absolute;
	width:195px;
	height:40px;
	top:14px;
	left:435px;}	
	
/*ttl*/
.Ttl{
	float:none;
	clear:both;
	display:block;
	background-repeat:no-repeat;}
	
#Ttl1{
	background-image:url(../images/ttl1_bg.jpg);
	height:78px;
	padding-top:25px;
	padding-left:60px;
	width:890px;}
	
#Ttl2{
	background-image:url(../images/ttl2_bg.jpg);
	height:70px;
	padding-top:25px;
	padding-left:60px;
	width:890px;}	
	
#Ttl3{
	background-image:url(../images/ttl3_bg.jpg);
	height:52px;
	padding-top:11px;
	padding-left:60px;
	width:890px;}		
	
h2{
	margin-bottom:10px;}
p.Ttl_txt{
	font-size:15px;}
	
/*Sma*/	
	
#Sma{}

#Sma1{
	float:left;
	width:325px;
	padding-top:20px;}
	
#Sma2{
	float:left;
	width:250px;
}

#Sma3{
	float:left;
	width:375px;}
	
	
/*Kei*/
#Kei{
	height:455px;
	margin-bottom:25px;}

#Kei1{
	float:left;
	width:225px;
	padding-top:23px;}
#Kei2{
	float:left;
	width:240px;}
#Kei3{
	float:left;
	width:225px;
	padding-left:25px;
	padding-top:23px;
	height:432px;
	position:relative;}

#Kei3 p#Img_mail{
	position:absolute;
	top:245px;
	right:0px;
	width:225px;
	height:210px;
}

	
#Kei4{
	float:left;
	width:235px;}	
	

p.Sttl{
	margin-bottom:5px;}
	
p.middle{
	font-size:15px;
	padding-right:20px;
	line-height:170%;
	}


#Btn_r{
	float:none;
	clear:both;
	width:950px;
	height:55px;
	margin-bottom:20px;
	background-image:url(../images/btn_bg.gif);
	background-repeat:no-repeat;
	text-align:center;
	background-position:0px 9px;}
	
	
/*Access*/
#Access{
	background-image:url(../images/access_bg.jpg);
	background-repeat:no-repeat;
	width:935px;
	height:250px;
	padding-left:15px;
	float:none;
	clear:both;
	margin-bottom:30px;
}

p.Ttl_a{
	text-align:center;}
	
#Access ul li{
	list-style:none;
	float:left;
	width:300px;
	height:190px;
	padding-right:10px;}
	
/*Recommend*/
#Recommend{
	margin-bottom:30px;}

.Box{
	float:left;
	width:300px;
	padding-right:25px;}
.p_n{
	padding-right:0px;}
	
p.B_b{
	font-size:15px;
	line-height:170%;
	padding:10px 20px;
	border-bottom:2px #80C01B solid;}
	
/*M1508055にて追加*/
p.pk{
	font-size:15px:
}
	
/*4koma*/
#Link_4koma{
	background-image:url(../images/bg_4koma.jpg);
	background-repeat:no-repeat;
	width:950px;
	height:100px;
	float:none;
	clear:both;
	}
	
p#Link_4koma_1{
	padding-top:9px;
	padding-left:2px;
	padding-bottom:10px;}

p#Link_4koma_2{
	padding-left:20px;
	}	
	
div#totop {
	clear:both;
	padding-top:0px;
	width: 950px;
	text-align: right;
	font-size: 12px;
	
}