@charset "utf-8";

@import "/lib/css_store/store_comp.css";
@import "/lib/css/jquery.lightbox-0.5.css";

/* flow.html
----------------------------------------------------*/ 

#contents div.flow_box {
	width:746px;
	background:url(/special/img/bg_flow_07.gif) repeat-y 0 0;
	margin-bottom:20px;
}

#contents div.flow_box div.pack {
	width:746px;
	background:url(/special/img/bg_flow_08.gif) no-repeat left bottom;
	padding-bottom:30px;
}

#contents div.flow_box div.title {
	width:746px;
	background:url(/special/img/bg_flow_06.gif) no-repeat 0 0;
	padding:0;
	position:relative;
}

#contents div.flow_box div.title div.image {	float:right;}
#contents div.flow_box div.title .header {	padding:27px 0 0 31px;}
#contents div.flow_box div.title p {
	position:absolute;
	top:120px;
	left:31px;
}

#contents div.flow_box div.detail {
	width:684px;
	padding:0 31px;
}

#contents div.flow_box div.titlebox {
	width:674px;
	border-top:3px solid #016E95;
	margin:0 auto 20px auto;
	padding:10px 0 0 10px;
}

#contents div.flow_box div.titlebox.floor {
	margin:-20px auto 0 auto;
	padding:10px 0 20px 10px;
	position:relative;
	z-index:10;
}

#contents div.flow_box div.titlebox .header {
	float:left;
	font-size:large;
	padding-right:12px;
}

#contents div.flow_box div.titlebox p {
	float:left;
	padding-top:0.35em;
	line-height:1;
}

#contents div.flow_box div.usemap p {
	position:relative;
	z-index:10;
	margin:-40px 0 30px 24px;
}

#contents div.flow_box div.flow_anchor {
	background:url(/special/img/bg_flow_05.gif) no-repeat 0 0;
	font-size:12px;
	width:684px;
	margin-bottom:20px;
}

#contents div.flow_box div.flow_anchor ul {
	margin-left:13px;
	min-height:51px;
	height:auto !important;
	height:51px;
}

#contents div.flow_box div.flow_anchor li {
	float:left;
	padding:0 18px 0 14px;
	margin-top:10px;
	font-weight:bold;
	background:url(/lib/img/icon_link_03_anchor.gif) no-repeat left center;
}

#contents div.flow_box div.flow_anchor li.f01 {	width:89px;}
#contents div.flow_box div.flow_anchor li.f02 {	width:116px;}
#contents div.flow_box div.flow_anchor li.f03 {	width:96px;	margin-top:18px;}
#contents div.flow_box div.flow_anchor li.f04 {	width:119px;	margin-top:18px;}
#contents div.flow_box div.flow_anchor li.f05 {	width:101px;	padding-right:0;}

#contents div.flow_box ol.flow li {
	background:url(/special/img/bg_flow_02.gif) no-repeat left bottom #FFF9F0;
	padding-bottom:58px;
	width:684px;
	position:relative;
}

#contents div.flow_box ol.flow li.end {
	background:url(/special/img/bg_flow_03.gif) no-repeat left bottom #FFF9F0;
	padding-bottom:15px;
	margin-bottom:10px;
}

#contents div.flow_box ol.flow li div.pagetop_num {
	position:absolute;
	bottom:0;
	right:0;
	margin:0 0 22px 0;
}

#contents div.flow_box ol.flow li div.detail {
	background:url(/special/img/bg_flow_01.gif) no-repeat 0 0;
	width:644px;
	padding:18px 20px 0 20px;
}
#contents div.flow_box ol.flow li div.detail .header01 {	margin-bottom:10px;}
#contents div.flow_box ol.flow li div.image {	float:right;}

#contents div.flow_box ol.flow li div.flow_anchor02 ul {
	background:url(/special/img/bg_flow_04.gif) repeat-y 0 0;
	padding:4px 0;
	margin-bottom:15px;
}

#contents div.flow_box ol.flow li div.flow_anchor02 li {
	float:left;
	padding:0 26px 0 39px;
	font-weight:bold;
	background:url(/lib/img/icon_link_03_anchor.gif) no-repeat 26px center;
	width:auto;
	position:static;
	font-size:12px;
}

#contents div.flow_box ol.flow li div.flow_anchor02 li.end {
	padding:0 0 0 39px;
	margin:0;
}

#contents div.flow_box ol.flow li dl.how {
	line-height:1.5;
	padding-top:3px;
	width:470px;
} 

#contents div.flow_box ol.flow li dl.how dt {
	font-weight:bold;
	margin-bottom:5px;
} 
#contents div.flow_box ol.flow li dl.how dd {	margin-bottom:15px;} 

#contents div.flow_box ol.flow li div.more_block {
	width:604px;
	margin:0 auto;
	background-color:#FFF;
	padding:18px 20px 15px 20px;
}

#contents div.flow_box ol.flow li div.more_block .header02 {
	color:#FB6809;
	margin-bottom:7px;
}

#contents div.flow_box ol.flow li p.underline {
	background:url(/lib/img/bg_dotline_01.gif) repeat-x left bottom;
	padding-bottom:7px;
	margin-bottom:7px;
}

#contents div.flow_box ol.flow li dl.situation {	margin-bottom:15px;}
#contents div.flow_box ol.flow li dl.situation dt {	font-weight:bold;}
#contents div.flow_box ol.flow li dl.situation dd {	margin:0 0 2px .6em;}

#contents div.flow_box ol.flow li div.more_block ul.notice li {
	text-indent:-.6em;
	padding:0 0 0 0.6em;
	background:none;
	width:auto;
	position:static;
	margin-bottom:2px;
}

#contents div.flow_box ol.flow li div.equipment_title {	margin-bottom:10px;}
#contents div.flow_box ol.flow li div.equipment_title .header02,
#contents div.flow_box ol.flow li div.equipment_title p,
#contents div.flow_box ol.flow li div.equipment_title dl{	width:425px;}


#contents div.flow_box ol.flow li.num01 {	position:relative;}
#contents div.flow_box ol.flow li.num01 div.image {
	position:absolute;
	top:-21px;
	right:6px;
}
#contents div.flow_box ol.flow li.num01 dl.how {	width:360px;}

#contents div.flow_box ol.flow li div.equipment {	padding:5px 0 0 13px;} 
#contents div.flow_box ol.flow li div.equipment dl.how {	width:457px;} 
#contents div.flow_box ol.flow li div.equipment dl.how dd {	margin-bottom:18px;} 
#contents div.flow_box ol.flow li div.equipment .header02 {	margin-bottom:10px;} 


#contents div.flow_blk01 {
	margin:0 0 15px 10px;
}

#contents div.flow_box p.linkdetail {
	background:url(/special/img/icon_flow_01.gif) no-repeat left .3em;
	padding-left:14px;
	margin-top:10px;
}

#contents div.flow_box div.machine p.linkdetail {
	float:left;
	margin-right:30px;
	display:inline;
}

#contents div.faqbox { border:solid 1px #CCC; margin-bottom:10px;	line-height:1;}
#contents div.faqbox div.question {
	padding:15px 15px 13px 40px;
	background: #F3F3F3 url(/img/bg_faqicon_01.gif) no-repeat 14px 13px;
	font-size: medium;
	font-weight: bold;
}

#contents div.faqbox div.answer {
	padding:10px 15px 10px 40px;
	background:url(/img/bg_faq_01.gif) no-repeat left top;
}
#contents div.faqbox div.answer p { line-height:1.8em; }

#contents div.flow_box ol.flow li p.arrowlink {	float:right;}
#contents div.flow_box div.storesearch {	margin-left:-9px;}


/* special_footerlinkbox
----------------------------------------------------*/ 

#contents div.special_footerlinkbox {
	width:746px;
	background: url(/special/img_cmn/bg_footerlinkbox_01.gif) no-repeat left top;
	padding: 15px 0px 0px;
	margin-top:30px;
}

#contents div.special_footerlinkbox div.pack{
	width:746px;
	background: url(/special/img_cmn/bg_footerlinkbox_02.gif) no-repeat left bottom;
	padding: 0px 0px 13px;
}

#contents div.special_footerlinkbox ul {
	padding:0px 20px;
	margin:0px;
}

#contents div.special_footerlinkbox li{
	background:url(/lib/img/icon_link_03_b.gif) no-repeat 0px .2em;
	padding-left:15px;
	margin-right:40px;
	float:left;
}

#contents div.special_footerlinkbox a:link {	color:#333; text-decoration:none;}
#contents div.special_footerlinkbox a:visited {	color:#333; text-decoration:none;}
#contents div.special_footerlinkbox a:hover {	color:#333; text-decoration:underline;}
#contents div.special_footerlinkbox a:active {	color:#333; text-decoration:none;}


/* experience.html
----------------------------------------------------*/ 

#contents div.experience_index {
	width:746px;
	background:url(/lib/img/bg_graybox01_02.gif) repeat-y 0 0;
	margin-bottom:20px;
}

#contents div.experience_index div.pack {
	width:746px;
	background:url(/lib/img/bg_graybox01_03.gif) no-repeat left bottom;
	padding-bottom:10px;
}

#contents div.experience_index div.detail {
	width:710px;
	margin-left:23px;
}

#contents div.experience_index div.detail .header01 {
	font-size:large;
	padding:0 0 8px 20px;
	background:url(/lib/img_store/bg_header_standard.gif) no-repeat left bottom;
	min-height:16px;
	height:auto !important;
	height:16px;
	line-height:1;
	margin-bottom:15px;
}

#contents div.experience_index div.detail li {
	float:left;
	background:url(/special/img/bg_experience_01.gif) no-repeat left bottom;
	width:345px;
	padding:0 10px 20px 0;
	margin-bottom:10px;
}

#contents div.experience_index div.detail li.noline {
	background:none;
	margin-bottom:0;
}

#contents div.experience_index div.detail li dt {
	float:left;
	width:82px;
}

#contents div.experience_index div.detail li dd {
	float:right;
	width:256px;
}

#contents div.experience_index div.detail li dd p.comment {
	font-weight:bold;
	margin-bottom:10px;
}

#contents div.experience_index div.detail li dd p.line3 {
	min-height:3.7em;
	height:auto !important;
	height:3.7em;
}

#contents div.experience_index div.detail li p.bnr{
	margin-top:7px;
}

/* experience_xx.html
----------------------------------------------------*/ 

#contents div.experience_box {
	width:746px;
	background:url(/special/img/bg_index_02.gif) repeat-y 0 0;
	position:relative;
	margin-bottom:20px;
}

#contents div.experience_box div.pack {
	width:746px;
	background:url(/special/img/bg_index_03.gif) no-repeat left bottom;
	padding-bottom:25px;
}

#contents div.experience_box div.title {
	width:663px;
	background:url(/special/img/bg_index_01.gif) no-repeat 0 0;
	padding:17px 41px 20px 42px;
}

#contents div.experience_box div.person {	margin:0 0 30px 42px;}

#contents div.experience_box div.detail {
	width:663px;
	margin:0 0 40px 42px;
}

#contents div.experience_box div.detail .header01 {	margin-bottom:20px;}
#contents div.experience_box div.detail p {
	line-height:1.5;
	width:425px;
}
#contents div.experience_box div.detail div.photo {	width:210px;}
#contents div.experience_box div.detail.rphoto div.photo {	float:right;}
#contents div.experience_box div.detail.rphoto p {	float:left;}
#contents div.experience_box div.detail.lphoto div.photo {	float:left;}
#contents div.experience_box div.detail.lphoto p {	float:right;}

#contents div.experience_box div.notice {
	width:663px;
	background:url(/special/img_cmn/bg_experience_notice_02.gif) no-repeat left bottom;
	margin:0 0 20px 42px;
}

#contents div.experience_box div.notice div.pack {
	width:617px;
	background:url(/special/img_cmn/bg_experience_notice_01.gif) no-repeat 0 0;
	padding:20px 23px;
}

#contents div.experience_box div.notice ul.search li {
	background:url(/special/img_cmn/icon_arrow_01.gif) no-repeat 0 .2em;
	padding:0 20px 0 14px;
	float:left;
}

#contents div.experience_box div.localnavi {
	width:663px;
	background:url(/special/img_cmn/bg_experience_lnavi_02.gif) no-repeat left bottom #FFF;
	margin-left:42px;
}

#contents div.experience_box div.localnavi ul {
	width:643px;
	background:url(/special/img_cmn/bg_experience_lnavi_01.gif) no-repeat 0 0;
	padding:18px 10px;
}

#contents div.experience_box div.localnavi li{
	background:url(/lib/img/icon_link_03_b.gif) no-repeat 0px .2em;
	padding-left:15px;
	line-height:1.1;
}

#contents div.experience_box div.localnavi li.left {	float:left;}
#contents div.experience_box div.localnavi li.right {	float:right;}

#contents div.experience_box div.localnavi a:link {	color:#333; text-decoration:none;}
#contents div.experience_box div.localnavi a:visited {	color:#333; text-decoration:none;}
#contents div.experience_box div.localnavi a:hover {	color:#333; text-decoration:underline;}
#contents div.experience_box div.localnavi a:active {	color:#333; text-decoration:none;}




