﻿@charset "utf-8";

@import "reset.css";
@import "screen.css";
@import "common.css";

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/
/* mainimg
------------------------------------------------------------ */
#mainimg{
	background-color:#000000;
	padding:5px;
	margin:14px 0 11px;}
	
/* plist
------------------------------------------------------------ */
p#plist {
	text-align:right;
	font-size:60%;
	padding-right:5px;
	padding-top:3px;}

/* image
------------------------------------------------------------ */
p.imgR img{ background:#333; padding:1px; border:1px solid #ccc; float:right; margin-left:15px; margin-bottom:20px;}
p.imgL img{ background:#333; padding:1px; border:1px solid #ccc; float:left; margin-right:15px; margin-bottom:20px;}

/*----------------------------------------------------------------------------
******************************************************************************
PageTitle
******************************************************************************
----------------------------------------------------------------------------*/
/* page title
------------------------------------------------------------ */
h3{	background:#474741 url(../cmn_img/bg_h3.jpg) no-repeat 0 100%;
	padding:9px 0 9px 12px;
	color:#FFFFFF;
	font-size:86%;
	margin-bottom:10px;}
	
h4{	background:#000000 url(../cmn_img/bg_h4.jpg) no-repeat 0 100%;
	padding:8px 0 8px 12px;
	color:#FFFFFF;
	font-size:76%;
	margin-bottom:10px;}
	

/*----------------------------------------------------------------------------
******************************************************************************
Box
******************************************************************************
----------------------------------------------------------------------------*/
.conBox p{font-size:76%; line-height:1.4; margin:0 10px 20px;}

/* ul
------------------------------------------------------------ */
.conBox ul{margin-bottom:20px;}
.conBox ul li{font-size:76%; line-height:1.4; margin:0 10px 0; padding-left:15px; background:url(../cmn_img/icn_list.jpg) no-repeat 0  center;}
.conBox ul li.end{background:none;}

/* dl
------------------------------------------------------------ */
.conBox dl{	
	font-size:76%;
	line-height:1.2;
	border:3px solid #000;
	background-color:#E3E3E3;
	margin:0 10px 20px;
	color:#000;
	padding:1px;}
.conBox dt{
	background-color:#424242;
	padding:3px 3px 1px 6px;
	color:#FFF;
	border-bottom:#000 double;
	font-weight:bold;}
.conBox dd{ padding:7px;}

/* dl
------------------------------------------------------------ */
.conBox2{padding-top:10px;}
.conBox2 dt{background-color:#3D5E85;}
#flow .conBox dt{background-color:#3D5E85;}


/*----------------------------------------------------------------------------
******************************************************************************
Results
******************************************************************************
----------------------------------------------------------------------------*/
.results p{float:left; margin-top:92px; margin-left:10px; margin-right:12px;}
.results dl{
	background:url(../img/bg_resuluts.jpg) no-repeat 0 0;
	width:271px;
	float:left;
	border:none;
	padding:5px;
	margin-bottom:20px}
.results dt{
	padding-left:15px;
	color:#000;
	font-weight:bold;
	border-bottom:none;
	background: url(../img/resultes_ttl.jpg) no-repeat 0 0;
	margin-bottom:10px;}
.results dd{padding:0 18px 10px;}
.results dd img{
	background:#fff;
	padding:1px;
	border:2px solid #666;}
.results{margin:0 10px;}

/*----------------------------------------------------------------------------
******************************************************************************
Faq
******************************************************************************
----------------------------------------------------------------------------*/
#faq .conBox dl{	
	font-size:76%;
	line-height:1.2;
	border:none;
	background-color:#1C2326;
	margin:0 10px 20px;
	color:#000;
	padding:1px;}
#faq .conBox dt{
	background:url(../cmn_img/icn_q.jpg) 5px 50% no-repeat #1C2326;
	padding:5px 3px 3px 28px;
	color:#FFF;
	border-bottom:none;
	margin-bottom:10px;}
#faq .conBox dd{
	background:url(../cmn_img/icn_a.jpg) 7px 8px no-repeat;
	padding:5px 7px 7px 28px;
	background-color:#E3E3E3;
	margin:0;
	color:#000;
	border:3px solid #000;}

/*----------------------------------------------------------------------------
******************************************************************************
Table
******************************************************************************
----------------------------------------------------------------------------*/
.contents table{
	background:#000;
	border:3px solid #000;
	margin:0 10px 20px;
	color:#000;
	font-size:76%;
	line-height:1.2;}
.contents th,td{padding:7px; color:#000;}
.contents td{background-color:#E3E3E3;}
.contents th{background-color:#3D5E85; color:#FFFFFF; text-align:center; font-weight:normal;}
.contents th.red{background-color:#965E85; color:#FFFFFF; text-align:center;}

/*----------------------------------------------------------------------------
******************************************************************************
President
******************************************************************************
----------------------------------------------------------------------------*/
#president{background:url(../img/president_img01.jpg) no-repeat 100% 100%;}

/*----------------------------------------------------------------------------
******************************************************************************
Price
******************************************************************************
----------------------------------------------------------------------------*/
#price table{
	width:400px;
	margin:0 auto 20px;}
#price ul li{
	background:none;
	padding-left:0px;
	line-height:1.6;}

/*----------------------------------------------------------------------------
******************************************************************************
Voice
******************************************************************************
----------------------------------------------------------------------------*/
#voice dl{background:url(../img/voice.jpg) no-repeat 98% 95%;	background-color:#E3E3E3;}
#voice dd{ margin-right:100px;}

/*----------------------------------------------------------------------------
******************************************************************************
Company
******************************************************************************
----------------------------------------------------------------------------*/
div#map{width:580px; height:300px; border:1px solid #ccc; margin:0 auto 15px; color:#333;}
#company div{color:#333;}
#company input,#company textarea,#company pre{color:#000000;}
#Contact table td a:link{color:#21406A;}
#Contact table td a:visited{color:#21406A; text-decoration:underline;}
#Contact table td a:hover{color:#21406A; text-decoration:none;}
#Contact table td a:active{color:#21406A; text-decoration:underline;}
#Contact table td a:focus{outline:none;}
table#mapinfo{background:#fff; border:none;}
table#mapinfo tr,
table#mapinfo tr td{background:#FFFFFF;}

/*----------------------------------------------------------------------------
******************************************************************************
Inquiry
******************************************************************************
----------------------------------------------------------------------------*/
#Contact{margin-bottom:20px;}

#Contact fieldset{border:0; margin:0; padding:0;}

#Contact label{margin:0 9px 5px 2px;}

#Contact table{background-color:#000; width:600px; margin:5px auto 20px auto;}

#Contact table th,td{
	text-align:left;
	line-height:1.66;
	font-weight:normal;
	background-color:#FFFFFF;
	padding:5px;}

#Contact table th{background-color:#3D5E85; width:30%; vertical-align:top; padding-top:10px; font-weight:bold;}
#company #Contact table th{background-color:#3D5E85; width:25%; vertical-align:top; padding-top:10px; font-weight:bold;}

#Contact table td{font-size:100%;}

#Contact table td p.info{font-size:82%; line-height:1.4; color:#21406A;}

#Contact input{color:#000000;}
#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:2px solid #000;}

#Contact textarea{padding:3px; width:350px; color:#000;}
#Contact select{font-size:100%;}

.attention{color:#993333; font-weight:bold;}

.mar10{margin-bottom:10px;}

