@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%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{margin:0;padding:0;font-size:100%;}del{text-decoration:line-through}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:12px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif; color:#333;}
img { border:none;vertical-align:middle}

/* 外枠 */
#layout {width:100%; text-align:center;}
#contents { width:950px; text-align:left; margin:0 auto; padding:0;}

/* ヘッダー・メニュー・フッター・パンくず */
#header {width:100%; text-align:center; border-top:2px solid #1C30A2; }
	#header-inner{ width:920px; margin:0 auto; padding:0 0 4px 0; text-align:left;}
	#header h1 {display:block; padding:4px 0; font-size:12px; color:#999; font-weight:normal; width:450px; }
	#header-logo {display:block; margin:0; padding:0 0 4px 0; width:450px; }
	#header-contact { display:block; margin:0; padding:38px 0 0 0; width:310px; height:40px; vertical-align:bottom; float:right;}
	#header-mark { display:block; margin:0; padding:4px 0 0 0; width:160px; height:74px; float:right;}
	
#menu { width:100%; text-align:center; background: url(../images/menu-bg.jpg) repeat-x top; clear:both;}
	#menu table { width:950px; margin:0 auto; } 

#contact-btn { clear:both; padding:8px 0; text-align:center;}
	#contact-btn p { display:block; width:920px; margin:0 auto; padding:0 0 8px 0;}

#subfooter { clear:both; padding:10px 0; text-align:center; background:#999;}
	#subfooter table { width:950px; margin:0 auto; text-align:left;}
	#subfooter1 { width:240px; vertical-align:top; padding:10px 15px;}
		#subfooter1 p { margin:0; padding:0 0 8px 0;}
			#subfooter1 p a { display:block; padding:2px 0 2px 20px; color:#FFF; background:#B1B1B1 url(../images/subfooter.gif) no-repeat left; text-decoration: none;}
			#subfooter1 p a:hover { color:#333; background-image:url(../images/subfooter-bg.gif);text-decoration: underline;}
		#subfooter1 ul { display:block; width:98px; margin:0 0 0 10px; padding:0 0 0 10px; float:left;}
			#subfooter1 li { width:98px; padding:4px 0 0 0; color:#FFF;}
			#subfooter1 li a { color:#FFF; text-decoration:none;}
			#subfooter1 li a:hover { color:#333; text-decoration:underline;}
	#subfooter2 { width:340px; vertical-align:top; padding:10px 15px;border-left:1px solid #999; border-right:1px solid #999; }
		#subfooter2 p { margin:0; padding:0 0 8px 0;}
			#subfooter2 p a { display:block; padding:2px 0 2px 20px; color:#FFF; background:#B1B1B1 url(../images/subfooter.gif) no-repeat left; text-decoration: none;}
			#subfooter2 p a:hover { color:#333; background-image:url(../images/subfooter-bg.gif);text-decoration: underline;}
		#subfooter2 ul { display:block; width:148px; margin:0 0 0 10px; padding:0 0 0 10px; float:left;}
			#subfooter2 li { width:148px; padding:4px 0 0 0; color:#FFF;}
			#subfooter2 li a { color:#FFF; text-decoration:none;}
			#subfooter2 li a:hover { color:#333; text-decoration:underline;}
	#subfooter3 { width:310px; vertical-align:top; padding:10px 0;}
		#subfooter3 ul { margin:0; padding:0 5px 0 15px; float:left; min-width:120px; list-style:none;}
			#subfooter3 li { padding:0 0 8px 0; font-size:12px;}
			#subfooter3 li a { display:block; padding:2px 0 2px 24px; color:#FFF; background: url(../images/subfooter3.gif) no-repeat left; text-decoration: none;}
			#subfooter3 li a:hover { color:#333; background-image:url(../images/subfooter3-bg.gif);text-decoration: underline;}

#footer { clear:both; padding:0 0 8px 0; text-align:center; border-bottom:2px solid #1C30A2;}
	#footer p { width:930px; margin:0 auto; padding:8px 0; text-align:right; font-size:10px;}
		#footer p a { text-decoration:none; color:#999; padding:0; font-weight:bold;}
		#footer p a:hover { text-decoration:underline; color:#1B30A1;}
	#footer table { width:930px; margin:0 auto; text-align:left;}
	#footer-logo { width:200px; text-align:left;}
	#footer-info { width:430px; text-align:left; vertical-align: middle; font-size:12px; color:#999;}
	#footer-inquiry { width:300px; text-align:right;}

.gotop { width:100%; padding:16px 0; clear:both;}
	.gotop p { font-size:10px; text-align:right; padding:0 30px;}
		.gotop p a { color:#999; text-decoration:none;}
		.gotop p a:hover { color:#0C4F95; text-decoration:underline;}

#end { width:100%; padding:0 0 15px 0; text-align:center;}
	#end table { width:650px; margin:0 auto;}
	#end td { padding:8px 0;}
	#end a img { border:1px dashed #CCC;}
		#end a img:hover { border:1px dashed #0067BC;}


/* 共通要素 */
.cb { height:1px; display:block; clear:both; font-size:1px; line-height:1px; overflow:hidden; width:100%;}
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.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;}
.blue { color:#1C30A2;}
.red { color: #EE0000;}
.orange { color:#FF9900;}
.purple { color:#6812CD;}
.green { color:#0AB600;}
.tac { text-align:center;}
.tar { text-align:right;}
.tal { text-align:left;}
.fb { font-weight:bold;}
.fr { float:right;}
.fl { float:left;}
.fg { font-family:Arial, Helvetica, sans-serif;}
.iv { filter: alpha(opacity=0); -moz-opacity:0; opacity:0;}
.btn {}
