@charset "utf-8";

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

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/
/* spacing
------------------------------------------------------------ */
.br{margin-bottom:1em;}
.top{margin-top:20px;}
.tar{text-align:right;}
.tac{text-align:center;}

.martop10{margin-top:10px;}
.marbtm10{margin-bottom:10px;}

/*----------------------------------------------------------------------------
******************************************************************************
Headding
******************************************************************************
----------------------------------------------------------------------------*/
h1,h2{display:none;}


/* main image
-----------------------------------------------------------------------------*/
#main{
	padding:12px 0 13px 32px;
	background:url(../cmn_img/under_img.jpg) 0 0 no-repeat;}
#main p{
	font-size:1%;
	line-height:1%;
	text-indent:-99999px;
	display:block;}

#main p.sitettl{padding-left:450px;}
#main p.sitettl a{width:420px; height:62px; display:block;}


/* page title
------------------------------------------------------------ */
h3{
	width:639px;
	height:34px;
	margin-bottom:20px;
	font-size:1%;
	text-indent:-99999em;}

#P02 h3{background:url(../img/p02_ttl.jpg) 0 0 no-repeat;}
#P03 h3{background:url(../img/p03_ttl.jpg) 0 0 no-repeat;}
#P04 h3{background:url(../img/p04_ttl.jpg) 0 0 no-repeat;}
#P05 h3{background:url(../img/p05_ttl.jpg) 0 0 no-repeat;}
#P06 h3{background:url(../img/p06_ttl.jpg) 0 0 no-repeat;}
#P07 h3{background:url(../img/p07_ttl.jpg) 0 0 no-repeat;}
#P08 h3{background:url(../img/p08_ttl.jpg) 0 0 no-repeat;}
#P09 h3{background:url(../img/p09_ttl.jpg) 0 0 no-repeat;}
#P10 h3{background:url(../img/p10_ttl.jpg) 0 0 no-repeat;}
#P11 h3{background:url(../img/p11_ttl.jpg) 0 0 no-repeat;}
#P12 h3{background:url(../img/p12_ttl.jpg) 0 0 no-repeat;}
#P13 h3{background:url(../img/p13_ttl.jpg) 0 0 no-repeat;}
#P14 h3{background:url(../img/p14_ttl.jpg) 0 0 no-repeat;}
#P15 h3{background:url(../img/p15_ttl.jpg) 0 0 no-repeat;}


/* title
------------------------------------------------------------ */
h4{
	padding:7px 5px 7px 16px;
	background:url(../cmn_img/ttl_icon01.gif) 5px 3px no-repeat;
	border:#EFEFEF 1px solid;
	color:#75523C;
	font-size:92%;
	margin-bottom:10px;}

h5{
	padding:1px 5px 3px 24px;
	font-size:92%;
	background:url(../cmn_img/ttl_icon02.gif) 5px 0 no-repeat;
	margin-bottom:10px;
	border-bottom:#F2F2F2 1px solid;}

/*----------------------------------------------------------------------------
******************************************************************************
Link
******************************************************************************
----------------------------------------------------------------------------*/
/* pagetop
-----------------------------------------------------------------------------*/
p.pagetop{
	width:78px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:561px;
	background:url(../cmn_img/pagetop.gif) 0 0 no-repeat;}
p.pagetop a{
	display:block;
	height:19px;
	text-indent:-99999em;}


/*----------------------------------------------------------------------------
******************************************************************************
Box
******************************************************************************
----------------------------------------------------------------------------*/
.conBox{width:639px; padding-bottom:20px;}
.conBox p{padding:0 18px; line-height:1.6;}

.conBox02 p{padding:0 18px 15px 18px;}

/*----------------------------------------------------------------------------
******************************************************************************
Text
******************************************************************************
----------------------------------------------------------------------------*/
.conTxt{padding:5px 5px 20px 5px;}

/*----------------------------------------------------------------------------
******************************************************************************
List
******************************************************************************
----------------------------------------------------------------------------*/
#btmlist{padding:5px 2px 10px 2px;}
#btmlist li{
	padding-left:16px;
	background:url(../cmn_img/list_icon02.gif) 0 5px no-repeat;}
	
/*----------------------------------------------------------------------------
******************************************************************************
Insert Images
******************************************************************************
----------------------------------------------------------------------------*/	
p.imgR{
	width:200px;
	float:right;
	padding:0 0 10px 10px;}
p.imgR img{border:#F2F2F2 2px solid;}

/*----------------------------------------------------------------------------
******************************************************************************
P02 Index(Designers)
******************************************************************************
----------------------------------------------------------------------------*/
#P02 ul.listbox01{
	margin:0 18px 40px 18px;
	padding:15px;
	width:322px;
	border:#F7F7F7 1px solid;
	background:url(../cmn_img/box_bg01.jpg) 0 0 repeat-x #F2F2F2;}
#P02 ul.listbox01 li{
	padding-left:20px;
	margin-bottom:5px;
	background:url(../cmn_img/list_icon.gif) 0 2px no-repeat;}
	
/*----------------------------------------------------------------------------
******************************************************************************
P03 Process
******************************************************************************
----------------------------------------------------------------------------*/
#P03 dl{
	border:#F2F2F2 1px solid;
	margin-bottom:20px;}

#P03 dl dt{
	font-size:92%;
	font-weight:bold;
	padding:3px 2px 4px 24px;
	background:url(../cmn_img/ttl_icon02.gif) 5px 6px no-repeat #F7F0E6;
	border-bottom:#F2F2F2 1px solid;}
	
#P03 dl dd{
	font-size:100%;
	padding:5px 25px;}
#P03 dl dd ul li{
	padding:2px 2px 2px 14px;
	background:url(../cmn_img/list_icon03.gif) 2px 8px no-repeat;}

/*----------------------------------------------------------------------------
******************************************************************************
P04-07 Common
******************************************************************************
----------------------------------------------------------------------------*/
#P04 div.conBox,#P05 div.conBox,#P06 div.conBox,#P07 div.conBox{padding-top:10px;}

div.orderBoxL{
	width:314px;
	float:left;
	margin-right:11px;}

div.orderBoxR{
	width:314px;
	float:left;}

div.orderBoxL ul li,div.orderBoxR ul li{
	padding:0 2px 0 16px;
	background:url(../cmn_img/list_icon03.gif) 5px 6px no-repeat;}

div.imgBox{padding:0 10px; margin-bottom:20px;}

div.imgBox p{width:300px; border:#F2F2F2 1px solid;}

div.imgBox p.WorkimgL{
	width:300px;
	float:left;
	margin-right:15px;}
	
div.imgBox p.WorkimgR{
	width:300px;
	float:left;}


/*----------------------------------------------------------------------------
******************************************************************************
P09 Nature
******************************************************************************
----------------------------------------------------------------------------*/
#P09 div.conBox02{margin-bottom:20px;}

/*----------------------------------------------------------------------------
******************************************************************************
P10 Work
******************************************************************************
----------------------------------------------------------------------------*/
#P10 dl{
	width:205px;
	float:left;
	margin-right:12px;}
#P10 dl.BoxR{margin-right:0px;}
#P10 dl dt{
	background-color:#CCC;
	/*\*/padding:2px!important;/**/
	padding:2px 2px 0 2px;
	line-height:1;}
#P10 dl dt img{border:#FFF 1px solid;}
#P10 dl dd{
	background-color:#F2F2F2;
	text-align:center;
	padding:5px 0;
	min-height:36px;
	_height:36px;}


/*----------------------------------------------------------------------------
******************************************************************************
P12 Qa
******************************************************************************
----------------------------------------------------------------------------*/
#P12 dl{width:639px; margin-bottom:10px;}
#P12 dl dt{
	padding:8px 5px 8px 40px;
	border:#E8E8E8 1px solid;
	background:url(../img/p12_q01.gif) 5px 10px no-repeat #F1EBE0;}
#P12 dl dd{
	padding:8px 5px 8px 40px;
	background:url(../img/p12_a01.gif) 5px 10px no-repeat #FFFFFF;
	border-left:#E8E8E8 1px solid;
	border-bottom:#E8E8E8 1px solid;
	border-right:#E8E8E8 1px solid;
	margin-bottom:15px;
	line-height:1.6;}
	
#P12 dl dt.q02{background:url(../img/p12_q02.gif) 5px 10px no-repeat #F1EBE0;}
#P12 dl dt.q03{background:url(../img/p12_q03.gif) 5px 10px no-repeat #F1EBE0;}
#P12 dl dt.q04{background:url(../img/p12_q04.gif) 5px 10px no-repeat #F1EBE0;}
#P12 dl dt.q05{background:url(../img/p12_q05.gif) 5px 10px no-repeat #F1EBE0;}
#P12 dl dt.q06{background:url(../img/p12_q06.gif) 5px 10px no-repeat #F1EBE0;}
#P12 dl dt.q07{background:url(../img/p12_q07.gif) 5px 10px no-repeat #F1EBE0;}
#P12 dl dt.q08{background:url(../img/p12_q08.gif) 5px 10px no-repeat #F1EBE0;}
#P12 dl dt.q09{background:url(../img/p12_q09.gif) 5px 10px no-repeat #F1EBE0;}

#P12 dl dd.a02{background:url(../img/p12_a02.gif) 5px 10px no-repeat #FFFFFF;}
#P12 dl dd.a03{background:url(../img/p12_a03.gif) 5px 10px no-repeat #FFFFFF;}
#P12 dl dd.a04{background:url(../img/p12_a04.gif) 5px 10px no-repeat #FFFFFF;}
#P12 dl dd.a05{background:url(../img/p12_a05.gif) 5px 10px no-repeat #FFFFFF;}
#P12 dl dd.a06{background:url(../img/p12_a06.gif) 5px 10px no-repeat #FFFFFF;}
#P12 dl dd.a07{background:url(../img/p12_a07.gif) 5px 10px no-repeat #FFFFFF;}
#P12 dl dd.a08{background:url(../img/p12_a08.gif) 5px 10px no-repeat #FFFFFF;}
#P12 dl dd.a09{background:url(../img/p12_a09.gif) 5px 10px no-repeat #FFFFFF;}


/*----------------------------------------------------------------------------
******************************************************************************
P13 Inquiry
******************************************************************************
----------------------------------------------------------------------------*/
#P13 ul.inqlist{padding:0 18px; margin-bottom:10px;}
#P13 ul.inqlist li{
	padding:0 5px 5px 18px;
	background:url(../cmn_img/list_icon02.gif) 0 4px no-repeat;}

#P13 .conBnr{
	padding:0 0 20px 18px;
	width:300px;
	height:80px;
	font-size:1%;
	line-height:1;
	text-indent:-99999px;
	background:url(../img/p13_img01.jpg) 18px 0 no-repeat;
	display:block;}
	
#Contact{
	font-size:82%;
	line-height:1.46;
	width:605px;
	padding:0 17px;
	margin:10px 0;}
#Contact input{line-height:1.4;}
#Contact label{margin:0 20px 5px 5px;}
#Contact table{background-color:#CCCCCC; width:100%;}
#Contact table th,td{
	line-height:1.66;
	font-weight:normal;
	background-color:#FFFFFF;
	padding:5px;}
#Contact table th{background-color:#F1EBE0; width:25%; 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:#666666;}
#Contact textarea{padding:3px;}

.adjust{padding:3px 5px 2px 5px; text-align:center; width:140px; height:20pt; margin:0 10px; font-size:120%;}
.attention{color:#FF0000;}

/*----------------------------------------------------------------------------
******************************************************************************
P14 Company
******************************************************************************
----------------------------------------------------------------------------*/
#P14 table{
	width:638px;
	margin-left:1px;
	background-color:#CCCCCC;}
#P14 table th,td{font-size:84%; line-height:1.4;}
#P14 table th{background-color:#F1EBE0; width:100px; text-align:center;}
#P14 table td{background-color:#FFFFFF; padding:10px;}
#P14 table td ul li{
	font-size:100%;
	background:url(../cmn_img/list_icon03.gif) 0 7px no-repeat;
	padding:0 5px 5px 10px;}
#P14 table td p{font-size:100%;}
#P14 table td p a{
	display:block;
	font-size:100%;
	background:url(../cmn_img/list_icon02.gif) 0 9px no-repeat;
	padding:4px 0 0 16px;}

#P14 div.conBox03{border:#F2F2F2 1px solid; margin-bottom:20px;}
#P14 div.conBox04{border:#F2F2F2 1px solid; margin-bottom:20px; padding:10px;}

#P14 div.staffBox01{
	width:160px;
	padding:10px;
	float:left;}
#P14 div.staffBox01L{
	width:160px;
	padding:10px;
	border-right:#F2F2F2 1px dotted;
	float:left;}
#P14 div.staffBox02{
	width:446px;
	padding:10px 0 10px 10px;
	float:left;}
#P14 div.staffBox02L{
	width:446px;
	padding:10px 0 10px 10px;
	border-left:#F2F2F2 1px dotted;
	float:left;}

#P14 p.staffimg{width:152px; background-color:#CCC; padding:3px;}
#P14 p.staffimg img{border:#FFF 1px solid;}
#P14 p.stafftxt{margin:0 10px 10px 0; border-bottom:#F2F2F2 1px solid; padding-bottom:5px;}

#P14 div.conBox03 dl dt{
	width:75px;
	padding-right:5px;
	float:left;}
#P14 div.conBox03 dl dd{
	width:366px;
	padding-bottom:5px;
	float:left;}
#P14 div.conBox03 p.stafftxt01{padding-bottom:20px;}

#P14 div.conBox04 dl dt{
	width:75px;
	padding-right:5px;
	float:left;}
#P14 div.conBox04 dl dd{
	width:534px;
	padding-bottom:5px;
	float:left;}

/*----------------------------------------------------------------------------
******************************************************************************
P15 Sitemap
******************************************************************************
----------------------------------------------------------------------------*/
#P15 dl dt,dd{font-size:84%;}
#P15 dl{margin-bottom:15px;}
#P15 dl dt{
	padding:0 5px 3px 24px;
	font-size:92%;
	font-weight:bold;
	background:url(../cmn_img/ttl_icon02.gif) 5px 3px no-repeat;
	margin-bottom:6px;
	border-bottom:#F2F2F2 1px solid;}
#P15 dl dd{padding:2px 5px 3px 24px;}
#P15 dl dd.subttl{
	margin-left:24px;
	padding:2px 5px 3px 14px;
	background:url(../cmn_img/list_icon02.gif) 0 8px no-repeat;}

#P15 dl dd p{
	font-size:100%;
	border-top:#F2F2F2 1px solid;
	padding:5px 0 10px 0;}