/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

body {
    font:14px/1.231 "ヒラギノ角ゴ Pro W3";
	color:#333333;
	-webkit-text-size-adjust: none;
	background: url(../img/body_bg.jpg);
}
#wrap { padding: 5px;}
section, nav { margin-bottom: 1em;}
p { margin-bottom: 0.8em;}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}



#header{ 
margin:0;
padding:0;
text-align:center;
}

#header img{ 
vertical-align:bottom !important;
}

#wrap00{ 
margin:15px 10px;
padding:0px;
}

#wrap00 img{ 
vertical-align:bottom !important;
}

#wrap00 p{ 
font-size:14px;
line-height:150%;
text-align:left;
}


#wrap01, #wrap02, #wrap03{ 
background-color:#FFFFFF;
margin:15px 0;
width:100%;
padding:0;
}

.txtarea{ 
padding: 10px 15px;
}


#wrap01, #wrap02, #wrap03 p{ 
font-size:12px;
line-height:150%;
}




/************/

.center{text-align: center !important;}

.gray{ color: #333333 !important;}
.brown{ color: #7B3100 !important;}
.red{ color:#FF0000 !important;}
.green{ color: #017801 !important;}
.yellowish-green{ color:#A3B443 !important;}
.blue{ color:#046E8E !important;}
.blue2{ color:#0033FF !important;}
.pink{ color:#FF3366 !important;}
.pink2{ color:#FF4D4D !important;}
.orange{ color:#FF6600 !important;}
.orange2{ color:#FF4000 !important;}

.f10{ font-size: 10px !important;}
.f11{ font-size: 11px !important;}
.f12{ font-size: 12px !important;}
.f14{ font-size: 14px !important;}
.f16{ font-size: 16px !important;}
.f18{ font-size: 18px !important;}
.f20{ font-size: 20px !important;}

.mar05{ margin:5px !important;}
.mgn-top05{ margin-top:5px !important;}
.mgn-top10{margin-top:10px !important;}
.mgn-top15{margin-top:15px !important;}
.mgn-top20{margin-top:20px !important;}
.mgn-right05{margin-right:5px !important;}
.mgn-bottom00{ margin-bottom:0px !important;}
.mgn-bottom03{ margin-bottom:3px !important;}
.mgn-bottom10{ margin-bottom:10px !important;}
.mgn-bottom15{margin-bottom:15px !important;}
.mgn-bottom20{margin-bottom:20px !important;}
.mgn-left05{margin-left:5px !important;}

.lh-130{ line-height:1.3em !important;}

.width-98{ width:98% !important; margin-left:auto; margin-right:auto;}
.width-96{ width:96% !important; margin-left:auto; margin-right:auto;}
.width-94{ width:94% !important; margin-left:auto; margin-right:auto;}
.width-92{ width:92% !important; margin-left:auto; margin-right:auto;}
.width-90{ width:90% !important; margin-left:auto; margin-right:auto;}
.width-100{ width:100% !important; margin-left:auto; margin-right:auto;}

.vatb{ vertical-align:text-bottom !important;}

.fwb{ font-weight:bold !important;}
.fwn{ font-weight: normal !important;}

/************/

header{	text-align:center; margin:5px auto;}

h1 { font-size:14px; color:#333333; font-weight:normal;}
h2 { font-size:14px; color:#333333; font-weight:normal;}
h3 { font-size:14px; color:#FF6600; margin-top:5px; margin-bottom:3px;}

input{ padding:5px;	font-size:14px; margin-bottom:5px;}
button{ padding:10px 20px; width:80%;}
fieldset{ padding-top:10px;}
small{ font-size: 8px; line-height:1.3em;}

/* teigi */
dl.teigi{ margin:5px;}
dl.teigi dt{ color:#A62222; font-size:14px;}
dl.teigi dd{ font-size:12px;}


/* nav */
nav {
	-webkit-border-radius: 6px;  
	-moz-border-radius: 6px;  
	border-radius: 6px;
    font-size: 120%;
    width: 95%;
	border:1px solid #fff;
	text-align:center;
	padding:0px auto;
	margin: 5px auto;
background-image: linear-gradient(top, rgb(235,34,7) 0%, rgb(179,0,0) 100%);
background-image: -o-linear-gradient(top, rgb(235,34,7) 0%, rgb(179,0,0) 100%);
background-image: -moz-linear-gradient(top, rgb(235,34,7) 0%, rgb(179,0,0) 100%);
background-image: -webkit-linear-gradient(top, rgb(235,34,7) 0%, rgb(179,0,0) 100%);
background-image: -ms-linear-gradient(top, rgb(235,34,7) 0%, rgb(179,0,0) 100%);
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(235,34,7)),
	color-stop(1, rgb(179,0,0))
);
}
nav li {
	text-align:center;
    font-weight: bold;
}

nav li a{
	height:auto;
	color:#FFF;
	display: block;
	padding-top:16px;
	padding-bottom:16px;
	font-weight: bold;
	text-decoration: none;
}

.image-center{
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	display: block;
}

.midashi{
	font-size:16px;
	height:auto;
	text-align:center;
	border-bottom:1px solid #DDDDDD;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#FFF;
	background-color:#336600;
}

.midashi2{
	font-size:16px;
	height:auto;
	text-align:center;
	border-bottom:1px solid #DDDDDD;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#FFF;
	background-color:#FF6600;
}

.tel{
	-webkit-border-radius: 6px;  
	-moz-border-radius: 6px;  
	border-radius: 6px;  
    font-size: 12px;
    width: 60%;
	background-color:#FFF8DF;
	border:1px solid #CCCCCC;
	text-align:center;
	padding:0px auto;
	margin: 5px auto 5px auto;
	}
.tel li{ text-align:center; list-style:none;}
.tel li a{
	height:26px;
	color:#666666;
	display: block;
	padding-top:5px;
	text-decoration: none;
}

.box1{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;	
	
}

#other{
	background-color: #FFF3CE;
	padding: 5px;
}



.dropdown{
padding:5px;	font-size:14px; margin-bottom:5px;
	}

footer{	text-align: center;}
footer p{ margin: 3px auto;}