@charset "UTF-8";
/* screen.css
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

	1. imported styles
	2. 
		└
	
	99. other
		└for JavaScript
		└go top
		└shadow
	
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
/* font-size
10px - 83.4%
11px - 91.7%
12px - 100%
13px - 108.4%
14px - 116.7%
15px - 125%
16px - 133.4%
17px - 141.7%
18px - 150%
19px - 158.4%
20px - 166.7%
21px - 175%
22px - 183.4%
23px - 191.7%
24px - 200%
*/
/* ------------------------------------------------------------
	1. imported styles
   ------------------------------------------------------------*/
@import url("../shared/css/reset.css");
@import url("../shared/css/basic.css");
@import url("../shared/css/design.css");
/*
---------------------------------------------------------
トップページ
---------------------------------------------------------
*/


/*
---------------------------------------------------------
ヘッダー
---------------------------------------------------------
*/
#header.toppage {
	padding-top: 10px;
	position: relative;
}
#header.toppage h1 {
	padding-bottom: 5px;	
}
#header.toppage p.description {
	font-weight: normal;
	width: 520px;
	
	line-height: 1.5em;
	font-size: 12px;
}
/* --------------------------------------------------------
ナビゲーション【旅行約款・パスポート・お問い合せ】
*/
#header.toppage div.assist-nav {
	position: absolute;
	height: 34px;
	width: 412px;
	top: -33px;
	right: 10px;
	background-image: url(../img/bg_nav.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header.toppage div.assist-nav ul,
#header.toppage div.assist-nav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#header.toppage div.assist-nav li.nav1,
#header.toppage div.assist-nav li.nav2,
#header.toppage div.assist-nav li.nav3 {
	float: left;
	display: block;
}
#header.toppage div.assist-nav li.nav1 { width: 122px; }
#header.toppage div.assist-nav li.nav2 { width: 161px; }
#header.toppage div.assist-nav li.nav3 { }
#header.toppage div.assist-nav li a,
#header.toppage div.assist-nav li a:visited {
	display: block;
	padding-top: 10px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	vertical-align: middle;
	line-height: 1em;
}
#header.toppage div.assist-nav li a:hover,
#header.toppage div.assist-nav li a:active { color: #F90; }
#header.toppage div.assist-nav li a img {
	margin-right: 3px; /*vertical-align: middle;*/
	vertical-align: -0.25em;
	
}
#header.toppage div.assist-nav li.nav1 a { padding-left: 20px; }
#header.toppage div.assist-nav li.nav2 a { padding-left: 10px; }
#header.toppage div.assist-nav li.nav3 a { padding-left: 10px; }

/* --------------------------------------------------------
ナビゲーション【海外ツアー・国内旅イベント・ツアー日記】
*/

#header.toppage div.gnav {
	width: 245px;
	position: absolute;
	left: 707px;
	top: 10px;
}
#header.toppage div.gnav ul,
#header.toppage div.gnav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#header.toppage div.gnav ul li,
#header.toppage div.gnav div.contact {
	height: 76px;
	width: 237px;
	border: 1px solid #3A5C80;
	background-color: #1B283A;
	margin-bottom: 4px;
	/* 先行実装 */
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
#header.toppage div.gnav ul li img,
#header.toppage div.gnav div.contact img {
	margin-top: 5px;
	margin-left: 5px;
}


/* --------------------------------------------------------
背景画像
*/
#header.toppage div.bg-m,
#header.toppage div.bg-l,
#header.toppage div.bg-r {
	position: relative;
	height: 346px;
}
#header.toppage div.bg-m {
	background-image: url(../img/bg_head_m.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#header.toppage div.bg-l {
	background-image: url(../img/bg_head_l.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header.toppage div.bg-r {
	background-image: url(../img/bg_head_r.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
/* --------------------------------------------------------
Flash
*/
div#flash-section {
	height: 322px;
	width: 691px;
	left: 10px;
	top: 10px;
	position: absolute;
	/* 先行実装 */
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
/* header HR */
#header.toppage hr { display: none; }
/*
---------------------------------------------------------
メインコンテンツ
---------------------------------------------------------
*/
#main { padding: 20px 8px 10px; }
#main hr { display: none; }
/* --------------------------------------------------------
レイアウト
*/

#main div.main-left-section {
	width: 530px;
	float: left;
}
#main div.main-right-section {
	width: 380px;
	float: right;
}
/**/
#main h2 { padding-bottom: 10px; }


/* --------------------------------------------------------
レイアウト　第二階層
*/

#main2 { padding: 0px 8px 10px; }
#main2 hr { display: none; }
#main2 div.main-top-section {
	padding-bottom: 20px;
	padding-top: 30px;
}
#main2 div.main-left-section {
	width: 670px;
	float: left;
	padding-top: 30px;
}
#main2 div.main-right-section {
	width: 250px;
	float: right;padding-top: 30px;
}
#main2 div.main-bottom-section {
	padding-bottom: 20px;
	padding-top: 30px;
	clear: both;
}
/* --------------------------------------------------------
エントリー共通スタイル
*/
div.tour-entry {
	clear: both;
	padding-top: 10px;
}
/* 写真 */
div.tour-entry div.image {
	float: left;
	width: 175px;
}

div.tour-entry div.image div.frame{
	border: 5px solid #E8E8E8;
	height: 110px;
	width: 160px;
	position: relative;
	overflow: hidden;
	
}
div.tour-entry div.image img { margin-top: -25px; }

/* 本文 */
div.tour-entry div.body {
	float: right;
	width: 350px;
	padding-top: 5px;
}
div.tour-entry div.body.no-image {
	width: auto;
	float: none;
}
/* タイトル */
div.tour-entry div.body h3 {
	font-size: 116.7%;
	margin-bottom: 0px;
	line-height: 1.3;
}
div.tour-entry div.body h3 img {
	vertical-align: bottom;
	margin: 2px;
}
/* 人気アイコンの表示 */
div.tour-entry div.hit {
	background: url(../shared/img/i_hit.gif) no-repeat left top;
	padding-left: 30px;
	min-height:30px;
}
/* 補足：ツアー期間など */
div.tour-entry p.note {
	/*font-size: 91.7%;*/
	margin: 0px 0px 5px;
	padding: 0px;
	color: #2A53A3;
}
div.main-left-section div.tour-entry p.description{
	margin: 0px;
	padding: 0px;
	/*font-size: 91.7%;*/
}
/* リンク　各トップページへ */
p.lnav {
	text-align: right;
	clear: both;
	line-height: 1em;
	padding: 0px;
}
p.lnav img { margin-left: 5px; }
/* --------------------------------------------------------
現地発着型オーダーメイドツアー
*/
#mytour-section { }
#mytour-section div.tour-entry{ display: none; }
/* -------------------------------------------------------- */
#mytour-section,
#overseas-section,
#domestic-section,
/*#event-banner-section,
#runningclub-section,
#topics-section,
#world-section,
#marathon-section,*/
#diary-section,
#hotel-section,
#insurance-section,
#citytemp-section{ border-bottom: 1px solid #3A5C80; }
#mytour-section,
#overseas-section,
#domestic-section,
#event-banner-section,
#runningclub-section,
#topics-section,
#diary-section,
#hotel-section,
#insurance-section,
#citytemp-section,
#world-section {
	margin-bottom: 10px;
	padding-bottom: 10px;
	clear: both;
}

/* --------------------------------------------------------
募集中の海外企画ツアー
*/
#overseas-section { padding-top: 20px;}
#overseas-section div.tour-entry{ display: none; }
/* --------------------------------------------------------
募集中の国内 旅・イベント　
*/
#domestic-section { padding-top: 20px; }
#domestic-section div.tour-entry{ display: none; }
/* --------------------------------------------------------
イベントバナー　
*/
#event-banner-section { padding-top: 10px; }
#event-banner-section img.bnr { margin-right: 10px; }
/* --------------------------------------------------------
慎ちゃんランニングクラブ
*/
#runningclub-section {
	border: 5px solid #CCC;
	padding: 10px 5px 5px;
}
#runningclub-section h2 {
	padding-top: 2px;
	padding-bottom: 5px;
}
#runningclub-section p{
	margin: 0px;
	padding: 0px;
}
#runningclub-section p.image {
	float: right;
	width:166px;
	display: block;
}
#runningclub-section p.image img { margin-right: -17px; }
#runningclub-section div.description {
	float: left;
	width: 190px;
	display: block;
	/*font-size: 91.7%;*/
	font-size: 91.7%;
	line-height: 1.4;
}
#runningclub-section div.link{ clear: both; }

/* --------------------------------------------------------
海外マラソンツアー
*/
#marathon-section div.header{
	clear: both;
	padding-top: 5px;
}
#marathon-section div.header h3{ padding-bottom: 5px; }
/* 写真 */
#marathon-section div.diary-entry div.image {
	float: left;
	width: 50px;
}
#marathon-section div.diary-entry div.image img { border: 1px solid #666666; }
/* 本文 */
#marathon-section div.diary-entry div.body {
	float: right;
	width: 325px;
	line-height: 1.4;
}
#marathon-section p.description{
	margin: 0px;
	padding: 0px;
}
#marathon-section div.diary-entry div.body.no-image {
	width: auto;
	float: none;
}
#marathon-section p.lnav {
	clear: both;
}
#marathon-section p.lnav.hr{
	display: block;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #3A5C80;
}
/* --------------------------------------------------------
Topics & News
*/
#topics-section {
	background: #E9F4F4;
	padding: 10px 20px;
	margin-top: 10px;
	margin-bottom: 20px;
	position: relative;
	/* 先行実装 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#topics-section h2 { padding-top: 5px; }
#topics-section p.lnav {
	/*position: absolute;
	right: 10px;
	top: 20px;*/
	clear: both;
}
#topics-section p.lnav img{
	margin: 0px;
	padding-left: 5px;
}
#topics-section div.entries { }
#topics-section div.entry {
	border-bottom: 1px dotted #999999;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#topics-section div.entry p{
	margin: 0px;
	padding: 0px;
}


/* --------------------------------------------------------
AVION ツアー日記
*/
#diary-section { }

#diary-section div.diary-entry {
	clear: both;
	padding-top: 5px;
	
}
#diary-section div.header{
	clear: both;
	padding-top: 5px;
}
#diary-section div.header h3{ padding-bottom: 5px; }
/* 写真 */
#diary-section div.diary-entry div.image {
	float: left;
	width: 50px;
}
#diary-section div.diary-entry div.image img { border: 1px solid #666666; }
/* 本文 */
#diary-section div.diary-entry div.body {
	float: right;
	width: 325px;
	line-height: 1.4;
}
#diary-section p.description{
	margin: 0px;
	padding: 0px;
}
#diary-section div.diary-entry div.body.no-image {
	width: auto;
	float: none;
}
#diary-section p.lnav {
	clear: both;
}
#diary-section p.lnav.hr{
	display: block;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
/* --------------------------------------------------------
ホテル予約
*/
#hotel-section { }
#hotel-section ul,
#hotel-section li{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#hotel-section ul { padding-left:5px;}
/* --------------------------------------------------------
海外旅行保険
*/
#insurance-section { }
#insurance-section div.banner{ }
#insurance-section div.banner img{ margin-right: 10px; }
#insurance-section p.lnav{
	text-align: left;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-left: 5px;
}
#insurance-section p.lnav img { margin-left: 0px; }
/* --------------------------------------------------------
世界の天気と気温
*/

#citytemp-section { }

#citytemp-section div.citytemp-entry{ }
#citytemp-section div.left-section{
	width: 170px;
	float: left;
	/*font-size: 91.7%;*/
}
#citytemp-section div.right-section{
	width: 205px;
	float: right;
	text-align: right;
}
#citytemp-section p.note{ clear: both; }
#citytemp-section select.menu{ width: 140px; }
/* --------------------------------------------------------
世界の距離計算
*/
#world-section { }
#world-section select.menu1{ width: 90px; }

#world-section select.menu{ width: 140px; }

#world-section .form1{}
#world-section .form2{ width: 90px; }


/* アビオンクラブからのお知らせ */

#main2 #news-section {
	/* 先行実装 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #EFEFDE;
	padding: 15px 15px 15px 13px;
}
#main2 #news-section h3 {
	padding-top: 5px;
	padding-bottom: 10px;
}
#main2 #news-section ul,
#main2 #news-section li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#main2 #news-section li {
	text-indent: -13px;
	padding-left: 13px;
	padding-bottom: 5px;
}
/* ------------------------------------------------------------
	サイトマップ
   ------------------------------------------------------------*/
#sitemap-section h1 {
	padding-bottom: 30px;
}
#sitemap-section { }
#sitemap-section div.section {
	padding: 0px 0px 10px;
	border-bottom: 1px dotted #CCC;
	margin: 0px 0px 10px;
}
#sitemap-section ul,
#sitemap-section li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#sitemap-section li { padding-left: 0px; }
#sitemap-section ul {
	margin-left: 15px;
	
}
#sitemap-section ul li { background: url(../shared/img/arw2_r.gif) no-repeat 0.2em 0.2em;padding-left: 20px; }
#sitemap-section ul ul {
	margin-left: 15px;
	
}
#sitemap-section ul ul li { padding-left: 20px; background: url(../shared/img/arw3_r.gif) no-repeat 0.2em 0.2em;}
#sitemap-section ul ul ul {
	margin-left: 20px;
	
}
#sitemap-section ul ul ul li {
	padding-left: 0px;
	list-style: disc;background: url(none);
}


/* ------------------------------------------------------------
	
   ------------------------------------------------------------*/





/* ------------------------------------------------------------
	
   ------------------------------------------------------------*/

/* ------------------------------------------------------------
	
*/


/* -----  ----- */