@charset "UTF-8";


* {
	margin		:0;
	padding		:0;
	font-size: 100%;
}
body {
	font-size: 75%;
	font-family: "MS UI GOTHIC","ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	background: #FFF;
}

a {
	text-decoration	: none;
	cursor			: pointer;
}

a:link {
	color			: #EA9C00;
	text-decoration	: none;
	font-weight:500
}

a:visited {
	color			: #CAAA6B;
	font-weight:500
}
a:active {
	color			: #CC0000;
	text-decoration	:underline;
	
}
a:hover {
	color			: #FF8929;
	text-decoration	:underline;
}

#wrapper {
	width	:100%;
	background:#FFFFFF;
	padding-top:0px;
	text-align:center;
}	

#main {
	width	:848px;
	border-color:#B5B5B5;
	border-left-style:solid;
	border-right-style:solid;
	border-left-width:1px;
	border-right-width:1px;
	margin-left : auto;
	margin-right : auto;
	background-color:#ffffff;
	background-image: none;
}


/*ヘッダー下全体枠指定*/
#contents {
	font-size:12px;
	width		:848px;
	text-align	:center;
}

#tHeader{
	width:848px;
	height:200px;
	background-image:url(../pub/form_title.jpg);
}
#tHeader2{
	width:848px;
	height:200px;
	background-image:url(../pub/form_tilte.jpg);
}
#tHeader2 a{
	width:848px;
	height:200px;
	display		: block;
}
#tHeader h2,
#tHeader2 h2,
#tHeader p{
	text-indent:-9999px;
}
#mainImage{
	width:848px;
	height:337px;
	background-image:url(../img/mainImage.jpg);
	text-align:left;
}
#mainImage2{
	width:848px;
	height:337px;
	background-image:url(../img/mainImage2.jpg);
}
#swfArea{
	width:400px;
	margin-left:20px;
	padding-top: 5px;
}
#BannerBox {
	width		:100%;
	margin-top	:15px;
	margin-bottom:15px;
}

#leftBox {
	width		:660px;
	margin: 0 auto 15 auto;
}




#leftBox .hr{
	width:540px;
	height:24px;
	font-size:12px;
	background:url(../img/contents_tx_dot.gif) 5px 7px repeat-x;
	clear:both;
	margin-left: 8px;
}
#leftBox .unit{
	width:550px;
	margin-bottom:12px;
	text-align: left;
	margin: 0 auto;
}
#leftBox .unit .list li{
	list-style: none;
	padding: 0 0 0 23px;
	font-size: 12px;
	line-height: 16px;
	color: #777777;
}
#leftBox .titleBox{
	margin-left:12px;
	margin-bottom:10px;
}
#leftBox .titleBox2nd{
	margin-left:12px;
	margin-bottom:2px;
}
#leftBox #progressBtBox{
	margin-left:18px;
	margin-bottom:10px;
}
#leftBox h3{
	margin-left:15px;
	margin-bottom:10px;
}
#leftBox .basic{
	list-style:disc;
	margin: 0 0 0 15px;
	padding: 0 0 0 0px;
	font-size: 12px;
	line-height: 16px;
	color: #777777;
}

#thum_box{
	width:570px;
	margin-left:12px;
	_margin-left:0px;
}

#thum_box .thumnail{
	float: left;
	margin-left:12px;
}
#thum_box .date{
	width:120px;
	color: #85766b;
	margin-top: 3px;
	font-size: 10px;
	line-height: 12px;
}
#thum_box .name{
	width:120px;
	color: #85766b;
	font-size: 10px;
	line-height: 12px;
	color: #5b89b4;
}
#thum_box .name a{
	color: #5b89b4;
	margin: 3px 0;
	font-size: 10px;
	font-weight:bold;
	line-height: 14px;
	text-decoration: none;
}

#thum_box .name a:hover{
	color: #5b89b4;
	text-decoration: underline;
}
#thum_box .title{
	font-size: 10px;
	line-height: 12px;
	width:120px;
}
#thum_box .title a{
	color: #ff20a6;
	margin: 3px 0;
	font-size: 10px;
	font-weight:bold;
	line-height: 12px;
	text-decoration: none;
}

#thum_box .title a:hover{
	color: #ff20a6;
	text-decoration: underline;
}
#thum_box .comment{
	font-size: 10px;
	width:120px;
	color: #333333;
	line-height: 12px;
}
#thum_box .comment2{
	font-size: 12px;
	width:210px;
	color: #333333;
	line-height: 16px;
}
#thum_box .comment a{
	color: #90a7bd;
	font-weight:bold;
}
#thum_box .comment a:hover{
	color: #90a7bd;
	font-weight:bold;
}
#leftBox .q1{
	background: url(../img/li1.gif) 0 0px no-repeat;
	color: #000000;
	margin-bottom : 10px;
}

#leftBox .q2{
	background: url(../img/li2.gif) 0 0px no-repeat;
	color: #000000;
	margin-bottom : 10px;
}

#leftBox .q3{
	background: url(../img/li3.gif) 0 0px no-repeat;
	color: #000000;
	margin-bottom : 10px;
}

#leftBox .q4{
	background: url(../img/li4.gif) 0 0px no-repeat;
	color: #000000;
	margin-bottom : 10px;
}

#leftBox .q5{
	background: url(../img/li5.gif) 0 0px no-repeat;
	color: #000000;
	margin-bottom : 10px;
}
.f_pink{
	color:#FF3366;
	font-weight:bold;
}
.f14{
	font-size:14px;
	font-weight:bold;
}
#rightBox {
	width		:240px;
	float		:left;
	margin-left: 30px;
	_margin-left: 15px;
}

#rightBox .unit{
	width:240px;
	margin-left:0px;
	margin-bottom:12px;
}
#rightBox h2{
	margin-bottom:5px;
}

#rightBox .thumnail{
	background: url(../img/member_bg.jpg) 0px 0px no-repeat;
	padding:5px;
	margin-bottom: 5px;
}
#banner_kikaku {
	margin-top	:5px;
	margin-bottom:20px;
}
.movie_progress{
	font-size:10px;
	line-height:14px;
	background-color:#80cff4;
	padding:0 10px 0 10px;
	color:#333333;
}
.orange12 {color: #FF6600;
	font-weight:bold;
}

.floatLeft{
	float:left;
	margin-left: 6px;
	_margin-left: 8px;
}
.c-both { clear:both }

.comment_middle_text{
	margin: 0 20px 0 20px;
	line-height:16px;
}
.comment_middle{
	width:554px;
	background-color:#e1e84d;
}

#regulationBtn {
	float:left;
	margin-left: 40px;
	_margin-left: 20px;
}
#regulationBtn a {
	display		:block;
	width		:230px;
	height		:67px;
	background-image:url(../img/regulationBtn.jpg);
	text-indent	:-9999px;
	overflow	:visible;
	visibility	:inherit;
	z-index		:1000;
	margin		:0 5 0 5;
}

#regulationBtn a:hover{
	background-position:0px -67px;
	text-decoration:none;
}
#regulationBtn2 {
	float:left;
}
#regulationBtn2 a {
	display		:block;
	width		:230px;
	height		:67px;
	background-image:url(../img/regulationBtn2.jpg);
	text-indent	:-9999px;
	overflow	:visible;
	visibility	:inherit;
	z-index		:1000;
	margin		:0 5 0 5;
}

#regulationBtn2 a:hover{
	background-position:0px -67px;
	text-decoration:none;
}

