@charset "EUC-JP";

/* -----------------------------------------------------------
CSS Information

File name:      about_us.css
Last update:    2009-07-13 by Iwabuchi
----------------------------------------------------------- */


/* リセット
----------------------------------------------------------- */

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
}

ul,ol {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 基本設定
----------------------------------------------------------- */

body {
	background: #F7F7F7 url(http://cdn.4travel.jp/img/about_us/body_bg.gif) repeat-y center top;
	color: #333333;
	font-size: 62.5%;
	font-family: /*"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka,*/ "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
}

/* For Win IE 7  
*:first-child+html * {
	font-family: "メイリオ", Meiryo, sans-serif; 
}
*/

/* For Win IE 6  
* html * {
	font-family: "メイリオ", Meiryo, sans-serif;
}
*/

a:link {
	color: #00f;
}

a:visited {
	color: #551A8B;
}

a:hover {
	color: #D95700;
}
       
a:active {
	color: #D95700;
}

img {
	border: 0;
}

.pts_mb10 {
	margin-bottom: 10px;
}

.pts_mb20 {
	margin-bottom: 20px;
}

.orange_bold {
	color: #F7980B;
	font-size: 1.1em;
	font-weight: bold;
}


/* __clearfix
----------------------------------------------------------- */

.clear {
	zoom: 100%;
}

.clear:after {
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#content {
	width: 890px;
	margin: 0 auto;
	background: #ffffff;
	font-size: 1.3em;
}

#header {
	padding: 0 10px;
	border-bottom: 3px solid #4B85B7;
}

p#description {
	padding: 0 10px;
	background: url(http://cdn.4travel.jp/img/common/bg_description_default.gif) repeat-x left top;
	color: #ffffff;
	font-size: 0.8em;
}

#logo {
	width: 236px;
	float: left;
}

#logo img{
	vertical-align: bottom;
}

/* hdr-menu
----------------------------------------------------------- */

#hdr-menu {
	width: 526px;
	float: right;
	margin-top: 16px;
}

#hdr-menu li.tab {
	float: left;
	margin-right: 3px;
	position: relative;
}

#hdr-menu li li {
	border-left: 1px solid #6699cc;
	border-bottom: 1px solid #6699cc;
	border-right: 1px solid #6699cc;
	white-space: nowrap;
	font-weight: bold;
}

#hdr-menu li li a {
	display: block;
	padding: 5px 10px;
	color: #FFFFFF;
	text-decoration: none;
}

#hdr-menu li li:hover {
	background: #6699cc;
}

#hdr-menu li ul {
	display: none;
	position: absolute;
	top: 29px;
	left: 5px;
	background: #4b85b7;
}

#hdr-menu img {
	vertical-align: bottom;
}

input.hdr-inputtext {
	width: 170px;
}

/*__RSS
 -------------------------------------------------------*/
.hdr-box {
	position: relative;
}

.hdr-box .rss {
	position: absolute;
	right: 30px;
	top: 85px;
}

/*__breadcrumbwrap
 -------------------------------------------------------*/

#breadcrumbwrap {
	border-top: 1px solid #ffffff;
	background: url(http://cdn.4travel.jp/img/common/parts/bg_shadow_down.gif) repeat-x left top;
	padding: 5px 10px;
}

#breadcrumbwrap div.breadcrumb {
	float: left;
}

#breadcrumbwrap #textchange {
	float: right;
	font-size: 0.9em;
	text-align: right;
}

#breadcrumbwrap #textchange li { 
	display: inline;
}

#breadcrumbwrap #textchange li img {
	vertical-align: middle;
	margin: 3px 2px;
}
/**/

#content #main {
	margin: 0 20px;
}

#content #main h1 {
	text-align: center;
	margin-bottom: 20px;
}


/*__Left_menu
 -------------------------------------------------------*/

div#content div#main div.Left_menu {
	float: left;
	width: 190px;
}

div#content div#main div.Left_menu div.local_nav {
	position: relative;
	padding: 0 5px 30px 0;
	background: url(http://cdn.4travel.jp/img/about_us/local_nav_middle.gif) no-repeat left bottom;
}

div#content div#main div.Left_menu div.local_nav .local_nav_inner {
	padding-top: 20px;
	background: url(http://cdn.4travel.jp/img/about_us/local_nav_top.gif) no-repeat left top;
}

div#content div#main div.Left_menu div.local_nav .local_nav_inner p {
	margin: 0 12px 0 7px;
	border-bottom: dotted 1px #999999;
}

div#content div#main div.Left_menu div.local_nav .local_nav_inner p a {
	display: block;
	padding: 12px 10px;
}

/* 左サイドメニュー 『法人のお客様へ』で使用
 -------------------------------------------------------*/

.Sidemenu_190 {
	background:url(http://cdn.4travel.jp/img/about_us/bg_sidemenu190_mid.gif) repeat-y center;
}
.Sidemenu_190_bottom {
	background:url(http://cdn.4travel.jp/img/about_us/bg_sidemenu190_bottom.gif) no-repeat center bottom;
	padding-bottom: 7px;
}
.Sidemenu_190_inner {
	background:url(http://cdn.4travel.jp/img/about_us/bg_sidemenu190_top.gif) no-repeat center top;
	padding: 14px 4px 0;
}
.Sidemenu_190_inner dl {
	margin: 5px 6px;
	color: #666666;
}
.Sidemenu_190_inner dl dt {
	border-top: 1px dotted #ccc;
	padding: 12px 13px 0 12px;
}

.Sidemenu_190_inner dl dd {
	margin-bottom: 10px;
	padding: 0 13px 0 12px;
}
.Sidemenu_190_inner dl dd img {
	margin-top: 5px;
}

/* __right_content
 -------------------------------------------------------*/
#content div.right_content {
	width:645px;
	float:right;
}

#content div.col_half div.right_content h2 {
	margin-bottom: 10px;
}


#content div.right_content .inner_top {
	padding-top: 2px;
	background: url(http://cdn.4travel.jp/img/about_us/back_640_top.gif) no-repeat top;
}

#content div.right_content .inner_col {
	padding:30px 15px 10px;
	border-left:#cdcdcd solid 1px;
	border-right:#cdcdcd solid 1px;
}

#content div.right_content .inner_bottom {
	padding-bottom: 50px;
	background: url(/img/about_us/bg_640_bottom.gif) no-repeat center bottom;
	zoom: 1; 
}

/*__service
 -------------------------------------------------------*/
#content .right_content p.txt_copy {
	margin-bottom: 20px;
	color: #F7980B;
	font-size: 1.2em;
	font-weight: bold;
}

#content .right_content p.explan_image {
	margin-bottom: 30px;
	text-align: center;
}

.service_index p.ttl_bg_gray {
	padding: 3px;
	background: #eeeeee;
	font-weight: bold;
}

.service_index .benefits01 {
	margin-bottom: 20px;
	padding: 10px;
	border: solid 1px #eeeeee;
	background: #FFFFCC;
}

.service_index .benefits02 {
	margin-bottom: 20px;
	padding: 10px;
	border: solid 1px #eeeeee;
	background: #EFFFE8;
}

/*__footer
 -------------------------------------------------------*/
#content #footer {
	margin: 5px 20px 10px;
}

#content #footer p.pagetop {
	margin: 10px 0 20px;
	text-align: right;
}

#content #footer p a {
	padding-left: 15px;
	background: url(http://cdn.4travel.jp/img/common/parts/icn/icn_10/icn_10_pagetop.gif) no-repeat left center;
}


#content #footer p.copyright {
	text-align: center;
	font-size: 0.8em;
}