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

body {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ", Meiryo,   sans-serif;	text-align: center;
	-webkit-text-size-adjust: 100%;
}
*{
	margin:0;
	padding:0;
}
img{
	vertical-align: bottom;
}
a img {
	border:none;
}
a {
	color:#069;
}
a:hover{
	text-decoration:underline;
	color:#F90;
}

.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  
li {
	list-style:none;
}
i {
	padding:0 5px;
}
img{
	width:100%;
}


.b5{
margin-bottom:5px;
}

.b10{
margin-bottom:10px;
}

.b15{
margin-bottom:15px;
}

.b20{
margin-bottom:20px;
}

.b30{
margin-bottom:30px;
}

.b40{
margin-bottom:40px;
}

.b50{
margin-bottom:50px;
}
/******** スマホメニュー用 *****/
#page {
	background:#fff;
}
#menu {
	text-align:left;
}

/********* HEADER *********/
header #head_navi {
	background:#000;
	
	border-bottom:2px solid #000;
}
header #head_satei{
	float:left;
	width:73%;
}
header #head_tel {
	float:right;
	width:13%;
	margin-right:13%;
}
header #head_menu {
	
	width:13%;
	position:fixed;
	right:0;
	top:0;
	z-index:20;
}
header h1 {
	width:80%;
	max-width:340px;
	margin:20px auto;
}
@media only screen and (min-width:376px){
	header #head_satei{
	float:left;
	width:275px;
}
header #head_tel {
	float:right;
	width:50px;
	margin-right:50px;
}
header #head_menu {
	float:right;
	width:50px;
	position:fixed;
	right:0;
	top:0;
}
}

/********* FOOT BANNER *********/
#foot-bn {
	margin:20px 3%;
}
#foot-bn li {
	float:left;
}
#foot-bn li.full {
	margin:2% 2% 0 2%;
}
#foot-bn li.half {
	margin:2% 0% 0% 2%;
	width:47%;
}
#foot-bn li.small {
	margin:2% 10%;
}
@media only screen and (min-width:481px){
	#foot-bn li.full {
	margin:2% 0% 0% 2%;
	width:48%
}
#foot-bn li.half {
	margin:2% 0% 0% 2%;
	width:23%;
}
#foot-bn li.small {
	margin:2% 25%;
}
}
/********* FOOTER *********/
footer {
	background:#000;
	color:#fff;
	padding:8% 8% 50px 8%;
}
footer a {
	color:#fff;
}
footer a:hover {
	color:#FFE76C;
}
footer h2 {
	width:80%;
	max-width:255px;
	margin:0 auto 15px auto;
}
footer h3 {
	width:80%;
	max-width:255px;
	margin:0 auto 15px auto;
}
footer ul {
	margin-bottom:20px;
}
footer li {
	font-size:80%;
	line-height:200%;
}
footer p small {
	font-size:70%;
}
@media only screen and (min-width:481px){
	footer {
	background:#000;
	color:#fff;
	padding:8% 5% 50px 5%;
}
	footer li {
	font-size:75%;
	line-height:200%;
	display:inline-block;
	padding:0 5px;
}
}

/********* PAGEUP ********/
#pageup {
	position:fixed;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
		width:100%;
		border-bottom:3px solid #00d9d9;
}
#pageup a {
	position:absolute;
	top:-26px;
	left:0;
	right:0;
	margin:auto;
	background:#00d9d9;
	color:#fff;
	dispaly:block;
	width:52px;
	height:52px;
	text-decoration:none;
	/*全体角丸*/
border-radius: 26px; /* CSS3草案 */ 
-webkit-border-radius: 26px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 26px; /* Firefox用 */ 
}
/********* MAIN *********/
main {
	text-align:left;
}
main #pagetitle {
	margin-bottom:20px;
	text-align:center;
}
main section {
	margin:0 5% 20px 5%;
}