@charset "utf-8";
/* ヘッダーメニュー */
#headmenu li.insurance a{background-color:#6699CC; border-bottom:1px solid #003366;}

#Second #Main{width:72%; float:left; margin-bottom:40px;}
#Second #Menu{width:26%; float:right; margin-bottom:40px;}
#Second #Menu ul{margin:0;}
#Second #Menu ul li{float:none; width:auto; margin:0 0 12px 0;}

#Second #Main p{line-height:1.6em;}

#Second h1 span{font-weight:normal; padding-left:12px; font-size:0.7em;}
#Second h2{border-left:5px solid #FF6600; padding:8px; margin:10px 0; clear:both}
#Second h3{ border-bottom:3px double #CCCCCC; padding:4px; margin:20px 0 10px; clear:both; color:#0033CC; background-color:#FFFFCC;}

#Main .notes{color:#FF6600; text-align:right;}

/*ページ上部*/
.T60{margin-top:60px;}

/*ページ内リンク*/
#Main ul.menulist{margin:12px 0 80px 0; list-style:none;}
#Main ul.menulist li{margin-bottom:8px; float:left; padding-right:8px; white-space:nowrap;}
#Main ul.menulist a{background-color:#CCCCCC; padding:6px 8px; display:block;
	border-top-left-radius: 22px;
	border-top-right-radius: 22px;	
	border-bottom-left-radius: 22px;
	border-bottom-right-radius: 22px;	
	border:none;
    -webkit-border-top-left-radius: 22px;
    -webkit-border-top-right-radius: 22px;	  
    -webkit-border-bottom-left-radius: 22px;
    -webkit-border-bottom-right-radius: 22px; 	 
    -moz-border-radius-topleft: 22px;
    -moz-border-radius-topright: 22px;	  
    -moz-border-radius-bottomright: 22px;}
#Main ul.menulist a:hover{background-color:#336699; color:#FFFFFF; text-decoration:none;}

/********/
/**サイドメニュー**/
/********/
.insurance ul{list-style:none; margin-top:20px;}
.insurance li{float:left; margin:12px 14px; width:46%; height:inherit;}
.insurance li a{color:#003399; background-color:#F7FAFF;
border-top-left-radius: 6px;
	border-top-right-radius: 6px;	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;	
	border:#003399 1px solid;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;	  
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px; 	 
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;	  
    -moz-border-radius-bottomright: 6px;
	margin:0;
	padding:14px 12px 11px;
	clear:both;
	display:block;}

.insurance li a:hover{background-color:#99CCCC; text-decoration:none;}


/*ボックス青*/
#Main .BoxBlue{border:none; border-top-left-radius: 6px;
	border-top-right-radius: 6px;	
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;	
	border:none;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;	  
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px; 	 
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;	  
    -moz-border-radius-bottomright: 6px; background-color:#E1E9FB; padding:8px 8px 8px 14px; margin:30px 0; line-height:1.6em;}
#Main .BoxBlue ul{list-style-type:square;}
#Main .BoxBlue li{ display:block; float:left; padding:0 46px 0 0; margin-left:6px;}

/*順番*/
#Main ul.flow{margin:6px 0 20px 0; list-style:none; line-height:1.6em;}
#Main ul.flow li{background-color:#DEEAF8; padding:4px; clear:both; overflow:hidden; zoom:1;}
#Main ul.flow li p{}
#Main ul.flow li p.ph{float:left; display:block; padding-right:6px;}
#Main ul.flow li p.txt{width:auto;}
#Main ul.flow li.arrow{height:18px; background:url(../images/arrow_down.png) no-repeat bottom left; background-color:#FFFFFF; padding:0; margin:6px 0;}

/*フッター*/
ul.FNavi {margin:0 0 6px 0; padding:6px 0; border-top:2px solid #003366;  list-style-type: none; color:#333333; font-size:0.9em; line-height:1.6em;}

ul.FNavi li { display: inline;}
ul.FNavi li a {background-color:#929292; padding: 15px 15px 15px 10px; background: url(file:///D|/job/kyotsu/sc/2013/05リニューアル/common/images/topicarrow.png) no-repeat right; color:#ffffff;}
ul.FNavi a:hover {background: url(file:///D|/job/kyotsu/sc/2013/05リニューアル/common/images/topicarrow2.png) no-repeat right; color: #ffffff; text-decoration:none;}

@media screen and (max-width: 900px){
#Second #Main{width:100%; float:none;}
#Second #Menu{ display:none;}

.insurance li{width:43%;}
}

@media screen and (max-width: 650px){
#Second h1 span{display:block; padding-left:0;}
.insurance li{width:auto; float:none;}
#Main .BoxBlue li{float:none; padding-right:0;}
}