@charset "utf-8";

/* communityCSS Category ---------
01. Title
02. Navigation
03. common element
---------------------------- */


/* 01. Title
--------------------------------------------------------------------------- */
h2.primaryTtl{
	background:url(../images/community/h2ttl_commu.jpg) left top no-repeat;
	overflow:hidden;
	padding:45px 0 0 0;
	height:0;
	width:580px;
	}

h3{
	position:relative;
	overflow:hidden;
	padding:30px 0 0 0;
	height:0;
	width:560px;
	}
h3.fs_01{background:url(../images/community/h3ttl_fs01.jpg) left top no-repeat;}
h3.fs_02{background:url(../images/community/h3ttl_fs02.jpg) left top no-repeat;}
h3.fs_03{background:url(../images/community/h3ttl_fs03.jpg) left top no-repeat;}
h3.fs_04{background:url(../images/community/h3ttl_fs04.jpg) left top no-repeat;}
h3.fs_05{background:url(../images/community/h3ttl_fs05.jpg) left top no-repeat;}
h3.topicList{background:url(../images/community/h3ttl_topic01.jpg) left top no-repeat;}
h3.topicDetail{background:url(../images/community/h3ttl_topic02.jpg) left top no-repeat;}
h3.commentList{background:url(../images/community/h3ttl_topic03.jpg) left top no-repeat; margin-top:40px;}


/* 02. Navigation
--------------------------------------------------------------------------- */
.tabNavi {
	background: url(../images/community/navi_back.jpg) left top no-repeat;
	clear: both;
	height:80px;
	width:580px;
	}

ul.mainNavi {
	background: url(../images/community/mainnav_back.jpg) left top no-repeat;
	margin-left:40px;
	height:40px;
	width:540px;
	}
ul.mainNavi li,
ul.subNavi01 li,
ul.subNavi02 li {float: left;}

ul.mainNavi li a {
	display: block;
	padding:40px 0 0 0;
	height:0;
	width: 270px;
	}
li a.navi01:hover,
li a.navi01On {background: url(../images/community/mainnav_back.jpg) left -40px no-repeat;}
li a.navi02:hover,
li a.navi02On {background: url(../images/community/mainnav_back.jpg) -270px -40px no-repeat;}

ul.subNavi01 {
	background: url(../images/community/subnav01_back.jpg) left top no-repeat;
	clear: both;
	margin-left:35px;
	height:40px;
	width:545px;
	}
ul.subNavi01 li a,
ul.subNavi02 li a {
	display: block;
	padding:40px 0 0 0;
	height:0;
	width: 109px;
	}
ul.subNavi01 li a:hover.rookiesTab,
ul.subNavi01 li a.rookiesTabOn {background: url(../images/community/subnav01_back.jpg) left -40px no-repeat;}
ul.subNavi01 li a:hover.talkTab,
ul.subNavi01 li a.talkTabOn {background: url(../images/community/subnav01_back.jpg) -109px -40px no-repeat;}
ul.subNavi01 li a:hover.eventCommuTab,
ul.subNavi01 li a.eventCommuTabOn {background: url(../images/community/subnav01_back.jpg) -218px -40px no-repeat;}

ul.subNavi02 {
	background: url(../images/community/subnav02_back.jpg) left top no-repeat;
	clear: both;
	margin-left:35px;
	height:40px;
	width:545px;
	}
ul.subNavi02 li a.sub01:hover,
ul.subNavi02 li a.sub01On {background: url(../images/community/subnav02_back.jpg) left -40px no-repeat;}
ul.subNavi02 li a.sub02:hover,
ul.subNavi02 li a.sub02On {background: url(../images/community/subnav02_back.jpg) -109px -40px no-repeat;}


/* 03. common element
--------------------------------------------------------------------------- */
.detailBox{
	font-size:12px;
	line-height:1.4;
	clear:both;
	margin:20px auto 0;
	overflow:hidden;
	width:560px;
	}


/* 04. index.html
--------------------------------------------------------------------------- */
#supportInfo{
	background: url(../images/support/service_back.jpg) left center repeat-x;
	border:1px solid #003366;
	margin:20px auto;
	width:540px;
	}
	
#supportInfo p{padding:10px;}

.kitButton a{
	background: url(../images/community/bnr_kit.jpg) left top no-repeat;
	display:block;
	margin:20px auto;
	position:relative;
	padding:110px 0 0 0;
	height:0;
	width:500px;
	}
.kitButton a:hover{background: url(../images/community/bnr_kit.jpg) left -110px no-repeat;}

.entryButton a{
	background: url(../images/community/bnr_form.jpg) left top no-repeat;
	display:block;
	margin:0 auto 20px ;
	position:relative;
	padding:130px 0 0 0;
	height:0;
	width:500px;
	}
.entryButton a:hover{background: url(../images/community/bnr_form.jpg) left -130px no-repeat;}

.entry_ex{
	clear:both;
	margin:20px auto 40px;
	position:relative;
	width:500px;
	}
span.copy{
	font-weight:bold;
	text-align:center;
	}
	
/* 05. op
--------------------------------------------------------------------------- */
table {
	border-collapse: collapse;
	border: 2px solid #bcbcbc;
	margin: 20px auto 0px;
	position:relative;
	width: 540px;
}
table th {
	background: url(../images/community/topic_back.jpg) left center repeat-x;
	border: 1px solid #ccc;
	padding: 8px;
	}
table th.detailTtl{width: 114px;}
table th.ttlLink{text-align:left;}

table td {
	background: url(../images/community/topic_back.jpg) left center repeat-x;
	border: 1px solid #ccc;
	padding: 8px;
	}
	
.pages{
	background:url(../images/information/txtBack.jpg) left top repeat-x;
	border-top:1px solid #ccc;
	clear:both;
	margin:20px auto 0;
	padding:10px;
	position:relative;
	text-align:center;
	height:19px;
	width:550px;
	}

.pages li{
	display:inline;
	text-align:center;
	width:150px;
	}	
.pages li.centerPage{margin: 0 40px;}

.photo li{
	display:inline;
}


/* 06. home.php
--------------------------------------------------------------------------- */
/* viewArea */
#homeSns #sns_list{height: 160px;}
#snsDetail dl{
	font-size:12px;
	line-height:1.4;
	margin:0 auto;
	width:400px;
	}
#snsDetail dl dt.list{
	background:url(../images/home/txtBack.jpg) left bottom repeat-x;
	padding:10px 0;
	overflow:hidden;
	height:20px;
	width:400px;
	}
#snsDetail dl dt a,
#snsDetail dl dt span{
	color:#333;
	display:inline;
	}
#snsDetail dl dt span{
	padding:5px 10px;
	width:7.5em;
	}
#sns_list .SNStitle{
	display:none;
}