@charset "UTF-8";
/* CSSリセット */html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;-webkit-text-size-adjust:100%;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


/* 一般・共通設定 */
html {width:100%;}
body { font:14px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif; color:#444; background:#FFF; width:100%; min-width:900px; text-align:center;}
img { border:none; vertical-align:middle;}
a{ color:#12C;}
	a:hover{color:#273E52;}

/* レイアウト */

header { width:100%; min-width:960px; text-align:center; background:url(../images/header.jpg) no-repeat top; background-size:cover; }
	#header { width:960px; height:60px; padding:0; overflow:hidden; margin:0 auto;  background:url(../images/gra.jpg) no-repeat bottom;}
	#header h1 { display:block; width:950px; height:20px; padding:0 5px; margin:0 auto; text-align:left; font-size:12px; line-height:20px;font-weight:normal; color:#999;}
	#header p { display:block; width:320px; height:36px; overflow:hidden; padding:0; margin:0 auto; text-align:left; float:left;}
	nav { width:460px; height:36px; float:right; overflow:hidden;}
		nav ul {display: table; margin:0; padding:0; list-style:none;}
		nav li { display:table-cell; padding:0;}

#layout {width:100%; min-width:960px; text-align:center; padding:0 0 30px 0; background:#121212; }
	#contents { width:800px; padding:0 80px; margin:0 auto; text-align:left;}
		#contents:after { display:block; content:""; width:100%; height:1px; padding:0; margin:0 auto; clear:both; overflow:hidden;}

footer { width:100%; min-width:960px; text-align:center; }
	footer table { width:800px; margin:0 auto;}
	footer th { padding:20px 10px; font-size:14px; text-align:left; font-weight: normal;}
		footer th img { padding:4px 0; margin-left:-10px;}
		footer a { color:#333; text-decoration:underline;}
		footer a:hover { color:#005E99;}
		footer .fg { display:block; padding:16px 0 0 0; color:#999; font-size:12px;}
	footer td { padding:20px 0; width:100px; text-align:center;}

.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px; overflow:hidden; width:100%;}
.f10 { font-size:10px;}
.f11 { font-size:11px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f18 { font-size:18px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f28 { font-size:28px;}
.f32 { font-size:32px;}
.f36 { font-size:36px;}
.gray { color:#999;}
.pink { color:#FF329A;}
.blue { color:#6EA9C1;}
.navy { color:#151E3E;}
.red { color:#FF0000;}
.orange { color:#FF9900;}
.purple { color:#6812CD;}
.green { color:#00AA00;}
.tac { text-align:center;}
.tar { text-align:right;}
.tal { text-align:left;}
.fb { font-weight:bold;}
.fbn { font-weight: normal;}
.fr { float:right;}
.fl { float:left;}
.fg { font-family:Arial, Helvetica, sans-serif;}
.iv { filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
.btn {}