@charset "utf-8";

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

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/
/* header
------------------------------------------------------------ */
#header{
	width:850px;
	height:240px;
	background:url(../cmn_img/sub_mainimg.jpg) no-repeat 0 0;
	position:relative}
	
#header ul{position:absolute; width:245px; right:20px; top:0;}	
#header ul li,#header dl{font-size:1%; line-height:1;}

/* img
------------------------------------------------------------ */
.imgR{float:right; margin:5px 10px 15px 15px;}
.imgL{float:left; margin:5px 15px 10px 15px;}
.imgL img,.imgR img,.img{padding:4px; border:1px solid #ccc;}

/* text
------------------------------------------------------------ */
.bold{font-weight:bold;}
.green{color:#025e5b;}

/* link
------------------------------------------------------------ */
.link{background:url(../cmn_img/icn_link01.gif) no-repeat left center; line-height:1.6; padding-left:20px;}

/*----------------------------------------------------------------------------
******************************************************************************
PageTitle
******************************************************************************
----------------------------------------------------------------------------*/
/* plist
------------------------------------------------------------ */
#plist{
	background:url(../cmn_img/plist_bg.jpg) repeat 0 0;
	font-size:76%;
	margin-bottom:5px;
	text-align:right;}

/* title
------------------------------------------------------------ */
h2{margin-bottom:5px;}
h3{margin-bottom:20px;}
h4{background:url(../cmn_img/h4_bg.jpg) no-repeat 0 100%; padding:13px 0 13px 18px; font-weight:bold; margin-bottom:10px; font-size:95%;}
	
/* dl
------------------------------------------------------------ */
dl.dlstyle01{
	background:#FFFDF4 none repeat scroll 0%;
	border-color:#666;
	border-style:solid;
	border-width:1px 3px 3px 1px;
	margin:0 10px 20px;
	padding:10px;}
dl.dlstyle01 dt{
	background:transparent url(../cmn_img/icn_link02.gif) no-repeat 0pt 0px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	line-height:1.6;
	margin:0 0 10px;
	padding:0 0 5px 30px;
	font-size:100%;}
dl.dlstyle01 dd{
	line-height:1.6;
	padding:0 0 20px 5px;}

dl.dlstyle02{
	background:#FFFDF4 none repeat scroll 0%;
	border-color:#666;
	border-style:solid;
	border-width:1px 3px 3px 1px;
	margin:0 10px 20px;
	padding:10px;}
dl.dlstyle02 dt{
	background:transparent url(../cmn_img/icn_link02.gif) no-repeat 0pt 2px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	line-height:1.6;
	margin:0 0 20px;
	padding:0 0 5px 30px;
	font-size:110%;}
dl.dlstyle02 dd{
	line-height:1.6;
	background: url(../img/img_voice01.gif) no-repeat 0 0;
	padding:0 0 20px 110px;}

/*----------------------------------------------------------------------------
******************************************************************************
Box
******************************************************************************
----------------------------------------------------------------------------*/
.conBox p,.conBox ul{margin-bottom:20px;}
.conBox p,
.conBox table,
.conBox dl,
.conBox ul{font-size:0.9em; line-height:1.6; color:#333; font-weight:normal; text-align:left; margin-left:10px; margin-right:10px;}

/*----------------------------------------------------------------------------
******************************************************************************
P02 Manual
******************************************************************************
----------------------------------------------------------------------------*/
div#manual div.contents p{margin:0 0 20px;}
#manual dt{margin-bottom:5px;}
#manual dd{margin-bottom:20px; margin-left:30px;}
.link2{background:url(../cmn_img/icn_link02.gif) no-repeat left center; line-height:1.6; padding-left:30px;}

/*----------------------------------------------------------------------------
******************************************************************************
P07 Example
******************************************************************************
----------------------------------------------------------------------------*/
div#example ul li{float:left;	width:340px; margin:10px 0 20px;}
div#example ul{margin:0 43px;}
div#example ul li.liR{margin-right:43px;}	

/*----------------------------------------------------------------------------
******************************************************************************
P09 Flow
******************************************************************************
----------------------------------------------------------------------------*/
#flow dl {
	background:transparent url(../img/img_flowbg.jpg) repeat-y scroll 0pt;
	line-height:1.5;
	margin:0pt 10px 20px 10px;
	padding:0pt;
	width:790px;
	border:1px solid #333;}
#flow dl dt {
	color:#ffffff;
	float:left;
	font-weight:bold;
	margin:0pt;
	padding:10px;
	width:200px;}
#flow dl dd{
	float:left;
	margin:0pt;
	padding:10px;
	width:550px;}

/*----------------------------------------------------------------------------
******************************************************************************
P10 Staff
******************************************************************************
----------------------------------------------------------------------------*/
div#staff01,div#staff02{
	margin:0 10px 20px;
	width:790px;}
div#staff01{
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	min-height:200px;
	_height:200px;}
div#staff01 p,div#staff02 p{width:250px; float:left;}
div#staff01 p img,div#staff02 p img{padding:4px; border:1px solid #ccc; width:250px; float:left;}
div#staff01 table,div#staff02 table{width:500px; float:right; margin:0; font-size:90%;}

/*----------------------------------------------------------------------------
******************************************************************************
P11 qa
******************************************************************************
----------------------------------------------------------------------------*/
#qa ul{
	margin:0 10px;
	padding:10px 0;
	background:#FFFDF4;
	border-color:#666;
	border-style:solid;
	border-width:1px 3px 3px 1px;}
#qa li{
	background:url(../cmn_img/icn_q.gif) no-repeat 0 0;
	padding:0 0 0 35px;
	margin:10px;
	line-height:1.6;}
#qa dl{margin-bottom:30px;}
#qa dt{
	background:url(../cmn_img/icn_q.gif) no-repeat 0 0;
	border-bottom:1px solid #ccc;
	padding:0 0 8px 30px;
	margin:30px 10px 15px;
	font-weight:bold;
	font-size:100%;}
#qa dd{
	background:url(../cmn_img/icn_a.gif) no-repeat 0 0;
	padding:0 0 0 30px;
	margin:0 10px;}

/*----------------------------------------------------------------------------
******************************************************************************
table
******************************************************************************
----------------------------------------------------------------------------*/
table{background-color:#039491; width:790px; margin:5px auto 20px auto;}
table th,td{
	text-align:left;
	line-height:1.66;
	font-weight:normal;
	background-color:#FFFFFF;
	padding:5px;}
table th{background-color:#F3FAF5; width:25%; vertical-align:top; font-weight:bold;}
table td{font-size:100%;}
#painting table th{width:20%;}
#staff table{width:510px;}

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

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

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

#Contact table{background-color:#039491; width:790px; margin:0px auto 30px auto; font-size:90%;}

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

#Contact table th{background-color:#F3FAF5; width:30%; font-weight:bold;}

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

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

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

#Contact textarea{padding:3px; width:420px;}
#Contact select{font-size:100%;}

.attention{color:#DC101F; font-weight:bold;}

/*----------------------------------------------------------------------------
******************************************************************************
P14 company
******************************************************************************
----------------------------------------------------------------------------*/
iframe{width:790px; height:350px; margin:0 10px;}

/*----------------------------------------------------------------------------
******************************************************************************
P15 Sitemap
******************************************************************************
---------------------------------------------------------------------------*/

#sitemap dl{margin:15px;}	

#sitemap dl.sitemap01 dt,
#sitemap dl.sitemap02 dt{
	font-size:100%;
	padding-left:30px;
	padding-bottom:4px;
	background:url(../cmn_img/icn_link02.gif) no-repeat 0 0;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
	margin-bottom:8px;
	color:#333333;}
	
#sitemap dl.sitemap01 dd{
	padding-left:18px;
	padding-right:18px;
	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;
	padding-bottom:10px;}
	
#sitemap dl.sitemap02 dd.sicn{
	padding-left:18px;
	padding-bottom:4px;
	font-weight:bold;
	background: url(../cmn_img/icn_link01.gif) no-repeat 0 5px;
	border-bottom:1px dotted #cccccc;
	margin-top:8px;
	margin-bottom:3px;}