@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import "digi.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2010 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 140%;
}
	
h1 {} /* Header内で設定 */
h2 {}
h3 {
	background: url(../images/sttl_1.gif) 0 0 no-repeat #fff;
	width: 628px;
	font-size: 180%;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 18px 0 16px 30px;
	margin: 0 0 30px;
	border: solid 1px #d6d6d6;
}
*html h3 { width: 660px; }
h4 {
	background: url(../images/sttl_2.gif) 0 0 no-repeat #b3e2f6;
	width: 630px;
	font-size: 140%;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 12px 0 10px 30px;
	margin: 0 0 20px;
}
*html h4 { width: 660px; }
h4 span { color: #c00; }
.sales h4 {
	background: url(../images/icon_l_02.gif) 6px 0 no-repeat #fff;
	width: 630px;
	font-size: 155%;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 8px 0 8px 30px;
	margin: 0 0 20px;
	border-bottom: solid 2px #a8c49d;
}
.sales h4.aico { color: #cf0f0f; }
.sales h4.warcar { color: #3dd1bf; }
.sales h4.meros { color: #666; }


*html .sales h4 { width: 660px; }


a { color: #06F; }
a:hover,
a:active { color: #00F; text-decoration: none; }
a:visited {}
a:focus{outline:none;}

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

p { margin: 0 0 1em; }

.section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }

/*.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }*/

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {
	clear: both;
	padding-bottom: 20px;
}
ul.totop li {
	float: right;
	list-style: none;
}
ul.totop li a {
	display: block;
	width: 100px;
	height: 20px;
	background: url(../images/to_top.jpg) 0 0 no-repeat;
	text-indent: -9999em;
	outline: none;
}
ul.totop li a:hover { background-position: bottom; }

hr { display: none; }
img { vertical-align: top; }

/*---- clear ----*/
.clear{
clear:both;
height:0px;
font-size:0px;
line-height:0;
margin:0;
padding:0;
}


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
	background: url(../images/body_bg.jpg) 0 0 repeat-x;
	color: #333;
	text-align: center;
	padding: 0;
	margin: 0;
}

#wrapper {
	background: url(../images/wrapper_bg.gif) 0 0 repeat-y;
	width: 940px;
	text-align: left;
	padding: 0;
	margin: 0 auto;
	vertical-align: middle;
}
#wrapper-inner {
	background: url(../images/wrapper_inner_bg.jpg) 0 0 no-repeat;
	width: 920px;
	padding: 0 10px;
}
#main {
	width: 920px;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	position: relative;
	width: 920px;
	height: 106px;
	padding: 0;
	margin: 0;
}

#header #head_inq {
	position:absolute;
	right:0px;
	top:5px;
	width:218px;
}

#mainImg {
	position: relative;
	width: 920px;
	height: 280px;
	padding: 0;
	margin: 0;
}
#mainImg h2 { position: absolute; top: 0; left: 0; width: 700px; height: 280px; background-color:#FFF; }
#mainImg h2 img { position: absolute; top: 0; left: 0; width: 700px; height: 280px; }
#mainImg ul { position: absolute; top: 0; right: 0; width: 220px; }
#mainImg ul li { background-position: 0 0; background-repeat: no-repeat; }
#mainImg ul li.mNav-1 { background-image: url(../images/m_navi_1.jpg); height: 93px; }
#mainImg ul li.mNav-2 { background-image: url(../images/m_navi_2.jpg); height: 94px; }
#mainImg ul li.mNav-3 { background-image: url(../images/m_navi_3.jpg); height: 93px; }
#mainImg ul li a { display: block; background-position: 0 0; background-repeat: no-repeat; text-indent:-9999px }

#mainImg ul li.mNav-1 a { background-image: url(../images/m_navi_1.jpg); height: 93px; }
#mainImg ul li.mNav-2 a { background-image: url(../images/m_navi_2.jpg); height: 94px; }
#mainImg ul li.mNav-3 a { background-image: url(../images/m_navi_3.jpg); height: 93px; }
#mainImg ul li.mNav-1 a:hover { background-image: url(../images/m_navi_1_o.jpg); height: 93px; }
#mainImg ul li.mNav-2 a:hover { background-image: url(../images/m_navi_2_o.jpg); height: 94px; }
#mainImg ul li.mNav-3 a:hover { background-image: url(../images/m_navi_3_o.jpg); height: 93px; }

h1 { position: absolute; top: 0px; left: 1px; background: url(../images/h1.gif) 0 0 no-repeat; width: 228px; height: 106px; text-indent: -9999px; }
h1 a { display: block; background: url(../images/h1.gif) 0 0 no-repeat; width: 228px; height: 106px; }

#header ul { position: absolute; top: 76px; left: 366px; width: 283px; height: 17px; }
#header ul li { float: left; background-position: 0 0; background-repeat: no-repeat; height: 17px; text-indent: -9999px; margin-right: 18px; }
#header ul li.hNavi-1 { background-image: url(../images/header_navi_1.gif); width: 64px; }
#header ul li.hNavi-2 { background-image: url(../images/header_navi_2.gif); width: 75px; }
#header ul li.hNavi-3 { background-image: url(../images/header_navi_3.gif); width: 90px; }
#header ul li a { display: block; background-position: 0 0; background-repeat: no-repeat; height: 17px; }
#header ul li.hNavi-1 a { background-image: url(../images/header_navi_1.gif); width: 64px; }
#header ul li.hNavi-2 a { background-image: url(../images/header_navi_2.gif); width: 75px; }
#header ul li.hNavi-3 a { background-image: url(../images/header_navi_3.gif); width: 90px; }

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#mainImg {
	margin: 0 0 12px;
}
#mainImg h2 { margin: 0; }

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	background: url(../images/footer_bg.gif) 0 0 repeat-x;
	width: 940px;
	height: 73px;
	margin: 0 auto;
}

address { padding: 25px 0 0; }

/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: left;
	width: 230px;
	padding: 5px 0 20px;
}

ul.m-navi { background: url(../images/main_navi_bg.gif) 0 0 no-repeat; width: 230px; /*height: 427px;*/ height: 270px; padding: 10px 0 0; }
*html ul.m-navi { height: 280px; }
ul.m-navi li { background-position: 0 0; background-repeat: no-repeat; width: 220px; height: 138px; text-indent: -9999px; margin: 0 0 5px 5px; }
ul.m-navi li.m-navi-1 { background-image: url(../images/main_navi_1.jpg); height: 122px; }
/*.ul.m-navi li.m-navi-2 { background-image: url(../images/main_navi_2.jpg); }*/
ul.m-navi li.m-navi-3 { background-image: url(../images/main_navi_3.jpg); }
ul.m-navi li a { display: block; background-position: 0 0; background-repeat: no-repeat; width: 220px; height: 138px; }
ul.m-navi li.m-navi-1 a { background-image: url(../images/main_navi_1.jpg); height: 122px; }
/*.ul.m-navi li.m-navi-2 a { background-image: url(../images/main_navi_2.jpg); }*/
ul.m-navi li.m-navi-3 a { background-image: url(../images/main_navi_3.jpg); }
ul.m-navi li.m-navi-1 a:hover { background-image: url(../images/main_navi_1_o.jpg); height: 122px; }
/*ul.m-navi li.m-navi-2 a:hover { background-image: url(../images/main_navi_2_o.jpg); }*/
ul.m-navi li.m-navi-3 a:hover { background-image: url(../images/main_navi_3_o.jpg); }

.navi-box { background: url(../images/navi_bg.gif) 0 100% no-repeat #d6d6d6; padding: 0 0 9px; margin: 0 0 9px; }
/*.under .navi-box { border-top: solid 1px #ccc; }*/
.navi-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.navi-box { display: inline-block; }
/* Hides from IE-mac \*/
* html .navi-box { height: 1%; }
.navi-box { display: block; }
/* End hide from IE-mac */
.navi-box p { margin: 0; }
.navi-box ul { background: #fff; width: 220px; margin: 0 0 5px 5px; }
.navi-box ul li { width: 220px; border-bottom: solid 1px #d6d6d6; }
.navi-box ul li a { display: block; background: url(../images/icon_a_01.gif) 9px 11px no-repeat; width: 200px; padding: 6px 0 5px 20px; }
*html .navi-box ul li a { width: 220px; }

.navi-box dl { background: #fff; width: 220px; margin: 0 0 5px 5px; }
.navi-box dl dt { background-position: 0 0; background-repeat: no-repeat; width: 220px; height: 31px; text-indent: -9999px; }
.navi-box dl.navi-2 dt { background-image: url(../images/navi_ca_1.jpg); }
.navi-box dl.navi-3 dt { background-image: url(../images/navi_ca_2.jpg); }
.navi-box dl.navi-4 dt { background-image: url(../images/navi_ca_3.jpg); }
.navi-box dl.navi-5 dt { background-image: url(../images/navi_ca_4.jpg); }
.navi-box dl.navi-6 dt { background-image: url(../images/navi_ca_5.jpg); }
.navi-box dl.navi-1 dt { background-image: url(../images/navi_ca_6.jpg); }
.navi-box dl.navi-1b dt { background-image: url(../images/navi_ca_6b.jpg); }
.navi-box dl dd { width: 220px; border-bottom: solid 1px #d6d6d6; }

.navi-box dl dt a { display: block; background-position: 0 0; background-repeat: no-repeat; width: 220px; height: 31px; }
.navi-box dl.navi-2 dt a { background-image: url(../images/navi_ca_1.jpg); }
.navi-box dl.navi-3 dt a { background-image: url(../images/navi_ca_2.jpg); }
.navi-box dl.navi-4 dt a { background-image: url(../images/navi_ca_3.jpg); }
.navi-box dl.navi-5 dt a { background-image: url(../images/navi_ca_4.jpg); }
.navi-box dl.navi-6 dt a { background-image: url(../images/navi_ca_5.jpg); }
.navi-box dl.navi-2 dt a:hover { background-image: url(../images/navi_ca_1_o.jpg); }
.navi-box dl.navi-3 dt a:hover { background-image: url(../images/navi_ca_2_o.jpg); }
.navi-box dl.navi-4 dt a:hover { background-image: url(../images/navi_ca_3_o.jpg); }
.navi-box dl.navi-5 dt a:hover { background-image: url(../images/navi_ca_4_o.jpg); }
.navi-box dl.navi-6 dt a:hover { background-image: url(../images/navi_ca_5_o.jpg); }
.navi-box dl.navi-1 dt a:hover { background-image: url(../images/navi_ca_6_o.jpg); }
.navi-box dl.navi-1b dt a:hover { background-image: url(../images/navi_ca_6b_o.jpg); }
.navi-box dl dd a { display: block; background: url(../images/icon_a_01.gif) 9px 11px no-repeat; width: 200px; padding: 6px 0 5px 20px; }
.navi-box dl dd.nolink { display: block; background: url(../images/icon_a_01.gif) 9px 11px no-repeat; width: 200px; padding: 6px 0 5px 20px; }
.navi-box dl dd.green {background-color:#f1fdd9;}
.navi-box dl dd.green2 {background-color:#f1fdd9;}
.navi-box dl dd.green2 div {display: block; background: url(../images/icon_a_01.gif) 9px 11px no-repeat; width: 200px; padding: 6px 0 5px 20px;}
*html .navi-box dl dd a { width: 220px; }

.navi-bn p { background-position: 0 0; background-repeat: no-repeat; width: 230px; height: 75px; text-indent: -9999px; margin: 0 0 5px; }
.navi-bn p.navi-bn-1 { background-image: url(../images/navi_bn_1.jpg); height: 84px; }
.navi-bn p.navi-bn-2 { background-image: url(../images/navi_bn_2.jpg); }
.navi-bn p.navi-bn-3 { background-image: url(../images/navi_bn_3.jpg); }
.navi-bn p a { display: block; background-position: 0 0; background-repeat: no-repeat; width: 230px; height: 75px; }
.navi-bn p.navi-bn-1 a { background-image: url(../images/navi_bn_1.jpg); height: 84px; }
.navi-bn p.navi-bn-2 a { background-image: url(../images/navi_bn_2.jpg); }
.navi-bn p.navi-bn-3 a { background-image: url(../images/navi_bn_3.jpg); }
.navi-bn p.navi-bn-1 a:hover { background-image: url(../images/navi_bn_1_o.jpg); height: 84px; }
.navi-bn p.navi-bn-2 a:hover { background-image: url(../images/navi_bn_2_o.jpg); }
.navi-bn p.navi-bn-3 a:hover { background-image: url(../images/navi_bn_3_o.jpg); }

#navi a { color: #333; text-decoration: none; }
#navi a:hover,
#navi a:active { color: #2dafe6; text-decoration: underline; }

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

#content {
	float: right;
	width: 690px;
	padding: 0 0 30px;
}
#content-inner { width: 662px; padding: 0 15px 0 13px;}
.under #content-inner { width: 660px; padding: 0 15px; }

/* common */

p.bnOfficial { clear: both; background: url(../images/bn_official.jpg) 0 0 no-repeat; width: 642px; height: 149px; text-indent: -9999px; margin: 0 0 0 3px; }
p.bnOfficial a { display: block; background: url(../images/bn_official.jpg) 0 0 no-repeat; width: 642px; height: 149px; }
p.bnOfficial a:hover { display: block; background: url(../images/bn_official_o.jpg) 0 0 no-repeat; width: 642px; height: 149px; }


/* index
------------------------------------------------------------------------*/
.top h2 { margin: 0 0 9px; }
.top h3 { text-indent: -9999px; border: none; }

.top-content-1 { background: url(../images/top_content_1_bg.gif) 0 0 repeat-y; width: 662px; }
.top-content-1 div { background: url(../images/top_content_1_btm.gif) 0 100% no-repeat; padding: 0 0 18px; height:120px; overflow:scroll; }
*html .top-content-1 div { width: 662px; }
.top-content-1 h3 { background: url(../images/top_h3_1.gif) 0 0 no-repeat; width: 662px; height: 45px; padding: 0; margin: 0; }
.top-content-1 p.btn { background: url(../images/top_01.gif) 0 0 no-repeat; width: 185px; height: 25px; text-indent: -9999px; margin: -33px 0 15px 466px; }
.top-content-1 p.btn a { display: block; background: url(../images/top_01.gif) 0 0 no-repeat; width: 185px; height: 25px; }

.top-content-1 dl { margin: 0 0 5px 26px; }
.top-content-1 dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.top-content-1 dl { display: inline-block; }
/* Hides from IE-mac \*/
* html .top-content-1 dl { height: 1%; }
.top-content-1 dl { display: block; }
/* End hide from IE-mac */
.top-content-1 dl dt { float: left; background: url(../images/icon_a_02.gif) 0 8px no-repeat; width: 90px; color: #256b0b; padding: 0 0 0 10px; margin: 0 10px 0 0; }
*html .top-content-1 dl dt { width: 100px; }
.top-content-1 dl dd { float: left; width: 500px; }
.top-content-1 dl dd a { color: #333; }

/* .top-content-2 { background: url(../images/top_content_2_bg.jpg) 0 0 no-repeat; width: 660px; min-height: 496px; height: auto !important; height: 496px; margin: 0 0 10px; }*/

.top-content-2 { margin: 0 0 20px 42px; background:url(../images/aaa.jpg) no-repeat top left; height:413px; width:574px; }
.top-content-2 h3 { background: url(../images/top_h3_2.gif) 0 0 no-repeat; width: 574px; height: 67px; padding: 0; margin: 0 0 10px; }
.top-content-2 h4 { background: url(../images/top_02.gif) 0 0 no-repeat; width: auto; color: #484848; font-size: 125%; padding: 3px 0 5px 20px; margin: 0 0 5px 33px; }
.top-content-2 p { font-size: 150%; line-height: 1.5; margin: 0 30px 10px 32px; }
*html .top-content-2 p { font-size: 130%; line-height: 1.7; }
*:first-child+html .top-content-2 p { font-size: 130%; line-height: 1.7; }

.top-content-3 { width: 659px; margin: 0 0 23px; border-bottom: solid 1px #e8e3e0; }
.top-content-3 p { background: url(../images/top_03.jpg) 0 0 no-repeat; width: 659px; height: 185px; text-indent: -9999px; margin: 0 0 20px; }
.top-content-3 p a { display: block; background: url(../images/top_03.jpg) 0 0 no-repeat; width: 659px; height: 185px; }
.top-content-3 p a:hover { display: block; background: url(../images/top_03_o.jpg) 0 0 no-repeat; width: 659px; height: 185px; }

.top-content-4 { position: relative; background: #d6d6d6; width: 654px; padding: 0 0 4px 4px; margin: 0 0 50px; border: solid 1px #ccc; }
.top-content-4:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.top-content-4 { display: inline-block; }
/* Hides from IE-mac \*/
* html .top-content-4 { height: 1%; }
.top-content-4 { display: block; }
/* End hide from IE-mac */
*html .top-content-4 { width: 660px; }
.top-content-4 div { float: left; background: #fff; width: 210px; padding: 0 0 10px; margin: -8px 10px 0 0; }
*html .top-content-4 div { position: relative; margin-top: -8px; }
.top-content-4 div.r { margin-right: 0; }
.top-content-4 dl { width: 210px; min-height: 140px; height: auto !important; height: 140px; line-height: 1.5; }
.top-content-4 dl dt { margin: 0 0 8px; }
.top-content-4 dl dd { margin: 0 8px 0 8px; }
.top-content-4 dl dd a { color: #333; }
.top-content-4 p { background: url(../images/btn_click.gif) 0 0 no-repeat; width: 45px; height: 13px; text-indent: -9999px; margin: 0 0 0 158px; }
.top-content-4 p a { display: block; background: url(../images/btn_click.gif) 0 0 no-repeat; width: 45px; height: 13px; }
.top-content-4 p a:hover { background: url(../images/btn_click_o.gif) 0 0 no-repeat; width: 45px; height: 13px; }

/* under
------------------------------------------------------------------------*/

/* common */
p.topicPath { text-align: right; margin: 12px 2px 10px; }
*html p.topicPath { width: 656px;}
p.pageTop { background: url(../images/pagetop.gif) 0 0 no-repeat; width: 75px; height: 16px; text-indent: -9999px; margin: 20px 0 20px 580px; }
p.pageTop a { display: block; background: url(../images/pagetop.gif) 0 0 no-repeat; width: 75px; height: 16px; }
p.pageTop a:hover { display: block; background: url(../images/pagetop_o.gif) 0 0 no-repeat; width: 75px; height: 16px; }

.conBox {
	line-height: 1.5;
	margin: 0 0 20px 10px;
}
.conBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.conBox { display: inline-block; }
/* Hides from IE-mac \*/
* html .conBox { height: 1%; }
.conBox { display: block; }
/* End hide from IE-mac */

.conBox p { font-size: 140%; }

p.sttl { background: url(../images/icon_c_01.gif) 8px 11px no-repeat #e1f4fb; font-size: 140%; padding: 8px 0 7px 25px; margin: 0 0 15px; }
*html p.sttl { width: 660px; }
p.sttl2 { background: url(../images/icon_c_02.gif) 8px 6px no-repeat #fff; color: #256b0b; font-size: 140%; padding: 3px 0 2px 25px; margin: 0 0 15px; }
p.sttl3 { font-size: 140%; padding: 0 0 5px 10px; margin: 0 0 15px; border-bottom: solid 2px #e8e3e0; }
p.sttl3 span { color: #c00; }

.conBox p.imgL {
	float: left;
	padding: 0;
	margin: 0 10px 10px 0;
	border: none;
}
.conBox p.Pleft{
	float:left;
	width:210px;
	text-align:center;
	}
.conBox p.Pright{
	float:left;
	width:200px;
	text-align:center;
	}

.conBox p.imgR {
	float: right;
	padding: 0;
	margin: 0 0 10px 10px;
	border: none;
}

.conBox ul { line-height: 1.5; margin-bottom: 1.5em; }
.conBox ul ol { margin: 0 0 8px; }
.conBox ul li { background: url(../images/icon_c_02.gif) 0 3px no-repeat; padding: 0 0 0 18px; margin-bottom: 8px; }

.conBox p.imgL img { border: solid 1px #FFF; }
.conBox p.imgR img { border: solid 1px #FFF; }

.conBox p img.imgL { float: left; margin: 0 10px 10px 0; border: solid 3px #d6d6d6; }
.conBox p img.imgR { float: right; margin: 0 0 10px 10px; border: solid 3px #d6d6d6; }

.conBox p.txtLink { background: url(../images/icon_a_01.gif) 0 5px no-repeat; padding: 0 0 0 12px; }

table {
	width: 650px;
	font-size: 140%;
	line-height: 1.5;
	margin: 0 0 20px 10px;
	border-top: solid 1px;
	border-left: solid 1px;
	border-color: #ddd;
	border-collapse: collapse;
}

table th ,
table td {
	text-align: left;
	vertical-align: top;
	padding: 10px 10px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-color: #ddd;
}

table th { background: #f3f3f3; vertical-align: middle; }

.marB10 { margin-bottom: 10px; }
.bold { font-weight: bold; }

.bnBox { margin: 0 0 30px 10px; }
.inquiry .bnBox { margin-top: 20px; }
.bnBox ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.bnBox ul { display: inline-block; }
/* Hides from IE-mac \*/
* html .bnBox ul { height: 1%; }
.bnBox ul { display: block; }
/* End hide from IE-mac */
.bnBox ul { width: 650px; }
.bnBox ul li { float: left; background-position: 0 0; background-repeat: no-repeat; width: 320px; height: 132px; text-indent: -9999px; }
.bnBox ul li.bn-1 { background-image: url(../images/bn_motorcycle.jpg); margin-right: 10px; }
.bnBox ul li.bn-2 { background-image: url(../images/bn_commodity.jpg); }
.bnBox ul li a { display: block; background-position: 0 0; background-repeat: no-repeat; width: 320px; height: 132px; }
.bnBox ul li.bn-1 a { background-image: url(../images/bn_motorcycle.jpg); }
.bnBox ul li.bn-2 a { background-image: url(../images/bn_commodity.jpg); }
.bnBox ul li.bn-1 a:hover { background-image: url(../images/bn_motorcycle_o.jpg); }
.bnBox ul li.bn-2 a:hover { background-image: url(../images/bn_commodity_o.jpg); }

/*----- 01 concept ------------------------------------------------------*/
.ideaBox { background: #fffcfa; padding: 14px 14px 0; border: solid 1px #d6d6d6; }
*html .ideaBox { width: 660px; }
.ideaBox dl dt { background: url(../images/icon_l_01.gif) 0 0 no-repeat; font-weight: bold; padding: 0 0 0 25px; margin: 0 0 3px; }
.ideaBox dl dd { padding: 0 0 0 25px; margin: 0 0 1em; }
.concept table { margin-bottom: 40px; }
.concept table th { width: 25%; }
.concept table td dl {}
.concept table td dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.concept table td dl { display: inline-block; }
/* Hides from IE-mac \*/
* html .concept table td dl { height: 1%; }
.concept table td dl { display: block; }
/* End hide from IE-mac */
.concept table td dl dt { float: left; width: 100px; }
.concept table td dl dd { float: left; width: 180px; }

/*----- 02 seminar ------------------------------------------------------*/
.seminar table { margin-bottom: 40px; }
.seminar table th { width: 18%; padding-left: 30px; }

/*----- 03 report -------------------------------------------------------*/

/*----- 04 commodity ----------------------------------------------------*/
ul.linkPdf li { background: url(../images/pdficon_small.gif) 0 0 no-repeat; padding: 0 0 0 25px; }
ul.linkPdf li a { color: #333; margin-right: 10px; }
.commodity .conBox p img.imgL { margin-bottom: 10px; }
.commodity .conBox p.imgBox img.imgL { margin: 0 15px 15px 0; }
.commodity .conBox ul.bg-non li { background: none; padding: 0 0 0 0; margin-bottom: 8px; }
.commodity .conBox .Pleft20{ padding-left:!important; padding-left:57px; _padding-left:50px;}

/*----- 06-08 motorcycle ------------------------------------------------*/
/* index */
/* sales */
.sales table { margin-bottom: 40px; }
.sales table th { width: 25%; font-weight: normal; padding-left: 20px; }
.sales .conBox p img.imgR { margin-top: -100px; border: none; }
/* user */

/*----- 09-10 lvd -------------------------------------------------------*/
/* index */
.lvd table { width: 660px; margin: 0 0 30px; border-color: #c1c3bf; border-style: dotted; border-width: 2px; }
.lvd table td { background: #f8fbf3; width: 33%; color: #256b0b; text-align: center; vertical-align: middle; border-color: #c1c3bf; border-style: dotted; border-width: 2px; }
.lvd .conBox.uses { background: #fffcfa; padding: 12px 12px 0; margin: 0 0 30px; border: solid 1px #d6d6d6; }
/* results */
.lvd .results .conBox p.arrow { margin-left: 9em; }
.lvd .results .conBox p span { color: #c00; }
.lvd .results .conBox dl { margin: 0 20px 20px 0; }
.lvd .results .conBox dl dt { background: url(../images/icon_l_03.gif) 0 0 no-repeat; font-weight: bold; padding: 5px 0 2px 38px; }
.lvd .results .conBox dl dd { padding: 0 0 10px 38px; margin: 0 0 10px; border-bottom: solid 1px #e8e3e0; }
.lvd .results .conBox p img.imgL { margin-bottom: 0px; }

/*----- 11-12 gas-activation -------------------------------------------*/
/* index */
/* results */

/*----- 13 inorganic ---------------------------------------------------*/
/* index */
.inorganic table { width: 660px; margin: 0 0 10px; border-color: #c1c3bf; border-style: dotted; border-width: 2px; }
.inorganic table th { background: #f8fbf3; width: 33%; color: #256b0b; text-align: center; vertical-align: middle; border-color: #c1c3bf; border-style: dotted; border-width: 2px; }
.inorganic table td { background: #fff; text-align: left; vertical-align: top; border-color: #c1c3bf; border-style: dotted; border-width: 2px; }
.inorganic .conBox ul li { background: url(../images/icon_l_03.gif) 0 1px no-repeat; padding: 0 0 0 22px; margin-bottom: 8px; }

/*----- 14 led ---------------------------------------------------------*/


/*----- 05 inquiry -----------------------------------------------------*/
.inquiry .conBox p span { color: #c00; }
.inquiry table { margin-bottom: 30px; }
.inquiry table th { width: 30%; vertical-align: middle; }
.inquiry table th ,
.inquiry table td {}
.inquiry table textarea { width: 420px; }

.inquiry table input { max-width: 400px; }
.inquiry table input { width: 300px; }
.inquiry table ol input { width: auto; }

.inquiry select { font-size: 14px; }

/*----- xx sitemap -----------------------------------------------------*/
.sitemapBox { line-height: 1.5; margin: 20px 0 60px; }
.sitemapBox ul { font-size: 140%; margin: 0 0 20px 60px; }
.sitemapBox ul li { background: url(../images/icon_a_01.gif) 0 8px no-repeat; padding: 0 0 0 10px; margin-bottom: 7px; }
.sitemapBox dl { font-size: 140%; margin: 0 10px 20px 60px; }
.sitemapBox dl dt { color: #52463f; font-weight: bold; margin: 15px 0 5px; }
.sitemapBox dl dd { background: url(../images/icon_a_01.gif) 0 8px no-repeat; padding: 0 0 0 10px; margin: 0 0 7px 15px; }