@import url(reset.css);


/* common */
/* -------------------------------------------------------- */
html, body {width:100%; height:100%;}

body {font:12px Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; color:#343434; text-align:center; background:none;}

h1, h2, h3, h4, h5, h6, h7 {font-size:100%; line-height:140%;}
p, ul, ol, dl, address, blockquote, table, div {font-size:100%; line-height:160%;}
input, select, textarea, button {font-size:12px; vertical-align:middle;}
sup {vertical-align:top;}
sub {vertical-align:middle;}
img {line-height:0;}
a img {display:inline; vertical-align:top;}


/* container */
/* -------------------------------------------------------- */
#container {width:100%; text-align:center;}


/* header */
/* -------------------------------------------------------- */
#header {width:990px; height:92px; text-align:left; margin:0 auto; position:relative;overflow:hidden}

/*#hSummary {width:380px; font-size:11px; font-weight:normal; line-height:120%; color:#999; position:absolute; top:19px; left:285px;}*/
#hSummary {width:380px; font-size:11px; font-weight:normal; line-height:120%; color:#999; position:absolute; top:19px; left:270px;}

#hLogo {width:250px; position:absolute; top:8px; left:0; z-index:100;}
#hLogo a {width:250px; height:34px; text-indent:-9999px; background:url(/common/img/header/h1_bg.png) no-repeat left top; display:block;}

#hTxt {position:absolute; top:50px; left:0;}

#hSet1 {position:absolute; top:19px; right:0; z-index:1;}
#hSet1 li {padding:0 0 0 6px; float:left;}

#hSet2 {position:absolute; top:22px; right:0; z-index:1;}
#hSet2 li {padding:0 0 0 20px; float:left;}
/*#hSet2 li.name {width:199px; height:18px; line-height:130%; text-align:center; padding:0; background:url(/common/img/header/bg_02.gif) no-repeat left top; float:left; position:absolute; top:-22px; right:0;}*/
#hSet2 li.name {width:330px; height:18px; line-height:130%; text-align:center; padding:0; background:url(/common/img/header/bg_02.gif) no-repeat left top; float:left; position:absolute; top:-22px; right:0;}


#hNav  {
	position: absolute;
	left: 0;
	top:52px;
/*	width:328px; */
	width:990px;
	letter-spacing: -.40em;
}
#hNav li {
/*	width:328px; */
	width:330px;
	height: 40px;
/*	border-right: #fff solid 2px; */
	padding:0 0 0 0;
	display:inline-block;
	letter-spacing:0;
	vertical-align: top;
}
#hNav li a {
	display: block;
	margin:0;
	width:100%;
	height: 100%;
	text-indent: -7777px;
}


#gmenu_spot{
	background:url(/common/img/header/gmenu_spot.png) no-repeat 0 0 scroll;
}
#gmenu_magazine{
	background:url(/common/img/header/gmenu_magazine.png) no-repeat 0 0 scroll;
}
#gmenu_howto{
	background:url(/common/img/header/gmenu_howto_use.png) no-repeat 0 0 scroll;
}
#hNav li a:hover{
	background-position: 0 -40px;
}

/* contents */
/* -------------------------------------------------------- */
#contents {width:990px; text-align:left; margin:0 auto; padding:0 0 50px 0;}


/* footer */
/* -------------------------------------------------------- */
#footer{
	margin-top: 20px;
	background:#f1f1f1;
	width: 100%;
	height: 110px;
	text-align:left;
}
#footerInner{
	position: relative;
/*	width: 980px; */
	width: 990px;
	margin: 0 auto;
	padding-top: 40px;
	color:#414141;
}
#footerInner ul{

}
#footerInner li{
	display: inline-block;
	padding:  0 10px;
	border-left:solid 1px #414141;
	line-height:1;
}
#footerInner li:first-child{
	border-left:none;
	padding-left: 0;
}
#footerInner li a{
	color:#414141;
	font-size: 11px;
}
#fLogo{
	position: absolute;
	top:0;
	right: 0;
}
#fCopy{
	margin-top: 15px;
}
/* clear */
/* -------------------------------------------------------- */
.cfix:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
.cfix {display:inline-block;}
/* no ie mac \*/
* html .cfix {height:1%;}
.cfix {display:block;}
/* */