@charset "utf-8";

/****************************************************************************
ラップ
****************************************************************************/

#wrap{
	width:900px;
	background:url(../img/left_bg.gif) repeat-y left top;
	text-align: left;
	margin:0 auto;
	border-right:1px solid #666;
	border-left:1px solid #666;
}

/****************************************************************************
コンテナ
****************************************************************************/

#container{
	width:680px;
	float:right;
	padding-bottom:10px;
}

/****************************************************************************
ヘッダ
****************************************************************************/

#header{
	width:680px;
	height:85px;
	border-bottom:1px solid #666;
	position:relative;
}
#header h1{
	position:absolute;
	top:20px;left:23px;
	width:321px;
	height:49px;
}
#header #member{
	padding:46px 0 0 510px;
}
#header #member a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:129px;height:39px;
	background-image:url(../img/member.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
#header #member a:hover{background-position:right top;}

/****************************************************************************
レフト
****************************************************************************/

#side{
	width:220px;
	float:left;
	padding-bottom:10px;
}
#side h2{
	margin-left:81px;
}
#side h3{
	margin:10px 0 5px;
}
#month_img #img{
	border-bottom:1px solid #666;
}
#month_img p{
	margin:5px 0 8px 10px;
}

/****************************************************************************
グローバルナビ
****************************************************************************/

#side a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:220px;height:20px;
	background-repeat:no-repeat;
	background-position:left top;
}
#side a:hover{background-position:right top;}

#side #n01 a{background-image:url(../img/n01.gif);}
#side #n02 a{background-image:url(../img/n02.gif);}
#side #n03 a{background-image:url(../img/n03.gif);}
#side #n04 a{background-image:url(../img/n04.gif);}
#side #n05 a{background-image:url(../img/n05.gif);}
#side #n06 a{background-image:url(../img/n06.gif);}
#side #n07 a{background-image:url(../img/n07.gif);}
#side #n08 a{background-image:url(../img/n08.gif);}
#side #n09 a{background-image:url(../img/n09.gif);}
#side #n10 a{background-image:url(../img/n10.gif);}
#side #n11 a{background-image:url(../img/n11.gif);}
#side #n12 a{background-image:url(../img/n12.gif);}
#side #n13 a{background-image:url(../img/n13.gif);}
#side #n14 a{background-image:url(../img/n14.gif);}
#side #n15 a{background-image:url(../img/n15.gif);}
#side #n16 a{background-image:url(../img/n16.gif);}
#side #n17 a{background-image:url(../img/n17.gif);}

/****************************************************************************
フッタ
****************************************************************************/

#fnavi{
	clear:both;
	text-align:center;
}
#fnavi li{
	display:inline;
	border-left:1px solid #000;
	padding-left:20px;
	margin-left:20px;
}
#fnavi li#fnavi_last{
	border-right:1px solid #000;
	padding-right:1em;
}
#footer{
	clear:both;
	background-color:#fff;
	height:60px;
	border-top:1px solid #666;
	color:#ccc;
	font-size:10px;
	padding:15px 0 0 20px;
}

/****************************************************************************
共通クラス
****************************************************************************/

.clear:after,
#container:after{
content:"";
display:block;
clear:both;
}

*+html body .clear,
*+html body #container{
display:inline-block;
}

* html body .clear,
* html body #container{
height:1px;
}

/****************************************************************************
トップページ
****************************************************************************/
#container #headimg{
	width:680px;
	height:184px;
}
#contents{
	padding:25px 35px 35px 28px;
}
#contents #banner{
	width:340px;
	float:left;
	margin:11px 0 35px;
}
#contents #banner p{
	float:left;
	padding-bottom:5px;
}
#contents #cm{
	width:245px;
	float:right;
	font-size:10px;
}
#contents #cm #cmimg{
	width:240px;
	height:225px;
}
#contents #news{
	width:340px;
	margin-left:7px;
	float:left;
}
#contents #topics{
	width:245px;
	float:right;
}
#contents #news h2,#contents #topics h2{
	padding-bottom:5px;
}
#contents #news li,#contents #topics li{
	margin-top:5px;
}

/****************************************************************************
soon
****************************************************************************/
#soon #contents{
	padding:250px 35px 0;
}
#soon #wrap{
	position:relative;
}
#soon #container #fnavi{
	position:absolute;
	bottom:90px;
	left:330px;
}
#soon #contents p{
	text-align:center;
	margin-bottom:20px;
}
#soon #contents p strong{
	font-weight:bold;
	font-size:medium;
	line-height:2;
}