@charset "UTF-8";

.align-center{
clear:both;
margin:0px auto;
text-align:center;
}
.align-center img{
margin-top:20px;
}

#left-clumn{
background:url(../experience/img/exp_bg.gif) no-repeat;
}
#exp-top-read{
}

#exp-top-read p{
margin:20px 0px 15px 40px;
text-align:left;
padding:0px 0px;
}

#exp-top-body{
border:1px solid #eeeeee;
border-top:none;
width:630px;
padding:0px 40px 20px;
background:#FFFFFF url(../experience/img/exp_bg.gif) no-repeat -1px -150px;
}

.movie-block{
width:184px;
text-align:left;
margin-bottom:10px;
}

.movie-block-list{
border-bottom:1px dotted #999999;
padding-bottom:4px;
margin:10px 0px 4px;
}

.movie-block p.caption{
line-height:1.3em;
}

#left-clumn .movie-block p{
margin:0px 0px;
padding:0px 0px;
}

#left-clumn .movie-block p img{
font-size:1px;
display:block;
}

#left-clumn .movie-block p.movie-title{
font-weight:bold;
color:#000000;
font-size:13px;
line-height:1.1em;
width:136px;
}

#left-clumn .movie-block p.movie-title span.cap{
color:#e60012;
}

h4.exp-title{
clear:both;
margin-top:20px;
background:#e60012;
color:#FFFFFF;
padding:7px;
text-align:left;
font-size:14px;
}

.exp-body{
padding:10px 20px 20px;
border:1px solid #eeeeee;
background-color:#FFFFFF;
}

a.abso-right{
position:relative;
font-size:11px;
z-index:10;
left:240px;
top:-20px;
display:block;
height:1em;
}

.exp-block{
text-align:left;
margin:10px 0px;
padding:0px 0px 10px;
border-bottom:1px dotted #999999;
}
.exp-block h5{
color:#000000;
}
.exp-block p{
color:#e60012;
}

.exp-block h5{
font-size:15px;
}
.exp-block p{
font-size:13px;
}

.exp-block ul li{
float:left;
margin-right:10px;
padding-left:15px;
background:url(../experience/img/exp_list_maker.gif) no-repeat;
}

h4.oc-title{
padding:7px;
*padding:7px 5px;
font-size:15px;
color:#FFE100;
background-color:#e60214;
margin-top:20px;
text-align:left;
font-weight:normal;
}

h4.oc-parent{
background-image:url(../experience/img/oc_title_bg.gif);
background-repeat:no-repeat;
background-position:right;
}

h5.oc-sub{
margin-top:10px;
}

.oc-sp{
background:url(../experience/img/oc_sp_body.gif) repeat-y 5px 0px;
*background-position:4px 0px;
color:#ff6300;
}
.sp-bottoms{
height:5px;
}
.sp-bottoms img{
font-size:1px;
line-height:1px;
display:block;
margin-left:5px;
*margin-left:0px;
}


dl.guide{
display:block;
border:1px solid #EEEEEE;
border-top:none;
width:642px;
text-align:left;
margin-left:13px;
*margin-left:0px;
}
dl.dl-top{
border-top:1px solid #EEEEEE;
}

dl.guide dt{
position:relative;
display:block;
float:left;
width:150px;
margin:6px 0px 0px -6px;
width:210px;
height:29px;
padding:5px 0px 0px 12px;
font-size:14px;
font-weight:normal;
color:#FFFFFF;
}

dl.guide dt .sp-limited{
background:#FFFFFF;
font-size:11px;
text-align:center;
padding:1px 3px;
display:block;
float:right;
width:80px;
margin-right:5px;
}


dl.guide dd{
display:block;
float:right;
width:395px;
padding:7px 7px 7px 0px;
font-size:13px;
}
dl.guide dd img{
float:right;
margin:-3px -3px;
}

dl.y1 dt,
dl.y2 dt{
background:url(../experience/img/oc_sub01.gif) no-repeat;
}

dl#y0 dt{
background:url(../experience/img/oc_sub00.gif) no-repeat;
}

dl.y1{
background-color:#fffef2;
}
dl.y2{
background-color:#fffee5;
}

dl.g1 dt,
dl.g2 dt{
background:url(../experience/img/oc_sub03.gif) no-repeat;
}
dl.b1 dt,
dl.b2 dt{
background:url(../experience/img/oc_sub05.gif) no-repeat;
}
dl.p1 dt,
dl.p2 dt{
background:url(../experience/img/oc_sub07.gif) no-repeat;
}

dl.g1,dl.b1,dl.p1{
background-color:#f2f2f2;
}
dl.g2,dl.b2,dl.p2{
background-color:#FFFFFF;
}



h5.oc-app-header{
margin-top:20px;
}

.oc-app-body{
margin:0px auto;
width:465px;
background:url(../experience/img/oc_app_body.gif); repeat-y;
padding:10px 0px 0px;
}

.oc-app-body ul li{
display:block;
text-align:left;
border:1px solid #EEEEEE;
padding:4px 4px 4px 17px;
margin:0px 6px;
background:#FFFFFF url(../experience/img/oc_app_arrow.gif) no-repeat 3px 3px;
line-height:2em;
}
.oc-app-body ul li a{
display:block;
float:right;
width:120px;
}

.oc-app-body ul li span.left-align{
float:left;
}

.app-bottoms{
clear:both;
margin:0px auto;
text-align:center;
width:465px;
}
.sp-bottoms img,
.app-bottoms img{
font-size:1px;
display:block;
}


.timetable{
margin:0px auto;
border-top:1px solid #EEEEEE;
border-left:1px solid #EEEEEE;
}
.timetable th,
.timetable td{
border-right:1px solid #EEEEEE;
border-bottom:1px solid #EEEEEE; 
padding:7px;
font-weight:normal;
font-size:13px;
}

.timetable th{
width:146px;
background:#fffef2;
color:#e60012;
}
.timetable td{
text-align:left;
vertical-align:top;
}


table.exp-form{
width:640px;
margin:10px auto;
border-top:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
}
table.exp-form th,
table.exp-form td{
padding:10px;
font-weight:normal;
font-size:13px;
text-align:left;
border-bottom:1px solid #e5e5e5;
vertical-align:top;
}

table.exp-form th{
width:160px;
border-left:1px solid #e5e5e5;

}



table.exp-form td input,
table.exp-form td textarea{
border:1px solid #999999;
background:#FFFFFF;
padding:2px;
}

.controll{
width:260px;
margin:10px auto;
}

.controll input,
.controll a{
display:block;
float:left;
margin-right:10px;
}

tr.exp-form-header th,
tr.exp-form-header td{
background:#fffde2;
}#error_box {
	padding: 5px;
	border: 1px solid #FF0000;
	width: 630px;
	color: #FF0000;
	margin-bottom: 5px;
	height: auto;
	margin-left: 10px;
}
#expform .result_box {
	font-size: 14px;
	line-height: 150%;
}

p.oc-caption{
width:460px;
font-size:11px;
text-align:left;
margin:5px auto 0px;
line-height:1.2em;
}
