@charset "utf-8";

@import url("../common/css/reset.css");
@import url("../common/css/common.css");
@import url("../common/css/top_news.css");
@import url("http://www.mwt.co.jp/kaigai/common/css/internal_links.css");

a, a:link {
	text-decoration: underline;
	background-color: transparent;
	color: #0066cc;
}
a:visited { background-color: transparent; }
a:hover, a:active {
	background-color: transparent;
	text-decoration:none;
	color: #FF6600;
}
h1{
	font-size:10px;
	width:950px;
	margin:0px auto;
}
/*----------------------------------------------------タイトル大バナー　margin-bottom以外は、image_navigation.css　に記載*/
#image-navigation-text{
	margin-bottom:15px;
}

/*---------------------------------------------------*/
#container{
	width:950px;
	margin:0px auto;
	zoom:1
}
p.bnr_DP{
	margin-bottom:15px;
}
.main{
	float:left;
	width:635px;
}

/*---------------------------------------------------キーワード
.kywdBox{
	clear:both;
	width:200px;
	padding:8px 2px 5px 3px;
	border:solid 1px #CCCCCC;
	background:url(../img/kyw_bg.gif) top repeat-x;
	position:relative;
}
.kywdBox h3{
	position: absolute;
	top:5px;
	right:5px;
}
.kywdBox ul{
	clear:both;
	padding:2px 0px;
	zoom:1;
}
.kywdBox ul li{
	float:left;
	margin:0px 5px;
	white-space:nowrap;
	line-height:1.3;
}
.kywdBox ul li a{	text-decoration:none;}
.kywdBox ul li.size_01{	font-size:12px; }
.kywdBox ul li.size_02{	font-size:14px; }
.kywdBox ul li.size_03{	font-size:14px; font-weight:bold;}
*/


/*---------------------------------------------------タイムセール*/
.timesale{
	margin-bottom:10px;
	padding:8px;
	border:solid 1px #FF0000;
	background:#FFFF00;
	zoom:1;
}
.timesale .timesale_inner{
	float:right;
	width:425px;
	padding:10px;
	background:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
	zoom:1;
}
.timesale .timesale_inner p.sub{
	font-size:12px;
	font-weight:normal;
}
.timesale .timesale_inner .timer{
	margin-top:3px;
	font-size:12px;
	text-align:right;
}
.timesale .photo {
	float:left;
}
.timesale span.price{
	margin:0px 8px;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.timesale a {
	text-decoration:none;
}
.CDT_style{                 /*カウントダウン時間用*/
	padding:0px 10px;
	font-size:15px;
	text-align:center;
	color:#FFFFFF;
	background:#FF0000;
	display:inline-block;
}
.CDT_style .day{
	padding:0px 3px;
	font-size: 25px;
	line-height:1.2;
}
.CDT_style .hour,.CDT_style .min,.CDT_style .sec{
	padding:0px 3px;
	font-size: 25px;
	line-height:1.2;
}

/*---------------------------------------------------お買い得*/
.okaidoku{
	margin-bottom:20px;
	padding:15px 0px 5px 0px;
	border:solid 2px #ffa300;
	background:url(../img/okaidoku_title_bg.gif) repeat-y left;
	zoom:1;
}
.okaidoku h3{
	float:left;
	/* [disabled]padding-top:35px; */
}
.okaidoku_inner{
	float:right;
	width:596px;
}
.okaidoku_inner .photoBox{
	margin:0px 10px 8px 0px;
	padding-bottom:8px;
	border-bottom:dotted 1px #CCCCCC;
	zoom:1;
}
.okaidoku dl{
	float:left;
	width:280px;
	padding:0px 0px 0px 10px;
	zoom:1;
}
.okaidoku dl dt{
	float:right;
	width:190px;
	font-size:14px;
	font-weight:bold;
	line-height:1.3;
}
.okaidoku dl dd {
	float:left;
}
.okaidoku dl dd img{
	width:80px;
	height:80px;
}
.okaidoku dl dt a,
.okaidoku ul li a
{
	text-decoration:none;
}
.okaidoku span.price{
	color:#CC0000;
}
.okaidoku ul{
	margin:0px 0px 5px 8px;
	zoom:1;
}
.okaidoku ul li{
	float:left;
	width:275px;
	margin-right:5px;
	padding-left:12px;
	line-height:1.3;
	background:url(../img/tab_icon_okaidoku_on.gif) no-repeat left 3px;
}
.okaidoku ul.wide li{
	width:550px;
}
/*
.okaidoku .inner_left{
	float:left;
	width:285px;
	margin-right:5px;
}
.okaidoku .inner_right{
	float:left;
	width:285px;
}
.okaidoku ul li{
	margin-bottom:5px;
	padding-left:12px;
	line-height:1.3;
	background:url(../img/tab_icon_okaidoku_on.gif) no-repeat left 3px;
}
*/

/*---------------------------------------------------バナー*/
.main .bnrBox{
	clear:both;
	margin-bottom:20px;
	zoom:1;
}
.main .bnrBox div{
	float:left;
	width:148px;
	margin-right:14px;
}
.main .bnrBox div p.text{
	margin-top:5px;
	padding-left:10px;
	background: url(../../img/arrow01.gif) no-repeat left 5px;
}
.main .bnrBox div.end{
	margin-right:0px;
}


/*--------------------------------------------------------------お知らせ*/
.main .newsBox {
	clear: both;
	height: 23px;
	width: 635px;
	margin-bottom: 10px;
	padding-top:8px;
	position:relative;
	background: url(../../img/frm_news_bg.gif) no-repeat top right;
}
.main .newsBox .title {
	position: absolute; 
	top:0px;
	left:0px;
}
.main .newsBox ul#slider_news{
 position: absolute;
 margin-left:83px;
 width: 495px;
}
#slider_news li{
/*	display: none; */
	width:600px;
}
/*
#slider_news li.first{
	display: inline;
}
*/
.main .newsBox p.next{
	position: absolute;
	right:8px;
	top:8px;
}

/*--------------------------------------------------------------新着スライド無し
.main .newsBox {
	clear:both;
	width:630px;
	height: 32px;
	margin: 5px 0px 15px 0px;
	background: url(../../img/frm_news_bg.gif) no-repeat top right;
}
.main .newsBox .title {
	float:left;
	margin-right:5px;
}
.main .newsBox ul#slider_news{
	padding-top:8px;
}
*/

/*---------------------------------------------------エリア*/

.areaBox{
	margin:15px 0px 10px;
}
.areaBox .inner{
	padding:10px 0px;
	border:solid 1px #CCCCCC;
	zoom:1;
}
.areaBox h4{
	margin-left:18px;
	margin-right:8px;
	padding-top:5px;
	padding-bottom:3px;
	border-bottom:solid 2px #478acb;
}
.areaBox .area_01{
	float:left;
	margin-bottom:10px;
	background:url(../img/area_bg_01.gif) bottom right no-repeat;
	position: relative;
	height: 120px;
}
.areaBox .area_01beach{
	float:left;
	margin-bottom:10px;
	background:url(../img/area_bg_01.gif) bottom right no-repeat;
	position: relative;
}

.areaBox .area_02{
	float:left;
	margin-bottom:10px;
	background:url(../img/area_bg_02.gif) bottom right no-repeat;
	zoom:1;
	position: relative;
}
.areaBox .area_02eu{
	float:left;
	margin-bottom:10px;
	background:url(../img/area_bg_02.gif) bottom right no-repeat;
	zoom:1;
	position: relative;
	height: 120px;
}

.areaBox .area_03{
	float:left;
	margin-bottom:10px;
	background:url(../img/area_bg_03.gif) bottom right no-repeat;
	zoom:1;
	position: relative;
	height: 120px;
}
.areaBox dl{
	float:left;
	width:182px;
	margin:6px 6px 0px 0px;
	padding-left:18px;
	padding-bottom:3px;
	display:inline;    /*ie6p*/
}
.areaBox dt{
	float:left;
	margin-right:5px;
}
.areaBox dt img{
	width:85px;
	height:85px;
}
.areaBox dd{
	float:left;
	width:84px;
	padding-left:8px;
	padding-bottom:1px;
	background: url(../../img/arrow01.gif) no-repeat left 3px;
	font-weight:bold;
	color: #AAAAAA;
}
.areaBox dd a{
	text-decoration:none;
}
.areaBox dd.pickup a{
	color:#FF33FF;
}
.areaBox dd.pickup a:hover{
	color:#FF6600;
}
.areaBox p.pickup_area{
	position:absolute;
	right:-8px;
	top:-27px;
}
.areaBox p.pickup{
	position:absolute;
	right:187px;
	top:-16px;
	height: 53px;
}
.areaBox p.pickup_02{
	position:absolute;
	right:185px;
	top:-10px;
}

.areaBox p.pickup_03{
	position:absolute;
	right:0px;
	top:-5px;
}
.areaBox p.pickup_04{
	position:absolute;
	right:-4px;
	top:-10px;
}
.areaBox p.pickup_05{
	position:absolute;
	right:420px;
	top:-9px;
}
.areaBox p.pickup_06{
	position:absolute;
	right:-5px;
	top:-10px;
	width: 52px;
	height: 56px;
}
.areaBox p.pickup_07{
	position:absolute;
	right:189px;
	top:-10px;
}

/*---------------------------------------------------テーマから探す*/

.themaBox{
	margin-top:15px;
}
.themaBox h4{
	margin-left:18px;
	margin-right:8px;
	padding-top:5px;
	padding-bottom:3px;
	border-bottom:solid 2px #478acb;
}
.themaBox .inner{
	padding:7px 15px;
	border:solid 1px #CCCCCC;
	zoom:1;
}
.themaBox .inner ul{
	zoom:1;
}
.themaBox .inner li{
	float:left;
	width:140px;
	padding:3px 0px 3px 8px;
	background: url(../../img/arrow01.gif) no-repeat left 7px;
}
.themaBox .inner li.biz{
	background: url(../img/arrow_biz.gif) no-repeat left 7px;
}
.themaBox .inner li.biz a{
	color:#6600CC;
}


/*---------------------------------------------------インフォBOX*/
.infoBox{
	clear:both;
	width:635px;
	margin-top:15px;
	background:url(../img/infoBox_bg.gif) bottom no-repeat;
	zoom:1;
}
.infoBox_inner{
	float:left;
	width:280px;
	padding:10px 15px;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
}
.infoBox .left{
	float:left;
}
.infoBox .right{
	float:right;
}

.infoBox_inner h3{
	margin-bottom:5px;
}
.infoBox_inner ul li{
	margin-bottom:5px;
	padding-left:8px;
	background: url(../../../common/img/arrow01.gif) no-repeat left 5px;
}


/*---------------------------------------------------サイド*/
.side{
	float:right;
	width:300px;
}

/*---------------------------------------------------検索*/
.search_container{
	float:left;
	width:300px;
	margin-bottom:10px;
	zoom:1
}
.search_container .inner{
	padding:10px;
	background:#dafff2; /*青の場合　#d9eeff*/
	zoom:1;
}
.search_container .inner div, .search_container .inner #slideBox div{
	padding-bottom:10px;
	zoom:1;
}
.search_container .inner p, .search_container .inner #slideBox p{
	float:left;
	width:40px;
}
.search_container .inner select.dept{
}
.search_container .inner div.country{
	margin:-7px 0px 0px 40px;
	padding-bottom:0px;
}
.search_container .inner #slideBox p.date{
	clear:both;
	width:40px;
}
.search_container .inner #slideBox p.price{
	clear:both;
	width:40px;
}
.search_container .inner #slideBox p.kw{
	width:70px;
}
/*
.search_container .inner #slideBox .unit{
	font-size:10px;
}
*/
.search_container .inner .search_btn{
		clear:both; 
		padding:5px 0px 0px 90px;
}
.search_container .inner .open{ 
	clear:both; 
	width:275px;
	color: #000099; 
	font-weight:normal;
	text-align:right;
	text-decoration:underline;
	cursor: pointer;  
}  
.search_container .inner #slideBox{  
	clear:both; 
	padding:10px 0px;
  display:none;   
	zoom:1;
  } 
ul.bnr_search_bottom{
clear:both;
	}
ul.bnr_search_bottom li{
	margin-bottom:1px;
}

/*-------------------------------------------------商品コード検索--*/
.codeBox{
	clear:both;
	width:300px;
	margin-bottom:10px;
	zoom:1;
}
.codeBox dl.code {
	background: url(../img/tit_kywd_code.gif) no-repeat left center;
	float: left;
	width:280px;
	padding:10px;
	background:#dafff2; /*青の場合　#d9eeff*/
}
.codeBox dl.code dt { float: left; }
.codeBox dl.code dt input {
	padding: 1px 2px;
	color: #aaaaaa;
}
.codeBox dl.code dt input.code1 { width: 40px; }
.codeBox dl.code dt input.code2 { width: 40px; }
.codeBox dl.code dt input.code3 { width: 60px; }
.codeBox dl.code dd {
	float: left;
	padding-left: 10px;
}


/*-------------------------------------------------サイドバナー--*/
.side .bnrBox{
	clear:both;
	margin-bottom:10px;
}
.side .bnrBox p{
	margin-bottom:5px;
}

/*---------------------------------------------------新聞掲載など*/
.side .mediaBox{
	width:288px;
	margin-bottom:10px;
	padding:5px 7px 5px 5px;
	background:url(../img/mediaBox_bg.gif) no-repeat left 6px;
	position:relative;
	zoom:1;
}
.side .mediaBox h3{
	top:0px;
	left:3px;
}
.side .mediaBox div.np{
	margin-bottom:5px;
}
.side .mediaBox div.np p.date{
	margin-top:-17px;
	margin-left:40px;
	color:#FFFFFF;
}
.side .mediaBox div.inner{
	padding:6px 3px 6px 6px;
	background:#FFFFFF;
	zoom:1;
}
.side .mediaBox p.photo{
	float:left;
	margin-right:5px;
}
.side .mediaBox ul{
	float:left;
	width:204px;
}
.side .mediaBox ul li{
	margin-bottom:5px;
	padding-left:8px;
	line-height:1.3;
	background:url(../img/icon_topics.gif) no-repeat left 6px;
}
.side .mediaBox p.spook_img img{
	height:70px;
	width:70px;
	margin-bottom:3px;
}
.side .mediaBox hr{
	clear:both;
	margin:0px 0px 3px 0px;
	padding:0px;
  border-width: 1px 0px 0px 0px; /* 太さ */
  border-style: dotted; /* 線種 */
  border-color: #CCCCCC; /* 線色 */
  height: 1px; /* 高さ */
	line-height:0;
}
.side .mediaBox p.corner{
	position:absolute;
	right:0px;
	bottom:0px;
}

.side .mediaBox ul.cm{
	float:left;
	width:150px;
}
.side .mediaBox ul.cm li{
	margin-bottom:5px;
	padding-left:8px;
	line-height:1.3;
	background:url(../img/icon_topics.gif) no-repeat left 6px;
}

/*---------------------------------------------------専門店*/
.side .semmontenBox{
	clear:both;
	margin:15px 0px;
}
.side .semmontenBox ul{
	padding:10px 15px;
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	zoom:1;
}
.side .semmontenBox ul li{
	float:left;
	width:125px;
	padding-left:8px;
	margin-bottom:5px;
	background: url(../../img/arrow01.gif) no-repeat left 5px;
}
.side .outlinkBox{
	margin-bottom:15px;
	zoom:1;
}
.side .outlinkBox h4{
	margin-bottom:2px;
}
.side .outlinkBox .inner p{
	float:left;
}
.side .outlinkBox .bnr_air_ticket{
	margin-right:15px;
}
.side .outlinkBox .inner_left{
	float:left;
	width:150px;
}
.side .outlinkBox .inner_right{
	float:left;
	width:150px;
}
.side .inquiryBox{
	margin-bottom:10px;
}
.side .update{
	margin-bottom:10px;
}
.side .sns{
	margin-top:15px;
}
.side #sns_btn div{
	float:left;
	margin:5px 5px 10px 0px;
}

p.seo{
	clear:both;
	margin-top:20px;
}