@charset "utf-8";
@import url("common.css");
@import url("thickbox.css");
@import url("cns.css");


#mainContent { 
	width:680px;
	height:auto;
	padding: 0 0 0 10px;
	float:right;
	margin:0 0 20px 0;
}

#mainContent #infoBox {
	width:680px;
}

#mainContent .boxTitle{
	background-image: url("/img/ttl_bg.gif");
}

BODY #container #mainContent .boxTitle{
	width: 679px;
	height: 40px;
	color:#FFF;
}

#mainContent #infoBox .boxTitle{
	background-image: url("/img/ttl_info.gif");
}

#mainContent #infoBox .info {
	width:658px;
	border-bottom:1px dotted #ccc;
}

#mainContent #infoBox dt{
	width:130px;
	font-size:12px;
}

#mainContent #infoBox dd{
	width:505px;
}

/* start ユーザー入力部分調整*/

#mainContent #infoBox .columnBoxCenter .mainBox div,
#mainContent #eventBox .mainBox div{
	width:auto;
	height:auto;
}

#mainContent #infoBox .columnBoxCenter .mainBox table,
#mainContent #eventBox .mainBox table{
	float:none;
	width:auto;
}

#mainContent #infoBox .columnBoxCenter .mainBox ul li,
#mainContent #eventBox .mainBox ul li{
	list-style-type: disc;	
}

#mainContent #infoBox .columnBoxCenter .mainBox ol li,
#mainContent #eventBox .mainBox ol li{
	list-style-type: decimal;	
}

/* end ユーザー入力部分調整*/


#mainContent #eventBox {
	width:680px;
}

#mainContent #eventBox .boxTitle {
	background-image: url("/img/ttl_event.gif");
}

#mainContent #eventBox .result {
	background-image: url("/img/ttl_event_result.gif");
}

#mainContent #eventBox table {
	width:658px;
}
/*
#mainContent #eventBox td.eventType{
	width:80px;
}

#mainContent #eventBox td.eventDay{
	width:250px;
}

#mainContent #eventBox td.eventIcn{
	text-align:right;
	width:150px;
}
*/

#mainContent #eventBox td.past{
	text-align:center;
}

#mainContent #eventBox #eventNaviBox{
	width:668px;
	height:40px;
	margin:1px 0 0 0;
	padding:8px 0 0 10px;
	color:#333;
	background-color:#F2EEED;
	border:1px solid #ccc;
	float:left;
}

#mainContent #eventBox #eventNaviBox dt{
	width:50px;
	height:28px;
	float:left;
	font-size:10px;
	line-height:28px;
	font-weight:bold;
}

#mainContent #eventBox #eventNaviBox dd{
	width:605px;
	float:left;
	font-size:12px;
	height:28px;
	line-height:28px;
}

#mainContent #eventBox #eventNaviBox dd img{
	margin-right:2px;
}

#mainContent #eventBox .subTtlBox{
	width:98%;
	padding : 0 5px;
	margin-right : 10px;
	height:25px;
	font-size:12px;
	line-height:25px;
	background-color:#000;
	background-image: url("/img/ttl_event_contents_bg.gif");
	background-repeat: repeat-x;
	background-position: left top;
	color:#FFF;
}

#container #mainContent #formBox,
#container #mainContent #completionBox {
	width:500px;
	height:auto;
	margin:5px auto;
}

#mainContent #eventBox #formBox .formTtl{
	width:500px;
	line-height:150%;
	background-color:#3471af;
	color:#fff;
	font-weight: bold;
	font-size: 120%;
	text-align:center;
}

#mainContent #eventBox #formBox .formInput{
	width:458px;
	height:auto;
	background-color:#d4edfc;
	padding:10px 20px;
	text-align:center;
}

#mainContent #eventBox #formBox .subBox{
	width:458px;
	height:auto;
	text-align:left;
	float:left;
	border-top:1px solid #548abe;
	padding:10px 0 0 0;
}

#mainContent #eventBox #formBox .subBox table{
	width:458px;
	height:auto;
	text-align:left;
	float:left;
	padding:0;
}

#mainContent #eventBox #formBox .subBox th{
	font-weight:normal;
	width:110px;
	text-align:left;
}

#mainContent #eventBox #formBox .formInput dt{
	width:100px;
	height:auto;
	margin:0 0 8px 0;
	float:left;
	text-align:left;
}

#mainContent #eventBox #formBox .formInput dd{
	width:350px;
	height:auto;
	margin:0 0 8px 0;
	float:right;
	text-align:left;
}

#mainContent #eventBox #formBox .formInput dd img{
	vertical-align:top;
	margin-left:8px;
}

#mainContent #eventBox #formBox .formInput input[type="text"]{
	width:200px;
}

#mainContent #eventBox #formBox .formInput .subBox input[type="text"]{
	width:110px;
}

#mainContent #eventBox #completionBox .completionTtl{
	width:500px;
	line-height:150%;
	background-color:#3471af;
	color:#fff;
	font-weight: bold;
	font-size: 120%;
	text-align:center;
}

#mainContent #eventBox #completionBox .completionMain{
	width:458px;
	height:auto;
	background-color:#d4edfc;
	padding:10px 20px;
}

#mainContent #eventBox #completionBox .completionMain dt{
	width:150px;
	float:left;
}

#mainContent #eventBox #completionBox .completionMain dd{
	width:300px;
	float:right;
}

#mainContent #eventBox .enLarge {
	font-size:1.2em;
	text-align:center;
}


#mainContent #communityBox{
	width:680px;
}

#mainContent #communityBox .boxTitle{
	background-image: url("/img/ttl_community.gif");
}

#mainContent #communityBox #tagCloudBox {
	width:658px;
	padding:10px;
	margin:1px 0 0 0;
	float:left;
	background-color:#E8EDE6;
	border:1px solid #CDDCC7;
}


#mainContent #communityBox .theme {
	width:658px;
}

#mainContent #communityBox .themeBox .theme {
	width:638px;
}

#mainContent #communityBox dt{
	width:485px;
}

#mainContent #communityBox .themeBox .theme dt{
	width:465px;
}

#mainContent #communityBox .tag{
	display:block;
	width:100px;
	height:16px;
	background:url("/img/img_bg_tag.jpg") repeat-x;
	margin:0 10px 0 5px;
	text-align:center;
	border:1px solid #ccc;
	font-size:10px;
	line-height:15px;
	font-weight:bold;
	float:left;
	text-decoration:none;
}

#mainContent #communityBox P{
 margin-bottom:5px;
}

#mainContent #communityBox dd{
	width:170px;
	font-size:12px;
}



#mainContent #communityBox .communityNum{
	color:#060;
}

#mainContent #communityBox .subTtlBox{
	width:670px;
	height:25px;
	font-size:12px;
	line-height:25px;
	padding:0 0 0 10px;
	float:left;
	background-color:#3471af;
	color:#FFF;
}

#mainContent #communityBox .consequence{
	background:#79011D;
}

#mainContent #communityBox .columnBox .mainBox{
	margin-bottom:10px;
	padding-bottom:10px;
}

#mainContent #communityBox .mainBox .subTtlBox{
	width:650px;
}

#mainContent #communityBox .mainBox .subTtlBox dt{
	width:300px;
	float:left;
}

#mainContent #communityBox .mainBox .subTtlBox dd{
	float:right;
	margin-right:10px;
}



#mainContent #communityBox .themeBox{
	width:638px;
	height:auto;
	padding:8px 10px;
	background:#fff;
	float:left;
	border:1px solid #ccc;
}

#mainContent #communityBox #formBox .formInput{
	width:458px;
	height:auto;
	background-color:#d4edfc;
	padding:10px 20px;
	text-align:left;
	margin:0 0 20px 0;
}

#mainContent #communityBox #formBox .formInput dt{
	width:80px;
	height:25px;
	margin:0 0 4px 0;
	float:left;
	text-align:left;
}

#mainContent #communityBox #formBox .formInput dd{
	width:360px;
	height:25px;
	margin:0 0 4px 0;
	float:right;
	text-align:left;
}

#mainContent #communityBox #formBox .formInput input[type="text"]{
	width:300px;
}

#mainContent #communityBox #formBox .formInput textarea{
	width:300px;
	height:100px;
}

#mainContent #communityBox #threadBox{
	width:654px;
	height:auto;
	background:#fff;
	border:1px solid #C4D6BE;
	padding:2px;
	float:left;
}

#mainContent #communityBox #threadBox .thread{
	width:646px;
	height:auto;
	background:#fff;
	border-bottom:1px solid #E2EADF;
	padding:4px;
	float:left;
}

#mainContent #communityBox #threadBox .active{
	background:#FFFFCD;
}

#mainContent #communityBox #threadBox .title{
	width:410px;
	height:auto;
	float:left;
}

#mainContent #communityBox #threadBox .people{
	width:140px;
	height:auto;
	float:left;
}

#mainContent #communityBox #threadBox .date{
	width:90px;
	height:auto;
	float:left;
	font-size:10px;
}

#mainContent #communityBox #threadBox .last{
	border:0;
}

#mainContent #cnsBox {
}

#mainContent #cnsBox .boxTitle{
	width:676px;
	height:35px;
	background:#333 url(/img/img_cns.jpg) no-repeat 0 25px;
	font-size:12px;
	color:#fff;
	text-align:left;
}

#mainContent #cnsBox .boxTitle img{
	vertical-align:top;
	margin:2px 12px 0 1px;
}

#mainContent #cnsBox .subTtlBox{
	width:670px;
	height:25px;
	font-size:12px;
	line-height:25px;
	padding:0 0 0 10px;
	float:left;
	background:#333;
	color:#FFF;
}

#mainContent #cnsBox .newsTopic{
	background:#003F86;
}

#mainContent #cnsBox .contentsTtlBox{
	width:660px;
	height:35px;
	padding:0 10px;
	float:left;
	background:#333;
	color:#FFF;
	float:left;
	vertical-align:middle;
}

#mainContent #cnsBox .contentsTtlBox dt{
	width:400px;
	height:auto;
	float:left;
	font-size:13px;
	line-height:35px;
	font-weight:bold;
}

#mainContent #cnsBox .contentsTtlBox dd{
	width:200px;
	height:auto;
	float:right;
	font-size:13px;
	line-height:35px;
	text-align:right;
}


#mainContent #cnsBox .info {
	width:658px;
	float:left;
	margin:0 0 6px 0;
	padding:0 0 5px 0;
	height:auto;
	border-bottom:1px dotted #ccc;
}

#mainContent #cnsBox .last{
	border:0;
}

#mainContent #cnsBox dt{
	width:90px;
	height:auto;
	float:left;
	font-size:10px;
}

#mainContent #cnsBox dd{
	width:560px;
	height:auto;
	float:right;
}

#mainContent #searchBox{
	float:left;
	width:670px;
	height:28px;
	margin:1px 0 0 0;
	padding:8px 0 0 10px;
	background:#6B6B6B;
}

#mainContent #searchBox select,
#mainContent #searchBox input{ 
	float:left;
}

#mainContent #searchBox input[type="text"]{
	float:left;
	width:150px;
	height:16px;
	margin-right:10px;
	font-size:12px;
}

*+html body #mainContent #searchBox input[type="text"]{
	height:14px;

}

#mainContent #searchBox select{
	float:left;
	width:150px;
	height:18px;
	font-size:12px;
	margin-right:10px;
}

#mainContent #searchBox input[type="image"]{
	float:left;
	width:76px;
	height:22px;
}

#mainContent #memberBox {
	width:680px;
}	

#mainContent #memberBox .boxTitle {
	text-align: right;
	background-image: url("/img/ttl_member.gif");
}

#mainContent #memberBox #memberTabBox{
	width:668px;
	height:20px;
	margin:3px 0 0 0;
	padding:0 0 0 10px;
	color:#333;
	background-color:#FFF;
	float:left;
}

#mainContent #memberBox #memberTabBox .tab{
	width:100px;
	height:20px;
	margin:0 5px 0 0;
	padding:0;
	text-align:center;
	color:#333;
	background-color:#FFF;
	float:left;
	line-height:20px;
	border:1px solid #ccc;
	border-bottom:none;
	font-size:12px;
}

#mainContent #memberBox #memberTabBox .active{
	background-color:#DDD;
}

#mainContent #memberBox #memberNaviBox{
	width:668px;
	height:30px;
	margin:0;
	padding:0 0 0 10px;
	color:#333;
	background-color:#ddd;
	border:1px solid #ccc;
	float:left;
}

#mainContent #memberBox #memberNaviBox dt{
	width:30px;
	height:28px;
	float:left;
	font-size:10px;
	line-height:28px;
	font-weight:bold;
}

#mainContent #memberBox #memberNaviBox dd{
	width:630px;
	float:left;
	font-size:11px;
	height:28px;
	line-height:28px;
}

#mainContent #memberBox .stitle{
	border-top:dotted 1px #333;
	font-size:16px;
	font-weight:bold;
	background-color:#F5F5F5;
	margin:0 0 5px 0;
	float:left;
	width:100%;
}

#mainContent #memberBox table {
	width:658px;
	font-size:12px;
	margin:0 0 20px 0;
	float:left;
}

#mainContent h2 { 
	margin:0 0 12px 0;
	font-size:18px;
	line-height:18px;
}

#mainContent h2 img{ 
	vertical-align:middle;
	margin:0 10px 0 0;
}

#mainContent h2 .dateTtl{ 
	color:#666;
	font-size:0.75em;
}

#mainContent #eventBox h2,
#mainContent #communityBox h2{
	padding-bottom:15px;
	border-bottom:1px dotted #ccc;
}

#mainContent p { 
	margin:0 0 20px 0;
} 

#mainContent .arrowBox{
	width:670px;
	height:10px;
	padding:5px;
	background:#fff;
	float:left;
	text-align:center;
}

#mainContent .columnBoxCenter{
	width:668px;
	padding-top:4px;
	padding-right:0;
	border-top:1px solid #ccc;
}

#mainContent .columnBoxCenter table.form{
	width:640px;
	height:auto;
	margin:0;
	padding:0;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#mainContent .columnBoxCenter table.form th{
	width:150px;
	height:auto;
	line-height:24px;
	padding:5px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:right;
	background:#F0F0F0;
}

#mainContent .columnBoxCenter table.form td{
	width:380px;
	height:auto;
	line-height:24px;
	padding:5px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#mainContent .columnBoxCenter input.txtFld{
	width:350px;

}

#mainContent .columnBoxCenter textarea.txtArea{
	width:350px;

}


#mainContent .columnBox{
	width:674px;
	margin:1px 0 0 0;
	padding:2px;
/*	border:1px solid #ccc; */
	float:left;
}

#mainContent .mainBox{
	width:644px;
	height:auto;
	padding:14px 7px;
	background:#fff;
	float:left;
	font-size:13px;
}

#mainContent #eventBox .mainBox{
	width:658px;
	border:1px solid #E8E2E4;
}

#mainContent #communityBox .mainBox{
	width:658px;
	background-color:#eff9ff;
	border:1px solid #b4d4ed; 
	padding-bottom:0;
	margin:0 0 15px 0;
}

#mainContent #otherBox{
	
}

#mainContent #otherBox .boxTitle{
	width:676px;
	height:35px;
	background:#333 url(/img/img_other.jpg) no-repeat 0 25px;
	font-size:12px;
	color:#fff;
}

#mainContent #otherBox .boxTitle img{
	vertical-align:top;
	margin:2px 12px 0 1px;
}

#storyDescription {
	width: 560px;
	clear: both;
	line-height: 1.3em;
}

#storyDescription * {
	width: auto !important;
	float: none !important;
}

#storyDescription table,
#storyDescription th,
#storyDescription td,
#storyDescription p {
	border: none;
	color: inherit;
}


#storyDescription UL LI {
	list-style-type: disc;
}

#storyDescription OL LI {
	list-style-type: decimal;
}

#mainContent OL, 
#mainContent UL {
 margin : 0.5em 3em;
}

#mainContent LI {
 float:none;
}


#mainContent .pager LI {
 float:left;
}

#mainContent #eventBox .common {
	background-image: url("/img/ttl_bg.gif");
}

#mainContent #eventBox .boxTitle H1 {
	line-height:150%;
	font-weight: bold;
	font-size: 16px;
	text-align:left;
	padding: 0 10px;
	margin: 0;
	border: none;
}

#mainContent #eventBox .eventFormAction {
	text-align: center;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#mainContent #eventBox .eventFormAction UL {
	list-style-type: none;
	margin:0;
	padding:0;
	position: relative;
	float:left;
	left: 50%;
}

#mainContent #eventBox .eventFormAction UL LI {
	list-style-type: none;
	margin:0;
	padding:0;
	position: relative;
	float:left;
	left: -50%;
}

#mainContent #eventBox .eventFormAction A.button {
	position: relative;
	display:block;
	width: 12em;
	height: 21px;
	margin: 0 10px;
	font-size: 100%;
	font-weight:bold;
	text-decoration: none;
	line-height: 130%;
	background-color:#000;
	background-image: url("/img/btn_bg_common.gif");
	background-repeat: repeat-x;
	color : #fff;
	padding-top : 7px;
}

#mainContent #eventBox .eventFormAction A.button:hover {
	background-color:#555;
	background-image:none;
}

#mainContent #eventBox .eventFormAction A.button:active {
	background-image: url("/img/btn_bg_common.gif");
	color : #fff;
}

#mainContent #otherBox .columnBoxCenter .agreement h2 {
	margin: 20px;
	text-align:center;
	font-size: 130%;
	font-weight: bold;
}

#mainContent #otherBox .columnBoxCenter .agreement dl {
	text-align:left;
}

#mainContent #otherBox .columnBoxCenter .agreement dl dt {
	margin: 20px 0 10px 0;
	padding: 0;
}

#mainContent #otherBox .columnBoxCenter .agreement dl dd {
	margin: 0 10px 10px 20px;
	padding: 0;
}

#mainContent #otherBox .columnBoxCenter .agreement ol li {
	margin:10px 0;
}

/** イベント詳細表示 **/
#mainContent #eventBox h2 div.eventCategory {
	float:left;
}

#mainContent #eventBox h2 div.eventTitle {
	margin-left: 84px;
	font-size: 18px;
}

#mainContent #eventBox div.eventDetail {
	padding-left: 80px;
}

#mainContent #eventBox div.eventDetail table {
	border-bottom: none;
}

#mainContent #eventBox div.eventDetail table th,
#mainContent #eventBox div.eventDetail table td {
	border: none;
	text-align: left;
}

#mainContent #eventBox div.eventDetail table th {
	font-weight: bold;
	width: 120px;
}