/* DEFAULT
---------------------------------------------------------------------------*/
html {overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;}
th {font-weight:lighter;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed, td, th {vertical-align: top;}
hr, legend {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight:lighter;}
img, abbr, acronym, fieldset {border: 0;}

li {list-style-type: none;}
img{vertical-align: text-bottom;}
p{line-height: 150%;}
body{font-size:100%;}

/* ALL
---------------------------------------------------------------------------*/
html{-webkit-text-size-adjust: none;}/*SP横でも文字が大きくならない*/

body{color: #333;font-size: 12px;font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}

.pad{padding:10px;}
.clear{clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
img{max-width:100%; height:auto;}


/* LINK-STYLE
---------------------------------------------------------------------------*/
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}

nav a{ padding:10px 5px; display:block;border-right:1px #CCCCCC solid;border-left:1px #fefefe solid;}
nav a:link{ color:#333;text-decoration:none;}
nav a:visited{color:#333;text-decoration:none;}
nav a:hover{color:#333;text-decoration:none;}
nav a:active{color:#333;text-decoration:none;}

nav a{
	position: relative;
}
nav a::after{
	content:"";
	display: block;
	width:10px;
	height:10px;
	border-top:2px solid #333;
	border-right:2px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right:10px;
	top:50%;
	margin-top:-7px;
}



	
/* HEADER
---------------------------------------------------------------------------*/	
header{ padding:10px; background: #690; margin:0 0 0; color:#FFFFFF;text-align:center; font-size:20px;}
header h1{margin:0 auto 0;text-align:center; font-weight:bold; }

div#mfp_hidden{height: 0px;}


/* NAVI
---------------------------------------------------------------------------*/	
nav{}
nav dl dt{ padding: 0 3px; background:#000; text-align:center; font-size:100%; color:#FFF;font-weight: bold; margin:0 0 0;}
nav dl dd{}
nav dl dd ul{ overflow:hidden; _zoom:1; margin:0 0 0 0;}
nav dl dd ul li{
	width:device-width;
	font-weight: bold;
	cursor: pointer;
	color:#666;
	margin:0 0 1px;
	border-bottom:1px #ccc solid;
	background:url(../img/common/next_btn_br.png) no-repeat 96% 50%,-moz-linear-gradient(top,#FFF 0%,#EEE);
	background:url(../img/common/next_btn_br.png) no-repeat 96% 50%,-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));}




/* CONTENTS
---------------------------------------------------------------------------*/
h2{ padding: 10px 10px; background:#630; text-align:center; font-size:120%; color:#FFF;font-weight: bold; line-height:100%;}
h3{ padding: 5px 10px; background: #eeb; font-size:120%; color: #630;font-weight: bold; line-height:100%;}
h4{ padding: 5px 10px; background: #eeb; font-size:120%; color: #630;font-weight: bold; line-height:100%;}
h5{ padding: 3px 10px; background: #060; text-align:center; font-size:120%; color:#FFF;font-weight: bold; line-height:100%;}
h6{ padding: 3px 10px; background: #639; text-align:center; font-size:120%; color:#FFF;font-weight: bold; line-height:100%;}
#contents{ width:100%; margin:0; padding:0 0 0; background:#FFF; text-align:left;}


mailformpro{background: #690;}





/* FOOTER
---------------------------------------------------------------------------*/
footer{ padding:10px 5px 10px; font-size:80%; clear:both; background:#000000; color:#FFF;}