@charset "utf-8";

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

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/
/* P-List
------------------------------------------------------------ */
#plist{margin-bottom:5px;}
#plist p{
	font-size:62%;
	line-height:1.4;
	background:url(../cmn_img/plist_icon.gif) 0 3px no-repeat;
	padding:5px 0 3px 18px;}


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

/*----------------------------------------------------------------------------
******************************************************************************
PageTitle
******************************************************************************
----------------------------------------------------------------------------*/
#Main{background-color:#F6F7F6; margin-bottom:30px;}


/* page title
------------------------------------------------------------ */
h2{
	width:850px;
	margin:0 auto;
	height:120px;
	text-indent:-99999px;
	text-decoration:none;}

h2.P02{background:url(../img/p02_h3_ttl.jpg) 0 0 no-repeat;}
h2.P03{background:url(../img/p03_h3_ttl.jpg) 0 0 no-repeat;}
h2.P04{background:url(../img/p04_h3_ttl.jpg) 0 0 no-repeat;}
h2.P05{background:url(../img/p05_h3_ttl.jpg) 0 0 no-repeat;}
h2.P06{background:url(../img/p06_h3_ttl.jpg) 0 0 no-repeat;}
h2.P07{background:url(../img/p07_h3_ttl.jpg) 0 0 no-repeat;}
h2.P08{background:url(../img/p08_h3_ttl.jpg) 0 0 no-repeat;}
h2.P09{background:url(../img/p09_h3_ttl.jpg) 0 0 no-repeat;}
h2.P10{background:url(../img/p10_h3_ttl.jpg) 0 0 no-repeat;}
h2.P11{background:url(../img/p11_h3_ttl.jpg) 0 0 no-repeat;}
h2.P17{background:url(../img/p17_h3_ttl.jpg) 0 0 no-repeat;}
h2.P12{background:url(../img/p12_h3_ttl.jpg) 0 0 no-repeat;}
h2.P13{background:url(../img/p13_h3_ttl.jpg) 0 0 no-repeat;}
h2.P14{background:url(../img/p14_h3_ttl.jpg) 0 0 no-repeat;}
h2.P15{background:url(../img/p15_h3_ttl.jpg) 0 0 no-repeat;}


/* title
------------------------------------------------------------ */
h3{
	font-size:92%;
	line-height:1.4;
	background:url(../cmn_img/h4_icon.jpg) 0 4px no-repeat;
	/*\*/padding:4px 0 4px 12px!important;/**/
	padding:3px 0 2px 12px;
	margin-bottom:20px;
	border-top:#99CC00 1px solid;
	border-bottom:#99CC00 1px solid;}

h4{
	font-size:78%;
	color:#B37C39;
	background:url(../cmn_img/h5_icon.gif) 0 0 no-repeat;
	padding:3px 0 7px 20px;
	margin-bottom:10px;
	border-bottom:#FF9E1F 1px dashed;}


/*----------------------------------------------------------------------------
******************************************************************************
Box
******************************************************************************
----------------------------------------------------------------------------*/
.conBox{margin-bottom:20px;}

div.contents p.photo{
	width:200px;
	float:right;
	padding:5px;
	margin:0 0 10px 10px;
	background:#F9F9F9;
	border:#CCC 1px solid;}

div.contents p.photo01{
	width:278px;
	float:left;
	padding:5px;
	margin-right:30px;
	background:#F9F9F9;
	border:#CCC 1px solid;}

div.contents p.photo02{
	width:278px;
	float:left;
	padding:5px;
	background:#F9F9F9;
	border:#CCC 1px solid;}


/*----------------------------------------------------------------------------
******************************************************************************
Link
******************************************************************************
/* pagetop
-----------------------------------------------------------------------------*/
div.pagetop{text-align:right; margin-bottom:20px;}

div.pagetop p{
	width:84px;
	float:right;
	background:url(../cmn_img/pagetop.jpg) 0 0 no-repeat;}

div.pagetop p a{
	height:20px;
	display:block;
	text-indent:-99999px;
	text-decoration:none;}


/* OrderBox
------------------------------------------------------------ */
#OrderBox{text-align:center; margin-bottom:20px;}

#OrderBox p{
	width:500px;
	margin:0 auto;
	background:url(../cmn_img/contact.jpg) 0 0 no-repeat;}

#OrderBox p a{
	height:76px;
	display:block;
	text-indent:-99999px;
	text-decoration:none;}

#OrderBox p a:hover{background:url(../cmn_img/contact_over.jpg) 0 0 no-repeat;}


/* OrderBox02
------------------------------------------------------------ */
#OrderBox_se{text-align:center; margin:20px 0px;}

#OrderBox_se p{
	width:400px;
	margin:0 auto;
	background:url(../cmn_img/contact_se.jpg) 0 0 no-repeat;}

#OrderBox_se p a{
	height:60px;
	display:block;
	text-indent:-99999px;
	text-decoration:none;}

#OrderBox_se p a:hover{background:url(../cmn_img/contact_se_over.jpg) 0 0 no-repeat;}

/* ListMenu
------------------------------------------------------------ */
ul.list li{
	background:url(../cmn_img/list_icon.gif) 0 6px no-repeat;
	padding:0 0 2px 10px;}


/*----------------------------------------------------------------------------
******************************************************************************
P02 Order/Index
******************************************************************************
----------------------------------------------------------------------------*/
#P02 ul{margin-bottom:20px;}

#P02 ul li{
	padding:2px 0 2px 10px;
	background:url(../cmn_img/list_icon.gif) 0 8px no-repeat;}

#P02 dl{margin-bottom:20px; border-bottom:#CCC 1px solid;}

#P02 dl dt{
	padding:6px 0 5px 22px;
	line-height:1.4;
	border:#CCC 1px solid;
	background:url(../cmn_img/list_icon02.gif) 5px 9px no-repeat #F1E2B9;}
#P02 dl dd{padding:10px; border-left:#CCC 1px solid; border-right:#CCC 1px solid;}

/*----------------------------------------------------------------------------
******************************************************************************
P03 Order/Advice
******************************************************************************
----------------------------------------------------------------------------*/
#P03 dl{margin-bottom:20px;}

#P03 dl dt{
	font-weight:bold;
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px dashed;
	padding:6px 0 6px 30px;
	line-height:1.2;
	background:url(../cmn_img/list_icon04.gif) 5px 5px no-repeat #F1E2B9;}

#P03 dl dd{
	padding:10px;
	font-size:100%;
	border-left:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	border-right:#CCC 1px solid;}

#P03 dl dd p{font-size:78%;}


/*----------------------------------------------------------------------------
******************************************************************************
P04 Wood/Index
******************************************************************************
----------------------------------------------------------------------------*/
#P04 p.image01{
	width:598px;
	padding:5px;
	margin-bottom:10px;
	background:#F9F9F9;
	border:#CCC 1px solid;}


/*----------------------------------------------------------------------------
******************************************************************************
P05 Wood/Flow
******************************************************************************
----------------------------------------------------------------------------*/
#P05 dl{margin-bottom:20px;}

#P05 dl dt{
	font-weight:bold;
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px dashed;
	padding:6px 0 6px 30px;
	line-height:1.2;
	background:url(../cmn_img/list_icon04.gif) 5px 5px no-repeat #F1E2B9;}

#P05 dl dd{
	padding:10px;
	border-left:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	border-right:#CCC 1px solid;}

#P05 ul li{font-size:94%;}


/*----------------------------------------------------------------------------
******************************************************************************
P06 Strength/Index
******************************************************************************
----------------------------------------------------------------------------*/
#P06 dl.tblBox{margin-bottom:20px;}

#P06 dl.tblBox dt{
	padding:6px 0 5px 22px;
	line-height:1.4;
	border:#CCC 1px solid;
	background:url(../cmn_img/list_icon02.gif) 5px 9px no-repeat #F1E2B9;}

#P06 dl.tblBox dd{padding:10px; border-left:#CCC 1px solid; border-right:#CCC 1px solid;}

#P06 dl{margin-bottom:20px;}

#P06 dl dt{
	font-weight:bold;
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px dashed;
	padding:6px 0 6px 30px;
	line-height:1.2;
	background:url(../cmn_img/list_icon04.gif) 5px 5px no-repeat #F1E2B9;}

#P06 dl dd{
	padding:10px;
	border-left:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	border-right:#CCC 1px solid;}


/*----------------------------------------------------------------------------
******************************************************************************
P07 Strength/Secret
******************************************************************************
----------------------------------------------------------------------------*/
#P07 ul.list{margin-bottom:20px;}

#P07 table.tbl{margin-bottom:20px; background-color:#CCC; margin-left:105px;}

#P07 table.tbl th,td{background-color:#FFF; font-size:78%; line-height:1.4; text-align:center; border:#FFF 1px solid;}

#P07 table.tbl th{font-weight:normal; background-color:#FEF7E7;}

#P07 table.tbl td.bg01{background-color:#EFB381;}


#P07 dl{margin-bottom:20px;}

#P07 dl dt{
	font-weight:bold;
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px dashed;
	padding:6px 0 6px 30px;
	line-height:1.2;
	background:url(../cmn_img/list_icon04.gif) 5px 5px no-repeat #F1E2B9;}

#P07 dl dd{
	padding:10px;
	border-left:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	border-right:#CCC 1px solid;}


#P07 .center{
	text-align: center;
}


/*----------------------------------------------------------------------------
******************************************************************************
P10 Example/Index
******************************************************************************
----------------------------------------------------------------------------*/
#P10 p.txt{
	background:url(../img/p10_txt01.gif) 0 0 no-repeat;
	width:485px;
	height:18px;
	margin-bottom:30px;
	text-indent:-99999px;
	text-decoration:none;}

#P10 p.image01{
	width:178px;
	float:left;
	padding:5px;
	margin-bottom:10px;
	margin-right:19px;
	background:#F9F9F9;
	border:#CCC 1px solid;}

#P10 p.image02{
	width:178px;
	float:left;
	padding:5px;
	margin-bottom:10px;
	background:#F9F9F9;
	border:#CCC 1px solid;}


/*----------------------------------------------------------------------------
******************************************************************************
P11 Example/Senior
******************************************************************************
----------------------------------------------------------------------------*/
#P11 p.txt{
	background:url(../img/p11_txt01.gif) 0 0 no-repeat;
	width:461px;
	height:18px;
	margin-bottom:30px;
	text-indent:-99999px;
	text-decoration:none;}

#P11 p.image01{
	width:178px;
	float:left;
	padding:5px;
	margin-bottom:10px;
	margin-right:19px;
	background:#F9F9F9;
	border:#CCC 1px solid;}

#P11 p.image02{
	width:178px;
	float:left;
	padding:5px;
	margin-bottom:10px;
	background:#F9F9F9;
	border:#CCC 1px solid;}

/*----------------------------------------------------------------------------
******************************************************************************
P12 Faq
******************************************************************************
----------------------------------------------------------------------------*/
#P12 ul li{font-size:94%;}

#P12 dl{margin-bottom:20px;}

#P12 dl dt{
	font-weight:bold;
	border-top:#CCC 1px solid;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px dashed;
	padding:6px 0 6px 40px;
	line-height:1.2;}

#P12 dl dd{
	 padding:5px 10px 5px 40px;
	border-left:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	border-right:#CCC 1px solid;}

#P12 dl#q01 dt{background:url(../img/p12_q01.gif) 5px 5px no-repeat #F1E2B9;}
#P12 dl#q02 dt{background:url(../img/p12_q02.gif) 5px 5px no-repeat #F1E2B9;}
#P12 dl#q03 dt{background:url(../img/p12_q03.gif) 5px 5px no-repeat #F1E2B9;}
#P12 dl#q04 dt{background:url(../img/p12_q04.gif) 5px 5px no-repeat #F1E2B9;}
#P12 dl#q05 dt{background:url(../img/p12_q05.gif) 5px 5px no-repeat #F1E2B9;}
#P12 dl#q06 dt{background:url(../img/p12_q06.gif) 5px 5px no-repeat #F1E2B9;}
#P12 dl#q07 dt{background:url(../img/p12_q07.gif) 5px 5px no-repeat #F1E2B9;}

#P12 dl#q01 dd{background:url(../img/p12_a01.gif) 5px 7px no-repeat;}
#P12 dl#q02 dd{background:url(../img/p12_a02.gif) 5px 7px no-repeat;}
#P12 dl#q03 dd{background:url(../img/p12_a03.gif) 5px 7px no-repeat;}
#P12 dl#q04 dd{background:url(../img/p12_a04.gif) 5px 7px no-repeat;}
#P12 dl#q05 dd{background:url(../img/p12_a05.gif) 5px 7px no-repeat;}
#P12 dl#q06 dd{background:url(../img/p12_a06.gif) 5px 7px no-repeat;}
#P12 dl#q07 dd{background:url(../img/p12_a07.gif) 5px 7px no-repeat;}


/*----------------------------------------------------------------------------
******************************************************************************
P13 Inquiry
******************************************************************************
----------------------------------------------------------------------------*/
#P13 ul.list{margin-bottom:20px;}

#P13 p.contactbox{
	width:500px;
	height:90px;
	display:block;
	text-indent:-99999px;
	text-decoration:none;
	background:url(../img/p11_img01.jpg) 0 0 no-repeat;}

#Contact{margin:10px 0; font-size:78%; line-height:1.4;}

#Contact input{line-height:1.4;}

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

#Contact table{background-color:#CCCCCC; width:100%;}

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

#Contact table th{background-color:#F8F0DB; width:26%; vertical-align:top; padding-top:10px;}
#Contact table td{font-size:100%;}
#Contact p{margin-top:20px;}
#Contact select{font-size:100%; line-height:1.46; color:#333333;}
#Contact textarea{padding:3px;}

.adjust{padding:3px 5px 2px 5px; text-align:center; width:170px; margin:0 10px; font-size:120%;}
.attention{color:#FF0000;}
.check{color:#FF0000; font-size:78%; line-height:1.4;}


/*----------------------------------------------------------------------------
******************************************************************************
P14 Company
******************************************************************************
----------------------------------------------------------------------------*/
#P14 table#comtbl{background-color:#CCC; margin-bottom:20px;}

#P14 table#comtbl th,td{font-size:78%; line-height:1.4; padding:8px; background-color:#FFF;}

#P14 table#comtbl th{text-align:center; background-color:#F8F0DB; border:#FFF 1px solid;}
#P14 table#comtbl td{width:80%;}


/*----------------------------------------------------------------------------
******************************************************************************
P14 Company
******************************************************************************
----------------------------------------------------------------------------*/
#P15 dl.mainttl{margin-bottom:15px;}
#P15 dl.mainttl dt{
	font-weight:bold;
	background:url(../cmn_img/list_icon04.gif) 0 1px no-repeat;
	padding:0 0 4px 24px;
	border-bottom:#FF9900 1px dashed;}
#P15 dl.mainttl dd{padding:5px 24px 10px 24px;}

#P15 dl.mainttl dt a{color:#333;}

#P15 p.mainttl{
	font-weight:bold;
	background:url(../cmn_img/list_icon04.gif) 0 1px no-repeat;
	padding:1px 0 4px 24px;
	margin-bottom:10px;
	border-bottom:#FF9900 1px dashed;}

#P15 dl.sbttl{padding:0 24px; margin-bottom:15px;}
#P15 dl.sbttl dt{
	font-weight:bold;
	background:url(../cmn_img/list_icon02.gif) 0 3px no-repeat;
	padding:0 0 2px 18px;
	border-bottom:#D4AF82 1px solid;}
#P15 dl.sbttl dd{padding:5px 24px 10px 24px;}

/*----------------------------------------------------------------------------
******************************************************************************
P17 Example/Natural
******************************************************************************
----------------------------------------------------------------------------*/
#P17 p.txt{
	background:url(../img/p17_txt01.gif) 0 0 no-repeat;
	width:461px;
	height:18px;
	margin-bottom:30px;
	text-indent:-99999px;
	text-decoration:none;}

#P17 p.image01{
	width:178px;
	float:left;
	padding:5px;
	margin-bottom:10px;
	margin-right:19px;
	background:#F9F9F9;
	border:#CCC 1px solid;}

#P17 p.image02{
	width:178px;
	float:left;
	padding:5px;
	margin-bottom:10px;
	background:#F9F9F9;
	border:#CCC 1px solid;}