﻿@charset "utf-8";

/*=====================================================

* 00. share

* Q1. advice      
* R1. faq   
* S1. howto
* T1. sitemap   
* U1. reference
* X1. blog
* Z1. company
* AB1. ab1  
* AD1. ips  
* AE1. about
* AF1. whats

* password    

=====================================================*/

/*=====================================================
* 00. share                                     
=====================================================*/
p.attention_text {
	margin-top: 2em;
}

p.attention_text img {
	margin-right: 3px;
	vertical-align: middle;
}

table {
	width: 100%;
	margin: 10px 0;
	border: 1px solid #573476;
}

table th,
table td {
	padding: 3px 3px 2px 3px;
	border-bottom: 1px solid #573476;
}

table th {
	width: 25%;
	border-left: 1px solid #573476;
	background: #dadaed;
	color: #573476;
	font-weight: normal;
	vertical-align: top;
}

table th.table_ttl {
	width: 100%;
	background: #573476!important;
	color: #fff;
}

table th img {
	margin-right: 3px;
}

table td em {
	margin: 0 1em 0 0.5em;
}

table label {
	margin: 0 1em 0 5px;
}

table img,
table input,
table select {
	vertical-align: middle;
}

table input,
table textarea {
	padding: 1px;
	border: none;
	border: 1px solid #573476;
}

table input.no_border {
	border: none;
}

table select {
	padding: 0;
}

table em {
	font-size: 85%;
}

table .r_space {
	margin-right: 0.5em;
}

table .v_top {
	vertical-align: top;
}

table .size_01 {
	width: 150px;
}

table .size_02 {
	width: 55px;
}

table .size_03 {
	width: 220px;
}

table .size_04 {
	width: 100px;
}

table .space_halfem {
	margin: 0 0.5em;
}

/*=====================================================
* Q1. advice                                    
=====================================================*/

.addetail strong {
	font-weight: bold !important;
}

.addetail em {
	font-style: italic !important;
}


/*=====================================================
* R1. faq                                   
=====================================================*/
.advice div.section,
.faq div.section {
	margin-bottom: 10px;
}

.advice div.section h2,
.faq div.section h2 {
	margin-bottom: 10px;
	padding: 2px 0 2px 3px;
	background: #954091 url(/images/html/others/ttl_line_bg.gif) no-repeat right bottom;
	color: #fff;
}

.advice div.section ul li {
	padding-left: 15px;
	background: url(/images/html/bg_arrow.gif) no-repeat 0 50%;
}

.faq div.section dl {
	margin: 0 0 1.2em 5px;
}

.faq div.section dl em {
	float: left;
	width: 3.5em;
	background: #fff;
	color: #573476;
}

.faq div.section dl span {
	display: block;
	margin-left: 3.5em;
}

.faq div.section dl dt {
	background: #eedff2;
}


/*=====================================================
* S1. howto                                      
=====================================================*/

.howto div#main_cnt {
	margin-top: 10px;
	padding-bottom: 2em 3em;
/*	border: 1px solid #573476;*/
}

/*
.howto div.cancellation {
	width: 580px;
	margin: 40px 125px;
	padding: 3em 0;
	background: #eedff2;
	text-align: center;
}*/

.howto h2 {
	margin: 1em 0 1em 0;
	padding-left: 0.5em;
	background: #573476;
	color: #fff;
}

.howto h3 {
	margin-bottom: 1em;
	color: #573476;
	font-weight: bold;
}

.howto div.section {
	width: 820px;
	margin-left: 3px;
}

.howto div.section p {
	margin: 0 0 1em 1em;
}

.howto div.section ul, 
.howto div.section dl,
.howto div.section dl dd {
	margin: 0 0 1em 2.5em;
}

.howto div.section ul li,
.howto div.section dl dt {
	margin-bottom: 1em;
}

.howto div.section dl dd ul {
	margin-top: 1em;
}

.howto div.section strong {
	font-weight: bold;
}


/*=====================================================
* T1. sitemap                                  
=====================================================*/
.sitemap div.site_root {
	margin: 0 130px;
}

.sitemap div.site_root p {
	padding-left: 15px;
	background: url(/images/html/others/square_bg.gif) no-repeat 0 50%;
}

.sitemap ul.root,
.sitemap ul.root ul {
	margin-left: 2em;
	background: url(/images/html/others/sitemap_base_bg.gif) repeat-y;
}

.sitemap ul.root li {
	padding-left: 96px;
	background: url(/images/html/others/sitemap_root_bg.gif) no-repeat 0 3px;
}

.sitemap ul.root li.foot {
	background: url(/images/html/others/sitemap_root_foot_bg.gif) no-repeat 0 3px;
}

/*=====================================================
* U1. reference                                    
=====================================================*/
.reference p.keep_center {
/*	margin-bottom: 0.5em;*/
	margin: 1em 0 2em 0;
}



/*=====================================================
* X1. blog                                 
=====================================================*/
.blog div#container {
	position: relative;
}

.blog div#container div.content {
	float: right;
	width: 500px;
	margin: 0 25px 0 0;
	padding-bottom: 20px;
}

.blog div#container div#blog_parts {
	float: left;
	margin: 0 auto;
	padding: 0 70px 0 80px;
	_padding: 0 70px 0 70px;
}

.blog dl {
	margin-bottom: 1em;
}

.blog dl dt {
	margin-bottom: 0.3em;
	padding-left: 15px;
	background: url(/images/html/others/square_bg.gif) no-repeat 0 50%;
	color: #573476;
}

.blog dl dd {
	margin-left: 15px;
}

.blog dl dd.code_area {
	margin: 0;
	padding: 5px;
	border: 1px solid #573476;
}

.blog p.keep_center {
	margin: 0.5em 0 1.5em 0;
}

.blog table ul.col3 {
	width: 342px;
	margin-right: 10px;
}

.blog table ul.col3 li {
	float: left;
	width: 114px;
	margin-bottom: 0.5em;
}

/*=====================================================
* Z1. company                                    
=====================================================*/
.company table span {
	float: left;
	width: 5em;
}


/*=====================================================
* AB1. ab1                             
=====================================================*/
/*=====================================================
* AB1-AB3. travel_condition                             
=====================================================*/
.ab1 div#main_cnt {
	padding-bottom: 2em;
	border: 1px solid #573476;
}

.ab1 div#main_cnt p {
	margin: 2em 45px 4em 45px!important;
	padding: 2em;
	background: #eedff2;
	text-align: center;
}

.ab1 div#main_cnt ul {
	text-align: center;
}

.ab1 div#main_cnt ul li {
	display: inline;
	margin: 0 5em 0 3em;
}

.ab1 div#main_cnt ul li a {
	padding-left: 15px;
	background: url(/images/html/bg_arrow.gif) no-repeat 0 50%;
}

.travel_condition h2 {
	margin-bottom: 1em;
	padding-left: 0.5em;
	background: #573476;
	color: #fff;
}

.travel_condition h3 {
	margin-bottom: 1em;
	color: #573476;
	font-weight: bold;
}

.travel_condition div#container p {
	margin-bottom: 1em;
}

.travel_condition div.section {
	width: 820px;
	margin-left: 3px;
}

.travel_condition div.section p {
	margin-left: 1em;
}

.travel_condition div.section ul, 
.travel_condition div.section dl,
.travel_condition div.section dl dd {
	margin: 0 0 1em 2.5em;
}

.travel_condition div.section ul li,
.travel_condition div.section dl dt {
	margin-bottom: 1em;
}

.travel_condition div.section dl dd ul {
	margin-top: 1em;
}

/*
.travel_condition div#container div.section {
	width: 820px;
	margin-left: 3px;
}

.travel_condition div#container div.section p {
	margin-left: 1em;
}

.travel_condition div#container div.section ul, 
.travel_condition div#container div.section dl,
.travel_condition div#container div.section dl dd {
	margin: 0 0 1em 2.5em;
}

.travel_condition div#container div.section ul li,
.travel_condition div#container div.section dl dt {
	margin-bottom: 1em;
}

.travel_condition div#container div.section dl dd ul {
	margin-top: 1em;
}*/

.travel_condition table th.table_ttl {
	width: auto;
	text-align: center!important;
}

.travel_condition table th {
	width: auto;
	background: #eedff2;
	text-align: right;
}

.travel_condition table.type1 {
	width: 615px;
	margin-left: 100px;
}

.travel_condition table.type2 {
	width: 745px;
}

.travel_condition table.type3 {
	width: 745px;
	margin-left: 5em;
}

.travel_condition table.type1 th.first {
	width: 40%;
}

.travel_condition table.type2 th.first,
.travel_condition table.type3 th.first {
	width: 70%;
}

.travel_condition table.type2 td {
	text-align: right;
}

.travel_condition table.type3 th {
	text-align: left;
}

.travel_condition table.type3 td {
	text-align: center;
}

.stipulation div.section strong {
	font-weight: bold;
	color: #555;
}

.stipulation div.section em.attention {
	margin-left: 2em;
}

.stipulation table {
	width: 800px;
	margin: 0 8px 1em 12px;
}

.stipulation table th {
	text-align: center;
}

.stipulation table td {
	border-left: 1px solid #573476;
}


/*=====================================================
* AD1. ips                                   
=====================================================*/
/*=====================================================
* AE1. about                                
=====================================================*/
.ips div.section,
.about div.section {
	margin-bottom: 20px;
}

.ips div.section h2,
.about div.section h2 {
	margin-bottom: 10px;
	font-size: 120%;
	color: #573476;
}

.ips div.section p,
.about div.section p {
	margin-bottom: 1em;
}

/*=====================================================
* AF1. whats                              
=====================================================*/
.whats p.sub_ttl {
	padding: 0.5em 0;
	background: #c06dbb;
	color: #fff;
	text-align: center;
}

.whats p.image_pic {
	margin: 1em 0;
}

.whats div.main_txt {
	padding: 1.5em 1.5em 0.5em 1.5em;
	border: 1px solid #944191;
}

.whats div.main_txt p {
	margin-bottom: 1em;
}

.whats div.section {
	margin-bottom: 2em;
}

.whats div.section h3 {
	margin-bottom: 1em;
}

/*=====================================================
* password                              
=====================================================*/
.forgot_pass div#main_cnt {
	padding: 1em 1em 0 1em;
	border: 1px solid #573476;
}

/*
.reissue_comp div#main_cnt {
	padding: 5em 0;
	border: 1px solid #573476;
	text-align: center;
}*/

.forgot_pass div#reissue_comp {
	padding: 5em 0;
	border: 1px solid #573476;
	text-align: center;
}

.forgot_pass div#main_cnt p {
	margin-bottom: 1em;
}

.forgot_pass div#main_cnt dl {
	margin-left: 80px;
	padding-bottom: 0.5em;
	color: #573476;
}

.forgot_pass div#main_cnt dl dt {
	float: left;
	width: 150px;
	margin-right: 1em;
	text-align: right;
}

.forgot_pass div#main_cnt dl dd {
	margin-bottom: 0.5em;
}

.forgot_pass div#main_cnt dl dd input {
	width: 350px;
	border: 1px solid #573476;
}




/*---
gourp form
----*/

div.group{
	}
div.group dl{
	width:830px;
	height:220px;
	overflow:hidden;
	background:url(../../../images/html/tour/group.jpg) no-repeat 0 0;
	margin-bottom:20px;
}
div.group dl dt{
	padding-top:220px;
}


