@charset "utf-8";

@import "reset.css";
@import "screen.css";
@import "common.css";

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/
/* plist
------------------------------------------------------------ */
p#plist{
	background:url(../cmn_img/plist_bg.jpg) repeat 0 0;
	width:560px;
	font-size:76%;
	margin-bottom:10px;
	color:#555;
	text-align:left;}
	
/* pagetop
------------------------------------------------------------ */
.pagtetop{text-align:right; margin:15px 0;}

/* spacing
------------------------------------------------------------ */
.tar{text-align:right;}
.tac{text-align:center;}
.mar10{margin-bottom:10px;}
.mar15{margin-bottom:15px;}
.bold{color:#a87856;}
.orange{color:#e08b14; font-weight:bold;}

/* head
------------------------------------------------------------ */
#head{
	height:200px;
	background:url(../cmn_img/sub_mainimg.jpg) 0 0 no-repeat;
	position:relative;}
#head h1{
	position:absolute;
	top:16px;
	left:0;}
#head dl{
	position:absolute;
	top:86px;
	right:27px;
	width:247px;
	height:100px;}
#head dl dt{height:41px; font-size:1%; line-height:0.1; margin:0; padding:0;}
#head dl dd{height:59px; font-size:1%; line-height:0.1; margin:0; padding:0;}
.list{background:url(../cmn_img/icn_list.jpg) no-repeat 0 6px; padding-left:12px;}

/*----------------------------------------------------------------------------
******************************************************************************
PageTitle
******************************************************************************
----------------------------------------------------------------------------*/

/* title
------------------------------------------------------------ */
h2{margin-bottom:12px;}
h3{margin:0 0 12px; clear:both;}
h4{
	margin:0 0 12px;
	background-color:#EEEEEE;
	color:#2561b3;
	font-weight:bold;
	line-height:1.8;
	padding:3px 10px;
	width:540px;
	font-size:76%;}
	
/* text
------------------------------------------------------------ */
p.text{
	line-height:1.6;
	font-size:76%;
	margin:0 10px 15px;}

/* img
------------------------------------------------------------ */
.imgR{float:right; margin:5px 10px 15px 15px;}
.imgL{float:left; margin:5px 15px 10px 15px;}


/*----------------------------------------------------------------------------
******************************************************************************
P05 Flow
******************************************************************************
----------------------------------------------------------------------------*/
#flow dl{
	width:538px;
	margin:10px;
	line-height:1.6;
	font-size:76%;
	padding-bottom:10px;
	border:1px solid #a87856;}
	
#flow dt{
	color:#623536;
	font-weight:bold;
	background:#f6eadd;
	padding:7px 10px 5px 95px;
	margin-bottom:10px;}
	
#flow dt#step01{ background:#f6eadd url(../img/icn_step1.gif) no-repeat 7px 5px;}
#flow dt#step02{ background:#f6eadd url(../img/icn_step2.gif) no-repeat 7px 5px;}
#flow dt#step03{ background:#f6eadd url(../img/icn_step3.gif) no-repeat 7px 5px;}
#flow dt#step04{ background:#f6eadd url(../img/icn_step4.gif) no-repeat 7px 5px;}
#flow dt#step05{ background:#f6eadd url(../img/icn_step5.gif) no-repeat 7px 5px;}
#flow dt#step06{ background:#f6eadd url(../img/icn_step6.gif) no-repeat 7px 5px;}
#flow dt#step07{ background:#f6eadd url(../img/icn_step7.gif) no-repeat 7px 5px;}
#flow dt#step08{ background:#f6eadd url(../img/icn_step8.gif) no-repeat 7px 5px;}
#flow dt#step09{ background:#f6eadd url(../img/icn_step9.gif) no-repeat 7px 5px;}
#flow dt#step10{ background:#f6eadd url(../img/icn_step10.gif) no-repeat 7px 5px;}
#flow dt#step11{ background:#f6eadd url(../img/icn_step11.gif) no-repeat 7px 5px;}
#flow dt#step12{ background:#f6eadd url(../img/icn_step12.gif) no-repeat 7px 5px;}
	
#flow dd{ padding:0 10px;}
#flow dt img{ padding-right:15px;}
.flowicn{margin:10px; text-align:center;}
#flow dd.list2{background:url(../cmn_img/icn_list.jpg) no-repeat left center; padding-left:12px; margin-left:10px;}
/*----------------------------------------------------------------------------
******************************************************************************
Table (P06 Difference / P14 Company)
******************************************************************************
----------------------------------------------------------------------------*/
table{
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin:0px auto 10px;
	line-height:1.6;
	font-size:76%;
	width:558px;}

th,td{
	padding:7px;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	line-height:1.6;}
	
td{vertical-align:top;}
th{background-color:#f5f1df; text-align:center; color:#3d2122;}

table#company th{width:20%;}

table#company ul li,
table#difference ul li,
table#difference td p{background:url(../cmn_img/icn_list.jpg) no-repeat 0 6px; padding-left:12px;}

table#difference th.brown{background-color:#a87856; color:#fff;}

/*----------------------------------------------------------------------------
******************************************************************************
P07 Choose
******************************************************************************
----------------------------------------------------------------------------*/
#choose dl dt,
#choose dl dd{
	line-height:1.6;
	font-size:76%;
	margin:0 10px 15px;}
	
#boxline{
	margin-bottom:10px;
	background:url(../idx_img/bg_border.gif) repeat-x 0 100%;}
	
#choose dl dt{
	background:url(../cmn_img/icn_list.jpg) no-repeat 0 6px;
	padding-left:12px;
	font-weight:bold;
	color:#3a1e0c;}

/*----------------------------------------------------------------------------
******************************************************************************
P13 Inquiry
******************************************************************************
----------------------------------------------------------------------------*/
#Contact{margin-bottom:20px;}

#Contact fieldset{border:0; margin:0; padding:0;}

#Contact label{margin:0 9px 5px 2px;}

#Contact table{background-color:#CCCCCC; width:560px;}

#Contact table th,
#Contact table td{
	text-align:left;
	line-height:1.66;
	font-weight:normal;
	background-color:#FFFFFF;
	padding:5px;}

#Contact table th{background-color:#f5f1df; width:29%; font-weight:bold; color:#3d2122;}
#Contact table td{font-size:100%;}

#Contact table td p.info{font-size:82%; line-height:1.4; color:#008040;}

#Contact input.box01{width:80px;}
#Contact input.box02{width:350px;}
#Contact input.box03{width:120px;}

#Contact p.tac input{
	width:230px;
	padding:3px;
	color:#000;
	text-align:center;
	background:#CCC;
	border:1px solid #999;
	font-size:76%;}

#Contact textarea{padding:3px; width:350px;}
#Contact select{font-size:100%;}
.attention{color:#DC101F; font-weight:bold;}

/*----------------------------------------------------------------------------
******************************************************************************
P15 Sitemap
******************************************************************************
----------------------------------------------------------------------------*/
#sitemap dl{margin:10px;}	

#sitemap dl.sitemap01 dt,
#sitemap dl.sitemap02 dt{
	background:url(../img/sitemap_bg.gif) no-repeat 0 100%;
	padding-left:18px;
	padding-bottom:4px;
	font-weight:bold;
	font-size:80%;
	margin-bottom:6px;
	color:#3d2122;}
	
#sitemap dl.sitemap01 dd{
	padding-left:18px;
	padding-right:18px;
	font-size:76%;
	margin-bottom:10px;
	padding-bottom:10px;}
	
#sitemap dl.sitemap02{
	margin-bottom:10px;
	padding-bottom:10px;}
	
#sitemap dl.sitemap02 dd{
	margin-left:18px;
	margin-right:18px;
	font-size:76%;
	padding-bottom:10px;}
	
#sitemap dl.sitemap02 dd.sicn{
	padding-left:12px;
	background: url(../img/icn_sitemap.gif) no-repeat 0 5px;
	margin-top:8px;}