/* element -----------------------------------------*/
div#wrapper {
	width: 960px;
	padding-bottom:20px;
}

#wrapper h3{
	padding:0;
	margin:0 0 15px;
	border:0;
}
#wrapper p{
	margin:0;
	padding:0;
}
#wrapper .btn{
	margin:20px 20px 30px;
	text-align:center;
}
#wrapper .btn a:hover img{
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

/* #pickup  ----------------------------------------*/

#pickup dl{
	width:960px;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
}
#pickup dd{
	position:absolute;
}
#pickup dd img{
	box-shadow: 0px 0px 8px #d7b80c;
	-moz-box-shadow: 0px 0px 8px #d7b80c;　/* Firefox用 */  
    -webkit-box-shadow: 0px 0px 8px #d7b80c;　/* Safari,Google Chrome用 */ 
}
#pickup dd a:hover {
}
#pickup dd a:hover img{
	box-shadow: 0px 0px 8px #E25A10;
	-moz-box-shadow: 0px 0px 8px #E25A10;　/* Firefox用 */  
    -webkit-box-shadow: 0px 0px 8px #E25A10;　/* Safari,Google Chrome用 */ 
	
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-moz-opacity:0.7;
}
#pickup dd.narusawa{
	top:155px;
	left:30px;
}
#pickup dd.ohmiya{
	top:155px;
	right:30px;
}

/* #mainImage -----------------------------------------*/
#mainImage{
	width:960px;
	height:290px;
	background:url(/special/trial-hitting/tm/images/header.jpg) no-repeat;
}
#mainImage h1{
	display:none;
}

/* #crab -----------------------------------------*/
#crab{
	height:105px;
	margin-bottom:10px;
	background:url(/special/trial-hitting/tm/images/bg_crab.gif) bottom;
	position:relative;
}
#crab dt{
	width:325px;
	position:absolute;
	top:15px;
}
#crab dd{
	width:325px;
	position:absolute;
	top:40px;
}
#crab dd.link{
	top:77px;
	text-align:right;
}
#crab .r1{
	left:135px;
}
#crab .rbz{
	right:25px;
}

/* #present -----------------------------------------*/
#present{
	margin-bottom:10px;
	padding:20px;
	border:5px solid #ccc;
	background:url(/special/trial-hitting/tm/images/img_present.gif) right center no-repeat;
}
#present h2{
	margin-bottom:10px;
}

/* #attentionArea -----------------------------------------*/
#attentionArea{
	margin: 0 0 20px;
	background:url(/special/trial-hitting/tm/images/bg.jpg);
}
#attentionArea p{
	margin:10px 25px;
}
#attentionArea dl{
	margin:0 25px;
}
#attentionArea dl dt{
	width:8em;
	font-weight:bold;
	float:left;
	clear:both;
}
#attentionArea dl dd{
	padding:0 0 10px 8em;
}




.tabNavi .dayMenu{
    padding:1px 0 3px;
    background:#003366;
	overflow:hidden;
}
.tabNavi .dayMenu ul{
    margin:0;
    padding:0;
    overflow:hidden;
    zoom:1;
}
.tabNavi .dayMenu li{
    margin:0 0 0 10px;
    padding:0;
    float:left;
}
.tabNavi .dayMenu li a{
    margin:0 5px 0 0;
    padding:3px 5px 1px 13px;
    background:url(/resource/images/iconmark/mrk_triangle_dlgray.gif) no-repeat;
    background-position:5px 7px;
    color:#fff;
    display:block;
}
.tabNavi .dayMenu li.holiday a{
    color:#FF9FAC;
}

.tabNavi .dayMenu li a.current,
.tabNavi .dayMenu li a:hover{
    background:url(/resource/images/tabnavi/bg_thirdmenu_cobaltblue_left.gif) no-repeat left #5986B1;
    background-position:0 1px;
}

.sort{
    margin:5px 0;
    text-align:right;
    clear:both;
}
.sort dt{
    margin-right:10px;
    display:inline;
    font-weight:bold;
}.sort dd{
    margin-right:10px;
    padding-right:10px;
    display:inline;
    border-right: 1px solid #ccc;
}.sort dd.last{
    margin-right:0;
    border-right:0;
}




.details .course_image{
	width:120px;
	margin:0 10px 10px 0 !important;
	float:left;
}
.details .course_image a img{
	border:#cfcfcf 1px solid;
}
.details .course_image a:hover img{
	border:1px solid #bbb;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


#str_container .plan_calender_icon{
	width:104px !important;
	padding:3px 1px 3px 3px;
	white-space:nowrap;
	border-right:#cfcfcf 1px solid;
	_position:relative;
}

#str_container .plan_calender_icon .icnList img{
	float:left;
	margin:0 2px 0 0;
	padding:0;
}
/**/

/**/
#str_container .plan_calender tfoot td{
	padding:0 0 2px;
	background:#f3f3f3;
	border-right:#cfcfcf 1px solid;
	border-bottom:#cfcfcf 1px solid;
	_position:relative;
}
#str_container .plan_calender tfoot .other_plans{
	width:340px;
	margin:0;
	text-align:center;
	float:left;
}
#str_container .plan_calender tfoot .other_plans a{
	margin:0;
	padding:6px 10px 5px 0;
	background:url(/static/images/parts_list/btn_bg_more_big.gif) bottom no-repeat;
	display:block;
}
#str_container .plan_calender tfoot .other_plans a:hover{
	background:url(/static/images/parts_list/btn_bg_more_big_ov.gif) bottom no-repeat;
}
#str_container .plan_calender tfoot .icon_explain{
	margin:7px 10px 0;
	width:8em;
	font-weight:bold;
	float:left;
}
#str_container .plan_calender tfoot .btn_compare{
	padding:3px 5px;
}

#str_container .plan_calender tfoot .btn_compare a{
	width:16em;
	padding:0 0 0 10px;
	background:url(/static/images/parts_list/btn_bg_blue.gif) left no-repeat;
	text-align:center;
	color:#fff;
	font-weight:bold;
	display:block;
	float:right;
}
#str_container .plan_calender tfoot .btn_compare a span{
	padding:10px 0 10px 0;
	background:url(/static/images/parts_list/btn_bg_blue.gif) right no-repeat;
	display:block;
}


#str_container .plan_calender tfoot .btn_compare a:hover{
	background:url(/static/images/parts_list/btn_bg_blue_ov.gif) left no-repeat;
}
#str_container .plan_calender tfoot .btn_compare a:hover span{
	background:url(/static/images/parts_list/btn_bg_blue_ov.gif) right no-repeat;
}



.tabNavi .dayMenu li.nolist{
    margin:0 0 0 10px;
    padding:0;
    float:left;
}
.tabNavi .dayMenu li.nolist span,
.tabNavi .dayMenu li.notlist span{
    margin:0 5px 0 0;
    padding:3px 5px 1px 13px;
    background:url(/resource/images/iconmark/mrk_triangle_dlgray.gif) no-repeat;
    background-position:5px 7px;
    color:#999;
    display:block;
}

#str_container .tabNavi .secondMenu li.other{
	padding:7px 0 0 14px;
}
.tabNavi .secondMenu li.nolist{
	display:block;
	float:left;
	margin:0;
	padding:0 3px 0 4px;
	list-style:none;
	font-weight:bold;
}
	
.tabNavi .secondMenu li.nolist span{
	background:url(/resource/images/tabnavi/bg_secondmenu_gray_left.gif) no-repeat left top;
	display:inline-block;
	padding:3px 16px 0px 14px;
	text-decoration:none;
	color:#999;
	white-space:nowrap;
	float:left;
} 

.tabNavi .secondMenu li.nolist span .noday{
	background:url(/resource/images/tabnavi/bg_secondmenu_gray_right.gif) no-repeat right top;
	padding:3px 16px 0px 0px;
	display:inline-block;
	height:17px;
	cursor:default;
	float:left;
} 
.tabNavi .secondMenu li.other{
	padding:7px 16px 0px 14px;
}