@charset "utf-8";
/* CSS Document */

/*--common--*/
html,body,ul,li,h1,h2,h3,p{
	padding:0;
	margin:0;
	font-family:Arial,'ＭＳ Ｐゴシック',sans-serif;
	font-size:0.9em;
}
html,body{
	text-align:center;
	/*background-color:#f4f4f4;*/
}
ul,ol{
	list-style:none;
	margin:auto -3em 1em 0;
	padding:0;
	position:relative;
	left:-2em;
	overflow:hidden;
}
li{
	margin-top:0.25em;
	margin-bottom:0.25em;
}
ul ul, ul ol,
ol ol, ol ul{
	margin-left:1em;
	padding-left:0;
}
ul li, ol li{
	margin-left:5em;
}
li li{
	margin-left:1em;
}

img{
	border:0;
	vertical-align:top;
}
a{ font-size:1.1em; text-decoration:none; }
a:link{ color:#003366; }
a:visited{ color:#003366; }
a:hover{ color:#003366; }
a.list{ background:url(../images/arrow_gray.gif) no-repeat left; padding-left:10px; font-weight:bold; }

hr{
	height:1px;
}
#header,#main-menu,#contents,#footer{
	text-align:left;
	width:950px;
	margin:auto;
}
#sample
{
	margin:auto;
}
#header{
	margin-top:5px;
	margin-bottom:5px;
}

#contents{
	width:950px;
	margin-top:10px;
}

#footer{
	border-top:#666666 solid 3px;
	text-align:center;
	padding-top:5px;
	padding-bottom:10px;
}
#footer ul{
	margin:0;
	left:0;
}
#footer ul li{
	display:inline;
	margin:15px;
}
#header-logo{
	margin-top:10px;
	margin-left:10px;
}
#header-banner{
	margin-top:5px;
	margin-right:10px;
}
#main-menu{
	background-image:url(../images/top_head_bg.gif);
	background-repeat:repeat-x;
	height:46px;
}
#main-menu ul{
	width:500px;
	padding:0;
	margin:0;
	left:0;
	margin-left:0;
	height: 46px;
}
#main-menu ul li {
	padding:0;
	margin:0;
	float: left;
	list-style-type: none;
}
#main-menu ul li a{
	display:block;
	height: 41px;
	padding:0;
	margin:5px 0 0 0;
}
a#btn-home{
	 width: 121px;
}
a#btn-blog{
     width: 120px;
}
a#btn-forum{
     width: 120px;
}
a#btn-post{
     width: 120px;
}
#btn-login{
	margin:5px;
}

#btn-mypage{
	vertical-align:middle;
}
#btn-logout{
	margin:0 10px 0 10px;
}
#user-info{
	background-image:url(../images/top_head_bg_r.gif);
	background-repeat:no-repeat;
	background-position:top right;
	vertical-align:middle;
	padding-top:10px;
	padding-right:15px;
	height:31px;
}

.left{
	float:left;
}
.right{
	float:right;
}
.banner{
	text-align:center;
	margin-bottom:10px;
}
.center{
	text-align:center;
}
*html body .clearfix {
	height: 1px;
	line-height:0;
	padding:0;
	margin:0;
	visibility: hidden;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	padding:0;
	margin:0;
}

.clearfix {
	clear: both;
	line-height:0;
	min-height: 1px;
	visibility: hidden;
	padding:0;
	margin:0;
}
.bg-gra1{
	background-image:url(../images/bg_gra_1.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
.bg-gra2{
	background-image:url(../images/bg_gra_2.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
.p-box{
	padding:10px;
}
.main h2{
	background-image:url(../images/h2_main.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#FFFFFF;
	padding-top:5px;
	padding-left:10px;
	height:19px;
	border-bottom:#8DD821 1px solid;
}
.info h2{
	background-image:url(../images/h2_info.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#FFFFFF;
	padding-top:5px;
	padding-left:10px;
	height:19px;
	border-bottom:#999999 1px solid;
}
.sysinfo h2{
	background-image:url(../images/h2_sysinfo.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#FFFFFF;
	padding-top:5px;
	padding-left:10px;
	height:19px;
	border-bottom:#ff7777 1px solid;
}
.box{
	width:100%;
	border:#999999 1px solid;
	margin-bottom:10px;
}
.box p{
	padding:10px;
}
.photo-list{
	margin-bottom:10px;
}
/*--common--*/
.photo{
	width:105px;
	text-align:left;
	float:left;
	margin: 5px 2px 5px 8px;
	padding: 3px;
	background-color:#333333;
}
.photo a:link{ font-size:0.9em; color:#FFFFFF; }
.photo a:visited{ color:#FFFFFF; }
.photo a:hover{ color:#FFFFFF; }
.photo-img{
	margin:auto;
	padding:3px;
}

#index-tab{
	width:100%;
	margin:auto;
}
#index-tab ul
{
	padding:0;
	margin: 3px 0 0 0;
	left:0;
	margin-left:0;
	height: 26px;
	background-image:url(../images/member_menu_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	/*border-left:#999999 1px solid;*/
}
#index-tab ul li{
	padding:0;
	margin:0;
	float: left;
	list-style-type: none;
	background-image:url(../images/btn_member_bg.gif);
	background-repeat:no-repeat;
	background-position:right;
	text-align:center;
	width: 11.11%;
	height: 26px;
	font-size:10px;
}
#index-tab ul li.over{
	background-image:url(../images/btn_member_over_bg.gif);
	background-position: center;
}
#index-tab ul li.left{
	background-position:left;
}
#index-tab ul li.right{
	background-position:right;
}
#index-tab ul li a{
	display:block;
	padding:0;
	margin-top:5px;
}
.index-box{
	width:480px;
	/*border:#999999 1px solid;*/
	border-top:none;
	padding:10px;
	height:205px;
	text-align:center
}