@charset "UTF-8";

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

 Style Info:     ガイドカテゴリの個別設定
 File name:      style.css
 Last update:    2008.05.27
----------------------------------------------------------- */

/*----------------------------------------------------
	general style
----------------------------------------------------*/
body#contents div#wrapper div#content div#main div#main_inr div.section {
	font-size: 0.85em;
}
body#contents div#wrapper div#content div#main div#main_inr em {
	display: block;
	margin-bottom: 20px;
	text-align: center;
}
body#contents div#wrapper div#content div#main div#main_inr div.section h3 {
	margin-bottom: 15px;
}
body#contents div#wrapper div#content div#main div#main_inr dl {
}
body#contents div#wrapper div#content div#main div#main_inr dt {
	margin-bottom: 3px;
	padding-bottom: 3px;
	background: url(/common/images/bg/border_dotted_bg.gif) repeat-x left bottom;
	font-weight: bold;
}
body#contents div#wrapper div#content div#main div#main_inr dd {
	margin-bottom: 15px;
}
body#contents div#wrapper div#content div#main div#main_inr div.section div.section_inr h4 {
	margin-bottom: 10px;
}


/* index.html
----------------------------------------------------*/
body#contents div#wrapper div#content div#main div.index p.lead {
	font-size: 0.9em;
}
body#contents div#wrapper div#content div#main div.index div.section ul {
	float: left;
	width: 280px;
}
body#contents div#wrapper div#content div#main div.index div.section ul ul {
	float: none;
	clear: both;
}
body#contents div#wrapper div#content div#main div.index div.section ul li {
	margin-bottom: 3px;
	padding-left: 24px;
	background: url(/common/images/green_18x18_lists_mark.gif) no-repeat left top;
}
body#contents div#wrapper div#content div#main div.index div.section ul ul li {
	padding-left: 10px;
	background: url(/common/images/anchor_list_mark.gif) no-repeat left center;
	font-size: 0.85em;
}


/* about.html
----------------------------------------------------*/
body#contents div#wrapper div#content div#main div.about div.section ol {
}
body#contents div#wrapper div#content div#main div.about div.section ol li {
	width: 615px;
	height: 108px;
	margin-bottom: 12px;
	padding-bottom: 30px;
	background: url(/guide/images/guide_about_step_bg.gif) no-repeat center bottom;
}
body#contents div#wrapper div#content div#main div.about div.section ol li.about_finish {
	width: 615px;
	height: 51px;
	margin-bottom: 12px;
	padding-bottom: 0;
	background: none;
}
body#contents div#wrapper div#content div#main div.about div.section ol#about_step li img {
	float: left;
}
body#contents div#wrapper div#content div#main div.about div.section ol#about_step li div.about_step_inr {
	float: left;
	width: 334px;
	height: 103px;
	padding: 5px 20px 0;
	background: #ecf5c6;
}
body#contents div#wrapper div#content div#main div.about div.section ol#about_step li div.about_step_inr h4 img {
	display: block;
	padding: 6px 0;
}
body#contents div#wrapper div#content div#main div.about div.section ol#about_step li div.about_step_inr p {
	width: 334px;
	clear: both;
	margin-top: 5px;
	line-height: 1.3;
}
body#contents div#wrapper div#content div#main div.about div.section ol#about_step li div.about_step_inr .arrow_red {
	float: left;
	display: block;
	width: 10em;
}
body#contents div#wrapper div#content div#main div.about div.section ol#about_step li img.step_detail_image {
	float: right;
	display: block;
	padding: 5px;
	background: #ecf5c6 url(/guide/images/guide_about_stepimg_bg.gif) no-repeat right center;
}
body#contents div#wrapper div#content div#main div.about div.section div.section_inr_R {
	float: right; 
	width: 380px;
}
body#contents div#wrapper div#content div#main div.about div.section p#about_tenkaizu_image {
	width: 215px;
	text-align: center;
	font-size: 0.8em;
}
body#contents div#wrapper div#content div#main div.about div.section p#about_tenkaizu_button {
	clear: both;
	width: 615px;
	margin-top: 20px;
	text-align: center;
}
body#contents div#wrapper div#content div#main div.about div.section div.section_inr_R p {
	margin-bottom: 1em;
}
body#contents div#wrapper div#content div#main div.about div.section div.section_inr_R li {
	padding-left: 10px;
	background: url(/common/images/anchor_list_mark.gif) no-repeat left center;
}
body#contents div#wrapper div#content div#main div.about div.section div.section_inr p {
	width: 615px;
	text-align: center;
}


/* pay.html
----------------------------------------------------*/
body#contents div#wrapper div#content div#main div.pay div.section div.caution {
	width: 593px;
	padding: 3px 10px;
	border: 1px solid #FF0000;
}
body#contents div#wrapper div#content div#main div.pay div.section div.section_inr table {
	width: 610px;
	margin: 15px 0 0 2px;
}
body#contents div#wrapper div#content div#main div.pay div.section div.section_inr table th {
	width: 33%;
}
body#contents div#wrapper div#content div#main div.pay div.section div.section_inr table td {
	font-size: 0.85em;
}


/* delivery.html
----------------------------------------------------*/
body#contents div#wrapper div#content div#main div.delivery div.section div.section_inr p {
	margin-bottom: 10px;
}
body#contents div#wrapper div#content div#main div.delivery div.section div.section_inr ul#local_navi li {
	padding-left: 10px;
	background: url(/common/images/anchor_list_mark.gif) no-repeat left center;	
}
body#contents div#wrapper div#content div#main div.delivery div.section div.section_inr ul#nouki_checkpoint {
	margin: 20px 0 0;
}
body#contents div#wrapper div#content div#main div.delivery div.section div.section_inr ul#nouki_checkpoint li {
	float: left;
	margin: 0 3px;
}
body#contents div#wrapper div#content div#main div.delivery div.section div.section_inr .s_cap {
	margin-top: 10px;
	line-height: 1.3;
	font-size: 0.85em;
}
body#contents div#wrapper div#content div#main div.delivery div.section div.section_inr .text_center span {
	color: #CC0033;
	font-size: 1.6em;
	font-weight: bold;
}


/* data-send.html
----------------------------------------------------*/
body#contents div#wrapper div#content div#main div.data-send div.section div.section_inr ul#data_send_kind li {
	float: left;
	padding: 8px;
}
body#contents div#wrapper div#content div#main div.data-send div.section div.section_inr p {
	margin-bottom: 15px;
}
body#contents div#wrapper div#content div#main div.data-send div.section div.section_inr table {
	width: 350px;
	margin: 10px auto;
}
body#contents div#wrapper div#content div#main div.data-send div.section div.section_inr table th {
	width: 100px;
	text-align: left;
	vertical-align: top;
}
body#contents div#wrapper div#content div#main div.data-send div.section div.section_inr div#data_sendto {
	width: 420px;
	margin: 0 auto;
}
body#contents div#wrapper div#content div#main div.data-send div.section div.section_inr div#data_sendto address {
	width: 420px;
	padding: 10px;
	background: #fff6f6;
	border: 1px solid #ff9e9e;
}


/* data-check.html
----------------------------------------------------*/
body#contents div#wrapper div#content div#main div.data-check div.section div.section_inr li {
	margin:0 0 3px 2em;
}
body#contents div#wrapper div#content div#main div.data-check div.section div.section_inr input {
	margin: 0 0.5em 0 -2em;
}


/* privacy.html,trade-law.html,agreement.html
----------------------------------------------------*/

body#contents div#wrapper div#content div#main div.privacy dd ul,
body#contents div#wrapper div#content div#main div.trade-law dd ul,
body#contents div#wrapper div#content div#main div.agreement dd ul
{
	padding-left: 15px;
}
body#contents div#wrapper div#content div#main div.privacy dd ul li,
body#contents div#wrapper div#content div#main div.trade-law dd ul li,
body#contents div#wrapper div#content div#main div.agreement dd ul li
{
	list-style-position: outside;
	list-style-type: disc;
}
body#contents div#wrapper div#content div#main div.privacy dd ul ul li,
body#contents div#wrapper div#content div#main div.trade-law dd ul ul li,
body#contents div#wrapper div#content div#main div.agreement dd ul ul li

{
	list-style-type: circle;
}
body#contents div#wrapper div#content div#main div.privacy dd ol li,
body#contents div#wrapper div#content div#main div.trade-law dd ol li,
body#contents div#wrapper div#content div#main div.agreement dd ol li
{
	list-style-position: inside;
	list-style-type: decimal;
}


/* change-cancel.html
----------------------------------------------------*/
body#contents div#wrapper div#content div#main div.change-cancel div.section div.section_inr .text_center span {
	color: #CC0033;
	font-size: 1.6em;
	font-weight: bold;
}
body#contents div#wrapper div#content div#main div.change-cancel div.section div.section_inr p {
	margin-bottom: 1em;
}
body#contents div#wrapper div#content div#main div.change-cancel div.section div.section_inr p.text_Red {
	clear: both;
	font-size: 0.9em;
}
body#contents div#wrapper div#content div#main div.change-cancel div.section div.section_inr h4 {
	margin-top: 30px;
	text-align: center;
}
body#contents div#wrapper div#content div#main div.change-cancel div.section div.section_inr ol li {
	float: left;
	width: 204px;
	padding-right: 1px;
}
body#contents div#wrapper div#content div#main div.change-cancel div.section div.section_inr ol li p {
	width: 190px;
	padding: 7px;
}
.endLink {
	padding: 8px;
	text-align: center;
	border: 1px dotted #ccc;
	margin-right: 18px;
	margin-left: 18px;
	font-size: 0.9em;
	background: #ededed;
}
div.section_inr dl.dl_L, div.section_inr dl.dl_R {
	width: 284px;
	padding: 8px;
	border: 1px solid #ccc;
}
div.section_inr dl.dl_L {
	float: left;
}
div.section_inr dl.dl_R {
	float: right;
}
div.outline dl.tbDl {
	margin: 0px auto 24px;
	width: 100%;
}
div.outline dl.tbDl dt {
	float: left;
	width: 100px;
	padding: 8px 8px 3px;
}
div.outline dl.tbDl dd {
	padding: 8px 8px 3px;
	background: url(../common/images/bg/border_dotted_bg.gif) repeat-x left bottom;
	margin-left: 116px;
}
div.outline h3 img {
	margin-bottom: 24px;
}
div.outline p.lead {
	background: url(images/outline_img_04.jpg) no-repeat right top;
	height: 200px;
	padding-right: 315px;
}