@charset "utf-8";

/* default setup
---------------------------------------------------- */
* 		{margin: 0px; padding: 0px;}
html	{overflow-y:scroll;} /* Fire Fox, Opera */
img		{border:none; vertical-align:top;}
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
	margin:0px;
	padding:0px;
}
ul,li {list-style:none;}
br {letter-spacing:0em;}
hr {display:none;}


body 	{
	font-size: 87.5%;
	line-height: 1.3em;
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	background:#000;
	color: #fff;
}


/* clearfix
---------------------------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* リンク
---------------------------------------------------- */
a:link {color: #fff; text-decoration:underline} 
a:visited {color: #fff; text-decoration:underline} 
a:hover, a:active {color: #fff; text-decoration:none}



/* seo
---------------------------------------------------- */
#seo {}
#seo h1 {
	width:960px;
	margin:0 auto 0;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	color:#;
}


/* header
---------------------------------------------------- */
#header { width:960px; margin:0 auto; text-align:left; height:147px;}
#header h1 { width:266px; float:left; padding-top:45px;}
#header div { width:403px; float:right; padding-top:39px;}

/* navigation
---------------------------------------------------- */
#gnav { background:url(../images/gmav_bg.jpg) repeat-x left top; margin-bottom:20px;}
#gnav ul { width:960px; margin:0 auto; text-align:left; overflow:hidden;}
#gnav li { float:left;}

/* layout
---------------------------------------------------- */

#content { width:960px; margin:0 auto; text-align:left; overflow:hidden;}
#main { width:720px; float:left;}

#sidebar { width:210px; float:right;}
#sidebar ul li { margin-bottom:20px;}
#sidebar dl {
	border:#ffc408 solid 3px;
	padding:10px;
	padding-bottom:0;
}
#sidebar dt { margin-bottom:20px;}
#sidebar dd { margin-bottom:10px; padding:0 7px;}
#sidebar dd div { margin-bottom:5px;}


/* footer
---------------------------------------------------- */
#footer { background:url(../images/foot_bg.jpg) repeat-x left top; height:178px;}
#footer_inner { overflow:hidden; width:960px; margin:0 auto; padding-top:26px; text-align:left;} 
#footer #sitemap { width:280px; float:left;}
#footer #sitemap ul { margin-top:10px; padding-bottom:5px;}
#footer #sitemap ul li { background:url(../images/arrow.png) no-repeat left center; padding-left:10px;}
#footer #bnr { width:659px; float:right;}

#footer ul li a:link { color:#fff; text-decoration:none;}
#footer ul li a:visited { color:#fff; text-decoration:none;}
#footer ul li a:hover { color:#fff; text-decoration:underline;}
#footer ul li a:active { color:#fff; text-decoration:underline;}



/* extended
---------------------------------------------------- */
.f_small { font-size:85.7%;}
.f_large { font-size:172%;}

.link_arrow { background:url(../images/arrow.png) no-repeat left center; padding-left:10px;}

.red { color:#ff0000;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}

.right { text-align:right;}