@charset "utf-8";
/* specialhis 共通パーツCSS */
body {
	font-family: Meiryo, 'Lucida Grande', 'Hiragino Kaku Gothic  ProN', sans-serif;
}

/* 背景 */
.contentWrapper {
	background:url(https://www.his-j.com/tyo/fair/specialhis/common/images/bg.png) repeat center 70px;
}
.contentWrapper.special {
	background:url(https://www.his-j.com/tyo/fair/specialhis/common/images/bg_line.png) repeat center top;
}

/* ぱんくずリスト */
#breadcrumb {
	width: auto;
	padding-bottom: 5px;
	position: relative;
	background: #ffffff;
	margin: 0 auto;
}
#breadcrumb #body {
	position: relative;
}

/* コンテンツ */
#mainArea .container {
	width: 920px;
	margin: 0 auto;
	padding: 20px;
}
.ttl {margin-bottom: 25px;}
.copy span {
	font-size:85%;
}


/* 上部クーポン枠 */
#couponArea {
	width:960px;
	background:#ffffff;
	margin:0 auto 20px;
	text-align:center;
}
#couponArea h2 {
	text-align:center;
	/*margin:-26px 0 20px;*/
	margin:0 0 10px;
}
#couponArea .leftBox {
	float:left;
}
#couponArea .rightBox {
	float:right;
}
#couponArea .notes {
	padding-top:10px;
	clear:both;
}
#couponArea a:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


/* 買い方ガイド */
#guideArea {
	width:800px;
	border:15px solid #003f98;
	margin:50px auto 0;
}
#guideArea h2#guide {
	background:#003f98;
	color:#ffffff;
	font-size:150%;
	line-height:1.4;
	padding-bottom:12px;
	text-align:center;
}
#guideArea .inner {
    width:740px;
    padding:34px 30px 20px;
	background-color:#ffffff;
}
#guideArea a:link,
#guideArea a:visited {
	color: #f0242c;
	text-decoration: underline;
}
#guideArea a:hover {**/
	text-decoration: none;
}
#guideArea .inner .channel {
	width:630px;
	margin:0 auto;
}
#guideArea .channel li {
	width: 190px;
	border: 5px solid #003f98;
	float: left;
	margin-right: 15px;
	position: relative;
	padding: 20px 0 10px;
}
#guideArea .channel li.last {
	margin-right: 0;
}
#guideArea .channel li > a {
	position: absolute;
	top: 0;
	right: 0;
	width: 190px;
	height: 204px;
}
#guideArea .channel li > a > div {
	position: absolute;
	bottom: 20px;
	width: 190px;
	text-align: center;
	text-decoration: underline;
}
#guideArea .channel li> a:hover > div {
	text-decoration: none;
}
#guideArea .registry {
	position: relative;
	width:740px;
	margin-top: 20px;
}
#guideArea .menu04_inner {
	padding:20px 0px 35px;
}
#guideArea .menu04_inner h3 {
	color:#e60012;
	font-size:150%;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
	margin-bottom:23px;
	padding-bottom:10px;
	border-bottom:2px solid #cccccc;
}
#guideArea .menu04_inner .hr {
	border-top: 2px solid #CACAD9;
	width: 740px;
	height: 2px;
	display: inline-block;
	margin: 25px 0 30px;
}
#guideArea .menu04_inner p {
	font-size:110%;
	margin-bottom: 10px;
	line-height: 1.25em;
}
#guideArea .menu04_inner #olGuideArea {
	display:table;
	margin: 0 auto;
}
#guideArea .menu04_inner #olGuideArea li {
	display: inline-block;
	margin-right: 4px;
}
#guideArea .menu04_inner #olGuideArea li.step {
	border:2px solid #cccccc;
	padding:8px 5px 10px 10px;
	vertical-align:top;
}
#guideArea .menu04_inner #olGuideArea li.step span {
	display: block;
    font-weight: bold;
    margin-bottom: 2px;
}
#guideArea .menu04_inner #olGuideArea li a {
	display:block;
	background:#e60012;
	border:1px solid #e60012;
	color:#ffffff;
	font-size:130%;
	line-height:1.5;
	font-weight:bold;
	 padding: 12px 25px 13px 12px
}
#guideArea .menu04_inner #olGuideArea li.btnS a {
	font-size:110%;
	padding: 5px 25px 5px 10px
}
#guideArea .menu04_inner #olGuideArea li a span {
	font-size:85%;
	font-weight:normal;
}
#guideArea .menu04_inner #olGuideArea li a:link,
#guideArea .menu04_inner #olGuideArea li a:visited {
	text-decoration:none;
}
#guideArea .menu04_inner #olGuideArea li a:hover {
	background:#ffffff;
	border:1px solid #e60012;
	color:#e60012;
	text-decoration:none;
}
#guideArea .menu04_inner #pre_area {
    background-color: #f9f4e6;
    padding: 30px;
}
#guideArea .menu04_inner #pre_area h4 {
	color:#000000;
	font-size:150%;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
	margin-bottom:15px;
	padding-bottom:10px;
}
#guideArea .menu04_inner #pre_area .item_area {
	display:table;
	margin-bottom:20px;
}
#guideArea .menu04_inner #pre_area .item_area .item {
	width:323px;
	display:inline-block;
	border:2px solid #000000;
	background:#ffffff;
	margin-right:20px;
	vertical-align:top;
}
#guideArea .menu04_inner #pre_area .item_area .item.last {
	margin-right:0;
	margin-bottom:0;
}
#guideArea .menu04_inner #pre_area h5 {
    background: #000000;
    color: #ffffff;
    padding: 8px 15px;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
}
#guideArea .menu04_inner #pre_area .item_area .item p {
	font-size:120%;
	line-height:1.8;
	padding: 10px;
	text-align:center;
}
#guideArea .menu04_inner #pre_area .item_area .item p .notes {
	font-size:85%;
}
#guideArea .menu04_inner #pre_area .text_area {
	text-align:center;
}
#guideArea .menu04_inner #pre_area .text_area ul li {
    display: inline-block;
    padding: 0 10px;
}


#telArea {
	width:100%;
	background:#f9f4e6;
	margin-top:30px;
	padding:30px 0 50px;
}
#telArea #info{
	width: 740px;
	padding: 45px;
}

/* list_carousel */
.list_carouselWrap {
	width: 100%;
	background: #bee5f2;
}
.list_carousel {
	position: relative;
	padding: 10px 0 10px 0;
	width: 920px;
	height: 100px;
	margin: 0 auto;
}
.list_carousel ul {
	margin-left: 66px;
	list-style:none;
}
.list_carousel li {
	float: left;
	margin-right: 35px;
	width: 170px;
}
.list_carousel img {
	display: block;
}
.list_carousel a:hover img {
     filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
	background: #FFF;
}

/* searchBoxSet(bottom) */
#searchBoxSet{ margin:0 0 30px 0;}
#searchBoxSet .md_searchTab { margin:0;}
#searchBoxSet .md_searchTab .md_search_tabList{ margin:0 3px 0 0; float:left;}
#searchBoxSet .md_search_tabList a.is_block{ background:url(/dst/search/img/tab_bg2.png) no-repeat left top; padding:16px 0 10px 0; text-align:center; width:180px; font-size:16px; font-weight:bold; color:#ffffff; display:block; text-decoration:none;}
#searchBoxSet .md_search_tabList a{ background:url(/dst/search/img/tab_bg1.png) no-repeat left top; padding:16px 0 10px 0; text-align:center; width:180px; font-size:16px; font-weight:bold; color:#004098; display:block; text-decoration:none;}
#searchBoxSet .md_search_tabList a:hover{ opacity:1; background:url(/dst/search/img/tab_bg2.png) no-repeat left top; color:#ffffff}
#searchBoxSet .md_search_tabBody{ border:solid 4px #004098; background:#ffffff; padding:15px 20px; clear:both;}
#searchBoxSet .md_search_tabBody .is_destCity div:first-of-type { left:inherit; right:0}
#searchBoxSet .md_search_tabBody .md_search_item .md_search_label_reqIcon {width:33px;}


/* 汎用スタイル */
.clearfix{zoom:1;}
.clearfix:after{
	content:"";
	display:block;
	clear: both;
	height: 0;
}
.mt0 {	margin-top: 0px !important;}
.mt5 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt25 {	margin-top: 25px !important;}
.mt30 {	margin-top: 30px !important;}
.mt35 {	margin-top: 35px !important;}
.mt40 {	margin-top: 40px !important;}
.mt45 {	margin-top: 45px !important;}

.mb0 {	margin-bottom:0px !important;}
.mb10 {	margin-bottom:10px !important;}
.mb20 {	margin-bottom:20px !important;}
.mb30 {	margin-bottom:30px !important;}
.mb40 {	margin-bottom:40px !important;}
.mb50 {	margin-bottom:50px !important;}

.mr10 { margin-right:10px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}

.pt5  { padding-top:5px !important;}
.pb5  { padding-bottom:5px !important;}
.pt15  { padding-top:15px !important;}
.pb0 { padding-bottom:0px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}

.bold { font-weight:bold;}
.red { color:#F60707;}
.white { color:#FFFFFF;}
.yellow { color:#F7F503;}

.bcblue{ background-color:#014099;}

.fs15 {font-size:15px;}
.fs20 {font-size:20px;}
.fs25 {font-size:25px;}
.fs30 {font-size:30px;}
.fs40 {font-size:40px;}

.aC{ text-align:center;}
.aR{text-align: right;}

.fL{float: left;}
.fR{float: right;}

.lh12 { line-height:1.2;}

