@charset "utf-8";

body {
	text-align: center;
	color: #C9C9C9;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, san-serif;
	font-size: 100%;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	background-color: #262626;
}
a {
	color: #FCF87E;
	text-decoration: none;
}

a:hover {
	color: #FE3657;
	text-decoration: underline;
}

/*------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form {
	margin: 0px;
	padding: 0px;
}
ul, ol, li {
	list-style-type: none;
}
p {
	font-size: 75%;
}

/*------------------------------------------------------*/

img {
	border-style: none;
}

/*------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


/*-------------------------------------------
	header ↓
-------------------------------------------*/
#header {
	height: 151px;
	margin-bottom: 0;
	position: relative;
	width: 968px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/main/head.gif) no-repeat;
}
#header p {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}
#header h1 {
	margin: 0;
	position: absolute;
	left: 50px;
	top: 50px;
	padding: 0;
	height: 69px;
	width: 248px;
	clip: rect(0px, auto, auto, auto);
}
/*-------------------------------------------
	header ↑
-------------------------------------------*/

/*-------------------------------------------
	base ↓
-------------------------------------------*/
#container{
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #262626;
	width: 1016px;
	background-image: url(../img/main/bg.gif);
	background-repeat: repeat;
}
#wrapper{
	width: 968px;
	margin-right: auto;
	margin-left: auto;
}
#cts_main {
	margin: 0;
	width: 767px;
	float: right;
}
#cts_left{
	float:left;
	width:185px;
	margin: 0px;
	padding: 0px;
}
#footer{clear:left;width:100%}

/*-------------------------------------------
	base ↑
-------------------------------------------*/



/*-------------------------------------------
	left ↓
-------------------------------------------*/
#login {
	width: 185px;
	height: 202px;
	position: relative;
	background: url(../img/main/lo.jpg) no-repeat;
	margin: 0 0 10px;
}
#login .id01 {
	position: absolute;
	top: 41px;
	left: 50px;
	width: 110px;
}
#login .id02 {
	position: absolute;
	top: 72px;
	left: 50px;
	width: 110px;
}
#login input {
	width: 110px;
	border: 1px solid #FFF;
}
#login .pass {
	position: absolute;
	left: 25px;
	top: 130px;
}
#login .retire {
	position: absolute;
	left: 25px;
	top: 143px;
}
#login .line {
	text-align: center;
	margin: 0;
	padding: 0;
	height: 1px;
	width: 160px;
	position: absolute;
	top: 160px;
	left: 12px;
}
#login .submit {
	position: absolute;
	left: 16px;
	top: 100px;
	height: 20px;
	width: 151px;
	margin: 0 auto 10px;
}
#login .submit input {
	width: 151px;
	height: 20px;
	border: none;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	background: url(../img/main/btn_login.jpg) no-repeat 0 0;
}
#login .submit .l_submit {
	height: 20px;
	width: 151px;
	background: url(../img/main/btn_login.jpg) no-repeat 0 0;
}
#login .submit .l_submit_over {
	background: url(../img/main/btn_login.jpg) no-repeat 0 -20px;
}
#login .submit2 {
	position: absolute;
	left: 15px;
	top: 170px;
	height: 20px;
	width: 151px;
	margin: 0 auto 10px;
}
#login .submit2 input {
	width: 148px;
	height: 19px;
	border: none;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	background: url(../img/main/btn_login2.jpg) no-repeat 0 0;
}
#login .submit2 .l_submit {
	height: 19px;
	width: 148px;
	background: url(../img/main/btn_login2.jpg) no-repeat 0 0;
}
#login .submit2 .l_submit_over {
	background: url(../img/main/btn_login2.jpg) no-repeat 0 -19px;
}
#login form {
	margin: 0;
	padding: 0;
}
#logout {
	padding: 0;
	margin: 0;
}
#logout .retire {
	position: absolute;
	left: 25px;
	top: 143px;
}
#logout dl {
	text-align: left;
	width: 185px;
	margin: 0;
	padding: 0;
	height: 240px;
	position: relative;
	background: url(../img/main/logoutimg.jpg) no-repeat left top;
}
#logout dl dt {
	font-size: 0;
	padding-bottom: 0;
	margin: 0;
}
#logout dl dd form {
	margin: 0;
	padding: 0;
}
#logout dl dd {
	padding: 0;
}
#logout dl dd dl {
	background: none;
	margin-top: 0;
	position: absolute;
	top: 42px;
	width: 150px;
	padding: 0;
	left: 10px;
}
#logout dl dd dl dt {
	font-size: 0;
	margin: 0 0 1px;
	_margin: 0 0 3px;
}
#logout dl dd dl dd {
	background: none;
	padding: 0;
	font-size: 75%;
	font-weight: bold;
	color: #FF6600;/*------オレンジ------*/
	margin: 0 0 1px;
	_margin: 0 0 4px;
}
#logout dl dd .submit {
	text-align: center;
	margin: 0 auto;
	position: absolute;
	left: 16px;
	top: 167px;
}
#logout dl dd .submit input {
	width: 151px;
	height: 20px;
	border: none;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
	background: url(../img/main/logoutimg05.jpg) no-repeat 0 0;
}
#logout dl dd .submit .o_submit {
	background: url(../img/main/logoutimg05.jpg) no-repeat 0 0;
}
#logout dl dd .submit .o_submit_over {
	background: url(../img/main/logoutimg05.jpg) no-repeat 0 -20px;
}

#logout dl dd .menber {
	text-align: center;
	margin: 0 auto;
	position: absolute;
	left: 16px;
	top: 200px;
}
#logout dl dd .menber a {
	display: block;
	height: 20px;
	width: 151px;
	background-image: url(../img/main/btn_menber.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}
#logout dl dd .menber a:focus{
overflow:hidden;
}
#logout dl dd .menber a:hover {
	background-image: url(../img/main/btn_menber.jpg);
	background-repeat: no-repeat;
	background-position: 0px -20px;
}

#campaign {
	margin-top: 10px;
}
#campaign .btn {
	margin: 0px;
}
#mike {
	margin-top: 20px;
	margin-bottom: 10px;
}
#mike .btn {
	margin: 0px;
}
#mike .btn a {
	background-image: url(../img/main/mike.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 72px;
	width: 185px;
	display: block;
}
#mike .btn a:hover {
	background-image: url(../img/main/mike.gif);
	background-repeat: no-repeat;
	background-position: 0px -72px;
}

#point_present {
	margin-top: 20px;
	margin-bottom: 20px;
}
#point_present .btn {
	margin: 0px;
	width: 185px;
}
#point_present .btn a {
	background-image: url(../img/main/point_bnr.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 73px;
	width: 185px;
}
#point_present .btn a:hover {
	background-image: url(../img/main/point_bnr.gif);
	background-repeat: no-repeat;
	background-position: 0px -73px;
}

#voice {
	margin-top: 20px;
	margin-bottom: 20px;
}
#voice .btn {
	margin: 0px;
	width: 185px;
}
#voice .btn a {
	background-image: url(../img/main/voice.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 72px;
	width: 185px;
}

#voice .btn a:hover {
	background-image: url(../img/main/voice.gif);
	background-repeat: no-repeat;
	background-position: 0px -72px;
}

#consul {
	width: 185px;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #333;
}
#consul .btn {
	height: 75px;
	width: 185px;
}
#consul .btn a {
	background-image: url(../img/main/consul.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 75px;
	width: 185px;
}
#consul .btn a:hover {
	background-image: url(../img/main/consul.gif);
	background-repeat: no-repeat;
	background-position: 0px -75px;
}

#consul .consulcont {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	margin: 0;
	padding: 0;
	width: 183px;
	_width: 185px;
}
#consul .consulcont .title {
	padding-top: 10px;
}
#consul .consulbox {
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	padding-bottom: 10px;
	margin: 10px auto;
}
#consul .consulbox .txt {
	float: left;
	width: 94px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	color: #FFF;
}
#consul .consulbox .ph {
	float: right;
	width: 57px;
}
#consul .consulcont .btn_sarani {
	display: block;
	width: 72px;
	overflow: hidden;
	height: 12px;
	float: right;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 10px 10px 10px 0;
}
#consul .consulcont .btn_sarani a {
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	height: 12px;
	width: 72px;
	background: url(../img/main/consul_btn.gif) no-repeat 0 0;
}
#consul .consulcont .btn_sarani a:hover {
	background: url(../img/main/consul_btn.gif) no-repeat 0 -12px;
}

div.consulbox:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div.consulbox {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html div.consulbox { height: 1%; }
div.consulbox {
	display: block;
}
/* End hide from IE-mac */


#gnavi {
	width: 185px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	background-color: #262626;
}
#gnavi dl dt {
	margin: 0;
	font-size: 0;
}
#gnavi dl dd {
	padding: 0;
}
#gnavi dl dd ul {
	font-size: 75%;
	background-repeat: no-repeat;
}
#gnavi dl dd ul li {
	width: 185px;
	text-indent: -9999px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	height: 29px;
}
#gnavi dl dd ul li a {
	width: 185px;
	height: 29px;
	display: block;
}
#gnavi dl dd ul #gnavi01 a {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#gnavi dl dd ul #gnavi01 a:hover {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: -185px 0;
}
#gnavi dl dd ul #gnavi02 a {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: 0px -29px;
}
#gnavi dl dd ul #gnavi02 a:hover {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: -185px -29px;
}
#gnavi dl dd ul #gnavi03 a {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: 0px -58px;
}
#gnavi dl dd ul #gnavi03 a:hover {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: -185px -58px;
}
#gnavi dl dd ul #gnavi04 a {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: 0px -87px;
}
#gnavi dl dd ul #gnavi04 a:hover {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: -185px -87px;
}
#gnavi dl dd ul #gnavi05 a {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: 0px -116px;
}
#gnavi dl dd ul #gnavi05 a:hover {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: -185px -116px;
}
#gnavi dl dd ul #gnavi06 a {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: 0px -145px;
}
#gnavi dl dd ul #gnavi06 a:hover {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: -185px -145px;
}
#gnavi dl dd ul #gnavi07 a {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: 0px -174px;
}
#gnavi dl dd ul #gnavi07 a:hover {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: -185px -174px;
}
#gnavi dl dd ul #gnavi08 a {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: -0px -203px;
}
#gnavi dl dd ul #gnavi08 a:hover {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: -185px -203px;
}
#gnavi dl dd ul #gnavi09 a {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: 0px -232px;
}
#gnavi dl dd ul #gnavi09 a:hover {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: -185px -232px;
}
#gnavi dl dd ul #gnavi10 a {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: 0px -261px;
}
#gnavi dl dd ul #gnavi10 a:hover {
	background-image: url(../img/main/snav.jpg);
	background-repeat: no-repeat;
	background-position: -185px -261px;
}



#banner_area1 {
	width: 968px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 10px;
}
#banner_area2 {
	width: 185px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 10px;
}
#banner_area2 p {
	margin-bottom: 5px;
}



#rank {
	width: 185px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
#rank .tit {
	margin-top: 10px;
}

#rank .rankbox {
	background-image: url(../img/main/rank_bg1.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 185px;
	position: relative;
	background-position: left top;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#rank .rankbox .no {
	position: absolute;
	left: 8px;
	top: 3px;
}
#rank .rankbox .no2 {
	position: absolute;
	left: 8px;
	top: 6px;
}
#rank .rankbox .no3 {
	position: absolute;
	left: 10px;
	top: 10px;
}


#rank .rankbox .ph {
	position: absolute;
	left: 58px;
	top: 2px;
}
#rank .rankbox .txt {
	position: absolute;
	left: 116px;
	top: 12px;
	font-size: 10px;
	color: #FFF;
	text-align: left;
}
#rank2 {
	width: 185px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
#rank2 .tit {
	margin-top: 20px;
}

#rank2 .rankbox {
	background-image: url(../img/main/rank_bg2.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 185px;
	position: relative;
	background-position: left top;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#rank2 .rankbox .no {
	position: absolute;
	left: 8px;
	top: 3px;
}
#rank2 .rankbox .no2 {
	position: absolute;
	left: 8px;
	top: 6px;
}
#rank2 .rankbox .no3 {
	position: absolute;
	left: 10px;
	top: 10px;
}
#rank2 .rankbox .ph {
	position: absolute;
	left: 58px;
	top: 2px;
}
#rank2 .rankbox .txt {
	position: absolute;
	left: 116px;
	top: 12px;
	font-size: 10px;
	color: #FFF;
	text-align: left;
}
#set {
	margin-top: 20px;
}
#support {
	margin-top: 20px;
}


/*-------------------------------------------
	left ↑
-------------------------------------------*/


/*-------------------------------------------
	cts_main ↓
-------------------------------------------*/

#flash01 {
	font-size: 0;
	margin: 0px;
	padding: 0px;
	text-align: right;
	height: 30px;
	width: 767px;
}

#mainarea {
	background-image: url(../img/main/mainbg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 273px;
	width: 767px;
	position: relative;
	padding: 0px;
}
#mainarea #flash02 {
	float: left;
	height: 214px;
	width: 553px;
	margin-top: 0px;
	margin-left: 0px;
	position: absolute;
	left: 17px;
	top: 59px;
}
#mainarea .infobox {
	float: right;
	width: 180px;
	margin-top: 105px;
	margin-right: 3px;
	height: 100px;
}


#icon_itiran {
	text-align: right;
	padding: 0px;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#main_bnr {
	position: relative;
	width: 767px;
	margin: 0px;
	height: 57px;
	background-image: url(../img/main/main_bnr.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#main_bnr .btn {
	margin: 0px;
	height: 98px;
	width: 738px;
	position: absolute;
	top: 0px;
	overflow: hidden;
	left: 23px;
}
#main_bnr .btn a {
	background-image: url(../img/main/btn_menber.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 49px;
	width: 738px;
	background-position: 0px 0px;
	display: block;
}
#main_bnr .btn a:hover {
	background-image: url(../img/main/btn_menber.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 49px;
	width: 738px;
	background-position: 0px -49px;
}

#copy {
	text-align: center;
	width: 968px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-top: 0px;
}


#online {
	clear: both;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	width: 767px;
	padding: 0px;
}
#online h2  {
	text-align: right;
	width: 767px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#online h2#yoyaku {
	margin-top: 20px;
}
#online #ont_right {
	width: 265px;
	height: 30px;
	float: right;
	background: url(../img/main/onlineimg06.jpg) no-repeat right top;
	position: relative;
}
#online #ont_right .renew {
	width: 80px;
	height: 23px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-indent: -9999px;
	overflow: hidden;
}

#online #ont_right .renew a {
	width: 80px;
	height: 23px;
	display: block;
	background-image: url(../img/main/reload.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#online #ont_right .renew a:hover {
	background-image: url(../img/main/reload.jpg);
	background-repeat: no-repeat;
	background-position: 0px -23px;
}

#online #ont_right .reload {
	width: 75px;
	height: 11px;
	position: absolute;
	top: 4px;
	right: 110px;
}

#online #ont_right .check {
	border: none;
	position: absolute;
	top: 2px;
	right: 196px;
}

.online_l {
	width: 767px;
	padding-bottom: 0px;
	background-color: #262626;
}
.online_l ul {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	margin: 0px;
}
.online_l ul li.mainbox1 {
	background-image: url(../img/main/mainbox1_bg.gif);
	background-repeat: no-repeat;
	height: 234px;
	width: 153px;
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.online_l ul li.mainbox2 {
	background-image: url(../img/main/mainbox2_bg.gif);
	background-repeat: no-repeat;
	height: 234px;
	width: 153px;
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.online_l ul li .online_top {
	height: 22px;
	position: relative;
	width: 136px;
	background: url(../img/main/mrs_titbg.jpg) no-repeat left top;
	margin: 0px;
	padding: 0;
}
.online_l ul li .online_top li {
	background: none;
	margin: 0;
	float: none;
}
.online_l ul li .online_top .new {
	width: 30px;
	height: 9px;
	font-size: 0;
	position: absolute;
	top: 7px;
	left: 23px;
}
.online_l ul li .online_under {
	height: 18px;
	padding: 0;
	background-image: none;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 34px;
}
.online_l ul li .online_under li {
	background: none;
	float: left;
	margin: 0;
	padding: 0px;
}
.online_l  ul  li  .status   {
	width: 122px;
	font-size: 10px;
	color: #FFF;
	height: 22px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 24px;
    _margin-left: 18px;
	
}
*:first-child+html .online_l  ul  li  .status {
	margin-left: 17px;
}
.online_l  ul  li  .online_under  .movie {
	width: 32px;
	height: 18px;
	text-indent: -9999px;
	overflow: hidden;
	margin-right: 3px;
}
.online_l  ul  li  .online_under  .movie  a {
	width: 32px;
	height: 18px;
	display: block;
	background: url(../img/main/mainbox_movie.gif) no-repeat 0 0;
}
.online_l  ul  li  .online_under  .movie  a:hover {
	background-image: url(../img/main/mainbox_movie.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
}
.online_l  ul  li  .online_under  .mail {
	width: 32px;
	height: 18px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
.online_l  ul  li  .online_under  .mail a {
	width: 32px;
	height: 18px;
	display: block;
	background: url(../img/main/mainbox_mail.gif) no-repeat 0 0;
}
.online_l  ul  li  .online_under  .mail a:hover {
	background-image: url(../img/main/mainbox_mail.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
}

.online_l  ul  li  .online_under  .voice {
	width: 32px;
	height: 18px;
	overflow: hidden;
	padding: 0px;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.online_l  ul  li  .online_under  .voice a {
	width: 32px;
	height: 18px;
	display: block;
	background-image: url(../img/main/mainbox_voice.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/*
.online_l  ul  li  .online_under  .voice a:hover {
	background-image: url(../img/main/mainbox_voice.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;
}
*/

div.online_under:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div.online_under {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html div.online_under { height: 1%; }
div.online_under {
	display: block;
}
/* End hide from IE-mac */

.online_l .centerbox {
	width: 153px;
	padding: 0;
	margin: 5px 0 0;
}
.online_l .centerbox .main_pic {
	margin: 5px 0 0;
	padding: 0 0 0 16px;
}
.online_l .category {
	text-align: left;
	width: 115px;/* 108px \*/
	font-size: 70%;/* 84% \*/
	line-height: 120%;
	color: #69633f;
	_margin-left: 18px;
	_margin: 0 0 0 29px;
	margin: 0 0 0 25px;
	padding: 0;
}
*:first-child+html .online_l .category {
	margin-left: 13px;
}
.online_l .name {
	color: #07408f;
	font-weight: bold;
	margin-top: 2px;
	padding: 0;
	margin-bottom: 0;
	line-height: 140%;
	margin-left: 10px;
}
.online_l .time {
	color: #07408f;
	font-size: 84%;
	padding: 0;
	line-height: 120%;
	margin: 0 0 0 10px;
}
#nav_next {
	height: 15px;
	width: 73px;
	text-indent: -9999px;
	float: right;
	overflow: hidden;
	margin: 14px 0 0;
}
#nav_next a {
	height: 15px;
	width: 73px;
	text-indent: -9999;
	display: block;
	background: url(../img/main/btn_next.gif) no-repeat 0 0;
}
#nav_next a:hover {
	background: url(../img/main/btn_next.gif) no-repeat 0 -15px;
}
#tab_menu {
	width: 767px;
	height: 42px;
	margin-top: 20px;
	background: url(../img/main/tab_bg.jpg) no-repeat right top;
}
#tab_menu ul {
	margin: 0;
}
#tab_menu ul li {
	text-align: left;
	float: left;
	list-style-type: none;
	display: block;
	height: 30px;
}
#tab_menu ul li a {
	text-align: left;
	float: left;
	list-style-type: none;
	display: block;
	height: 30px;
	text-indent: -9999px;
}
#tab_menu ul .t01 {
	padding-left: 0;
	margin-left: 0;
	height: 30px;
	width: 174px;
	background: url(../img/main/tab1_off.jpg) no-repeat;
}
#tab_menu ul .t02 {
	height: 30px;
	width: 157px;
	background: url(../img/main/tab2_off.jpg) no-repeat;
}
#tab_menu ul .t03 {
	height: 30px;
	width: 157px;
	background: url(../img/main/tab3_off.jpg) no-repeat;
}
#tab_menu ul .t01 a {
	height: 30px;
	width: 174px;
	display: block;
}
#tab_menu ul .t01 a:hover {
	display: block;
	background: url(../img/main/tab1_on.jpg) no-repeat;
}
#tab_menu ul .t01_visit {
	display: block;
	height: 30px;
	width: 174px;
	background: url(../img/main/tab1_visit.jpg) no-repeat;
}
#tab_menu ul .t02 a {
	height: 30px;
	width: 157px;
	display: block;
}
#tab_menu ul .t02 a:hover {
	display: block;
	background: url(../img/main/tab2_on.jpg) no-repeat;
}
#tab_menu ul .t02_visit {
	display: block;
	height: 30px;
	width: 157px;
	background: url(../img/main/tab2_visit.jpg) no-repeat;
}
#tab_menu ul .t03 a {
	height: 30px;
	width: 157px;
	display: block;
}
#tab_menu ul .t03 a:hover {
	display: block;
	background: url(../img/main/tab3_on.jpg) no-repeat;
}
#tab_menu ul .t03_visit {
	display: block;
	height: 30px;
	width: 157px;
	background: url(../img/main/tab3_visit.jpg) no-repeat;
}


/*-------------------------------------------
	cts_main ↑
-------------------------------------------*/



/*-------------------------------------------
	footer ↓
-------------------------------------------*/

#footer {
	margin: 0;
	text-align: right;
	clear: both;
	width: 1016px;
	position: relative;
	height: 120px;
	background: #262626;
	padding: 10px 0;
}

#footer .bg {
	width: 750px;
	height: 44px;
	position: relative;
	float: right;
	padding: 0;
	background: url(../img/main/enviro.gif) no-repeat;
	margin: 0 22px 0 0;
}
#footer .bg .flash {
	position: absolute;
	left: 188px;
	top: 10px;
}
#footer .bg .ie {
	position: absolute;
	left: 350px;
	top: 7px;
}
#footer .bg .fox {
	position: absolute;
	left: 430px;
	top: 7px;
}
#footer .bg .safari {
	position: absolute;
	left: 510px;
	top: 5px;
}
#footer ul {
	margin-top: 5px;
	margin-bottom: 0;
	position: absolute;
	left: 300px;
	top: 60px;
}
#footer ul li {
	display: inline;
	line-height: 1;
	font-size: 80%;
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #06F;
}
#footer ul li a {
	color: #06F;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}

#footer ul .end {
	margin: 0;
	padding: 0;
	border-right: none;
}
#footer .copy {
	font-size: 75%;
	color: #FFF;
	padding: 0 10px 10px 0;
	text-align: center;
}
/*-------------------------------------------
	footer ↑
-------------------------------------------*/


/*-------------------------------------------
	headerList ↓
-------------------------------------------*/
#g_navi {
	width: 968px;

	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}


ul#globalnavi{
	width:968px;
	overflow: hidden;
}

ul#globalnavi li{
	float:left;
	display:block;
}

ul#globalnavi li a {
	display: block;
	background-image: url(../img/main/gnav.jpg);
	text-indent: -9999px;
	width: 121px;
}

/* global navi normal
---------------------*/
#navi1 a {
	width:121px;
	background-position:0       0;
	height: 44px;
}
#navi2 a {
	width:121px;
	background-position:-121px 0;
	height: 44px;
}
#navi3 a {
	width:121px;
	background-position:-242px 0;
	display: block;
	height: 44px;
}
#navi4 a {
	width:121px;
	background-position:-363px 0px;
	height: 44px;
	display: block;
}
#navi5 a {
	width:121px;
	background-position:-484px 0;
	height: 44px;
}
#navi6 a {
	width:121px;
	background-position:-605px 0;
	height: 44px;
}
#navi7 a {
	width:121px;
	background-position:-726px 0;
	height: 44px;
}
#navi8 a {
	width:121px;
	background-position:-847px 0;
	height: 44px;
}

/* global navi rollover
----------------------*/
#navi1 a:hover {
	width:121px;
	background-position:0 -44px;
}
#navi2 a:hover {
	width:121px;
	background-position:-121px -44px;
}
#navi3 a:hover {
	width:121px;
	background-position:-242px -44px;
}
#navi4 a:hover {
	width:121px;
	background-position:-363px -44px;
}
#navi5 a:hover {
	width:121px;
	background-position:-484px -44px;
}
#navi6 a:hover {
	width:121px;
	background-position:-605px -44px;
}
#navi7 a:hover {
	width:121px;
	background-position:-726px -44px;
}
#navi8 a:hover {
	width:121px;
	background-position:-847px -44px;
}


/*-------------------------------------------
	headerList ↑
-------------------------------------------*/

/*-------------------------------------------
	清水追加 ↓
-------------------------------------------*/

td {
  font-size: 12px;
}

.error { /* エラー */
  color: #ff0000;
}
.c_error { /* エラー */
  color: #ff0000;
}
.list_tt1 { /* リストタイトル */
  font-size: 11px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccccff;
  background: #F6F858;
}
.list_td1 { /* リスト内容 */
  font-size: 11px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccccff;
  background: #ffffff;
}

.p12w {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
}
.p12or {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
	color: #FF6600;
}
.p12 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.p14 {
	font-size: 14px;
	line-height: 20px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.p14w {
	font-size: 14px;
	line-height: 20px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #ffffff;
}
.p14wb {
	font-size: 14px;
	line-height: 20px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #ffffff;
	font-weight: bold;
}
.point12 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.p18_min {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 18px;
	color: #333333;
}
.p16_min {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}
.p14_min {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 14px;
	color: #333333;
	line-height: 25px;
}
.p10 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color: #333333;
}

.middle { /* 中サイズ文字 */
  font-size: 14px;
}
.small { /* 小サイズ文字 */
  font-size: 10px;
}
.white { /* 文字色白 */
  color: #ffffff;
}
.black { /* 文字色黒 */
  color: #000000;
}
.red { /* 文字色赤 */
  color: #ee0000;
}
.red_bold { /* 文字色赤ボールド */
  color: #ee0000;
  font-weight: bold;
}
.light_red { /* 文字色赤 */
  color: #ff8080;
}
.green { /* 文字色緑 */
  color: #00FF00;
}
.light_blue { /* 文字色青 */
  color: #0060F0;
}
.dark_blue { /* 文字色濃紺 */
  color: #0000ff;
}