@charset "UTF-8";
/* CSS Document */
/* ***********************************************************
 *
 * Editor:    Noriyoshi Komura
 *
 * ***********************************************************
 */

/*必要CSSをロード*/
@import url("../../../css/base.css");
.contentsbox table{
}
.contentsbox h4 {
	margin-bottom: 10px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	color: #333333;
	font-size: 120%;
}
body#trial .contentsbox {
	background-image: url(../images/listbgimg.gif);
	padding-top: 5px;
	padding-bottom: 5px;
}
body#trial .list {
	float: left;
	width: 503px;
	position: relative;
}
body.trialtop table.categorymenu{
	margin-left: 0px;
	background-image: url(../images/tablebgimg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin-bottom: 5px;
}
body.trialtop table.categorymenu td {
	padding-bottom: 5px;
}
body.trialtop div.cat {
	height: 169px;
	width: 185px;
	
	margin-right: auto;
	margin-left: auto;
}
body.trialtop div.cat h4 ,body.trialtop div.cat p{
	display: none;
}
body.trialtop div.vd { background-image: url(../images/categorymenu_01.gif); }
body.trialtop div.vd:hover {background-image: url(../images/categorymenu_01_o.gif);}
body.trialtop div.ca { background-image: url(../images/categorymenu_02.gif); }
body.trialtop div.ca:hover {background-image: url(../images/categorymenu_02_o.gif);}
body.trialtop div.gc { background-image: url(../images/categorymenu_03.gif); }
body.trialtop div.gc:hover {background-image: url(../images/categorymenu_03_o.gif);}
body.trialtop div.ip { background-image: url(../images/categorymenu_04.gif); }
body.trialtop div.ip:hover {background-image: url(../images/categorymenu_04_o.gif);}
body.trialtop div.fd { background-image: url(../images/categorymenu_05.gif); }
body.trialtop div.fd:hover {background-image: url(../images/categorymenu_05_o.gif);}
body.trialtop div.mk { background-image: url(../images/categorymenu_06.gif); }
body.trialtop div.mk:hover {background-image: url(../images/categorymenu_06_o.gif);}
body.trialtop div.non { background-image: url(../images/categorymenu_07.gif); }
body.trialtop div.non:hover {background-image: url(../images/categorymenu_07_o.gif);}
body.trialtop div.all { background-image: url(../images/categorymenu_08.gif); }
body.trialtop div.all:hover {background-image: url(../images/categorymenu_08_o.gif);}


body.trialtop div.vdh { background-image: url(../images/categorymenu_H01.gif); }
body.trialtop div.vdh:hover {background-image: url(../images/categorymenu_H01_o.gif);}
body.trialtop div.cah { background-image: url(../images/categorymenu_H02.gif); }
body.trialtop div.cah:hover {background-image: url(../images/categorymenu_H02_o.gif);}
body.trialtop div.gch { background-image: url(../images/categorymenu_H03.gif); }
body.trialtop div.gch:hover {background-image: url(../images/categorymenu_H03_o.gif);}
body.trialtop div.iph { background-image: url(../images/categorymenu_H04.gif); }
body.trialtop div.iph:hover {background-image: url(../images/categorymenu_H04_o.gif);}
body.trialtop div.fdh { background-image: url(../images/categorymenu_H05.gif); }
body.trialtop div.fdh:hover {background-image: url(../images/categorymenu_H05_o.gif);}
body.trialtop div.mkh { background-image: url(../images/categorymenu_H06.gif); }
body.trialtop div.mkh:hover {background-image: url(../images/categorymenu_H06_o.gif);}
body.trialtop div.allh { background-image: url(../images/categorymenu_H08.gif); }
body.trialtop div.allh:hover {background-image: url(../images/categorymenu_H08_o.gif);}




body#trialdetail .contentsbox .trial {
	position: relative;
	background-image: url(../images/trial_detailbody.gif);
	padding-top: 26px;
	padding-right: 26px;
	padding-bottom: 0px;
	padding-left: 26px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: 10px;
}
body#trialdetail .contentsbox .trial img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
body .contentsbox .trial h4{
	color: #09F;
}
body#trialdetail .contentsbox .trial h4{
	font-size: 12px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	margin-left: 240px;
	padding-left: 5px;
}
body#trialdetail .contentsbox .trial h4 span {
	font-size: 70%;
	color: #333;
}
body#trialdetail .contentsbox .trial h5{
	font-size: 12px;
	padding-bottom: 3px;
	margin-left: 240px;
	padding-left: 5px;
}
body#trialdetail .contentsbox .trial p{
	font-size: 90%;
	padding-bottom: 3px;
	margin-left: 240px;
	padding-left: 5px;
	padding-right: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body#trialdetail .contentsbox .trial .btn {
	float: left;
	display: block;
	font-size: 12px;
	margin-left: 10px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
}
body#trialdetail .contentsbox .trial .btn span {
	background-image: url(../images/btn_apply_.gif);
	display: block;
	height: 30px;
	width: 136px;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	float: left;
	position: relative;
	margin-right: 3px;
	cursor:pointer;
	margin-top: 5px;
	color: #000000;
	font-size: 12px;
	margin-bottom: 2px;
}
body#trialdetail .contentsbox .trialfoot {
	height: 26px;
	clear: both;
	float: none;
	position: relative;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/trial_detailfoot.gif);
	background-repeat: no-repeat;
	margin-left: -25px;
	width: 746px;
}
body#trial .list .trial {
	position: relative;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	margin-bottom: 5px;
	border: 1px dashed #999999;
}
body#trial .list .trial img {
	float: left;
	margin-bottom: 5px;
}
body#trial .list .trial h4{
	font-size: 12px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	margin-left: 185px;
	padding-left: 5px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
body#trial .list .trial h4 span {
	font-size: 70%;
	color: #333;
}
body#trial .list .trial h5{
	font-size: 16px;
	padding-bottom: 3px;
	margin-left: 185px;
	padding-left: 5px;
}
body#trial .list .trial p{
	font-size: 110%;
	padding-bottom: 3px;
	margin-left: 185px;
	padding-left: 5px;
	padding-right: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 1.5em;
}
body#trial .list .trial .btn {
	clear: both;
	float: none;
	display: block;
	font-size: 12px;
	margin-bottom: 5px;
}
body#trial .list .trial .btn span {
	background-image: url(../images/btn_apply_.gif);
	display: block;
	height: 30px;
	width: 136px;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	float: left;
	position: relative;
	margin-right: 3px;
	cursor:pointer;
	margin-top: 5px;
	color: #000000;
	font-size: 12px;
	margin-bottom: 2px;
}
body#trial .list .trialfoot {
	height: 1px;
	clear: both;
	float: none;
	width: 503px;
	position: relative;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -26px;
}

.recommend {
	margin-bottom: 10px;
	border: 1px dashed #CCCCCC;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 7px;
	clear: both;
	float: none;
	display: block;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.recommend h3 {
	font-size: 90%;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
}
.recommend  p {
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	margin-right: 4px;
}
.recommend  p img {
	border: 1px solid #c3c4c4;
	margin-bottom: 3px;
}
.recommend  p span {
	width: 162px;
	display: block;
	font-size: 10px;
	border: 1px solid #c3c4c4;
	margin-bottom: 3px;
	height: 44px;
	overflow: hidden;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
	background-color: #FFFFFF;
}
body#trial .searchmenu {
	display: block;
	position: relative;
	color: #333333;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	overflow: visible;
	width: 230px;
}
/*カテゴリ選択*/
body#trial .searchmenu P {
	font-size: 90%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.5em;
	font-weight: normal;
	width: 210px;
	display: block;
	margin-left: 10px;
	color: #666666;
}
body#trial .searchmenu h4 {
	background-color: #FFFFFF;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
body#trial .searchmenu select{
	margin-bottom: 10px;
}
body#trial div#body#trial div#category ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
body#trial .searchmenu #categorymenu ul {
	padding: 0px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
body#trial .searchmenu #categorymenu ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 43px;
	display: block;
	
	cursor:pointer;
	width: 234px;
	overflow: visible;
}
body#trial .searchmenu #categorymenu ul li a {text-indent: -9999px; display:block; height: 43px;}
body#trial .searchmenu #categorymenu ul li.vd{
	background-image: url(../images/searchmenu_vd.gif);
}
body#trial .searchmenu #categorymenu ul li.gc{
	background-image: url(../images/searchmenu_gc.gif);
}
body#trial .searchmenu #categorymenu ul li.ca{
	background-image: url(../images/searchmenu_ca.gif);
}
body#trial .searchmenu #categorymenu ul li.ip{
	background-image: url(../images/searchmenu_ip.gif);
}
body#trial .searchmenu #categorymenu ul li.fd{
	background-image: url(../images/searchmenu_fd.gif);
}
body#trial .searchmenu #categorymenu ul li.ma{
	background-image: url(../images/searchmenu_ma.gif);
}
body#trial .searchmenu #categorymenu ul li.all{
	background-image: url(../images/searchmenu_all.gif);
}
body#trial .searchmenu #categorymenu ul li.non{
	background-image: url(../images/searchmenu_non.gif);
}
body#trial .searchmenu #categorymenu ul li.vda{
	background-image: url(../images/searchmenu_vd_a.gif);
	margin-left: -15px;
	display: block;
	overflow: visible;
	position: relative;
	z-index: 10;
}
body#trial .searchmenu #categorymenu ul li.gca{
	background-image: url(../images/searchmenu_gc_a.gif);
	margin-left: -15px;
	display: block;
	overflow: visible;
	position: relative;
	z-index: 10;
}
body#trial .searchmenu #categorymenu ul li.caa{
	background-image: url(../images/searchmenu_ca_a.gif);
	margin-left: -15px;
	display: block;
	overflow: visible;
	position: relative;
	z-index: 10;
}
body#trial .searchmenu #categorymenu ul li.ipa{
	background-image: url(../images/searchmenu_ip_a.gif);
	margin-left: -15px;
	display: block;
	overflow: visible;
	position: relative;
	z-index: 10;
}
body#trial .searchmenu #categorymenu ul li.fda{
	background-image: url(../images/searchmenu_fd_a.gif);
	margin-left: -15px;
	display: block;
	overflow: visible;
	position: relative;
	z-index: 10;
}
body#trial .searchmenu #categorymenu ul li.maa{
	background-image: url(../images/searchmenu_ma_a.gif);
	margin-left: -15px;
	display: block;
	overflow: visible;
	position: relative;
	z-index: 10;
}
body#trial .searchmenu #categorymenu ul li.alla{
	background-image: url(../images/searchmenu_all_a.gif);
	margin-left: -15px;
	display: block;
	overflow: visible;
	position: relative;
	z-index: 10;
}

/*日程選択*/
table.Schedulelist {
	border: 1px dashed #CCCCCC;
	margin-top: 5px;
	margin-bottom: 5px;
}
table.Schedulelist a { text-decoration: none; }
table.Schedulelist th {
	font-size: 18px;
	color: #666;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../../../images/paperbgimg.gif);
	font-weight: normal;
}
table.Schedulelist td {}
table.Schedulelist .line {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
}
.date_m {
	display:block;
	margin:0px;
	color:#333333;
	font-weight:bold;
	font-size:10px;
	text-align:center;
	padding: 0px;
}
.date_d {
	display:block;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:#333333;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.the_date {
	float:left;
	display:block;
	width:34px;
	height:37px;
	padding:0px;
	text-align:center;
	margin-top: 2px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 4px;
	background-image: url(/event/trial/images/dateicon.gif);
	clear: none;
	overflow: hidden;
	cursor:pointer;
}
body.trialtop div.the_date {
	float:left;
	width:48px;
	height:54px;
	padding:0px;
	text-align:center;
	margin-top: 5px;
	margin-right: 1px;
	margin-bottom: 5px;
	margin-left: 2px;
	background-image: url(/event/trial/images/dateicon_big.gif);
	clear: none;
	overflow: hidden;
	cursor:pointer;
	border: 1px solid #FFE63D;
}
body.trialtop div.oneday {
	border-top-color: #F09;
	border-right-color: #F09;
	border-bottom-color: #F09;
	border-left-color: #F09;
}
body.trialtop div.happybus {
	border-top-color: #F09;
	border-right-color: #F09;
	border-bottom-color: #F09;
	border-left-color: #F09;
}
body.trialtop div.date_w {
	display:block;
	margin:0px;
	color:#333333;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding: 0px;
}
body.trialtop div.date_d {
	display:block;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#333333;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 7px;
	margin-left: auto;
	padding: 0px;
}
.the_date:hover {
	cursor:pointer;
}
.Saturday { color: #003399; }
.Sunday { color: #FF0000; }

body#trial .searchmenu table.Schedulelist {
	background-image: none;
	margin-bottom: 10px;
}
body#trial .searchmenu table.Schedulelist th {
	color: #333333;
	font-size: 14px;
	text-align: left;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}
body#trial .searchmenu table.Schedulelist td {}


/*ハーフ＆ハーフ*/
.halfhalf ul {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
}


.halfhalf {
	width: 708px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/halfhalf_ampmline.gif);
	display: block;
	position: relative;
}
.halfhalf .ampm {
	height: 69px;
	z-index: 20;
	background-image: url(../images/halfhalf_ampm.gif);
	text-indent: -9999px;
	background-repeat: no-repeat;
	width: 708px;
}
.halfhalf .am {
	float: left;
	width: 300px;
	z-index: 1;
}
.halfhalf .pm {
	float: right;
	width: 300px;
	z-index: 2;
}
.halfhalf .am li {
	width: 264px;
	background-position: right top;
	padding-right: 36px;
	background-repeat: no-repeat;
	overflow: hidden;
}
.halfhalf .pm li {
	width: 264px;
	background-position: left top;
	padding-left: 36px;	
}
.halfhalf li {
	padding: 0px;
	cursor:pointer;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-repeat: no-repeat;
	list-style-type: none;
	height: 252px;

}
.halfhalf .am li {
	background-image: url(../images/btn_halfhalf_inactive_am.gif);
}
.halfhalf .pm li {
	background-image: url(../images/btn_halfhalf_inactive_pm.gif);
}
.halfhalf .trial {
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	display: block;
	height: 238px;
	padding: 5px;
}
.halfhalf .trial img {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	margin-top: 0px;
	display: block;
}
.halfhalf .trial h4{
	font-size: 12px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-left: 5px;
}
.halfhalf .trial h5{
	font-size: 12px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.halfhalf .trial p{
	font-size: 80%;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 1.3em;
	margin-left: 0px;
}
.halfhalf .am .active {
	background-image: url(../images/btn_halfhalf_active_am.gif);
}
.halfhalf .pm .active {
	background-image: url(../images/btn_halfhalf_active_pm.gif);
}

.halfhalf ul li:hover .trial{
	border-top-color: #48D7FF;
	border-right-color: #48D7FF;
	border-bottom-color: #48D7FF;
	border-left-color: #48D7FF;
	background-color: #E9FCFF;
}
/*不参加処理*/
.halfhalf li.fusanka {height: 157px;}
.halfhalf li.fusanka .trial {
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	display: block;
	height: 145px;
	padding: 5px;
}
.halfhalf li.fusanka .trial h4{
	font-size: 200%;
	padding-bottom: 5px;
	margin-top: 10px;
}
.halfhalf li.fusanka .trial p{
	font-size: 150%;
}
.halfhalf .am ul li.fusanka {
	
	background-image: url(../images/btn_halfhalf_noam_inactive.gif);
}
.halfhalf .pm ul li.fusanka {
	background-image: url(../images/btn_halfhalf_nopm_inactive.gif);
}

.halfhalf .am ul li.fusanka_a {
	
	background-image: url(../images/btn_halfhalf_am_active.gif);
}
.halfhalf .pm ul li.fusanka_a {
	background-image: url(../images/btn_halfhalf_pm_active.gif);
}
table.trialschedule {}
table.trialschedule caption{
	background-color: #F8F5E9;
	padding: 4px;
}
table.trialschedule th {}
table.trialschedule td {}
table.trialschedule td a {
	background-color: #FFE63D;
	display: block;
	color: #666;
}
table.trialschedule td a.day {
	background-color: #F09;
	font-weight: bold;
	color: #FFF;
}
.oneday {
	display: block;
	width: 761px;
	margin-right: auto;
	margin-left: auto;
}
.oneday .left{
	float: left;
}
.oneday h4 {
	height: 34px;
	width: 377px;
	display: block;
	background-image: url(../images/title_1day.jpg);
	text-indent: -9999px;
	margin: 0px;
}
.oneday h5 {
	display: block;
	height: 37px;
	width: 450px;
	background-image: url(../images/title_1day_schedule.jpg);
	text-indent: -9999px;
}
.oneday img {
}
.oneday p {
	margin: 5px;
	width: 440px;
}

.happybus {
	display: block;
	width: 761px;
	margin-right: auto;
	margin-left: auto;
}
.happybus .left{
	width: 557px;
	float: left;
}
.happybus .right{
	width: 200px;
	float: right;
	margin-top: 37px;
}
.happybus h4 {
	height: 34px;
	width: 557px;
	display: block;
	background-image: url(../images/trial_happy.gif);
	text-indent: -9999px;
	margin: 0px;
	background-repeat: no-repeat;
}
.happybus h5 {
	display: block;
	font-size: 16px;
	font-weight: normal;
	padding: 3px;
	background-image: url(../../../images/paperbgimg.gif);
}
.happybus img {
	margin-bottom: 2px;
}
.happybus p {
	margin: 5px;
}