@charset "UTF-8";

/* font-size
10px：84%	12px：100%	14px：117%	16px：134%
18px：150%	21px：175%	24px：200%
*/


/* 初期設定
----------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../common/bg.jpg) repeat-x center top;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.5;
}

a:link {
	color: #00327E;
	text-decoration: underline;
}
a:visited {
	color: #4C6FA4;
	text-decoration: underline;
}
a:hover { text-decoration: none; }
a img{ display: block; }
img{
	border: none;
	vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li, ol, input, text{ margin:0; padding:0; }
li{ list-style-type:none; }

table{
	border-collapse: collapse;
	border-spacing: 0; 
}
table th, table td{ vertical-align: top; }

.pkg:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.pkg {
	display: inline-block;
	margin: 0 auto;
}

/* Hides from IE-mac ¥*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* End hide from IE-mac */

p#pagetop{
	float: right;
	margin-top: 10px;
}

/* レイアウト
----------------------------------------------------*/
#wrapper {
	width: 100%;
}
#header {
	margin: 0 auto;
	width: 910px;
	padding: 12px 20px 0 20px;
	height: 74px;
	background: url(../common/header_bg.jpg) no-repeat center top;
	text-align: left;
}
#content{
	margin: 0 auto;
	width: 950px;
	text-align: left;
	background: url(../common/side_bg.jpg) repeat-y;
}
#division{
	float: left;
	width: 740px;
}
#main{
	float: right;
	width: 570px;
}
#sub{
	float: left;
	width: 160px;
}
#side{
	float: right;
	width: 190px;
	padding: 5px;
}


/* ヘッダー
----------------------------------------------------*/
#header table#box{ width: 910px; }
#header table#logo{ width: 400px; }
#header h1{
	font-size: 10px;
	padding-left: 5px;
	margin-bottom: 7px;
	font-weight: normal;
	line-height: 1.3;
}
#header table#routine td{
	font-size: 10px;
	line-height: 1.0;
}
#header table#routine td a{
	padding: 0 15px 0 8px;
	background: url(../common/list_marker.gif) no-repeat left center;
}
#header table#routine a#last{ padding-right: 0; }

#header table#box img#mainichi{ padding-top: 2px; }

/* ナビ
----------------------------------------------------*/
ul#nav{
	width: 950px;
	margin-bottom: 15px;
}
ul#nav li{
	float: left;
	text-indent: -9999px;
}
ul#nav li a{
	height: 33px;
	width: 120px;
	display: block;
}
ul#nav li a#nav00{
	background-image: url(../common/nav00.jpg);
	width: 109px;
}
ul#nav li a#nav01{ background-image: url(../common/nav01.jpg); }
ul#nav li a#nav02{ background-image: url(../common/nav02.jpg); }
ul#nav li a#nav03{ background-image: url(../common/nav03.jpg); }
ul#nav li a#nav04{ background-image: url(../common/nav04.jpg); }
ul#nav li a#nav05{ background-image: url(../common/nav05.jpg); }
ul#nav li a#nav06{ background-image: url(../common/nav06.jpg); }
ul#nav li a#nav07{ background-image: url(../common/nav07.jpg); }
ul#nav li a:hover{ background-position: 0 -33px; }
ul#nav li a.act{ background-position: 0 -33px; }


/* サブ＆サイド
----------------------------------------------------*/
#sub h3, #side h3{
	height: 30px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1.0;
}
#sub .colbox{ margin-bottom: 10px; }

/* サブ
----------------------------------------------------*/
#sub ul li{
	background: url(../common/subnav_bg.jpg) no-repeat left center;
	padding: 5px 5px 5px 10px;
	border-left: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	border-bottom: 1px solid #C2C2C2;
}
#sub ul li a{
	background: url(../common/subnav_marker.jpg) no-repeat left center;
	padding-left: 15px;
}

/* サイド
----------------------------------------------------*/
#side{ line-height: 1.2; }
#side h3#contact{ background: url(../common/side01_title.jpg) no-repeat; }
#side h3#introduce{ background: url(../common/side02_title.jpg) no-repeat; }
#side h3#pamphlet{
	background: url(../common/side03_title.jpg) no-repeat;
	height: 45px;
}
#side h3#help{ background: url(../common/side04_title.jpg) no-repeat; }
#side h3#insurance{
	background: url(../common/side05_title.jpg) no-repeat;
	height: 45px;
}

#side dl{
	padding: 9px;
	margin-bottom: 10px;
}
#side img#blog{ margin-bottom: 10px; }

#side dl#contactbox, #side ul#helpbox{
	background-color: #FFFFFF;
	border-left: 1px solid #AEBAC3;
	border-right: 1px solid #AEBAC3;
	border-bottom: 1px solid #AEBAC3;
}

#side dl#introducebox, #side dl#pamphletbox{
	background-color: #F7FCE9;
	border-left: 1px solid #7DA900;
	border-right: 1px solid #7DA900;
	border-bottom: 1px solid #7DA900;
}
#side dl#insurancebox{
	background-color: #F7FCE9;
	border-left: 1px solid #BC4D41;
	border-right: 1px solid #BC4D41;
	border-bottom: 1px solid #BC4D41;
}
#side dl#introduce a{ display: block;}

dl#contactbox dt{
	height: 13px;
	margin-bottom: 5px;
	text-indent: -9999px;
}
dl#contactbox dt#teltit{ background: url(../common/side01_teltit.jpg) no-repeat; }
dl#contactbox dt#faxtit{ background: url(../common/side01_faxtit.jpg) no-repeat; }
dl#contactbox dt#mailtit{ background: url(../common/side01_mailtit.jpg) no-repeat; }

dl#contactbox dd{
	height: 20px;
	margin-bottom: 5px;
	text-indent: -9999px;
}
dl#contactbox dd#time{ height: 30px; }
dl#contactbox dd#time{ background: url(../common/side01_time.jpg) no-repeat; }
dl#contactbox dd#telno01{
	background: url(../common/side01_telno01.jpg) no-repeat;
	height: 25px;
}
dl#contactbox dd#telno02{ background: url(../common/side01_telno02.jpg) no-repeat; }
dl#contactbox dd#faxno{ background: url(../common/side01_faxno.jpg) no-repeat; }
dl#contactbox dd#mailad{
	background: url(../common/side01_mailad.jpg) no-repeat;
	height: 15px;
}
dl#contactbox dd#time, dl#contactbox dd#faxno, dl#contactbox dd#mailad{
	border-bottom: 1px dotted #BEBEBE;
	padding-bottom: 5px;
}
dl#introducebox dt{
	cursor: pointer;
	height: 14px;
	margin-bottom: 5px;
	text-indent: -9999px;
}
dl#intro01 dt{ background: url(../common/side02_tit01.jpg) no-repeat; }
dl#intro02 dt{
	background: url(../common/side02_tit02.jpg) no-repeat;
	height: 26px;
}
dl#intro03 dt{ background: url(../common/side02_tit03.jpg) no-repeat; }
dl#intro04 dt{ background: url(../common/side02_tit04.jpg) no-repeat; }
dl#intro05 dt{ background: url(../common/side02_tit05.jpg) no-repeat; }

dl#introducebox dd{
	font-size: 84%;
	padding: 0 0 5px 10px;
	color: #666666;
}
dl#introducebox dl#intro01, dl#introducebox dl#intro02,
dl#introducebox dl#intro03, dl#introducebox dl#intro04,
dl#introducebox dl#intro05{
	border-bottom: 1px solid #ACDC28;
	margin: 0 0 5px 0;
	padding: 0;
}

dl#pamphletbox dt{ font-size: 84%; }

ul#helpbox{
	padding: 9px;
	margin-bottom: 10px;
}
ul#helpbox li{
	line-height: 1.8;
	padding-left: 8px;
	background: url(../common/list_marker.gif) no-repeat left center;

}

#side dl#insurancebox dd{ padding-bottom: 5px; }

#side a#blog:hover{ background-position: 0 -50px; }

/* フッター
----------------------------------------------------*/
#footer {
	color: #666666;
	width: 100%;
	padding-top: 10px;
	height: 50px;
	background: url(../common/footer_bg.jpg) repeat-x center top;
	font-size: 84%;
}
#footer table{
	margin: 0 auto;
}

/* 各ツアー一覧ページ
----------------------------------------------------*/
.tour{
	padding: 10px;
	background-color: #E3F0D7;
	margin-top: 20px;
}

/* タイトル周り */
.tour table.title{
	border: 1px solid #FFFFFF;
	width: 720px;
}
.tour table.title td{
	padding: 5px 0;
	vertical-align: middle;
}
.tour table.title td.tourno{
	background: url(../common/list_title_bg.jpg) repeat-x left center;
	text-align: center;
	line-height: 1.0;
	padding: 0 10px;
	white-space: nowrap;
}
.tour table.title td.tourno span{
	padding: 3px 5px;
	background-color: #FFFFFF;
}

.tour table.title td.tourname{
	width: 615px;
	background: url(../common/list_title_bg.jpg) repeat-x left center;
	font-weight: bold;
	font-size: 117%;
}
.tour table.title td.tourday{
	padding: 0 10px;
	background: url(../common/list_day_bg.jpg) repeat-x left center;
	font-weight: bold;
	font-size: 117%;
	text-align: center;
	color: #000000;
	white-space: nowrap;
}

#main .tour table.title{ width: 550px; }
#main .tour table.title td.tourname{ width: 435px; }

/* ツアー内容 */
.tour table.detail{
	width: 720px;
	border: 10px solid #FFFFFF;
	background-color: #FFFFFF;
}

.tour table.detail td.pct{ padding-bottom: 10px; }
.tour table.detail td.pct img{ padding-right: 5px; }

.tour table.detail td.photo{
	width: 360px;
	padding-bottom: 10px;
}

.tour table.detail td.copy{
	font-size: 117%;
	width: 340px;
}

#main .tour table.detail{ width: 550px; }
#main .tour table.detail td.photo{
	width: 220px;
	vertical-align: top;
}
#main .tour table.detail td.copy{ width: 310px; }


/* 申込みボタン */
.tour table.detail td.copy table.orderbtn{
	width: 340px;
	margin-top: 10px;
}

table.orderbtn th, table.orderbtn td{
	border: 1px solid #FFFFFF;
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #E3F0D7;
	vertical-align: middle;
	line-height: 1.0;
}
table.orderbtn th{
	font-size: 12px;
	background-color: #E3F0D7;
	font-weight: normal;
	white-space: nowrap;
}
table.orderbtn td{
	white-space: nowrap;
	font-size: 14px;
}
table.orderbtn td.price{
	font-size: 134%;
	text-align: right;
	font-weight: bold;
	color: #FF0000;
	white-space: nowrap;
}
table.orderbtn td.order{
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
#main .tour table.detail td.copy table.orderbtn{ width: 320px; }

/* 食事・歩行時間 */
table.meal{
	width: 340px;
	margin: 10px 0;
	border: 1px solid #E8F7FF;
}
table.meal th, table.meal td{
	font-size: 84%;
	font-weight: normal;
	padding: 5px;
}
table.meal th{
	white-space: nowrap;
	background-color: #E8F7FF;
	border-bottom: 1px sold #FFFFFF;
}
table.meal td{ border-bottom: 1px sold #E8F7FF; }

#main table.meal{ width: 320px; }

/* 行程表 */
.tour table.detail td.schedule{
	background-color: #E8F7FF;
	padding: 10px;
}



/* パンくず
----------------------------------------------------*/
p#pankuz{
	font-size: 84%;
	background: url(../common/pankuz_marker.jpg) no-repeat left center;
	padding-left: 13px;
	line-height: 1.0;
	margin-bottom: 10px;
}

/* ページ先頭
----------------------------------------------------*/
p.pagetop{
	float: right;
	font-size: 84%;
	margin: 5px 0 0 0;
}
p.back{
	float: left;
	font-size: 84%;
	margin: 5px 0 0 0;
}


/* お申込みフォーム
----------------------------------------------------*/
form table{
	margin-top: 20px;
	width: 740px;
}
form table th, #division form table td{ padding: 10px 15px; }
form table th{
	background-color: #E3F0D7;
	font-weight: normal;
	text-align: right;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	white-space: nowrap;
}
form table th sup{ color: #FF0000; }

form table td{
	border-top: 1px solid #E3F0D7;
	border-bottom: 1px solid #E3F0D7;
}
form table td p{ margin-bottom: 10px; }
form table td input{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	padding: 2px 0;
}
form table td select{ font-size: 100%; }
form table td textarea{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	height: 6em;
	line-height: 1.5;
}
form table td#btn{
	text-align: center;
	padding: 20px 0;
}
form table td#btn input{ padding: 5px 10px; }

form table td#caption{
	text-align: right;
	border: none;
	padding: 0;
}
form table td#caption span{ color: #FF0000; }


#main form table{ width: 570px; }