@charset "Shift_JIS";

/*
GLOBAL
***************************************************************************/
html { overflow-y: scroll; }

body {
	width: 100%;
	height: auto;
	word-break: break-all;
	background-color: #FFF;
}


/*
DEFAULT
***************************************************************************/

/* ¥IMG¥ */
/*a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

a.no_filter:hover img {
	filter: none;
	-moz-opacity: 1.00;
	opacity: 1.00;
}*/

/*
Äpp[c
***************************************************************************/
/* ¥display¥ */
.block { display:block; }
.inline { display:inline; }
.align_c { text-align:center; }
.align_r { text-align:right; }
.align_l { text-align:left; }
.flo_l{ float:left; }
.flo_r{ float:right; }

/* ¥area¥ */
.mb10 { margin-bottom:10px !important; }


/* ¥img¥ */

/* ¥font disp¥ */
.bold { font-weight:bold; }
.normal { font-weight:normal; }

/* ¥font size¥ */

/* ¥font color¥ */

/* ¥line height¥ */

/* ¥background ¥ */


/* ¥ table ¥ */



.header,.footer{
	margin:0 auto; 
	width:100%;
	background-color:#EEEEEE;
}

/*
CONTENTS
***************************************************************************/
.comfort #wrapper{
	width:100%;
}

#wrapper h1{
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	font-size: 9px;
	background-color: #FFF;
}

.comfort_content{
	font-size:14px;
	line-height:24px;
	color:#6a6969;
	height: auto;
	background-image: url(../images/bg_02.jpg);
	background-repeat: repeat-x;
	background-position:50% 0;
}
.bottom_line{
	background:url(../images/bottom_line.png) repeat-x bottom;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.top_bg{
}
.image_area{
	width:1560px;
	margin-left:50%;
	position:relative;
	left:-780px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-repeat: no-repeat;
	background-position: top;
}
.w980{
	width:980px;
	margin:0 auto;
}
.w980 .pan{
	width:980px;
	text-align: left;
	font-size: 10px;
}
.w980 p{
	width:839px;
	text-align: right;
}
.area01{
/*	margin-top: 492px;*/
}
.area02{
	background-color: #FFF;
}
.area02 .text01 {
	width: 500px;
	text-align: left;
	font-size: 14px;
	line-height: 200%;
	background-image: url(../images/text01.png);
	background-repeat: no-repeat;
	height: 160px;
	padding-top: 170px;
	padding-left: 450px;
	padding-right: 30px;
	margin-bottom: 50px;
}	
.area02 .text02 {
	text-align: left;
	font-size: 14px;
	width: 500px;
	line-height: 200%;
	background-image: url(../images/text02.png);
	background-repeat: no-repeat;
	height: 228px;
	padding-top: 130px;
	padding-right: 450px;
	padding-left: 30px;
}	
.area02 .text03 {
	width: 200px;
	text-align: left;
	font-size: 14px;
	padding-right: 260px;
	float: right;
	line-height: 200%;
	padding-top: 120px;
}	

.photgallery{
	padding-left: 30px;
	width: 950px;
	margin-bottom: 10px;
}
.area03{
	background-image: url(../images/contents_03.png);
	background-repeat: no-repeat;
	height: 650px;
	width: 980px;
}
.area03 a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
}
.area03 ul{
	padding-top: 270px;
	padding-left: 35px;
}
.area03 ul li{
	float: left;
}
.area03 ul li a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

.li_01{
	background-color: #F00;
	margin-top: 20px;
}
.li_02{

}
.li_03{
}



/* ------------------------------------------------------------------------
   ¿à\
------------------------------------------------------------------------ */

/*#container #contents{
	width:981px;
	margin:0 auto;
	padding:15px 0 0 0;
	background-color: #FF9;
}

#container #contents ul{
	padding:0 45px;
}



#container #contents li{
	padding-top:2px;
	padding-left:2px;
	width:429px;
	height:254px;
	float:left;
	background: url(../images/price_bg.png) 0 0 no-repeat;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 3px;
	margin-left: 7px;
}
.pagetop {
	float: left;
	width: 980px;
	text-align: right;
	font-size: 12px;
	margin-top: 15px;
}



#container #contents h3{
	font-size: 20px;
	font-weight: bold;
	background-image: url(../images/h3_plan.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 411px;
	padding-top: 10px;
	padding-left: 15px;
}

#container #contents .description {
	width: 431px;
}
#container #contents .schedule {
	margin-bottom: 10px;
	border-collapse: collapse;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#container #contents .schedule td.type1,
#container #contents .schedule td.type2,
#container #contents .schedule td.type3 {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #AFAFAF;
}
#container #contents .schedule td.arrow {
	width: 11px;
	background-image: url(../images/route_list_schedule_ico.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#container #contents .schedule td.arrow2 {
	width: 50px;
	background-image: url(../images/0054_5.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#container #contents .schedule td .place {
	display: block;
	margin-top: 0;
	font-size: 18px;
	line-height: 12px;
	white-space: nowrap;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	width: 65px;
}
#container #contents .schedule td.type1 .place {
	background: #DDFAC5;
}
#container #contents .schedule td.type3 .place {
	background: #D7EEF9;
}
#container #contents .schedule td .time {
	display: block;
	font-size: 18px;
	line-height: 11px;
	white-space: nowrap;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #666;
}



#container #contents li .price{
	width:220px;
	height:95px;
	float:left;
	overflow:hidden;
}


#container #contents li .btn_area{
width:200px;
float:left;
}
*/





/*#list1{
	position: relative;
	padding-top: 20px;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 20px;
	border: 2px solid #F96;
}*/


#list1_a li {
	height: 150px;
	position: relative;
	/*	background-image: url("../images/bg_each1.gif");
*/	background-repeat: no-repeat;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/btn_bg.png);
}
#list1_a li h4{
	position: absolute;
	top: 30px;
	left: 26px;
	background-color:#FF3;
	padding-top: 3px;
	padding-left: 10px;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 3px;
	padding-right: 10px;
}


#list1_a .list_place{
	position: absolute;
	color:#333333;
	font-size:46px;
	font-weight:bold;
	left: 29px;
	top: 84px;
	text-align: left;
	letter-spacing:-0.05em;

}
#list1_a .arrow{
	color:#FC0;
}

#list1_a .list_term{
	position: absolute;
	top: 54px;
	left: 642px;
	color: #CC1B1B;
	font-weight: bold;
	font-size: 70px;
	font-family: Impact;
	width: 224px;
}
#list1_a .list_day{
	position: absolute;
	top: 4px;
	left: 554px;
	width: 142px;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	font-size: 14px;
	color: #333;
}
#list1_a .list_term span{
	color:#F00;
	font-weight:bold;
	font-size: 36px;
}

#list1_a .list_reserve{
	position: absolute;
	top: 10px;
	left: 689px;
	font-family: Impact;
}




/* Gnav */

#Gnav {}
#Gnav ul{}
#Gnav ul:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
#Gnav li{ float:left;}


/* eRT[g */

#detail{
	width: 900px;
	background-color: #FFF;
	padding-right: 40px;
	padding-left: 40px;
	margin-bottom: 15px;
	padding-bottom: 40px;
}
#detail .tour{ border:1px solid #b3b3b3; border-top:3px solid #A6B3D6; padding:5px 2px 10px;}
#detail .mgB{ margin-bottom:9px;}
/*#detail .tour:after {content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}*/
#detail .tour h3{
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
	min-height:36px;
	_height:36px;
	background-image: url(https://www.orion-bus.jp/fair/concert/images/detail_tour_h4.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 30px;
	height: 31px;
	width: 865px;
	padding-top: 5px;
}
/*#detail .tour h3 p{ padding:8px 0 0 0; margin:0; line-height:1;}*/
#detail .tour h3 span.btn{ display:block; position:absolute; left:586px; top:3px;}

#detail .tour .step3{
	margin-bottom:5px;
	font-size: 12px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}

#detail .tour .place {
	width:230px;
	float:left;
	margin-right:16px;
	_margin-right:8px;

}

#detail .tour .access{ width:400px; float:left;}
#detail .tour .access .name { padding-top:5px;}
#detail .tour .access dt { clear:both; padding:1px 0 1px 30px; font-weight:bold; min-height:21px; _height:21px;}
#detail .tour .access dt.bus  { background:#F2F2F2 url(https://www.orion-bus.jp/fair/concert/images/detail_access_icon02.gif) 3px 1px no-repeat;}
#detail .tour .access dd { clear:both; padding:1px 0 1px 30px; min-height:21px; _height:21px; background:url(https://www.orion-bus.jp/fair/concert/images/detail_access_icon05.gif) 3px 0 repeat-y;}

#detail .tour .access a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

#detail .tour .g_map { width:400px; height:200px; float:right;}



















.area04{
	background-color: #FFF;
	width: 980px;
	margin-top: 30px;
}
.area05 {
	background-image: url(../images/contents_05.jpg);
	background-repeat: no-repeat;
	width: 660px;
	font-size: 14px;
	color: #333;
	padding-left: 320px;
	line-height: 170%;
	height: 205px;
	padding-top: 35px;
}

.ml20{ margin-left:20px; }
.mr20{ margin-right:20px; }
.w980 .pankuzu {
	width: 980px;
	text-align: right;
}
