﻿@charset "utf-8";

@import "reset.css";
@import "screen.css";
@import "common.css";

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/
/* P-List
------------------------------------------------------------ */
#plist{background:#EDEFF1; text-align:right; font-size:68%; margin-bottom:20px; padding:3px 5px;}

/* spacing
------------------------------------------------------------ */
.tar{text-align:right;}
.tac{text-align:center;}
.mar10{margin-bottom:10px;}
.mar15{margin-bottom:15px;}

/* img
------------------------------------------------------------ */
.imgR{float:right; margin:5px 10px 15px 15px;}
.imgL{float:left; margin:5px 15px 10px 15px;}
.imgL img,.imgR img{padding:2px; border:1px solid #ccc;}

/* page title
------------------------------------------------------------ */
h3{
	background:url(../cmn_img/h3_bg.jpg) no-repeat 0 100%;
	font-size:86%;
	font-weight:bold;
	padding:16px 0 12px 18px;
	margin-bottom:20px;}

/* Box
------------------------------------------------------------ */
.conBox p{font-size:76%; margin:0 10px 20px;}

/*----------------------------------------------------------------------------
******************************************************************************
P03 Item
******************************************************************************
----------------------------------------------------------------------------*/
#item ul{font-size:76%; margin:0 25px 20px;}

#item ul li{background:url(../cmn_img/icn_list.gif) no-repeat left center; padding-left:15px;}
#item .blue2{color:#2450AA; font-weight:bold; font-size:90%; margin-bottom:10px;}

/*----------------------------------------------------------------------------
******************************************************************************
P04 way
******************************************************************************
----------------------------------------------------------------------------*/
div#border1,div#border2{ clear:both; border-bottom:1px solid #CCCCCC; margin-bottom:20px; min-height:170px; _height:170px;}

/*----------------------------------------------------------------------------
******************************************************************************
P10 Company
******************************************************************************
----------------------------------------------------------------------------*/
#company .conBox dl{font-size:76%; margin:0 10px 20px;}
#company .conBox dl dt,
#company .conBox dl dd{ font-size:1%; padding:0; margin:0;}

/*----------------------------------------------------------------------------
******************************************************************************
P13 Sitemap
******************************************************************************
----------------------------------------------------------------------------*/
#sitemap dl{margin:15px;}	

#sitemap dl.sitemap01 dt,
#sitemap dl.sitemap02 dt{
	padding-left:20px;
	padding-bottom:4px;
	background:url(../cmn_img/icn_link01.gif) no-repeat 0 2px;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
	font-size:80%;
	margin-bottom:8px;
	color:#333333;}
	
#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:15px;
	background: url(../cmn_img/icn_link02.gif) no-repeat 0 5px;
	margin-top:8px;}
/*----------------------------------------------------------------------------
******************************************************************************
TABLE
******************************************************************************
----------------------------------------------------------------------------*/
#Contact{margin-bottom:20px;}

#Contact fieldset{border:0; margin:0; padding:0;}

#Contact label{margin:0 9px 5px 2px;}

#Contact table{background-color:#9EA9B4; width:580px; margin:5px auto 20px; font-size:76%;}
#Contact table table.inner{background-color:#FFF; border:none; font-size:100%; width:350px; margin:0; line-height:1.2;}
#Contact table table.inner th,#Contact table table.inner2 th{background-color:#FFF; border:none; font-size:100%;}
#Contact table table.inner2{background-color:#FFF; border:none; font-size:100%; width:250px; margin:0; line-height:1.2;}
#Contact table th,td{
	text-align:left;
	line-height:2.0;
	font-weight:normal;
	background-color:#FFFFFF;
	padding:5px;}

#Contact table th{background-color:#EDEFF1; width:29%; vertical-align:top; color:#2450AA; font-weight:bold;}
#Contact table td{font-size:100%;line-height:2.0;}

#Contact table td p.info{font-size:82%; line-height:1.4; color:#008040;}
#Contact table td .info{font-size:82%; line-height:1.4; color:#008040;}
#Contact input.box01{width:80px;}
#Contact input.box02{width:350px;}
#Contact input.box04{width:40px;}
#Contact p input{
	width:270px;
	padding:3px;
	color:#000;
	text-align:center;
	background:#CCC;
	border:1px solid #999;
	font-size:76%;}

#Contact textarea{padding:3px; width:420px;}
#Contact select{font-size:100%;}

.attention{color:#DC101F; font-weight:bold;}
#Contact table th.title{ background:#2450AA; color:#FFFFFF; text-align:center;}

#Contact table dt{float:left; width:3.5em;}
#Contact table dd{margin-left:3.5em; padding-bottom:5px;}
#Contact table .list{background:url(../cmn_img/icn_list.gif) no-repeat left center; padding-left:15px;}

