@charset "utf-8";

body{margin:0; padding:0; -webkit-text-size-adjust:100%;}

/***ヘッダー*******/
#Header{margin:0.2em; width:99%;}
#HeaderL{float:left; width:48%;}
#HeaderR{float:right; text-align:right; padding:8px 8px 0 0; width:48%;}
#HeaderR div{ display:inline-block; padding:0; margin:0; vertical-align:top;}
#Header p{line-height:1em; padding:0; margin:0; text-align:center;}

.freedial{ clear:both; background:url(images/freedial_back.jpg);  margin:0.6em 0 0; padding:0; text-align:center;}
.freedial p{margin:0; padding:0;}

/***ヘッダーメインメニュー*******/
ul#Headermenu{list-style:none; margin:0 auto; padding:0; width:100%; border-top: 1px solid #DDD; background-color:#FFF7F7;}
ul#Headermenu li{
	background: -moz-linear-gradient(top,#FFF7F7 0%,#FFF7F7 50%,#FFF0F0 50%,#FFF0F0);
	background: -webkit-gradient(linear, left top, left bottom,from(#FFF7F7), color-stop(0.5,#FFF7F7), color-stop(0.5,#FFF0F0),  to(#FFF0F0));
	float:left;
	border-right: 1px solid #DDD; border-bottom:1px solid #DDD;
	text-align:center;
	width:33%;
	padding:0.7em 0;
	margin:0;
}
ul#Headermenu li.non{border-right:none; width:33.4%;}


/***コンテンツ*************/
#Navi{margin:12px 0 4px 0; padding:0; font-size:12px; line-height:1;}
#Navi ul{margin:0; padding:0 0 0 6px;}
#Navi li{display:inline; margin:0; padding:0 2px;}
#Navi li.arrow{background:url(images/navi.jpg) no-repeat center center;}
#Navi li a{text-decoration:none; color:#0033CC;}

#Contents{margin:0 6px; padding:0; clear:both;}
#Contents h2{background-color:#FDD8DA; background: -moz-linear-gradient(top,#FDD8DA 0%,#FDD8DA 50%,#F7A0A8 50%,#F7A0A8);
	background: -webkit-gradient(linear, left top, left bottom,from(#FDD8DA), to(#F7A0A8));
 color:#CC0000; text-align:center; padding:12px 0; margin:0 -6px;}


/***フッター*******/
#Footer{margin:20px 0 0 0; padding:12px 0 0 0; background-color:#F5C2D3;}
#Footer p{color:#FFFFFF; text-align:center; font-size:14px; line-height:1.5em; margin:12px 0 0 0; padding:0;}
#Footer a{text-decoration:none;}

#Footer .freedial p{margin:0; padding:0;}

#Footer p#choice{display:none; color:#CC6666;}

@media screen and (max-width:768px) {
#Footer p#choice{display:block;}
}

#Footer ul.menu{list-style:none; background-color:#FFFFFF; width:90%; margin:12px auto; padding:0; border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;  
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-topright: 7px;	
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomright: 7px; 
    -moz-border-radius-bottomleft: 7px;}
#Footer ul.menu li{width:49.8%; list-style:none; padding:0; margin:0; float:left; border-bottom:1px solid #CCCCCC;}
#Footer ul.menu li.lin{border-left:1px solid #CCCCCC;}
#Footer ul.menu li.nonl{border:none; border-right:1px solid #CCCCCC;}
#Footer ul.menu li.non{border:none;}
#Footer ul.menu li a{display:block; padding:14px 0; margin:0 auto; width:90%; background:url(images/footer_arrow.jpg) no-repeat right center;}