/*　abroad.html使用CSS
----------------------------------------------- */
@charset "shift_jis";

#body {
	position:relative;
	margin:0px auto;
	width:768px;
	text-align:center;
	background-color:#FFF;
	background-image : url(../images/hokkaido_04.gif);
	background-repeat: repeat-y;
	background-position:top left;
	padding:0 0 0 4px;
	_padding:0px;
}
#header {
	width : 760px;
}
#main{
	width : 760px;
	background-color:#FFF;
	text-align:left;
	margin:0;
	padding:0;
}
#contents1{
	float :  ;
	width : 240px ;
	margin:15px 0 0 15px;
	_margin:15px 0 0 15px;
}
#contents2{
	float : right;
	width : 490px;
	margin:15px 0 0 0;
	_margin:15px 0 0 0;
}
#contents3{
	clear:both;
	width :740px;
	margin:0;
	padding:18px 0 0;
}
#footer {
	width : 760px;
	clear :both; 
	margin:0;
	padding:0;
}
#footer table{
	font-size:11px;
	color:#AAA;
}
#footer table a{
	color:#666;
}
/* エリアページ設定
----------------------------------------------- */
.areapage{
	text-align:left;
	width:240px;
	background-color:#FFF;
	margin:0;
	padding:0;
}
.areapage dl{
	width:240px;
	margin:0 0 4px;
	padding:0;
	list-style-type:none;
	background-repeat:no-repeat;
}
.areapage dt{
	text-align:left;
	display:inline;
	width:52px;
	margin:0 4px 0 0;
	padding:0 0 0 4px;
	color:#DBE375;
	font-size:10px;
	background-color:#3F3F3F;
}
.areapage dd{
	display:inline;
	width:;
	margin:0px 4px;
	padding:0;
	font-size:72%;
	line-height:1.4;
	border-style:solid;
	border-width:0 1 0 0;
	border-color:#AAA;
	border-spacing:0;
	border-collapse:collapse;
}
dd.last{
	border-style:none;
	border-width:0;
}
.areapage a{
	text-decoration: none; 
	color:#333;
}
.areapage a:hover {
	text-decoration: none;
	color: #1A85BA;
	background-color:#F2F2F2;
}
.areapage a:active  {
	text-decoration:none; 
	color:#1A85BA;
}
.areapagea:visited {
	text-decoration:none;
	color:#1A85BA;
}
/* お勧めツアーアウトライン設定
----------------------------------------------- */
.osusume_outline1{
	text-align:center;
	width:490px;
	border-style:solid;
	border-width:0 1 4;
	border-color:#354E7B #748FC2;
	background-color:;
	background-image:url("../images/abroad/osusume1_bc.png");
	background-repeat:;
	background-posiotion:top left;
	margin:0;
	padding:24px 0 15px 0;
}
.osusume_outline2{
	text-align:right;
	width:760px;
	border-style:none;
	border-width:0;
	border-spacing:0;
	border-collapse:collapse;
	background-image:url("../images/abroad/osusume2_bc.png");





	background-repeat:;
	background-posiotion:top left;
	margin:0 0 0px;
	padding:18px 0 18px 17px;
	overflow: auto;
}
.osusume_outline3{
	text-align:center;
	width:760px;
	height:;
	border-style:none;
	border-width:0;
	border-spacing:0;
	border-collapse:collapse;
	background-image:url("../images/abroad/osusume3_bc.png");
	background-repeat:repeat-x;
	background-posiotion:top left;
	margin:0;
	padding:18px 0 0;
}
/* こちらもチェック
----------------------------------------------- */
.osusume_outline2 div{
	float:left;
	text-align:left;
	width:230px;
	height:;
	margin:0 18px 15px 0px;
	padding:0 0 9px;
	_padding:0;
	border-style:none;
	border-width:0;
	border-color:;
	border-collapse:collapse;
	background-color:#FFF;
}
.osusume_outline2 p{
	text-align:left;
	color:#444;
	font-size:77%;
	width:215;
	padding:0;
	margin:0 0 9px 9px;
	line-height:1.4;
	letter-spacing:1.1;
}
div.margin0{
	margin-right:0;
}		
/* 目的テーマで選ぶ旅
----------------------------------------------- */
.osusume3_theme_outline{
	width:726px;
	height:620px;
	_height:460px;
	margin:0 auto;
	padding:24px 0　18px 13px;
	border-style:solid;
	border-width:0 1 3;
	border-color:#3C8AA2 #75B9CC;
	border-collapse:collapse;
	background-color:#FFF;
	box-shadow:1px 1px 1px #999;
	-moz-box-shadow:1px 1px 1px #999;
	-webkit-box-shadow:1px 1px 1px #999;
}
.osusume3_theme_contents{
	float:left;
	text-align:left;
	width:340px;
	height:;
	margin:18px 8px 24px 12px;
	_margin:0 18px 24px 0px;
	padding:0;
	border-style:none;
	border-collapse:collapse;
	background-color:#fff;
}
.osusume3_theme_contents p{
	width:340px;
	height:;
	text-align:left;
	font-size:77%;
	color:#555;
	padding:15px 0 0;
	margin:0;
	line-height:1.4;
}
.osusume3_theme_contents img{
	float:left;
	padding:0;
	margin:0 9px 0 0;
	border-style:solid;
	border-width:2;
	border-color:#468293;
	border-collapse:collapse;
}
.osusume3_theme_contents ul{
	font-size:77%;
	margin:21px 0 0;
	_margin:9px 0 0;
	padding:0;
	list-style-type:none;
}
.osusume3_theme_contents li{
	margin:0;
	padding:0 0 0 12px;
	background-image:url("../images/abroad/osusume3_theme_contents_li.gif");
	background-repeat:no-repeat;
	background-position:center left;
}
/* 目的テーマで選ぶ旅 リンク設定
----------------------------------------------- */
.osusume3_theme_contents p a{
	text-decoration:none;
	color:#555;
}
.osusume3_theme_contents p a:hover{
	text-decoration:none;
	color:#8C8C89;
}
.osusume3_theme_contents p a:visited{
	color:;
}
.osusume3_theme_contents li a{
	text-decoration:none;
	color:#0D1E26;
}
.osusume3_theme_contents li a:hover{
	text-decoration:none;
	color:#8C8C89;
}
.osusume3_theme_contents li a:visited{
	color:;
}
/* 海外旅行おすすめ情報
----------------------------------------------- */
.abroad_infomation{
	width:222px;
	margin:0;
	padding:0;
	border-style:solid;
	border-width:1px 2px;
	border-color:#CCC;
	border-collapse:collapse;
}
.abroad_infomation td{
	height:55px;
	margin:0;
	padding:6px 2px;
	border-style:solid;
	border-width:0 0 1px;
	border-color:#CCC;
	border-collapse:collapse;
}
/* ページ内全体設定
----------------------------------------------- */
*{	
	padding:0;
}
img{
	border:0;
}
table{
	border:0;
}
html{
	height:100%;
}
/* 背景
----------------------------------------------- */
body {
	width:100%;
	height:100%;
	color: #333;
	background-image : url(../images/hokkaido_01.gif);
	background-repeat: repeat-x;
	margin: 0;
	line-height:1.5;
	text-align:center;
} 
/* ヘッダー背景
----------------------------------------------- */
.tb01 {
	background-image : url(../images/hokkaido_44.jpg);
	background-repeat: no-repeat;
}
/* 両側シャドウ
----------------------------------------------- */
.tb02 {
	background-image : url(../images/hokkaido_02.gif);
	background-repeat: repeat;
}
.tb03 {
	background-image : url(../images/hokkaido_03.gif);
	background-repeat: repeat;
}

/* 
----------------------------------------------- */
.float_left{
	float:left;
}
strong{
	font-style:normal;
	font-weight:normal;
}
em{
	font-style:normal;
	font-weight:;
	font-size:;
}
h1{
	text-align:left;
	font-size: 77%;
	font-weight: normal;
	margin:0 0 0 10px;
}
h2{
	font-style:normal;
	font-weight:normal;
	margin:0 0 1px;
	padding:0;
	letter-spacing:-0.1em;
}
h3{
	padding:0;
	margin:0;
	font-style:normal;
	font-weight:normal;
}
.h3style1{
	margin:9px 0 9px 8px;
	padding:0;
}
.h3style2{
	width:340;
	height:26px;
	margin:0;
	padding:3px 0 0 15px;
	font-size:14px;
	font-weight:bold;
	color:#3E7180;
	letter-spacing:;
	background-image : url(../images/abroad/abroad_osusume3h3.gif);
	background-repeat: no-repeat;
	background-position:top left;
}
.h3style2 a{
	text-decoration:none;
	color:#3E7180;
}
.h3style2 a:hover{
	text-decoration:none;
}
.h3style2 a:visited{

}
h4{
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}
.bold{
	font-weight:bold;
}
.color00{
	color:#337399;
}
.color01{
	color:#384785;
}
.color02{
	color:#B44775;
}
.color03{
	color:#A07949;
}
.color04{
	color:#4A7740;
}
.k12h {
	font-size: 12px;
	font-weight:;
	margin-top: 2;
	margin-bottom: ;
	margin-right: 0;
	margin-left: 10px;
}
.wh {
	color: #efefef;
}
.gr {
	color: #666666;
}
.rd {
	color: #FF0000;
}
.k10 {
	font-size: 10px;
	line-height: 150%;
}
.k12 {
	font-size: 12px;
	line-height: 150%;
}
.kb12 {
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
}
.kb12w {
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
	color: #FFFFFF;
}
.k13 {
	font-size: 13px;
	line-height: 150%;
}
.kb13 {
	font-size: 13px;
	font-weight: bold;
	line-height: 150%;
}
.k14 {
	font-size: 14px;
	line-height: 150%;
}
.kb14 {
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
}
.topic_path{
	font-size:77%;
	text-align:left;
	margin:0 0 0 6px;
	padding:15px 0 0;
}
/* 未使用
----------------------------------------------- */
*{
	box-sizing : border-box;
	-moz-box-sizing : border-box;
	-webkit-box-sizing: border-box;
}
