@charset "UTF-8";
/*　メインレイアウト用　*/

html {
	height: 100%;
	text-align: center;
}

body{
	background:#fcfde7;
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	line-height: 140%;
	/* Hack for modern Browser */
	voice-family: "\"}\"";
	voice-family: inherit;
}

div{
	margin: 0px;
	padding: 0px;
}

img{
	border-style: none;
}

th{
	font-size: 12px;
	text-align: left;
}

td{
	font-size: 12px;
	text-align: left;
}

.clear{
	clear: both;
	font-size: 1px;
	height: 1px;
	margin: 0px;
	padding: 0px;
	display: block;
}

#top_all{
	margin: 0px auto;
	width: 1010px;
	_width: 1050px;
}

#wrapper{
	background:url(/image/custom/back.jpg) repeat-y;
	margin: 0px auto;
	width: 820px;
	float: left;
}

/* カラム右「コンテンツ」 */
#right_menu{
/*	margin-top: 118px; */
	float: right;
	width: 190px;
	_width: 170px;
	text-align: left;
	background-color: #FFFFFF;
}

/* ヘッダー部分 */
/*　========================　*/
#top_header{
	background:url(/image/custom/header.jpg) no-repeat;
	margin: 0px auto 0px auto;
	width: 800px;
	min-height: 118px;
	_height: 118px;
	text-align: right;
}

#top_header p{
	margin: 0px;
	padding: 16px 10px 4px 0px;
	color: #FFFFFF;
}

#header-menu{
	margin-left: 140px;
	text-align: left;
}

#header-menu dt{
	float: left;
	height: 20px;
	width: 100px;
}

#header-menu .domestic{
	background: url(/image/custom/header_menu1.jpg) no-repeat;
}

#header-menu .overseas{
	background: url(/image/custom/header_menu2.jpg) no-repeat;
}

#header-menu .group{
	background: url(/image/custom/header_menu3.jpg) no-repeat;
}

#header-menu dd{
	height: 20px;
}

#header-menu a{
	padding-right: 18px;
	white-space: nowrap;
}

#header-menu .kokunai-menu a{
	padding-right: 13px;
}

/*　========================　*/



/* カラム構成 */
/*　========================　*/

/* カラム左「メニュー」 */
#left_menu{
	float: left;
	width: 190px;
}


/* カラム中央「コンテンツ」 */
#top_center{
	text-align: left;
}

#contents{
	float: right;
	width: 600px;
	margin: 0px 20px 0px 10px;
}

/*　========================　*/


/*　フッターレイアウト　*/
/*　========================　*/
#top_footer{
	clear: both;
	margin: 0px auto;
	width: 800px;
	border-top: 1px solid #666666;
}


#footer_menu{
	width: 780px;
	height: 16px;
	margin: 0px auto;
}

*:first-child+html #footer_menu{
	height: 26px;
}

#footer_menu ul{
	margin: 0px;
	padding-top: 6px;
	list-style-type: none;
}

#footer_menu li{
	display: inline;
	border-left: 1px solid #666666;
	padding: 0 0.8em;
}

#footer_menu li.fmenut{
	display: inline;
	border: none;
	padding: 0 0.8em 0 0;
}


#copyright{
	width: 800px;
	height: 38px;
	background: url(/image/custom/footer.jpg) no-repeat;
	border-bottom: 1px solid #999999;
	font-size: 10px;
}

#copyright p{
	padding: 8px 0px 0px 0px	;
	margin: 10px 0px 0px 0px	;
	_padding: 5px 0px 0px 0px	;
	_margin: 0px 0px 0px 0px	;
}

*:first-child+html #copyright p{
	padding: 5px 0px 0px 0px	;
	margin: 0px 0px 0px 0px	;
}

#copyright div{
	text-align: right;
}

/*　========================　*/


/* リンク基本仕様 */
/*　========================　*/
a{
	color:#0033CC;
	text-decoration: none;
	font-weight: bold;
}

a:visited{
	color: #0033CC;
}

a:hover{
	color: #FF6600;
	text-decoration:underline;
}
/*　========================　*/


/* 左メニュー「INDEX」以下 */
/*　========================　*/
#index{
	width: 170px;
	margin-left: 20px;
}

#index-waku{
	background-color: #5e7dbd;
}

#index-inner{
	width: 150px;
	margin: 0px 10px 10px 10px;
	background-color: #FFFFFF;
	text-align: left;
}

#index-f{
	display: inline;
}

#index-inner ul{
	padding: 0px 0px 10px 10px;
}

*:first-child+html #index-inner ul{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 140px;
}

* html #index-inner ul{
	margin: 0px 20px 0px 10px;
	padding: 0px;
}

#index-inner li{
	height: 24px;
	padding-left: 20px;
	list-style-type: none;
}

#index-inner .gr{
	background: url(/image/custom/mark_g.jpg) no-repeat;
}

#index-inner .or{
	background: url(/image/custom/mark_o.jpg) no-repeat;
}

#index-inner .bl{
	background: url(/image/custom/mark_b.jpg) no-repeat;
}

#index-inner .pr{
	background: url(/image/custom/mark_p.jpg) no-repeat;
}

#index-inner .pr_1{
	background: url(/image/custom/shushoku_ikon.jpg) no-repeat;
}

#index-inner .re{
	background: url(/image/custom/mark_re.jpg) no-repeat;
}

/* 「QRコード」 */
#qr{
	background: url(/image/custom/mobile.jpg) no-repeat;
	width: 150px;
	height: 170px;
	margin: 10px;
}

#qr img{
	margin-top: 60px;
}

/* バナー類 */
#ban{
	width: 150px;
	margin-top: 10px;
	margin-left: 30px;
}

#ban img{ 
	margin-bottom: 10px;
}

/*　========================　*/


/* 「お知らせ」（スタッフブログ併用） */
/*　========================　*/
#info{
	margin-bottom: 10px;
	text-align: center;
}

#info img{
	margin: 10px 0px;
}

#info table{
	width: 560px;
	margin: auto;
	text-align: left;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

#info tr{
	height: 24px;
}

#info th{
	background: url(/image/custom/mark_bk.jpg) no-repeat;
	padding-right: 12px;
	padding-left: 24px;
	padding-top:4px;
	vertical-align: top;
	border-bottom:1px dotted #cccccc;
}

.top_info_name{
	width: 100px;
}

.top_info_title {
	width: 370px;
}

#info td{
	vertical-align: top;
	border-bottom:1px dotted #cccccc;
	padding-top:4px;
}

td.date{
	width: 90px;
	text-align: right;
}
/* 「就職・PRETTZ」（スタッフブログ併用） */

#blognews table{
	width: 560px;
	margin: auto;
	text-align: left;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

#blognews tr{
	height: 24px;
}

#blognews th{
	background: url(/image/custom/mark_bk.jpg) no-repeat;
	padding-right: 12px;
	padding-left: 24px;
	padding-top:4px;
	vertical-align: top;
	border-bottom:1px dotted #cccccc;
}

#blognews td{
	vertical-align: top;
	border-bottom:1px dotted #cccccc;
	padding-top:4px;
}







/*　========================　*/


/* 国内旅行・海外旅行 */
/*　========================　*/
#domestic{
	background-color: #e1edcd;
	_margin-bottom: 10px;
	text-align: center;
	width:100%;
}

#domestic p{
	margin: 10px 0px 0px;
}

#domestic .aria_box{
	width:100%;
	float:clear;
	clear:both;
	text-align:center;
}

#domestic .choice_box{
	width:295px;
	float:left;
}

#domestic .picup_box{
	width:295px;
	float:right;
}


#overseas{
	float: right;
	width: 295px;
	background-color: #f9f3d8;
	_margin-bottom: 10px;
}

#overseas p{
	margin: 10px 0px 0px;
}

#kokunaibeach{
	float: right;
	width: 295px;
	background-color: #ecf7fd;
	_margin-bottom: 10px;
}

#kokunaibeach p{
	margin: 10px 0px 0px;
}

#kaigaibeach{
	float: right;
	width: 295px;
	background-color: #fcf1ef;
	_margin-bottom: 10px;
}

#kaigaibeach p{
	margin: 10px 0px 0px;
}


/* フォーム */
#choice{
	width: 280px;
	margin: auto;
	text-align: left;
}

#choice tr{
	height: 36px;
}

#choice th{
	padding-left: 20px;
}

#choice .domestic{
	background: url(/image/custom/mark_g2.jpg) no-repeat left center;
}

#choice .overseas{
	background: url(/image/custom/mark_o2.jpg) no-repeat left center;
}

#choice .kokunaibeach{
	background: url(/image/custom/blog/mark_kokunaibeach.jpg) no-repeat left center;
}

#choice .kaigaibeach{
	background: url(/image/custom/blog/mark_kaigaibeach.jpg) no-repeat left center;
}

#choice .right{
	text-align: right;
}

#choice .right_overseas{
	width: 160px;
}


/* おすすめ */
#pickup{
	width: 290px;
	font-size: 10px;
	margin: auto;
	text-align: left;
}

#pickup a{
	font-size: 12px;
	font-weight: bold;
}

#pickup img{
	margin-left: 10px;
}

#pickup th{
	width: 70px;
}

/*　========================　*/


/* 団体旅行 壱岐と島旅村旅＆お客様の声 */
/*　========================　*/
#group,
#iki_voice{
	margin: 10px 0px;
}

*:first-child+html #group,
*:first-child+html #iki_voice{
	padding-top: 20px;
}

#group-l,
#iki_voice-l{
	float: left;
	width: 295px;
	margin-top: 10px;
}

#group-l img{
	margin-bottom: 10px;
}

#iki_voice-l img{
	margin-bottom: 0px;
}

#group-r,
#iki_voice-r{
	float: right;
	width: 295px;
	margin-top: 10px;
}

#group-r ul,
#iki_voice-l ul,
#iki_voice-r ul{
	margin: 0px;
	padding-left: 20px;
	text-align: left;
	list-style-type: none;
}

#group-r li,
#iki_voice-l li,
#iki_voice-r li{
	background: url(/image/custom/mark_b.jpg) no-repeat;
	padding-left: 20px;
	margin-top: 6px;
}

#group-r th,
#iki_voice-l th,
#iki_voice-r th{
	background: url(/image/custom/mark_b.jpg) no-repeat;
	padding-left: 2em;
	padding-bottom: 3px;
	vertical-align: top;
	text-align: left;
	width: 250px;
}

#group-r td.date,
#iki_voice-l td.date,
#iki_voice-r td.date{
	vertical-align: top;
	width: 40px;
}

#group-tolist,
#iki_voice-tolist{
	width: 295px;
	margin-top: 6px;
	border-top: 2px dotted #999999;
	text-align: right;
}

#group-tolist a,
#iki_voice-tolist a{
	display: block;
	float: right;
	height: 20px;
	padding: 4px 6px 0px 20px;
	background: url(/image/custom/point.jpg) no-repeat left center;
	color: #000000;
	text-decoration: none;	
}

#group-tolist a:visited,
#iki_voice-tolist a:visited{
	color: #000000;
}

#group-tolist a:hover,
#iki_voice-tolist a:hover{
	color: #ff6600;
	text-decoration:underline;
}

/*　========================　*/


/*　ブログニュース */
/*　========================　*/
#blognews{
	margin-bottom: 10px;
	text-align: center;
}

#bossblog img{
	margin: 10px 0px;
}

#bossblog table{
	width: 560px;
	margin: auto;
	text-align: left;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

#bossblog tr{
	height: 24px;
}

#bossblog th{
	background: url(/image/custom/mark_bk.jpg) no-repeat;
	padding-left: 2em;
	vertical-align: top;
	border-bottom:1px dotted #cccccc;
	padding-top:4px;
}
#bossblog td{
	border-bottom:1px dotted #cccccc;
	padding-top:4px;
}

#contents #bossblog a{
	color: #669933;
	text-decoration: none;
	font-weight: bold;
}

#contents #bossblog a:visited{
	color: #669933;
}

#contents #bossblog a:hover{
	color: #999999;
	text-decoration:underline;
}

#contents .staffblog{
	white-space: normal;
	width:370px;
}

#contents .staffblog a{
	color:#ff6600;
	text-decoration: none;
	font-weight: bold;
}

#contents .staffblog a:visited{
	color: #ff6600;
}

#contents .staffblog a:hover{
	color: #999999;
	text-decoration:underline;
}

#blognews-tolist{
	width: 600px;
	margin-top: 6px;
	border-top: 2px dotted #999999;
	text-align: right;
}

#blognews-tolist a{
	display: block;
	float: right;
	height: 20px;
	padding: 4px 6px 0px 20px;
	background: url(/image/custom/point.jpg) no-repeat left center;
	color: #000000;
	text-decoration: none;	
}

#blognews-tolist a:visited{
	color: #000000;
}

#blognews-tolist a:hover{
	color: #ff6600;
	text-decoration:underline;
}

/*　========================　*/



/*　検索フォーム用 */
/*　========================　*/
#search{
	height: 40px;
	white-space: nowrap;
	text-align: center;
}

#search form{
	margin: 0px;
	padding: 8px 0px;
}
/*　========================　*/


/*　検索結果一覧用 */
/*　========================　*/
#listup table{
	margin: auto;
	width: 540px;
	text-align: left;
}

#listup th{
	height: 80px;
	width: 80px;
	margin: auto;
	text-align: center;
	background: url(/image/custom/list_back.jpg) no-repeat;
	vertical-align: top;
	padding-top: 5px;
}

#listup td{
	padding: 2px 2px 2px 10px;
}

#listup a{
	display: block;
	background: url(/image/custom/mark_b.jpg) no-repeat;
	padding-left: 20px;
	padding-bottom: 3px;
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}

#listup a.kokunai{
	background: url(/image/custom/mark_g.jpg) no-repeat;
}

#listup a.kaigai{
	background: url(/image/custom/mark_o.jpg) no-repeat;
}

#listup a.kokunaibeach{
	background: url(/image/custom/mark_kokunaibeach.jpg) no-repeat;
}

#listup a.kaigaibeach{
	background: url(/image/custom/mark_kaigaibeach.jpg) no-repeat;
}

#listup a:visited{
	color: #336699;
}

#listup a:hover{
	color: #FF6600;
	text-decoration:underline;
}

.list-category{
	font-size: 10px;
	text-align: right;
}

#list-com{
	width: 540px;
	margin: auto;
	font-size: 10px;
	border-top: 2px dotted #999999;
	text-align: right;
	margin-bottom: 15px;
}

/*　========================　*/

/*　カテゴリー結果一覧用 */
/*　========================　*/
#category_list{
	padding: 5px 0px 5px 5px;
	width: 585px;
	background-color: #FFFFFF;
	border:solid 5px #5E7DBD;
}

#category_list h2{
	margin: 0px;
	color: #000000;
}

/*　========================　*/


#contents .tag{
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#contents .tag li {
	padding: 3px;
	list-style: none;
	display: inline;
	font-size: 10px;
	margin: 3px 5px 3px 0;
	padding: 3px;
}

#contents .tag li.blogtag {
	color: #36f;
	background-color: #def;
	border: 1px solid #36f;
	padding: 1px 3px;
}

/*　========================　*/

.list_image_box {
	text-align:center;
	overflow:hidden;
	width:70px;
	height:70px;
	margin:auto;
	position:relative;
}

.list_image_box2 {
	text-align:center;
	overflow:hidden;
	width:50px;
	height:50px;
	margin:auto;
	position:relative;
}

/*　========================　*/

/*　問い合わせフォーム用 */
/*　========================　*/

.inq1{
	margin-bottom: 50px;
	padding-bottom: 100px;
}

.inq2{
	padding-top: 10px;
}

.inq1 .top_word{
	margin-left: 20px;
}

.inq1 .inq_title{
	color:#5E7DBD;
	border-bottom: 3px solid #5E7DBD;
	padding: 0px 0px 5px 5px;
	margin-bottom: 10px;
	width:585px;
	font-weight: bold;
	font-size: 18px;
}

.inq1 .inq_word{
	border:solid 3px #FF6600;
	padding: 10px;
	text-align: center;
	color: #FF6600;
	margin: 5px 0px;
	width: 550px;
}

.inq1 .form_end{
	text-align: center;
	width: 550px;
	margin: 20px 0px;
}

.inq1 .form_end_link{
	text-align: right;
	width: 550px;
	margin-bottom: 100px;
}

.inq1 table {
	border-collapse:collapse;
	border-spacing:0px;
	width: 580px;
}

.inq1 th{
	width: 120px;
	background-color: #ffc488;
	border:solid 1px #B3B3B3;
	vertical-align: top;
	padding: 10px 5px;
	text-align: left;
}

.inq2 th{
	background-color: #9cd8f1;
	width: 140px;
}

.inq1 td{
	background-color: #FFFFFF;
	border:solid 1px #B3B3B3;
	padding: 10px 5px;
	width: 440px;
}

.inq1 .hissu{
	vertical-align: top;
	background-color: #FFFFFF;
	border:solid 0px ;
	padding: 10px 0px;
	color: #ff0000;
	width: 20px;
	text-align: center;
	font-weight: bold;
}

.inq1 .input{
	width: 400px;
}

.inq1 .hachaku{
	width: 200px;
}

.inq1 .year{
	width: 30px;
}

.inq1 .num{
	width: 30px;
}

.inq1 .num2{
	width: 40px;
}

.inq1 .name1{
	width: 200px;
}

.inq1 .name2{
	width: 100px;
}

.inq1 .add{
	width: 300px;
	height: 40px;
}

.inq1 .area{
	width: 400px;
	height: 150px;
}

.inq1 .frm_botan{
	text-align: center;
}

/*　========================　*/

.itemContents a#prev_item{
 font-weight:normal;
}

.itemContents a#next_item{
 font-weight:normal;
}

/*　========================　*/

#contents .ie7_download{
	text-align: right;
	font-size: 10px;
	_font-size: 11px;
	font-weight: bold;
}

#contents .ie7_download p{
	margin: 5px 0px;
	font-size: 10px;
	_font-size: 11px;
}

#contents .ie7_download a{
 color: #FF4500;
}

#contents .ie7_download a:visited{
 color: #FF4500;
}

#contents .ie7_download font{
	color: #3366FF;
	font-size: 10px;
	_font-size: 11px;
}

/*　========================　*/
#item_list {
	text-align: center;
}