@charset "utf-8";
/*
Theme Name: トーメック
Theme URI: http:///
Author: トーメック
Author URI: http:///
Description: トーメック
*/
/* ===================================================================
 style info : 各cssファイル読み込み用
 author     : トーメック
 更新時注意 : 日本語、英語、中国語で共通のcssを使用している為、更新タイミングによってレイアウトに差異が出る時は注意
=================================================================== */

/* module style - リセット設定
----------------------------------------------------------- */
@import url("reset.css");



/*
CONTENTS
==============================================================

	0: 基本設定

	1: 共通設定

	2: レイアウト設定

	3: header設定

	4: contents設定

	5: mainContents設定

	6: navigation設定

	7: footer設定

==============================================================
*/

/*
00: スライダー設定
=========================================================*/
div.flexslider{
border:none;
background:none;
box-shadow:none;
margin:0 0;
}
div.flexslider ul.slides{
border:none;
box-shadow:none;
}
ol.flex-control-thumbs{
background:#363636;
padding:0;
overflow:hidden;
}
ol.flex-control-thumbs li{margin:5px 6px 8px 6px !important;  max-width:180px;}
ol.flex-control-thumbs li img{
width:180px !important;
height:auto !important;
}

/* 日本語　画像5つ用 */
div#bx-pager{
background:#363636;
padding:0;
overflow:hidden;
margin:0 auto;
}
div#bx-pager ul li a{
height:0px;
position:absolute;
margin:0 !important;
}
div#bx-pager ul li{
float:left;
width:180px;
margin:0 !important;
padding:0 0 !important;
height:0px;
}

/* 英語、中国語　画像4つ用 */
div#bx-pager02{
background:#363636;
padding:5px 12px 0 10px;
overflow:hidden;
margin:0 auto;
}
div#bx-pager02 ul li a{
height:78px;
position:absolute;
margin:5px 5px 0px 6px !important; 
}
div#bx-pager02 ul li{
float:left;
width:220px;
margin:5px 5px 0px 6px !important; 
padding:0 0 !important; 
height:83px;
}

/* 日本語 */
/*div#bx-pager ul li.menu01 a{ background:url(img/thum_promotion01.jpg) no-repeat left top;}
div#bx-pager ul li.menu01 a.active,div#bx-pager ul li.menu01 a:hover{ background:url(img/thum_promotion01_act.jpg) no-repeat left top;}
div#bx-pager ul li.menu02 a{ background:url(img/thum_promotion02.jpg) no-repeat left top;}
div#bx-pager ul li.menu02 a.active,div#bx-pager ul li.menu02 a:hover{ background:url(img/thum_promotion02_act.jpg) no-repeat left top;}
div#bx-pager ul li.menu03 a{ background:url(img/thum_promotion03.jpg) no-repeat left top;}
div#bx-pager ul li.menu03 a.active,div#bx-pager ul li.menu03 a:hover{ background:url(img/thum_promotion03_act.jpg) no-repeat left top;}
div#bx-pager ul li.menu04 a{ background:url(img/thum_promotion04.jpg) no-repeat left top;}
div#bx-pager ul li.menu04 a.active,div#bx-pager ul li.menu04 a:hover{ background:url(img/thum_promotion04_act.jpg) no-repeat left top;}
div#bx-pager ul li.menu05 a{ background:url(img/thum_promotion05.jpg) no-repeat left top;}
div#bx-pager ul li.menu05 a.active,div#bx-pager ul li.menu05 a:hover{ background:url(img/thum_promotion05_act.jpg) no-repeat left top;}*/

/* 英語 */
div#bx-pager02 ul li.menu01en a{ background:url(img/en/thum_promotion01.jpg) no-repeat left top;}
div#bx-pager02 ul li.menu01en a.active,div#bx-pager02 ul li.menu01en a:hover{ background:url(img/en/thum_promotion01_act.jpg) no-repeat left top;}
div#bx-pager02 ul li.menu02en a{ background:url(img/en/thum_promotion02.jpg) no-repeat left top;}
div#bx-pager02 ul li.menu02en a.active,div#bx-pager02 ul li.menu02en a:hover{ background:url(img/en/thum_promotion02_act.jpg) no-repeat left top;}
div#bx-pager02 ul li.menu03en a{ background:url(img/en/thum_promotion03.jpg) no-repeat left top;}
div#bx-pager02 ul li.menu03en a.active,div#bx-pager02 ul li.menu03en a:hover{ background:url(img/en/thum_promotion03_act.jpg) no-repeat left top;}
div#bx-pager02 ul li.menu04en a{ background:url(img/en/thum_promotion04.jpg) no-repeat left top;}
div#bx-pager02 ul li.menu04en a.active,div#bx-pager02 ul li.menu04en a:hover{ background:url(img/en/thum_promotion04_act.jpg) no-repeat left top;}


#g-navi #englishhome a{
	width:128px;
	height:68px;
	background-image: url("img/en/menu-home.gif");
	display: block;
}
#g-navi #englishhome a:hover{
	width:128px;
	height:68px;
	background-image: url("img/en/menu-home_on.gif");
	display: block;
}
#g-navi #chinesehome a{
	width:128px;
	height:68px;
	background-image: url("img/zh/menu-home.gif");
	display: block;
}
#g-navi #chinesehome a:hover{
	width:128px;
	height:68px;
	background-image: url("img/zh/menu-home_on.gif");
	display: block;
}





/*
01: LP設定
=========================================================*/
div.recommend p.caption{font-size:134% !important;}
div.recommend p.caption2{
font-size:134% !important;
margin-bottom:20px !important;
font-weight:bold;
color:#3F6BB2 !important;
padding-left:15px;
line-height:2.0;
margin-top:12px;
}
div.recommend img{margin-bottom:5px;}
div.recommend p.caption span,
div.recommend p.caption2 span{
float:right;
font-weight:normal;
*margin-top:-30px;
}
div.recommend h2{
color:#3F6BB2 !important;
padding:0 0 14px 8px !important;
font-size:125%;
background-color:#FFF !important;
background-image:url(img/bg_h2-recommend.gif) !important;
background-repeat:repeat-x !important;
background-position:bottom !important;
}
div.recommend h2.ftsm{font-size:117% !important;}
div.recommend h2 span{
float:right;
font-weight:normal;
font-size:84% !important;
padding-top:5px;
*margin-top:-40px;
}
div.recommend h3{
background:url(img/bg_h3-recommend.gif) repeat-y top left;
margin-top:15px;
}
div.recommend div.blueBox{
border:1px solid #B3C3DE;
overflow:hidden;
}
div.recommend div.blueBoxInner{
margin:20px 10px 20px 24px;
overflow:hidden;
font-size:109%;
}
div.recommend div.blueBoxInnerW{
margin:10px 0px;
overflow:hidden;
font-size:109%;
margin-left:1px;
}
div.recommend ul.threeclm{overflow:hidden; margin-left:-2px;}
div.recommend ul.threeclm li{
float:left;
margin-left:4px;
*margin-left:2px;
width: 215px;
}
div.recommend ul.threeclm li.center{
text-align: center;
}

div.recommend div.blueBoxInnerW ul.threeclm{ margin-right:-4px; margin-left:0 !important;}
div.recommend div.blueBoxInnerW ul.threeclm li{
float:left;
margin:0 4px 0 0;
*margin-right:2px;
}
div.recommend div.blueBoxFoot{
border-bottom:none !important;
}
div.recommend ul.forclm{ overflow:hidden; margin-top:20px;}
div.recommend ul.forclm li{
float:left;
text-align:center;
font-size:117%;
font-weight:bold;
color:#3F6BB2;
background:url(img/bg_arrow.gif) no-repeat right top;
padding-right:13px;
}
div.recommend ul.forclm li.last{
background:none;
padding-right:0;
margin-bottom:0px !important;
}


div.recommend h4{
color:#3F6BB2;
font-size:125%;
margin-bottom:10px;
}
div.recommend h4 span{
font-size:92%;
}
div.recommend ul.upper-roman{
list-style:upper-roman;
margin:0 0 25px 80px;
font-size:125%;
color:#4E4E4E;
}
div.recommend p.opinion{
margin:25px 40px;
font-size:125% !important;
color:#4E4E4E;
}
div.recommend p.opinionSml{
margin:20px 25px 30px 25px;
color:#4E4E4E;
font-size:109%;
}
div.recommend div.boxCenter{
margin:10px auto 20px auto;
text-align:center;
width:540px;
overflow:hidden;
}
div.recommend div.boxCenter p{text-align:center;}
div.recommend div.boxCenter p.left{
float:left;
padding-right:0px;
width: 48%;
}

div.recommend div.leftBox{
float:left;
width:450px;
margin-right:10px;
}
div.recommend div.rightBox{
width:250px;
float:right;
text-align:center;
margin-right:50px;
}
div.recommend div.leftBoxS{
float:left;
width:310px;
margin-right:10px;
}
div.recommend div.rightBoxS{
width:300px;
float:left;
text-align:center;
}
div.recommend div.leftBoxW{
float:left;
width:330px;
margin-right:10px;
}
div.recommend div.rightBoxW{
width:280px;
float:left;
text-align:center;
}

div.recommend div.blueBoxInner ul.list{
margin:0 auto;
overflow:hidden;
padding:10px 0 0 40px;
}
div.recommend div.blueBoxInner ul.list li{
float:left;
text-align:center;
margin-left:23px;
}

div.recommend div.rightBoxS ul.shortList{margin:10px 0 0 -5px;}
div.recommend div.rightBoxS ul.shortList li{
float:left;
text-align:center;
margin-left:5px;
*margin-left:2px;
}

div.recommend div.blueBoxInner div.leftHarf{
width:300px;
float:left;
text-align:center;
margin:10px 0 0 0;
}
div.recommend div.blueBoxInner div.rightHarf{
width:300px;
text-align:center;
float:left;
margin:10px 0 0 0;
}




/*
0: 基本設定
=========================================================*/
body {
	background:#FFF;
	font-size: 12px;
	font-family: Verdana, Meiryo, sans-serif;
	text-align:left; /* for IE6 */
	margin:0 0;
	padding:0 0;
	height:100%;
	color:#232323;
}

* html body {
	font-size: 75%; /* for IE6 */
}

*:first-child+html body {
	font-size: 75%; /* for IE7 */
}

table,
textarea,
input,
select {
    font-size: inherit;
	font-size: 100%;
}

* html body pre,
* html body code {
	font-size:108%;  /* for IE6 */
}

*:first-child+html pre,
*:first-child+html code {
	font-size:108%;  /* for IE7 */
}

/*Font Size (12pxを基準)
--------------------------------------------------------*/

	/*19px : 167%
	18px : 150%
	16px : 134%
	15px : 125%
	14px : 117%
	13px : 109%
	12px : 100%
	11px :  92%
	10px :  84%*/


/*
general params
---------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
pre,
ul,
ol,
dl,
dt,
dd,
address,
form,
blockquote,
th,
td {
	line-height: 1.6; /* base line height */
	text-align: left; /* for IE6 */
}
ul{
list-style-type:none;
margin:0 0;
padding:0 0;
}
ol{
list-style-type: decimal;
margin:0 0;
padding:0 0;
list-style-position:inside;
}

dl{
margin:0 0;
padding:0 0;
}
dl dd{
margin:0 0;
padding:0 0;
}
/*
acronyms and abbreviations styles
---------------------------------------------------------*/
abbr,
acronym {cursor: help;}
/*
object styles
---------------------------------------------------------*/
object,
embed {vertical-align: top;}
a img {border: none;}
a:hover img{
opacity:0.9;
/*filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";*/
background: none;
}

/*
etc
---------------------------------------------------------*/
hr {border:none;}
a{
color:#406AB2;
text-decoration:none;
}
a:hover{
color:#B2C4E0;
text-decoration: none;}
div.floatSet,
div.floatSetLastChild {
	margin-bottom: 10px;
	overflow: hidden;
	display: inline-block;
}
div.floatSetLastChild {margin-bottom: 0 !important;}
.clear{clear:both;}
span.indent {
	margin-left: 1.1em;
	display: inline-block;
	text-indent: -1em;
}
.ftsm{font-size:100% !important; line-height:1.6 !important;}
.ftbg{font-size:117% !important;}

span.color-blue{color:#2A59A2;}
span.color-red{color:#A60505;}
/*
1: 共通設定
=========================================================*/

/* スクロールバーの有無によるズレ対策 */
html {overflow-y: scroll;}
body {
	font-family: Verdana, sans-serif;
	line-height:140%;
}
input, textarea {font-family: Verdana, sans-serif;}

/* for IE6 */
* html body {font-family: Verdana, sans-serif;}
* html input, * html textarea {font-family: Verdana, sans-serif;}

/* 汎用
----------------------------------------------------*/
/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.imgR {float: right;}
.imgL {float: left; margin: 0 10px 0 0;}

h1{}
h2{}
h3{}

.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}

/*
2: レイアウト設定
=========================================================*/

div#header{
width:100%;
text-align:center;
margin-bottom:0px;
position: absolute;
z-index:998;
background-color: #FFFFFF;

}
div#headerInner{
width:960px;
position: relative;
margin:0 auto;
background-color:#FFFFFF;
z-index:999;
padding-bottom:10px;
}
div#contents{
width:100%;
margin:0 auto;
position:relative;
padding-top:140px;
}
div#contentsInner{
width:100%;
margin:0 auto;
text-align:center;
}
div#mainContents{
/*float:center;*/
margin:35px auto 20px auto;
width:900px;
}

div#navigation{
float:right;
margin:20px 30px 20px 0;
}
div#footer{
width:100%;
margin:0 auto;
overflow:hidden;
}

/*
3: header設定
=========================================================*/
div#header{
/*background:url(img/bg_header.gif) repeat-x left top;*/
/*overflow:hidden;*/
border-bottom: #CCCCCC solid 1px;
padding:0 10px 0px 10px;
}
div#header p{
overflow:hidden;
text-align:left;
color:#626262;
margin:10px 30px 30px 0;
}
div#header p span{
padding-right:20px;
vertical-align: super;
}
div#header h1{
position: absolute;
left:24px;
top:25px;
}
div#header ul#g-navi{
float:right;
margin-top:15px;
}
div#header ul#g-navi li{
float:left;
margin-left:2px;
position:relative;
}

div#header ul#g-navi::after {
    content: "";
    display: table;
    clear: both;
}


div#header ul#g-navi li.menu-item-has-children {
    position: relative;
}
 
div#header ul#g-navi li.menu-item-has-children ul {
    visibility: hidden;
    position: absolute;
    top: 60px;
    width: 260px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	background-color: rgba(0,102,204,0.8);
	padding:0px;
}
 
div#header ul#g-navi li.menu-item-has-children:hover ul {
    visibility: visible;
    opacity:1;
    top: 60px;
}

div#header ul#g-navi li.menu-item-has-children ul li{
width:260px;
color:#FFFFFF;
padding:5px 0px 5px 5px;
text-align:left;
}

div#header ul#g-navi li.menu-item-has-children ul li a{
width:200px;

color:#FFFFFF;
}

div#header ul#g-navi li.menu-item-has-children ul li a:hover{
width:260px;
height:30px;
color: #FFFFFF;
text-decoration:underline;
opacity:0.7;
}
div#header ul#g-navi li.menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
   /* border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;*/
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

div#header ul#g-navi li:hover > a{ 
}

div#header #headerInner ul#qtranslate-chooser { 
     margin-top:-10px;
     padding:0;
}
div#header #headerInner ul#qtranslate-chooser li{
     width:70px;
     height:18px;
     float:left;
     background: #0066CC;
     text-align:center;
     padding:0px 0;
     margin:2px;
     list-style:none;
}
div#header #headerInner ul#qtranslate-chooser li a {
     text-decoration:none;
     color:#fff;
     font-weight:bold;
	 background: #0066CC;
}

div#header #headerInner ul#qtranslate-chooser li a:hover {
     text-decoration:none;
     color:#fff;
     font-weight:bold;
	 background: #0066CC;
	 opacity:0.7;
}

/* スクロールすると出てくるメニューバー */
div#headbar{
/* 上端に固定するCSS */
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;

   /*バーの装飾 */
   background-color:rgba(0,0,0,0.8);  /* 背景色 */
   color: #FFFFFF;           /* 文字色 */
   box-shadow: 3px 3px 3px rgba(102,102,102,0.5); /* 影 */
   text-align:center;
}

div#headbar ul{
text-align:center;
margin:0 auto;
width:900px;
}

div#headbar li {
float:left;
padding:10px 20px;
text-align:center;
}

div#headbar li a{
color:#FFFFFF;
}

div#headbar li a:hover{
color: #0066FF;
}

div#headbar li.sub_menu {
    position: relative;
}

 
div#header  li.sub_menu ul {
    visibility: hidden;
    position: absolute;
    top: 39px;
    width: 260px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	background-color: rgba(0,0,0,0.7);
	padding:0px;
}
 
div#header li.sub_menu:hover ul {
    visibility: visible;
    opacity:1;
    top: 39px;
}

div#header  li.sub_menu ul li{
width:260px;
color:#FFFFFF;
padding:5px 0px 5px 5px;
text-align:left;
}

div#header  li.sub_menu ul li a{
width:260px;

color:#FFFFFF;
}

div#header li.sub_menu ul li a:hover{
width:260px;
color: #FFFFFF;
text-decoration:underline;
opacity:0.7;
}
div#header  li.sub_menu > a::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
   /* border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;*/
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	
}

div#headbar li.sub_menu:hover > a{
color:#0066FF;}

/*
4: contents設定
=========================================================*/
div#contents{background:#FFFFFF;
             text-align:left;}

div#promotion{
background: #E4E4E4;
overflow:hidden;
padding:16px 0;
}
div#promotionInner{
/*background:;*/
padding-bottom:0px;
width:960px;
margin:0 auto;
text-align:center;
}
div#bread{
background: #333333;
padding:15px 5px 10px 5px;
text-indent:1em;
color:#FFFFFF;
margin:0 auto;
width:960px;
text-align:left;
}
div#contentsBnr{
/*background:;*/
padding:0px 5px;
/*border-top:5px solid #466B97;*/
border-bottom:#333333 solid 5px;
width:960px;
margin:0 auto;
text-align:center;
}

.backTop{
position: absolute;
margin-top:-40px;
right:120px;
}
/*
5: mainContents設定
=========================================================*/

div#mainContents h2{
background:#3F6BB2;
color:#FFF;
font-size:134%;
padding:15px 30px;
letter-spacing:1px;
margin:15px 0 20px 0;
text-align:left;
}
div#mainContents h2.Nmb{margin:15px 0 0 0 !important;}
div#mainContents h3{
background:#4C70AC;
color:#FFF;
font-size:117%;
padding:8px 15px;
margin-bottom:1px;
text-align:left;
}
div#mainContents p{
font-size:109%;
text-align:left;
color:#181818;
}
div#mainContents p.caption{
font-size:150%;
font-weight:bold;
color:#3F6BB2;
padding:20px;
margin-bottom:47px;
line-height:2.0;
margin-top:12px;
border-bottom: #999999 5px double;
background-image:url(img/bg_box.gif) repeat left top;
text-align:left;
}
div#mainContents p.right{text-align:right;}
div#mainContents .lastChild{margin-bottom:60px !important;}
div#mainContents p.lastChild{ margin-bottom:40px !important;
                             padding:15px 40px;}
div#mainContents p.center{text-align:center;}
div#latestInfo{
margin-bottom:50px;
margin-top:50px;
color:#333;
}
div#mainContents div#latestInfo h2{
font-size:120%;
margin:0;
padding:10px;
background: #333333;
color:#FFFFFF;
text-indent:1ex;
}

div#mainContents div#latestInfo h2 a{
color:#FFFFFF;
}

div#mainContents div#latestInfo h2 a:hover{
color:#FFFFFF;
opacity:0.7;
}
div#latestInfo h2 span{
float:right;
padding-top:10px;
padding-right:15px;
color:#FFFFFF;
}
div#latestInfoInner{border-top:1px solid #9FB5D8;}
div#latestInfoInner dl{
/*background:;*/
border-bottom: #CCCCCC solid 1px;
margin-left:20px;
}
div#latestInfoInner dl dt{
padding:10px 18px;
float:left;
clear:left;
width:70px;

}
div#latestInfoInner dl dt span{
display:block;
margin-top:5px;
}
div#latestInfoInner dl dd{
padding:20px 20px 10px 20px; 
width:620px;
height:80px;
margin-left:88px;
}
div#latestInfoInner dl dd span{display:block;}


div#latestInfoInner dl dd span.used_exc{
margin-left:105px;
margin-top:-55px;
padding-bottom:10px;
}

div#latestInfoBN{
background:none;
padding:10px;
margin-bottom:40px;
}
div#latestInfoBN dl{
background:url(img/bg_dotted.gif) repeat-x left bottom;
overflow:hidden;
border-bottom: #CCCCCC solid 1px;
padding-bottom:5px;
}
div#latestInfoBN dl dt{
padding:20px 30px 10px 10px;
float:left;
clear:left;
}
div#latestInfoBN dl dd{padding:20px 20px 10px 15px; 
width:700px; 
height:110px; 
margin-left:88px;
font-size:109%;
}
div#latestInfoBN dl dd span{display:block;}

div#latestInfoBN dl dd span.used_exc{
margin-left:125px;
margin-top:-80px;
}


div.bnrBox{
	width:690px;
	margin:0 auto;
}
div.bnrBox ul{
overflow:hidden;
margin-left:15px;
text-align:center;
}
div.bnrBox ul li{
float:left;
margin-bottom:25px;
margin-right:15px;

}

div.productsBoxOne{
border:solid #DCE4EF;
border-width:3px 0 3px 0;
margin-bottom:20px;

}
div.productsBoxOneInner{
background:url(img/bg_box.gif) repeat left top;
margin:2px 0;
padding:15px ;
overflow:hidden;
font-size:109%;
text-align:left;
}
div.productsBoxOneInner div.leftBoxW{
float:left;
margin-right:10px;
}
div.productsBoxOneInner div.leftBoxW img{ display:block; margin-bottom:10px;}
div.productsBoxOneInner div.rightBoxW{
float:left;
width:630px;
}
div.productsBoxOneInner div.rightBoxWInner{
min-height:184px;
word-break: normal;
word-wrap: break-word;
width:630px;
}

div.productsBoxOneInner div.leftBoxW p{margin:5px 5px 0 10px;}
div.productsBoxOneInner div.rightBoxW p{margin:5px 10px 0 20px;}
div.productsBoxOneInner div.rightBoxW ul{}
div.productsBoxOneInner div.rightBoxW ul li{
margin:4px 0px 0 20px;
float:left;
}
div.productsBoxOneInner div.leftBoxW h4{
color:#305A9F;
font-size:109%;
margin:16px 0 0 0;
border-bottom:1px solid #305A9F;
padding:0 5px;
}
div.productsBoxOneInner div.rightBoxW h4{
color:#305A9F;
font-size:109%;
margin:16px 20px 0 15px;
border-bottom:1px solid #305A9F;
padding:0 5px;
}
div.productsBoxOneInner div.leftBoxW h4 span,
div.productsBoxOneInner div.rightBoxW h4 span{
font-size:94%;
}
div.productsBoxL{
float:left;
margin:20px 30px 20px 0;
width:420px;
text-align:left;
}
div.productsBoxR{
float:left;
width:420px;
margin:20px 0;
}

div.productsBoxL h3,
div.productsBoxR h3{
color: #FFFFFFF ;
padding:10px 0;
background: #0066CC;
font-size:120%;
margin-bottom:1px;
}
div.productsCat{
border-top: 2px solid #CDD9E8;
background:url(img/bg_box.gif) repeat left top;
overflow: hidden;
padding-bottom:10px;
height:180px;
}
div.productsCat_long{
border-top: 2px solid #CDD9E8;
background:url(img/bg_box.gif) repeat left top;
overflow: hidden;
padding-bottom:10px;
height:260px;
}
div.productsCat div.leftBox,
div.productsCat_long div.leftBox{
float:left;
margin-right:1px;
background:#FFFFFF;
}
div.productsCat div.rightBox,
div.productsCat_long div.rightBox{
overflow: hidden;
border-top:2px solid #FFF;

}
div.productsCat div.rightBox ul,
div.productsCat_long div.rightBox ul{
margin:12px 15px 0 18px;
font-size:109%;
}
div.productsCat div.rightBox ul li,
div.productsCat_long div.rightBox ul li{
background:url(img/icon_arrow.gif) no-repeat left 6px;
padding-left:15px;
margin-bottom:3px;
text-align:left;
line-height:150%;
list-style-image:url(http://www.tomec.jp/wp-content/uploads/2019/02/list_04.png);
list-style-position:outside;
text-indent:-1em;
}
div.productsCat div.rightBox ul li span,
div.productsCat_long div.rightBox ul li span{
font-size:84%;
display:block;}
div.productsCat div.rightBox ul li a,
div.productsCat_long div.rightBox ul li a{color:#171717;}
div.productsCat div.rightBox ul li a:hover,
div.productsCat_long div.rightBox ul li a:hover{/*color:#999;*/
	opacity:0.5;
}
div.productsBoxL p,
div.productsBoxR p{
background:none;
text-align:right;
margin-top:2px;
clear:both;
float:right;
}
div#mainContents ul.pageNavi{
overflow:hidden;
margin-bottom:80px;
}
div#mainContents ul.pageNavi li{width:50%;}
div#mainContents ul.pageNavi li.right{
float:right;
width:50%;
text-align:right;
margin-left:20px;
}
div#mainContents div.wrapBox{
text-align:left;
padding:10px 30px;
}
div#mainContents div.wrapBox h4{
font-size:117%;
color:#2A59A2;
background:#FFF;
border:1px dotted #2A59A2;
border-width:1px 0;
margin:0 14px;
padding:6px 5px;
}
div#mainContents div.wrapBox p{
font-size:109%;
color:#181818;
margin:10px 15px 17px 19px;
text-align:left;
}
div#mainContents div.wrapBox ul{
font-size:109%;
margin:0 15px 15px 20px;
list-style:inside disc;
}
div#mainContents div.wrapBox ul li{}
div#mainContents div.wrapBox ul.brdDott{
border:1px dotted #4E8AD1;
border-width:1px 0 0 0;
list-style:none;
}
div#mainContents div.wrapBox ul.brdDott li{
border:1px dotted #4E8AD1;
border-width:0 0 1px 0;
margin:4px 0 0px 0;
padding:6px 0 10px 0;
text-indent:10px;
font-weight:bold;
}
div#mainContents div.wrapBox ul.inset{
border:1px dotted #4E8AD1;
border-width:1px 0 0 0;
list-style:none;
margin:10px 0 20px 0 !important;
}
div#mainContents div.wrapBox ul.inset li{
margin:6px 0 0 0;
font-weight:normal;
text-indent:0;
padding:0px 20px;
border:none;
}
div#mainContents div.wrapBox ul.inset li a{color: #232323;}
div#mainContents div.wrapBox ul.inset li a:hover{color:#999;}

div#mainContents table{
background:#F8F8FA;
margin-bottom:30px;
line-height:2.0;
}
div#mainContents table tr{}
div#mainContents table th{
background:#EAEAED url(img/bg_dotted-grayth.gif) repeat-x right bottom !important;
font-weight:bold;
color:#2757A4;
vertical-align:top;
}
div#mainContents table th,
div#mainContents table td{
border:none;
background:url(img/bg_dotted-gray.gif) repeat-x left bottom;
text-align:left;
padding:12px 17px;
line-height:1.9;
font-size:109%;
}
div#mainContents table th.blue{
background-image:none !important;
background-color:#6D8BB3 !important;
padding:5px;
}
div#mainContents table td.blue{
background-image:none;
background-color:#7593C4;
color:#FFF;
text-align:center;
padding:5px 0;
}
div#mainContents table th.lastChild,
div#mainContents table td.lastChild{
background-image:none !important;
}
div#mainContents table.app th{
color:#4B4A4A;
background:#F0F0F0 url(img/bg_dotted-grayth.gif) repeat-x right bottom !important;
}

div#mainContents form{
background:url(img/bg_blueline.gif) repeat-x left top;
padding-top:6px;
}
div#mainContents form input.confBtn{
width:220px;
height:46px;
text-indent:-9999px;
*display:block;
background:url(img/btn_conf.gif) no-repeat left top;
border:none;
cursor:pointer;
}
div#mainContents form input.back{
width:136px;
height:46px;
text-indent:-9999px;
background:url(img/btn_back.gif) no-repeat left top;
border:none;
cursor:pointer;
*display:block;
*float:left;
}
div#mainContents form input.submit{
width:220px;
height:46px;
text-indent:-9999px;
background:url(img/btn_submit.gif) no-repeat left top;
border:none;
cursor:pointer;
*display:block;
}
div#mainContents form span.wpcf7-list-item-label{margin-right:30px;}
div#mainContents form input[type="text"],
div#mainContents form input[type="tel"],
div#mainContents form input[type="email"]{ padding:2px;}
div#mainContents form textarea{ padding:4px;}
div#mainContents form p.confirm span.wpcf7-form-control-wrap-confirm{display:none !important;}

div#mainContents table th.lastChildLine{
background:#F0F0F0 url(img/bg_blueline.gif) repeat-x left bottom !important;
padding:12px 17px 18px 17px;
}

div#mainContents table td.lastChildLine{
background:url(img/bg_blueline.gif) repeat-x left bottom;
padding:12px 17px 18px 17px;
}


div#mainContents div.wrapBox div.grayBox{
font-size:109%;
margin:0 14px;
padding:15px 20px;
background:#ECECEC;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
border-radius:5px;
width:350px;
}
div#mainContents div.wrapBox div.grayBox h5{font-weight:bold;}
div#mainContents div.wrapBox div.grayBox p{margin:10px 0 0 0;}


div#mainContents div#navibox{
width:900px;
margin-bottom:30px;
clear:both;
padding-bottom:30px;
}
div#mainContents div#navibox ul{
margin: 0 auto 20px auto;
text-align:center;
}
div#mainContents div#navibox ul li{
float:left;
width:300px;
height:220px;
}

div#mainContents div#navibox h2{
font-size:120%;
color:#FFFFFF;
background:#333333;
padding:10px;
text-indent:1em;
}

div#mainContents div#navibox h2 a{
color:#FFFFFF;}
div#mainContents div#navibox h2 a:hover{
opacity:0.7;}

div#mainContents div#navibox p a{
color:#FFFFFF;}

div#mainContents div#lastlink p{
width:900px;
margin-top:2px;
margin-bottom:30px;
border-top: #333333 5px solid;
clear:both;
text-align:center;
padding-top:5px;
font-weight:bold;
}

div#mainContents div#lastlink a{
color: #333333;
text-align:center;
}
div#mainContents div#lastlink a:hover{
opacity:0.7;
}

/*中古建設機械情報*/

div.used-pBoxOne{
border:solid #DCE4EF;
border-width:3px 0 3px 0;
margin-bottom:20px;
height:auto;
}
div.used-pBoxOneInner01 img{
max-width:240px;
height:auto;
}
div.used-pBoxOneInner01{
/*background:url(img/bg_box.gif) repeat left top;*/
margin:2px 0;
padding:7px 1px 7px 7px;
overflow:hidden;
font-size:109%;
height:auto;
}
div.used-pBoxOneInner02{
/*background:url(img/bg_box.gif) repeat left top;*/
margin:2px 0;
padding:7px 1px 7px 7px;
overflow:hidden;
font-size:109%; height:220px; width:100%; position:relative;
height:auto;
}
div.used-pBoxOneInner02 div.leftBoxW{
float:left;
margin-right:14px;

}
div.used-pBoxOneInner02 div.leftBoxWimg{ display:block; margin-bottom:10px;}
div.used-pBoxOneInner02 div.rightBoxW{margin-bottom:5px;
float:left;
width:270px; position:absolute; bottom:0; left:250px;
}

div#tmp_01{background-color: #FFFFFF;}
div#tmp_01 table.used_tmp01{
border: #336699 solid 2px;
}
div#tmp_01 table.used_tmp01 td{
background: #FFFFFF;
padding:10px;
}

div#tmp_01 table.used_tmp01 td.used_01{
width:100%;
height:340px;
border-bottom:#9EB4D6 1px dotted;
border-left: none;
text-align:center;
}

div#tmp_01 table.used_tmp01 td.used_01 img{
max-width:670px;
max-height:340px;
text-align:center;
margin:0 auto;
}

div#tmp_01 table.used_tmp01 td.used_02{
width:33%;
height:190px;
border-left:#9EB4D6 dotted 1px;
padding:0px;
text-align:center;
margin-top:-30px;
}

div#tmp_01 table.used_tmp01 td.used_02 img{
max-width:210px;
max-height:170px;
text-align:center;
margin:0 auto;}

div#tmp_01 table.used_tmp01 td.used_02:first-child{
border-left:none;
}



div#tmp_01 table.used_tmp02{
border: #336699 2px solid;
line-height:1.0;
}

div#tmp_01 table.used_tmp02 td{
background: #FFFFFF;
border-bottom:#9EB4D6 dotted 1px;
border-left:#9EB4D6 1px dotted;
line-height:1.0;
}

div#tmp_01 table.used_tmp02 td.last-child{
border-bottom:none;
}

div#tmp_01 table.used_tmp02 td.ttl{
background: #EEEEEE;
border-bottom:#9EB4D6 dotted 1px;
font-size:100%;
font-weight:600;
color:#336699;
line-height:1.0;
border-left:none;
}


div#tmp_01 table.used_tmp02 td.ttl_last-child{
border-bottom:none;
background: #EEEEEE;
border-bottom:none;
font-size:100%;
font-weight:600;
color:#336699;
line-height:1.0;
border-left:none;
}

/* --- newデザイン --- */
div#tmp_01 table.used_tmp01 td{
background: #FFFFFF;
border-bottom:#9EB4D6 dotted 1px;
border-left:#9EB4D6 1px dotted;
line-height:1.0;
}

div#tmp_01 table.used_tmp01 td.last-child{
border-bottom:none;
}

div#tmp_01 table.used_tmp01 td.ttl{
background: #EEEEEE;
border-bottom:#9EB4D6 dotted 1px;
font-size:100%;
font-weight:600;
color:#336699;
line-height:1.0;
border-left:none;
}


div#tmp_01 table.used_tmp01 td.ttl_last-child{
border-bottom:none;
background: #EEEEEE;
font-size:100%;
font-weight:600;
color:#336699;
line-height:1.0;
border-left:none;
}

div#tmp_01 table.used_tmp01 td.ttl_first-child{
background: #EEEEEE;
/*border-top: #336699 2px solid;*/
font-size:100%;
font-weight:600;
color:#336699;
line-height:1.0;
border-left:none;
}



div#tmp_01 table.used_tmp01 td.top_line{
border-top: #336699 2px solid;
}
/*newnew*/
div#tmp_01 table.used_tmp01 td.image_01{
width:67%;
height:300px;
border-bottom: #336699 2px solid;
border-left: none;
text-align:center;
}

div#tmp_01 table.used_tmp01 td.image_01 img{
max-width:450px;
max-height:p300x;
text-align:center;
margin:0 auto;
}

div#tmp_01 table.used_tmp01 td.image_02{
width:33%;
height:150px;
text-align:center;
}

div#tmp_01 table.used_tmp01 td.image_03{
width:33%;
height:150px;
text-align:center;
border-bottom: #336699 2px solid;
border-top:none;
}

div#tmp_01 table.used_tmp01 tr.bottom_line{
border-bottom:#336699 2px solid;
}


/*
6: navigation設定 
=========================================================*/
div#navigation{
width:220px;
border-top:1px solid #B2C4E0;
}
div.pageNavi{margin-top:48px !important;}
div#navigation ul{overflow:hidden;}
div#navigation ul li{margin-bottom:1px;}
div#navigation ul li a{
padding:12px 20px 9px 20px;
border:1px solid #B2C4E0;
border-width:0 1px 1px;
display:block;
background:url(img/bg_navi.gif) repeat left top;
}
div#navigation ul.contNav{
margin-bottom:10px;
background:none !important;
padding:0 0 !important;
}
div#navigation ul.contNav li{
margin-bottom:2px;
}
div#navigation ul.contNav li a{
background:none ;
padding:0 0 ;
border:none;
}

div#navigation p.lastChild{margin-bottom:20px;}

div.pageNavi{border-top:none !important;}
div#navigation #bnr ul.bnr{margin-bottom:12px;}
div#navigation  #bnr ul.bnr li{margin:0 0;}
div#navigation  #bnr ul.bnr li a{
border:none;
padding:0 0 !important;
background:none !important;
}
/*
7: footer設定
=========================================================*/

div#footer{margin-bottom:20px;
           background: #666666;
		   width:100%;
		   }
div#footerInner{

overflow:hidden;
height:300px;
width:960px;
text-align:center;
margin: 0 auto;
padding:15px 0px 15px 80px;
}
div#footerInner ul{
margin:10px auto 0 10px;
overflow:hidden;
/*background:;*/
float:left;
width:220px;
line-height:200%;
}
div#footerInner ul li{
float: none;
text-align:left;
}
/*div#footerInner ul li.navi01{width:116px;}
div#footerInner ul li.navi02{width:163px;}
div#footerInner ul li.navi03{width:165px;}
div#footerInner ul li.navi04{width:118px;}
div#footerInner ul li.navi05{width:118px;}
div#footerInner ul li.navi06{width:118px;}*/


div#footerInner a{
color:#FFF;

/*text-shadow: 1px -1px 2px #000;*/
}
div#footerInner a:hover{color: #0066CC;}
div#footer ul.footerLink{
float:left;
overflow:hidden;
margin:15px 0 0 35px;
border-left:1px solid #B2C4E0;
line-height:1.1;

}
div#footer ul.footerLink li{
float:left;
border-right:1px solid #B2C4E0;
padding:0 12px;
text-align:center;
}

div#footer address{
font-size:92%;
margin:15px 25px 15px 0;
color: #FFFFFF;
text-align:center;
}
div#footer address span{
padding-left:13px;
line-height:1.3;
}

div#mainContents form #zhsubmit input.submit{
background: url(img/zh/btn_submit.gif) no-repeat left top!important;
}

div#mainContents form #ensubmit input.submit{
background: url(img/en/btn_submit.gif) no-repeat left top!important;
}

#encontact th{
width:200px!important;
}