@charset "utf-8";

/*----------------------------------------------------------------------
    IMPORT
----------------------------------------------------------------------*/

@import "common.css";
@import "module/box.css";
@import "module/buttons.css";
@import "module/list.css";

/*----------------------------------------------------------------------
    HEADER
----------------------------------------------------------------------*/
/*----------------------------------------------------------------------
    H2
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
    CONTENTS
----------------------------------------------------------------------*/

#contents{
	padding-top:10px;
}

/*----------------------------------------------------------------------
    BOX01
----------------------------------------------------------------------*/

.top #box01{
	background:#000;
	padding:12px 12px 0 10px;
	width:897px;
	width: auto;/* rwd */
	max-width: 897px;/* rwd */
	position:relative;
}

.top #box01_bg{
	position:absolute;
	z-index:0;
	margin-left:-10px;
	margin-top:-12px;
	*margin-top:0px;
	display:none;
}

.top .colum{
	position:relative;
	z-index:1;
}

.top #box01 p{
	line-height:150%;
	color:#FFF;
}

.top #box01 .left{
	width:657px;
	width: calc(100% - 240px);/* rwd */
	max-width: 657px;/* rwd */
}

.top #box01 .left h3{
	width:667px;
	height:87px;
	margin:0 0 0 -10px;
}
.top #box01 .left h3.redTitle{
	background:url(../img/parts/h3_intro_top.png) left bottom no-repeat;
	padding:7px 5px 25px 15px;
	margin-bottom: 30px;
	width:auto;
	height:auto;
	color:#ff3333;
	font-size:162%;
	font-weight: bold;
}
.top #box01 .left ul{
	display:block;
	width:539px;
	padding-top:3px;
	padding-left:10px;
	margin-bottom:-3px;
}

.top #box01 .left ul.top_box{
	width:620px;
	width: 92.95352323838081%;/* rwd */
	max-width: 620px;/* rwd */
	margin-bottom: 10px;
}
.top #box01 .left ul.top_box li{
	border-bottom:1px dotted #797979;
	background:url(../img/parts/box_title_icon.png) left 7px no-repeat;
	padding:2px 0px 3px 12px;
	color:#ffffff;
	font-weight: bold;
	margin-bottom: 5px;
}


.top #box01 .left ul li{
	list-style:none;
	margin-bottom:10px;
}

.top #box01 .right{
	float:right;
	width: 226px;/* rwd */
}
@media screen and (max-width: 640px) {/* rwd */
	.top #box01 .right{
		width: 100%;
	}
}

.top #box01 .right img{
	display:block;
	margin-bottom:12px;
}

/*----------------------------------------------------------------------
    BOX02
----------------------------------------------------------------------*/

.top #box02{
	background:#ddd;
}

.top #box02 .red_arrow{
	margin-bottom:10px;
}

.top #box02 .left .list{
	width:438px;
	margin-bottom:5px;
}

.top #box02 dt{
	display:block;
	height:19px;
	overflow:hidden;
}

.top #box02 .left dt{
	width:135px;
}

.top #box02 .right .list{
	width:438px;
}

.top #box02 .right dt{
	width:119px;
}

.top #box02 .right img{
	display:block;
	margin-left:-135px;
}

.top #box02 .clear{
	*margin-top:-9px;
	_margin-top:0px;
}

/*----------------------------------------------------------------------
    BUTTONS
----------------------------------------------------------------------*/

.top #buttons{
	width:772px;
	width: auto;/* rwd */
	max-width: 919px;/* rwd */
	background:#3F3F3F;
	padding:12px 0 10px 147px;
	padding:12px 0 10px;/* rwd */
	text-align: center;/* rwd */
}

.top #buttons li{
	float: none;/* rwd */
	display: inline-block;/* rwd */
	width:302px;
	height:70px;
}
@media screen and (min-width: 641px){/* rwd */
	.top #buttons li:first-of-type {
		margin-right: 2.720348204570185%;
	}
}

.top #buttons li a{
	width:302px;
	height:70px;
}

/*.top #buttons #button01{padding-right:27px;}*//* rwd */
.top #buttons #button01 a:hover{background-position:0 -70px}

.top #buttons #button02 a{background-position:-302px 0;}
.top #buttons #button02 a:hover{background-position:-302px -70px}


/*----------------------------------------------------------------------
   Adobe Reader
----------------------------------------------------------------------*/

div#adobeReader { 
	background: url(../../../../e/nex/src/img/parts/adobe_bg.gif) no-repeat center center;
	width: 515px;
	height: 71px;
	margin: 0 auto;
	padding: 0;
}


div#adobeReader ul { 
	margin: 0 auto;
	padding: 22px 66px 10px 80px;
}

.top div#adobeReader ul { 
	padding: 18px 0px 0px 70px;
}

div#adobeReader ul li { 
	float: left;
	vertical-align: middle;
}

div#adobeReader ul li.banner { 
	padding: 0 10px 0 0;
}

/*----------------------------------------------------------------------
   BOX03
----------------------------------------------------------------------*/
.top #box03{
	width:920px;
	width: auto;/* rwd */
	max-width: 920px;/* rwd */
	margin: 0 0 10px -10px;
	margin-left: 0;/* rwd */
	margin-bottom:30px;
	padding-bottom: 1px;
	background: url(../../../../e/nex/src/img/parts/box03_bottom.gif) no-repeat bottom center;
	background-size: contain;/* rwd */
	
	padding: 0;/* 2column */
	background: transparent;/*2column*/
}

.top #box03 .boxWrap{
	width:920px;
	width: auto;/* rwd */
	max-width: 920px;/* rwd */
	background: url(../../../../e/nex/src/img/parts/box03_bg.gif) repeat-y top center;
	background-size: contain;/* rwd */
	
	display: flex;/*2column*/
	background: transparent;/*2column*/
}
	
.top #box03 .leftBox,
.top #box03 .middleBox,
.top #box03 .rightBox{
	float: left;
	box-sizing: border-box;/* rwd */
	width: 300px;
	width: 32.60869565217391%;/* rwd */
	width: 49.45652173913044%;/* rwd 2column */
	margin-right: 10px;
	margin-right: 1.08695652173913%;/* rwd */
	
	border: 1px solid #999;/* 2column */
	background: #f5f5f5;/* 2column */
}

.top #box03 .rightBox{
	float: right;
	margin-right: 0;
}

.top #box03 h5 {
	background: url(../../../../e/nex/src/img/parts/boxtit_bg.gif) no-repeat #707070;
	margin: 0 auto;
	font-size:120%;
	font-weight:bold;
	color: #fff;
	padding: 5px 0 6px 15px;
}

.top #box03 h5 a:link{ color: #fff; text-decoration:none;}
.top #box03 h5 a:visited{ color: #fff; text-decoration:none;}
.top #box03 h5 a:hover{ color: #c00; text-decoration:underline;}
.top #box03 h5 a:active{color:#ff6600; text-decoration:underline;}

.top #box03 .leftBox p,
.top #box03 .middleBox p,
.top #box03 .rightBox p{
	padding: 10px 10px 5px 10px;
}

.top #box03 p.link{
	text-align:right;
	clear:both;
}

.top #box03 p.linkWindow{
	text-align:right;
}



.top #box03 p.linkWindow a {
	padding-left:16px;
	background:url(../../../../img/multi/icon_link01.png) no-repeat left center;
}

.top #box03 .leftBox ul li,
.top #box03 .middleBox ul li,
.top #box03 .rightBox ul li{
	float: left;
	list-style-type: none;
	padding-left: 20px;
	margin-right: 10px;
	background:url(../../../../img/multi/icon_link01.png) no-repeat 5px center;
	white-space:nowrap;
}

/*----------------------------------------------------------------------
   Destination
----------------------------------------------------------------------*/
.top .destinationWrap{
	height: 1px;
	background: url(../../../../e/nex/src/img/parts/destination_tbg.gif) no-repeat top center;
	}

.top .destinationBox{
	width:920px;
	margin: 0 0 10px -10px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	background: url(../../../../e/nex/src/img/parts/destination_bg.gif) repeat-y top center;
	}

.top .destinationLeft,
.top .destinationRight{
	position:relative;
	float:left;
	width:455px;
	padding:10px 5px 10px 0;
	}

.top .destinationRight{
	float:right;
	}

.top .destinationBox p.thumbnail{
	float:left;
	width:162px;
	margin:0 13px;
	padding:6px 0;
	background:url(../../../../e/destinations/img/renew/index/bg_thumbnail.gif) no-repeat;
	text-align:center;
	display:inline;
	}

.top .destinationBox dl{
	float:left;
	width:265px;
	padding-top:5px;
	margin-bottom: 10px;
	}

.top .destinationBox dl dt{
	margin-bottom:8px;
	padding:0 0 0 10px;
	background:url(../../../../e/nex/src/img/parts/tit_blue.gif) no-repeat;
	font-size:120%;
	font-weight:bold;
	}
	
.top .destinationBox dl dd p.access {
	font-weight: bold;
	}

.top .destinationBox dl dt a:link{color:#333333; text-decoration:none;}
.top .destinationBox dl dt a:visited{color:#333333; text-decoration:none;}
.top .destinationBox dl dt a:hover{color:#ff0000; text-decoration:underline;}
.top .destinationBox dl dt a:active{color:#ff6600; text-decoration:underline;}

.top .destinationBox p.link{
	text-align:right;
	clear:both;
	width: 440px;
	}

/*----------------------------------------------------------------------
   Destination hover banner 
----------------------------------------------------------------------*/

.top .bnr_botton {
	overflow: hidden;
	height: 150px;
}

.top .bnr_botton p{
	width: 455px;
	height: 150px;
}

.top .bnr_botton p a {
	display: block;
	width: 455px;
	height: 150px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline: none;
}

.top .bnr_botton p a:hover {
	background-position: 0 100%;
}

.top .bnr_botton p a {
	background-image: url(../../../destinations/img/renew/bnr_gunma.jpg);
}

.top .bannerArea{
	background:#FFFFFF;
	padding: 0 5px 50px 0;
}


/*----------------------------------------------------------------------
   sightsBanner
----------------------------------------------------------------------*/

.sightsBanner {
	width: 919px;
	width: auto;/* rwd */
	max-width: 919px;/* rwd */
	margin-bottom: 20px;
}

.sightsBanner h3 {
    margin-bottom: 14px;
	background:url(../img/parts/ttl_sight_bg.jpg) right top no-repeat;
}

.sightsBanner p {
	float: left;
	margin-right: 9px;
	margin-right: 0;/* rwd */
	width: 49.51033732317737%;/* rwd */
	max-width: 455px;/* rwd */
}

.sightsBanner p.right {
	float: right;/* rwd */
	margin-right: 0;
}

.sightsBanner p img {/* rwd */
	width: 100%;
	max-width: 455px;
	height: auto;
}

@media screen and (max-width: 640px) {/* rwd */
	.sightsBanner p {
		width: auto;
		max-width: none;
	}
	.sightsBanner p.right {
		float: none;
	}
}