/* CSS Document */

/* ================================================
	reset
=================================================*/

html {
	color:#FFF;
}
body { margin:0 auto; overflow:visible; padding:0; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; }
a { overflow:hidden; }
a img, img { border:0 !important; }
abbr, acronym { border:0; }
address, caption, cite, code, dfn, em, th, strong, var { font-style:normal; font-weight:normal; }
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul { margin:0; padding:0; }
caption, th { text-align:left; }
code, kbd, pre, samp, tt { font-family:monospace; line-height:100%; }
*+html code, *+html kbd, *+html pre, *+html samp, *+html tt { font-size:108%; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
q:before, q:after { content:''; color:#727171; }   
button, fieldset, form, input, label, legend, select, textarea { font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; vertical-align:baseline; }
table { border-collapse:collapse; border-spacing:0; font-size:100%; }
a {text-decoration:none; color:#ffffff;}
a:hover {text-decoration:underline; color:#fffff;}
a:visit{ color:#ffffff;}
strong { font-weight: bold; }
figure{ display: block; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }


/*clearfix*/

.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */ 



/**トップへ戻るボタン**/

#page_top{
	position: fixed;
	bottom: 20px;
	right: 20px;
	}
#page_top a{
	xtext-decoration:none;
	width: 101px;
	display: block;
	}
	
#page_top a:hover{
	text-decoration: none;
	}
	
	
/**wrap**/	

#wrap{
	width:100%;
	min-width:1200px;
	margin:0 auto;
	clear:both;
	background-color: #1F2022;
	}
	
	
/**hタグ**/
h1{ background-color: #fff; font-size:10px; color:8C8C8C; text-align: center; padding:4px; }
h2{ }
h3{ font-family: 'trajan','EB Garamond', serif; color: #fff; font-size: 42px; padding-bottom: 20px; margin:0 0 16px 0; position: relative; background: no-repeat; height:40px; }
h3:after{ content: "　"; clear: both; border-bottom:#fff 1px solid; background-position: right bottom; background-repeat: no-repeat; position: absolute; bottom:0; right:0; width: 200%; }
h3 span{ font-size: 20px; color:#8C8C8C; padding:12px 25px 0; letter-spacing: 0.1em; font-family:'EB Garamond'; }
h3 img, h3 span{ float: left; }
h3.right img, h3.right span{ float: right; }
{ float:right; }
h3.right:after{ left:0; text-align: right; background-position: left bottom; }
h4{}
h5{}
h6{}
	


/**page_base**/

.page_base{ overflow:hidden; clear:both; padding-bottom:60px; }
.page_design{ width:1080px; margin:0 auto; clear:both; }

/**page_titel**/

#page_titel{}
#page_titel p{}
#page_titel p span{}
#page_titel ul{}
#page_titel li{}
#page_titel dl{}
#page_titel dt{}
#page_titel dd{}


/**more**/

.relative{ position:relative; }
p{ font-size:15px; color:#969696; line-height: 2em; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }