/* CSS Document */

br,div,ul,ol,li,p,dl,dt,dd{margin:0;padding:0;}
li img,dt img,dd img{vertical-align:bottom;}
img{ border:none;}

body{
	font-family: "メイリオ", sans-serif;
	color: #333333;
	margin:0;
	padding:0;
	background-image: url(../img/top/bg_pattern.jpg);
	background-repeat: repeat;	/*
	background-image: url(../img/common/bg_center2.jpg);
	background-position: center top; */
}

hr{
	margin-bottom: 16px;
	border:dotted #333333;
	border-width:1px 0px 0px 0px;
	height:1px;
}

#pagetop{
	text-align: right;
	width: 960px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


#box{
	margin: 0px;
	padding:0px;/*background-attachment: fixed;
	background-image: url(../img/common/bg_head2.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
	/*background-image: url(../img/common/bg_center.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;*/
}
#common_head{background: #FFFFFF;}
#kihon{
	padding: 16px;
	width: 960px;
	background-color: #FFF;
	/*margin-top:16px;*/
	margin-right: auto;
	margin-left: auto;
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.2);
	margin-bottom:16px;
}

.contents{
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
	/*margin-top:12px;*/
}

.main_tour{
	width: 716px;
	background: #FFFFFF;
	float:left;
}

.main_tour_cont{
	margin: 0 auto;
	width: 716px;
}

.subtit{
	width: 696px;
	height:37px;
	background: url(../img/common/bg_subtit.gif) no-repeat;
}

.subtit p{
	color: #990000;
	padding-top: 12px;
	font-size: 18px;
	line-height: 16px;
	font-weight: bold;
}

.subtit p a{
	font-style:normal;
	font-size:12px;
	font-weight:normal;}

.bttour{
	background: url(../img/obi/bt_etctour.jpg) no-repeat;
	height: 34px;
	width: 641px;
	margin-left: 20px;
	padding-top: 14px;
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.bttour a:link { color:#003399; text-decoration:underline;}
.bttour a:visited { color:#003399; text-decoration:underline;}
.bttour a:active { color:#FF3300; text-decoration:none;}
.bttour a:hover { color:#FF3300; text-decoration:none; background:}

.nenyu{font-family: "ＭＳ Ｐゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}

.nenyu_box{
	font-size: 12px;
	text-align:center;
}

.nenyu_box span{
	background: #FFFF99;
	width: 200px;
	padding: 4px;
	color: #CC0000;
	font-size: 10px;
	margin-right: 10px;
	border: 1px solid #CC3300;
	font-weight: bold;
}

.nenyu_box strong{color: #FF0000;font: 14px "Arial Black";}

.obi_back{
	background: url(../img/obi/obi_back.jpg) no-repeat;
	height: 36px;
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 18px;
	padding-left: 60px;
}

/*-------float解除-------*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix{
zoom:100%;
overflow:hidden; /* for dreamweaver */
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.fr{float:right;}
.fl{float:left;}
.clear{clear: both;}
.cl{clear: both;margin:0;padding:0;}

/*-------font-------*/

a:link{ text-decoration:underline;}
a:visited{ text-decoration:none;}
a:active{ text-decoration:none;}
a:hover{ text-decoration:none;}

.white{color:#ffffff;}
.red{color:#ff0000;}
.blue{color:#0000FF;}
.brown{color: #630;}

.txt10{font-size: 10px;}
.txt11{font-size: 11px;}
.txt12{font-size: 12px;}
.txt14{font-size: 14px;}
.txt16{font-size: 16px;}
.txt18{font-size: 18px;}
.txt20{font-size: 20px;}
.txt22{font-size: 22px;}
.txt24{font-size: 24px;}
.txt26{font-size: 26px;}
.txt28{font-size: 28px;}
.txt30{font-size: 30px;}
.txt32{font-size: 32px;}

/*-------margin-------*/

.mt1{margin-top: 1px;}
.mt2{margin-top: 2px;}
.mt3{margin-top: 3px;}
.mt4{margin-top: 4px;}
.mt5{margin-top: 5px;}
.mt6{margin-top: 6px;}
.mt7{margin-top: 7px;}
.mt8{margin-top: 8px;}
.mt9{margin-top: 9px;}
.mt10{margin-top: 10px;}
.mr1{margin-right: 1px;}
.mr2{margin-right: 2px;}
.mr3{margin-right: 3px;}
.mr4{margin-right: 4px;}
.mr5{margin-right: 5px;}
.mr6{margin-right: 6px;}
.mr7{margin-right: 7px;}
.mr8{margin-right: 8px;}
.mr9{margin-right: 9px;}
.mr10{margin-right: 10px;}
.mr11{margin-right: 11px;}
.mr12{margin-right: 12px;}
.mr16{margin-right: 16px;}
.mb1{margin-bottom: 1px;}
.mb2{margin-bottom: 2px;}
.mb3{margin-bottom: 3px;}
.mb4{margin-bottom: 4px;}
.mb5{margin-bottom: 5px;}
.mb6{margin-bottom: 6px;}
.mb7{margin-bottom: 7px;}
.mb8{margin-bottom: 8px;}
.mb9{margin-bottom: 9px;}
.mb10{margin-bottom: 10px;}
.mb14{margin-bottom: 14px;}

/*-------padding-------*/

.ls1{padding-left: 1px;}
.ls2{padding-left: 2px;}
.ls3{padding-left: 3px;}
.ls4{padding-left: 4px;}
.ls5{padding-left: 5px;}
.ls6{padding-left: 6px;}
.ls8{padding-left: 8px;}
.ls9{padding-left: 9px;}
.ls10{padding-left: 10px;}
.ls12{padding-left: 12px;}
.ls13{padding-left: 13px;}
.rs3{padding-right: 3px;}
.rs4{padding-right: 4px;}
.rs5{padding-right: 5px;}
.rs6{padding-right: 6px;}
.rs7{padding-right: 7px;}
.rs8{padding-right: 8px;}
.rs10{padding-right: 10px;}
.rs12{padding-right: 12px;}
.rs13{padding-right: 13px;}
.rs14{padding-right: 14px;}
.rs16{padding-right: 16px;}
.ts1{padding-top: 1px;}
.ts2{padding-top: 2px;}
.ts3{padding-top: 3px;}
.ts4{padding-top: 4px;}
.ts5{padding-top: 5px;}
.ts6{padding-top: 6px;}
.ts7{padding-top: 7px;}
.ts8{padding-top: 8px;}
.ts9{padding-top: 9px;}
.ts10{padding-top: 10px;}
.ts16{padding-top: 16px;}
.ts20{padding-top: 20px;}
.ds1{padding-bottom: 1px;}
.ds2{padding-bottom: 2px;}
.ds3{padding-bottom: 3px;}
.ds4{padding-bottom: 4px;}
.ds5{padding-bottom: 5px;}
.ds6{padding-bottom: 6px;}
.ds7{padding-bottom: 7px;}
.ds8{padding-bottom: 8px;}
.ds9{padding-bottom: 9px;}
.ds10{padding-bottom: 10px;}
.ds11{padding-bottom: 11px;}
.ds12{padding-bottom: 12px;}
.ds16{padding-bottom: 16px;}
.ds20{padding-bottom: 20px;}
.ds24{padding-bottom: 24px;}

/*--パンくずリンク（jquery）--*/

#PankzTypeA a {margin:0; padding:0; display:inline-block;}
#PankzTypeA {font-size:12px;color:#903;}
#PankzTypeA span {color:#333; padding:0 0.5em;}
#PankzTypeA a {text-decoration:none;color:#333;}
#PankzTypeA a:hover {text-decoration:underline;}

ul,li {list-style-type:none; margin:0; padding:0;}
#PankzTypeB {font-size:12px;color:#903; overflow:hidden;}
#PankzTypeB li {float:left;}
#PankzTypeB span {color:#333; padding:0 0.5em;}
#PankzTypeB a {text-decoration:none;color:#333;}
#PankzTypeB a:hover {text-decoration:underline;}

.fbmenu{
	height: 10px;
	width: 228px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #AAA;
	border-bottom-color: #AAA;
	border-left-color: #AAA;
}

/*-------リンクカラー------*/

a:link { color:#006699; text-decoration:underline;}
a:visited { color:#006699; text-decoration:underline;}
a:active { color:#FF3333; text-decoration:none;}
a:hover { color:#FF3333; text-decoration:none;}

/*-------マウスオーバー時効果------*/

#content a:hover img
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}

#menu_bnr a:hover img
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}

/*-------ページトップ-------*/

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	text-decoration: none;
	color: #fff;
	padding: 20px;
	text-align: center;
	display: block;
	border-radius: 4px;
	background-color: #ACACAC;
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}


/*20170411加藤追加-----------------------------------------*/
.pointArea {
    margin: 0px auto 0;
    width: 920px;
}

.pointArea .leftBox .que01 {
    background: url(http://www.his-j.com/tyo/tour/hawaii/img/only_his_bg_que_01.png) no-repeat top center;
    height: 118px;
    padding: 20px 0 0 20px;
    box-sizing: border-box;
    font-size: 15px;
}

.mgt15 {
    margin-top: 15px !important;
}

.pointArea {
	margin: 0px auto 0;
	width: 920px;
}
.pointArea h3 {
	text-align: center;
	margin-bottom: 20px;
}
.pointArea .leftBox {
	width: 517px;
	float: left;
	margin-right: 23px;
}

.pointArea .rightBox {
	width: 380px;
	float: left;
}
.pointArea .trolleyPointBox {
	position: relative;
}
.pointArea .trolleyPointBox .mapBtn {
	position: absolute;
	top: 96px;
	left: 335px;
}
.pointArea .trolleyPointBox .mapBtn:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.pointArea .iLinkBtn01 {
	display: inline-block;
	padding: 10px 40px 10px 50px;
	border-radius: 5px;
	box-shadow:0px 4px 0px #bfd9e2;
	background: url(../img/icn_link_01.png) no-repeat 20px 16px #eaf7fa;
	font-size: 18px;
	color: #1f4ca5;
	font-weight: bold;
	position: relative;
}
.pointArea .iLinkBtn01:hover {
	box-shadow:inset 0px -1px 0px #eaf7fa;
	top:4px;
	text-decoration: none;
}
.pointArea .que02 {
	background: url(../img/only_his_bg_que_02.png) no-repeat top center;
	height: 118px;
	padding: 35px 0 0 20px;
	box-sizing: border-box;
	font-size: 15px;
}
.blueBox {
	letter-spacing: -.40em;
	margin-top: 20px;
}
.blueBox li {
	width: 296px;
	display: inline-block;
	letter-spacing: normal;
	vertical-align: top;
	background: #eaf7fa;
	border: 1px solid #b7dce9;
	border-bottom: 3px solid #b7dce9;
	box-sizing: border-box;
	margin-right: 15px;
}
.blueBox.col3 li:nth-child(3n) {
	margin-right: 0;
}
.blueBox.col2 li {
	height: 164px;
}
.blueBox.col2 li:first-child {
	width: 607px;
}
.blueBox.col2 li:nth-child(2) {
	width: 296px;
	margin-right: 0;
}
.blueBox .ttl {
	background: url(../img/icn_link_01.png) no-repeat 10px 8px #fff;
	color: #1f4ca5;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 5px 5px 30px;
}
.blueBox .txt {
	padding: 10px;
}
.blueBox a {
	display: inline-block;
}
.blueBox a:hover {
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.blueBox.col2 .img {
	float: left;
	width: 310px;
}
.blueBox.col2 li:first-child .ttl {
	float: left;
	width: 295px;
	box-sizing: border-box;
}
.blueBox.col2 li:first-child .txt {
	float: left;
	width: 295px;
	box-sizing: border-box;
}
.recommendArea {
	margin: 20px auto 0;
	width: 920px;
}
.recommendArea .blueBox li {
	margin-bottom: 15px;
}

.ptxt{
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.alC { text-align: center !important; }


.other{
	width: 800px;
	margin: 20px auto 20px auto;
	padding: 10px;
	border: 3px solid #DDDDDD;
}
a.other{
	display: block;
}
.other li:hover {
	border: 1px solid #004098;
}
.other li{
	width: 100px;

	border: 1px solid #DDDDDD;
	margin: 5px;
	padding: 10px;
	border-radius: 5%;
	box-shadow:1px 2px #DDDDDD;
	float: left;
	font-size: 12px;

}
.other li img{
	width: 95px;
	height: 95px;
	object-fit:cover;
	border-radius: 100%;
}
.other p{
	margin-top: 10px;
	margin-bottom: 10px;
}
.other-ttl{
	font-size: 23px;
	color:#004098;
	font-weight: bold;
}