@charset "utf-8";
/*---------------------
リセット
---------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 101%;
    background: transparent;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*---------------------
基本設定
---------------------*/
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 100%;
    line-height: 1.6;
    color:#333;
}
.mincho{
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ヒラギノ明朝 Pro N","Hiragino Mincho Pro N","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-weight:normal;
    font-style: normal;
    font-variant: normal;
}
img{
    border-style:none;
}
a{
    color:#333;
    text-decoration:none;
}
a:hover{
    color:#03c;
    text-decoration:underline;
}
.left{
    float:left;
}
.right{
    float:right;
}
.clear{
    clear:both;
}
.clearfix:after {
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    height: auto;
    overflow: hidden;
}

/*---------------------
font-sizeのIE6.7対策
---------------------*/
* html body{
    font-size:16px;
}

*:first-child+html body{
    font-size:16px;
}
/*---------------------
全体の枠
---------------------*/
body{
    width:100%;
    text-align:center;
    border-top:5px solid #27189E;
    padding-top:5px;
}

/*---------------------
ヘッダー
---------------------*/
#header{
    width:980px;
    margin:0 auto;
    text-align:left;
}
#header h1{
    font-size:12px;
    font-weight:normal;
}
#header .left{
    padding-left:10px;
}
#header .right{
    padding-right:10px;
}
#header .right p{
    float:right;
}
/*検索ボタンサイズ*/

#search{
    position: relative;
    width: 230px;
    height: 47px;
    float: right;
    clear:both;
}
#ContentQ{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 154px;
    height: 24px; /* border-box for IE6 */
    padding: 1px;
    border: 1px solid #27189E;
}
head+body  #ContentQ {
    width: 170px;
    height: 20px; /* content-box */
}
#ContentQ:focus {
    border: 1px solid #974343;
    background-color: #fee8eb;
}
#BtnSearch{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 24px; /* border-box */
    padding: 0;
    background:#000;
    color:#fff;
    border:solid 1px #000;
    cursor: pointer;
    font-size:16px;
    /*transition使用*/
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
#BtnSearch:hover{
    background-color:#27189E;
    border:solid 1px #27189E;
}
/*検索ボタンサイズend*/

.size{
    float:left;
    padding-right:20px;
    font-size: 16px;
    line-height: 11px;
    display: inline;
}
.size img{
    vertical-align: middle;
    padding-left:5px;
}
.language {
    font-size: 16px;
}
/*---------------------
トップナビゲーション
---------------------*/
#nav{
    clear:both;
    background:url(../img/nav_bg02.gif);
    width:100%;
    height:50px;
    text-align:center;
    margin-top:10px;
}
#nav ul{
    width:980px;
    margin:0 auto;
    _margin:0;
}
#nav ul li{
    float:left;
    text-indent:-9999px;
    overflow: hidden;
}
#nav ul li a{
    width:196px;
    height:50px;
    display:block;
}
.top a{
    background:url(../img/nav_top02.gif) no-repeat left top;
}
.concept a{
    background:url(../img/nav_concept02.gif) no-repeat left top;
}
.company a{
    background:url(../img/nav_company02.gif) no-repeat left top;
}
.products a{
    background:url(../img/nav_products02.gif) no-repeat left top;
}
.contact a{
    background:url(../img/nav_contact02.gif) no-repeat left top;
}
.top a:hover{
    background:url(../img/nav_top02.gif) no-repeat left bottom;
}
.concept a:hover{
    background:url(../img/nav_concept02.gif) no-repeat left bottom;
}
.company a:hover{
    background:url(../img/nav_company02.gif) no-repeat left bottom;
}
.products a:hover{
    background:url(../img/nav_products02.gif) no-repeat left bottom;
}
.contact a:hover{
    background:url(../img/nav_contact02.gif) no-repeat left bottom;
}
/*---------------------
メインビジュアル
---------------------*/
#main{
    width:100%;
    height:400px;
    background-color:#f4f4f4;
}

#iview{
    height: 400px !important;
}

.iview-controlNav {
    position: absolute;
    z-index: 9;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #f4f4f4;
    opacity: 1 !important;
    height: 30px;
}

.iview-controlNav .iview-items ul{
    position: relative;
    top: 10px;
}

.iview-controlNav a{
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-color: #9e9e9e;
    margin-left: 3px;
    margin-right: 3px;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 5px;
}

.iview-controlNav a.active {
    background-color: #5d5b5b !important;
}

/*---------------------
メインコンテンツ
---------------------*/
#container{
    width:980px;
    margin:20px auto;
}
/*---------------------
右コンテンツ
---------------------*/
#contents{
    float:right;
    width:700px;
    text-align:left;
}
#contents h2{
    background:url(../img/titlebar02.gif) no-repeat left center;
    line-height:65px;
    padding-left:10px;
    font-size:26px;
}
#contents img{
    margin:5px;
}
#contents .titleimg{
    margin:0 0 20px;
    border-top:1px dotted #ccc;
}
#contents .titleimg img{
    margin:0;
}
#contents .left_slide img{
    margin:0;
}
#contents h3{
    font-size:22px;
    width:675px;
    height:50px;
    background:url(../img/title_bg02.gif) no-repeat left center;
    color: #fff;
    line-height:56px;
    padding-left:25px;
    margin-bottom:15px;
}
#contents .slider h3{
    background:none;
    color:#fff;
    padding:0 0 0 20px;
    line-height:45px;
    margin:0;
}
#contents p{
    margin:10px;
}
#contents .last{
    margin-bottom:40px;
}
#contents dl{
    margin:10px 10px 40px;
}
#contents dt{
    font-weight:bold;
    color:#27189E;
    width:130px;
    float:left;
    clear:both;
}
#contents dd{
    float:right;
    width:530px;
    margin-bottom:10px;
    background:url(../img/list_icon02.gif) no-repeat left 0.3em;
    padding-left:20px;
}

/*スライダー*/
.slider{
    width:700px;
    height:224px;
    background:url(../img/products_bg02.gif) no-repeat left top;
}
.jigyo .slider{
    background:url(../img/products_bg2.gif) no-repeat left top;    
}
.slider ul{
    padding-top: 10px;
}
.slider .slider2{
    padding-top:60px;
}
.bx-window{
    margin-left: 20px;
}

#slider li{
    float: left;
    width: 200px;
    padding: 0 10px 0px;
    
}
.post{
    height: 150px;
    border-top: 1px solid transparent;
    position: relative;
    top:-10px;
}
.post h4{
    font-size: 18px;
    font-weight:normal;
    padding: 3px 10px;
    background-color: rgb(0, 0, 0); /* IE6, 7向け */  
    background-color: rgba(0, 0, 0, 0.6);
    margin-top: 130px;
    border:none;
}
#contents .post a{color: #fff;}
#contetns .post a:hover{color:#27189E; }
#slider1 .post{background: url(../img/products_img1.jpg) no-repeat 0 0;}
#slider2 .post{background: url(../img/products_img2.jpg) no-repeat 0 0;}
#slider3 .post{background: url(../img/products_img3.jpg) no-repeat 0 0;}
#slider4 .post{background: url(../img/products_img4.jpg) no-repeat 0 0;}
#slider5 .post{background: url(../img/products_img5.JPG) no-repeat 0 0;}
#slider6 .post{background: url(../img/products_img6.JPG) no-repeat 0 0;}
#slider7 .post{background: url(../img/products_img7.JPG) no-repeat 0 0;}
#slider8 .post{background: url(../img/products_img8.JPG) no-repeat 0 0;}
#slider9 .post{background: url(../img/products_img9.JPG) no-repeat 0 0;}
#slider10 .post{background: url(../img/products_img10.JPG) no-repeat 0 0;}
#slider11 .post{background: url(../img/products_img11.JPG) no-repeat 0 0;}
#slider12 .post{background: url(../img/products_img12.JPG) no-repeat 0 0;}
#slider13 .post{background: url(../img/products_img13.JPG) no-repeat 0 0;}
#slider14 .post{background: url(../img/products_img14.JPG) no-repeat 0 0;}
#slider15 .post{background: url(../img/products_img15.JPG) no-repeat 0 0;}
#slider16 .post{background: url(../img/products_img16.jpg) no-repeat 0 0;}
#slider17 .post{background: url(../img/products_img17.jpg) no-repeat 0 0;}
#slider18 .post{background: url(../img/products_img18.JPG) no-repeat 0 0;}
#slider19 .post{background: url(../img/products_img19.jpg) no-repeat 0 0;}
#slider20 .post{background: url(../img/products_img20.jpg) no-repeat 0 0;}
#slider21 .post{background: url(../img/products_img21.jpg) no-repeat 0 0;}
#slider22 .post{background: url(../img/products_img22.jpg) no-repeat 0 0;}
#slider23 .post{background: url(../img/products_img23.jpg) no-repeat 0 0;}
#slider24 .post{background: url(../img/products_img24.jpg) no-repeat 0 0;}
#slider25 .post{background: url(../img/products_img25.jpg) no-repeat 0 0;}
#slider26 .post{background: url(../img/products_img26.jpg) no-repeat 0 0;}
#slider h4{
    color:#fff;
    font-size:14px;
}
/*---------------------
左カラム
---------------------*/
#sidebar{
    float:left;
    width:260px;
}
#sidebar img{
    margin-bottom:15px;
}
#sidebar .products_banner{
    margin-bottom:30px;
}
#sidebar .side_contact h4{
    border:none;
}
/*---------------------
画像のロールオーバー設定
---------------------*/
#container a:hover img,
#header .size a:hover{
    opacity:0.5;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
/*---------------------
フッター
---------------------*/
#footer{
    background-color:#f4f4f4;
    line-height:1.4;
    margin-top:50px;
    font-size: 12px;
}
.f_wrapper{
    width:940px;
    margin:0 auto;
    text-align:left;
    padding: 15px 20px;
}
#footer h5{
    background-color:#dfdfdf;
    width:215px;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    padding-left:5px;
}
#footer ul{
    padding: 5px 0 0 5px;
}
.f_left{
    float:left;
}
.f_center{
    float:left;
    padding-left: 37px;
}
.f_right{
    float:right;
    line-height:1.6;
}
.f_right img{
    margin: 0 0 15px -15px;
    height: auto;
}
address{
    clear:both;
    background-color:#ccc;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    font-style:normal;
}
/*---------------------
東光通商のこだわり
---------------------*/
h4{
    margin:25px 0 15px;
    border-bottom:3px solid #27189E;
}
.merit li{
    margin-left:20px;
    padding: 3px 0 3px 20px;
    background:url(../img/list_icon2_02.gif) no-repeat left 0.6em;
}
/*---------------------
製品情報
---------------------*/
.left_text{
    float:left;
    width:425px;
}
.right_text{
    float:right;
    width:425px;
}
.right_slide{
    float:right;
    margin-top:50px;
    border:solid 5px #ccc;
}
.left_slide{
    float:left;
    margin-top:50px;
    border:solid 5px #ccc;
}
.more{
    clear:both;
    padding-bottom:30px;
}
#contents a{
    color:#03c;
    text-decoration:underline;
}
#contents a:hover{
    color:#27189E;
}
.align_right{
    text-align:right;
}

/*---------------------
会社概要
---------------------*/
#contents .enkaku td{
    border:none;
    border-bottom:1px dotted #ccc;
}
#contents .enkaku th{
    background:none;
    border:none;
    border-bottom:1px dotted #ccc;
    height:35px;
    color:#27189E;
}
#contents .enkaku{
    margin-bottom:50px;
}
#contents table{
    width:700px;
    margin-bottom:20px;
    font-size:102%;
}
#contents th{
    text-align:center;
    border:solid 1px #ccc;
    border-left:5px solid #27189E;
    padding:10px;
    background-color:#eee;
}
#contents td{
    border:solid 1px #ccc;
    padding:5px;
}
#contents .more_group{
    text-align:center;
    background-color:#eee;
    padding:20px;
    width:500px;
    margin:0 auto 40px;
}
#contents .more_group a{
    display:block;
    color: #323232;
    margin-right: 5px;
    padding: 6px 8px;
    font-weight: bold;
    border: 1px solid #CCC;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: #E6E6E6;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(100%, #E6E6E6));
    background-image: -webkit-linear-gradient(white, #E6E6E6);
    background-image: -moz-linear-gradient(white, #E6E6E6);
    background-image: -o-linear-gradient(white, #E6E6E6);
    background-image: -ms-linear-gradient(white, #E6E6E6);
    background-image: linear-gradient(white, #E6E6E6);
    -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
    /*transition使用*/
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -o-transition:0.3s;
    transition:0.3s;
}
#contents .more_group a:hover{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding: 6px 8px;
  color: #fff;
  text-shadow: none;
  text-decoration: none;
  background: #27189E;
  border-color:#27189E;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.required{
    color:#27189E;
}
/*---------------------
グループ会社紹介
---------------------*/
.time_line{
    background:#f6f6f6;
}
.year{
    font-size:28px;
    text-align: center;
    font-weight:bold;
    color:#27189E;
    padding:15px 0 0 15px;
    clear:both;
}
#contents .time_line h3{
    background:none;
    clear:both;
}
.time_line_group{
    background:#fff;
    margin:20px;
    padding:5px 0 20px;
}
.time_line_group .right{
    margin-left:15px;
}
.time_line_group .left{
    margin:0 20px 15px 0;
}
.time_line_group span{
    font-weight:bold;
}
.time_line_group .photo{
    clear:both;
    padding-top:30px;
}
.time_line_group .bx-window{
    margin:0;
}
.time_line_group #slider li{
    padding-bottom:0;
}
.time_line_group .about{
    width:340px;
    float:left;
}
.time_line_group .right_slide{
    margin-top:0;
    margin-right:20px;
    display:inline;
}
/*---------------------
news
---------------------*/
.post #post-detail a{
    color:#03c;
}
.post #post-detail a:hover{
    color:#27189E;
}
.meta{
    text-align:right;
    margin-right:20px;
    clear: both;
}
/*---------------------
mim
---------------------*/
.koutei{
    border-bottom:1px dotted #666;
    margin-bottom:20px;
}
.koutei h5{
    color:#27189E;
}
hr{
    display:none;
}
.error-message,
#flashMessage{
    color:#f00;
}
#China #sidebar,
#English #sidebar,
#Vietnam #sidebar{
    display:none;
}
#China #contents,
#English #contents,
#Vietnam #contents{
    width:980px;
    font-size:24px;
}
#China #contents h3,
#English #contents h3,
#Vietnam #contents h3{
    background:url(../img/title_bg2.gif) no-repeat left center;
    width:980px;
}
#contents .top_group table{
    width:auto;
    margin-bottom:20px; 
}
#contents .top_group td{
    border:none;
    padding:0;
}