@charset "utf-8";
/*
Theme Name: aemic
Theme URI: https://aemic.comm/
Description: aemic
Version: 1.0
Author URI: http://aemic.com
*/

*{margin:0;padding:0;}

body{
font: 12px/1.2 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333333;
background: #ffffff url(images/bg.png) repeat-x center 12px;
}


a{color:#248dc8;text-decoration:none;}
a:hover{color:#6bcaf2;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}

/*************
メインビジュアル
*************/
#main_img{
width: 100%;
height: 258px;
padding: 0 0;
background: url(images/main.png) no-repeat top center;
border-bottom: 1px solid #8d8c8c;
}

/*************
全体
*************/
#wrapper{
width: 100%;
}
#content{
margin: 0 auto;
padding-top: 20px;
width: 910px;
}

/*************
/* ヘッダー
*************/
#header{
/*background: url(images/header.png) no-repeat 100% 30px;*/
height: 51px;
margin: 0 auto;
padding: 5px 20px 10px 0;
width: 910px;
}

#header h1 {
padding: 0 0 0px 10px;
font-size: 11px;
font-weight: normal;
color:#888888;
}
#lang{
float:right;
margin-top:-5px;
color:#555;
font-size:110%;
display:inline;
}
.lang-jpn{
display:inline;
float:right;
text-align:center;
margin:0 10px;
}
.lang-usa{
display:inline;
float:right;
text-align:center;
}

/*************
/* トップナビゲーション
*************/
div#nav{
width:100%;
background: #ffffff url(images/bg_nav.png) repeat-x center top;	
text-align:center;
border: 1px #ffffff solid;
}
div#nav2{
width:100%;
background: #ffffff url(images/bg_nav.png) repeat-x center top;	
text-align:center;
margin-top: -1px;
}
ul#topnav{
margin: 0 auto;
width: 910px;
height: 50px;
}
ul#topnav li{float:left;list-style:none;}


#date {
	text-align: right;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-weight:bold;
	color:#248DC8;
}
/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 618px;
padding: 0 0 25px;
display: inline;
}

#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

#main h2{
display: block;
margin-bottom: 10px;
padding: 10px 15px 0px 10px;
line-height: 38px;
height: 36px;
font-size: 12px;
letter-spacing:0.01em;
font-weight: bold;
color: #333333;
background: #ffffff url(images/heading.png) no-repeat bottom;
}
#main h3{
display: block;
margin-bottom: 10px;
padding: 8px 15px 4px 44px;
line-height: 38px;
height: 36px;
font-size: 20px;
letter-spacing:0.2em;
font-weight: bold;
color: #333333;
background: #ffffff url(images/heading2.png) no-repeat bottom;
}
#main p {
padding: 15px 15px 15px 20px;
}

/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: 20px 0 10px 10px;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/* フッター共通 */
.box{
float: left;
width: 165px;
margin: 20px 0px 10px 0;
line-height: 1.2;
}
.box ul{
width: 145px;
}
.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0; margin-left:20px;}


/* メインとフッターのリスト位置調節 */
#main ul, #footer ul, #mainlist ul{margin-left: 20px;}
#main li, #footer li, #mainlist li{margin-bottom: 3px;}
#mainlist li{
clear:both;
margin: 0 10px 10px 0px;
list-style: none;
line-height: 100%;
font-size:120%;
padding:8px 0 6px;
}
#mainlist .info-li{
border-bottom: 1px dotted #000;
padding-bottom:14px;
margin-bottom:6px;
}
#mainlist .info-date{
clear:both;
width:100px;
float:left;
}
#mainlist .info-title{
width:480px;
float:right;
}
#footer li{
margin: 0 10px 15px 0px;
list-style: none;
line-height: 160%;
}
#mainlist li a, #footer li a{
background: url(images/mrk-01.png) no-repeat 0 50%;
padding-left:15px;
color:#333;
text-decoration:underline;
}
#mainlist li a:hover, #footer li a:hover{color:#6bcaf2;}
#mainlist li a:active, a:focus , #footer li a:active, #footer li a:focus{outline: 0;}


#mainlist ul {
padding-bottom:15px;	
}

/*************
サイド（左側）コンテンツ
*************/
#sidebar {
margin-top:5px;
float: left;
width: 265px;
padding: 0 0 15px;
}

.side-slide{
width:265px;
height:100px;
margin:0 0 20px 0;
}

#side-inquiry{
width:265px;
height:150px;
background: url(images/bg_side-inquiry.png) no-repeat;
margin:0 0 20px;
}
#side-inquiry img{
margin:100px 30px 0;
}
#side-download{
margin:0 0 20px;
}

.side-btn li{
background: url(images/bg_side-btn.png) no-repeat;
font-size:16px;
width:246px;
height:36px;
margin:0;
padding:14px 0 0 26px;
list-style: none;
font-weight:bold;
}
.side-btn a{
color:#333;
list-style: none;
}
.side-btn a:hover{color:#6bcaf2;}

#side-company{
width:265px;
border:#d3d3d3 1px solid;
margin-top:15px;
padding:10px 0;
}
#side-company img.side-map{
border:#d3d3d3 1px solid;
padding:2px;
margin:10px;
}
#side-company a{
display:block;
background: url(images/mrk-01.png) no-repeat 0 50%;
padding-left:20px;
margin-left:150px;
color:#333;
}
#side-company a:hover{color:#6bcaf2;}
p.company-info {
margin:20px 6px;
width:265px;
line-height:1.2em;
font-size:115%;
text-align:left;
}
#side-link {
margin-top:10px;
}
#side-link img{
margin:5px 0;
}


/*************
/* フッター
*************/
#footer{
clear:both;
}
#footer-up{
width:910px;
margin:0 auto ;
}
#footer-low{
clear:both;
padding: 10px 0 10px;
background: #ffffff url(images/bg_foot.png) repeat-x center top;
}
#footer_inquiry{
display:block;
width:617px;
height:120px;
background: url(images/bg_footer_inquiry.png) no-repeat;
float:right;
margin:0 0 20px;
}
#footer_inquiry img{
margin:55px 0 0 350px;
}
#footer .inner{
width: 910px;
margin: 0 auto;
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 350px;
}

address{
padding: 20px 0 3px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
color:#999999;
}
/*************
/* トップページ製品案内
*************/
.top-puroducts-l{
width:300px;
height:300px;
background: url(images/bg_top-puroducts.png) no-repeat;
margin:20px 0 0;
float:left;
}
.top-puroducts-l span{
display:block;
margin:12px 0 0 15px;
background: url(images/mrk-02.png) no-repeat 0 50%;
padding-left:20px;
color:#fff;
font-size:22px;
}
.top-puroducts-l p{
margin-top:0px;
font-size:110%;
line-height:1.5em;
}
.top-puroducts-l img{
margin:0 25px 10px;
}
.top-puroducts-l a{
margin:30px 0 0 90px;
background: url(images/mrk-01.png) no-repeat 0 50%;
font-size:115%;
padding-left:20px;
color:#333;
}
.top-puroducts-l a:hover{color:#6bcaf2;}
.top-puroducts-r{
width:300px;
height:300px;
background: url(images/bg_top-puroducts.png) no-repeat;
margin-top:20px;
float:right;
}
.top-puroducts-r span{
display:block;
margin:12px 0 0 15px;
background: url(images/mrk-02.png) no-repeat 0 50%;
padding-left:20px;
color:#fff;
font-size:22px;
}
.top-puroducts-r p{
margin-top:0px;
font-size:110%;
line-height:1.5em;
}
.top-puroducts-r img{
margin:0 25px 10px;
}
.top-puroducts-r a{
margin:30px 0 0 90px;
background: url(images/mrk-01.png) no-repeat 0 50%;
font-size:115%;
padding-left:20px;
color:#333;
}
.top-puroducts-r a:hover{color:#6bcaf2;}

#slideshow{
width:617px;
height:180px;
background: url(images/bg_slideshow.png) no-repeat;
margin:20px 0;
padding-top:10px;
}
#slide{
width:580px;
margin:20px 7px 20px 20px;
}
#slideshow span{
display:block;
margin:0px 0 0 15px;
background: url(images/mrk-02.png) no-repeat 0 50%;
padding-left:20px;
color:#fff;
font-size:18px;
}
#products-search{
width:617px;
height:140px;
background: url(images/bg_products-sarch.png) no-repeat;
margin-top:20px;
padding-top:10px;
}
#products-search h3{
display:block;
margin:0px 0 0 15px;
background: url(images/mrk-02.png) no-repeat 0 4px;
padding-left:20px;
color:#fff;
font-size:20px;
font-weight:normal;
line-height:1em;
padding-top:3px;
}
#products-search form{
}
#side-search form{
padding:60px 10px;
}
#side-search input{
font-size:130%;
margin:0 10px 10px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.searchform-param label.searchform-label{
display:block;
font-size:1%;
color:#fff;
}
span.searchform-input-wrapper{
margin-left:10px;
}
.checkbox-wrapper{
margin:10px;
display:inline;
}
.checkbox-group-wrapper{
margin:10px;
font-size:130%;
}
.searchform-controls{
text-align:center;
margin:8px 0;
}
.searchform-controls input{
font-size:150%;
letter-spacing:1.5em;
padding:0.2em 0 0.2em 1.5em;
}
.searchform-controls input:hover{color:#000; background:#fdcece;}

/* お問い合わせ
------------------------------------------------------------*/
table.order {
width:550px;
border-collapse:collapse;
border-spacing:0;
}
table.order th{
border:#959595 1px solid;
font-weight:normal;
background:#e5e5e5;
padding:10px 20px;
text-align:left;
}
table.order td{
border:#959595 1px solid;
padding:10px 20px;
text-align:left;
}
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}
textarea{
height:auto;
line-height:1.5;
}
input[type="submit"],input[type="reset"],input[type="button"], p.readon a{
vertical-align:top;
padding:0 10px 0 22px;
background: #2e69a4;
background: -moz-linear-gradient(top, #2e69a4 0%, #4486c9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e69a4), color-stop(100%,#4486c9));
background: -webkit-linear-gradient(top, #2e69a4 0%,#4486c9 100%);
background: -o-linear-gradient(top, #2e69a4 0%,#4486c9 100%);
background: linear-gradient(to bottom, #2e69a4 0%,#4486c9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e69a4', endColorstr='#4486c9',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:28px;
height:28px;
font-size:120%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,p.readon a:hover{
background: #4486c9;
background: -moz-linear-gradient(top, #4486c9 0%, #2e69a4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4486c9), color-stop(100%,#2e69a4));
background: -webkit-linear-gradient(top, #4486c9 0%,#2e69a4 100%);
background: -o-linear-gradient(top, #4486c9 0%,#2e69a4 100%);
background: linear-gradient(to bottom, #4486c9 0%,#2e69a4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4486c9', endColorstr='#2e69a4',GradientType=0 );
cursor:pointer;
}
*:first-child+html input[type="submit"]{padding:3px;}

/*************
会社概要
*************/
table.profile{
width:95%;
margin:20px auto;
border-collapse:collapse;
border-spacing:0;
border:silver 1px solid;
}
tr.profile-1{
background-color:#dfdfdf;
border:silver 1px solid;
}
tr.profile-1 th{
padding:12px 0 12px 10px;
border:silver 1px solid;
font-weight:normal;
text-align:left;
width:100px;
}
tr.profile-1 td{
padding:10px 0 10px 20px;
font-size:110%;
}
tr.profile-2{
background-color:#ffffff;
}
tr.profile-2 th{
padding:12px 0 12px 10px;
border:silver 1px solid;
font-weight:normal;
text-align:left;
}
tr.profile-2 td{
padding:10px 0 10px 20px;
font-size:110%;
}
#top-link 
 {text-indent:100%; 
 white-space:nowrap; 
 overflow:hidden; 
 line-height:0.01em; 
 } 
/*************
カタログ一覧
*************/
p.catalogs-item{
font-size:140%;
margin:-20px 0 0 10px; 
width:95%;
color:gray;
}
p.catalogs-item span{
color:#62b67c;
margin-left:20px;
}

#catalogs-page {
float: right;
width: 618px;
padding: 0 0 25px;
display: inline;
}

#catalogs-page h2{
display: block;
margin-bottom: 10px;
padding: 10px 0px 0px 20px;
line-height: 38px;
height: 36px;
font-size: 20px;
letter-spacing:0.2em;
font-weight: bold;
color: #333333;
background: #ffffff url(images/heading.png) no-repeat bottom;
}
#catalogs-page h3{
display: block;
margin-bottom: 0px;
padding: 8px 15px 4px 44px;
line-height: 38px;
height: 36px;
font-size: 20px;
letter-spacing:0.2em;
font-weight: bold;
color: #333333;
background: #ffffff url(images/heading2.png) no-repeat bottom;
}
p.products-list-tl-h2{
margin:-20px 0 20px 10px;
font-weight:bold;
font-size:130%;
color:#2c3f85;
}
p.products-list-tl-h2 span{
margin:0 30px;
color:#444;
}

p.products-list-tl{
margin:-10px 0 20px 30px;
font-size:120%;
color:#2c3f85;
}
p.products-list-tl span{
margin:0 30px;
color:#444;
}


table.catalogs{
font-size:110%;
width:95%;
margin:0px auto 20px;
border-collapse:collapse;
border-spacing:0;
border:silver 1px solid;
}
table.catalogs th{
padding:5px;
color:#fff;
width:33%;
background:#222;
font-size:120%;
width:20%;
}
table.catalogs td{
background:#ccc;
padding:15px 10px;
border-top:#222 1px solid;
}
table.catalogs td.download-j,td.download-e,td.download-c{
background:#ccc;
padding:5px 10px 5px;
border-top:#222 1px solid;
width:20%;
}
table.catalogs td.download-j a{
background: url(images/download-j.png) no-repeat;
background-position:right top;
font-size:1%;
color:#ccc;
display:block;
width:80px;
height:25px;
}
table.catalogs td.download-j a:hover{
background: url(images/download-j_on.png) no-repeat;
background-position:right top;
font-size:1%;
color:#ccc;
display:block;
width:80px;
height:25px;
}
table.catalogs td.download-e a{
background: url(images/download-e.png) no-repeat;
background-position:right top;
font-size:1%;
color:#ccc;
display:block;
width:80px;
height:25px;
}
table.catalogs td.download-e a:hover{
background: url(images/download-e_on.png) no-repeat;
background-position:right top;
font-size:1%;
color:#ccc;
display:block;
width:80px;
height:25px;
}
table.catalogs td.download-c a{
background: url(images/download-c.png) no-repeat;
background-position:right top;
font-size:1%;
color:#ccc;
display:block;
width:80px;
height:25px;
}
table.catalogs td.download-c a:hover{
background: url(images/download-c_on.png) no-repeat;
background-position:right top;
font-size:1%;
color:#ccc;
display:block;
width:80px;
height:25px;
}
#main-link{
display:block;
width:617px;
/*height:120px;*/
float:right;
margin:0 0 20px;
}
#main-link h3{
display: block;
margin-bottom: 10px;
padding: 8px 15px 4px 44px;
line-height: 38px;
height: 36px;
font-size: 20px;
letter-spacing:0.2em;
font-weight: bold;
color: #333333;
background: #ffffff url(images/heading2.png) no-repeat bottom;
}
#main-link img{
margin:0px 10px;
}
#main-link table{
margin:30px 60px;
text-align:center;
text-decoration:underline;
font-size:110%;
}
#main-link table td{
padding:0px 20px;
}


/*************
製品スペック
*************/
.spec table  {
width: 95%;
border-spacing: 0;
font-size:12px;
border: 1px #515151 solid;
border-collapse: collapse;
margin:10px 0;
}
.spac td, th {
border: 1px #515151 solid;
padding: 15px 15px;
}
.spec td {
border: 1px #515151 solid;
/*text-align: center;*/
text-align: left;
padding: 15px 10px;
}
.spec th {
background-color: #e1e1e1;
}
.spec td.range {
background-color: #e1e1e1;
}
.spec th.tl-1 {
background-color: #e1e1e1;
width:60px;
}
.spec th.tl-2 {
background-color: #e1e1e1;
width:140px;
}
.spec th.tl-3 {
background-color: #e1e1e1;
width:60px;
}
.spec th.tl-4 {
background-color: #e1e1e1;
width:60px;
}
.spec th.tl-5 {
background-color: #e1e1e1;
width:60px;
}
.spec th.tl-6 {
background-color: #e1e1e1;
width:60px;
}
.spec .spec-option td{
text-align:left;
}

.setumei2 {
padding: 0px 0px 30px 0px;
}
.explain {
margin:20px;
clear:both;
}
.explain ul{
font-size: 13px;
line-height: 150%;
}
.feature img{
float:right;
width:280px;
margin-top:30px;
padding:3px;
border:#ccc 1px solid;
}
p.feature-p{
width:250px;
border:#cedaf3 1px solid;
padding:20px 0 20px 40px;
background:#f1f5ff;
color:#1d3994;
margin:0 0 50px;
font-size:130%;
font-weight:bold;
float:left;
line-height:1.8em;
}
p.feature-link{
width:250px;
font-size:16px;
color:#248dc8;
text-decoration:underline;
text-align:center;
}

ul.feature-ul{
width:250px;
border:#cedaf3 1px solid;
padding:20px 0 20px 40px;
background:#f1f5ff;
color:#1d3994;
margin:0 0 50px;
font-size:130%;
font-weight:bold;
float:left;
line-height:1.5em;
}
ul.feature-ul li{
list-style-type: square;
}



/*************
製品一覧
*************/
#products-list {
float: right;
width: 618px;
padding: 0 0 25px;
display: inline;
}

#products-list h2{
display: block;
margin-bottom: 10px;
padding: 10px 0px 0px 20px;
line-height: 38px;
height: 36px;
font-size: 20px;
letter-spacing:0.1em;
font-weight: bold;
color: #333333;
background: #ffffff url(images/heading.png) no-repeat bottom;
}
#products-list h3{
display: block;
margin-bottom: 30px;
padding: 8px 15px 4px 44px;
line-height: 38px;
height: 36px;
font-size: 20px;
letter-spacing:0.01em;
font-weight: bold;
color: #333333;
background: #ffffff url(images/heading2.png) no-repeat bottom;
}
#products-list li {
font-size:125%;
margin:5px 0 30px 30px;
text-decoration:underline;
}
#products-list li a{
color:#333;
}
#products-list li a:hover{
color:#999;
}
.products-list-box {
width:90%;
margin:0 auto;
clear:both;
display:block;
border:silver 1px dottedd;
height:120px;
width:615px;
}
.products-list-box-l{
width:380px;
float:left;
}
.products-list-box-r{
width:200px;
float:right;
}
.products-list-box-2{
width:280px;
float:left;
}
.products-list-box-x{
width:300px;
float:right;
margin:0 20px 0 0;
}
.products-list-box li{
margin:20px;
line-height:2.1em;
}
.products-list-box li a{
font-size:120%;
color:#333;
text-decoration:underline;
}
.products-list-box li a:hover{
color:#999;
}
.products-list-box img{
margin:0px 20px 30px 0;
border:#ccc 1px solid;
padding:2px;
}

/*************
固定ページのh2
*************/
#main h2.page-h2 {
width:616px;
height:100px;
display: block;
margin: 8px 0 0;
padding: 30px 0 0px 30px;
font-size: 28px;
letter-spacing:0.2em;
font-weight: bold;
color: #4d4d4d;
background: #ffffff url(images/bg_h2.png) no-repeat;
}

.accessaries-01{
margin:20px;
font-size:120%;
}
.accessaries-01 p.accessaries-02{
border:#cedaf3 1px solid;
background:#f1f5ff;
padding:20px;
color:#1d3994;
margin:30px 0;
}
.accessaries-01 b{
font-size:120%;
display:block;
margin:0 0 0x 0;
color:#1d3994;
}
.accessaries-01 img{
padding:3px;
border:#ccc 1px solid;
margin:0 50px;
}
#slide .slideshow_slide slideshow_slide_image img{
border:blue 1px solid;
width:211px;
height:100px;
}
#slide .slideshow_slide slideshow_slide_image a{
border:purple 1px solid;
}
#slide .slideshow_view img{
border:silver 1px solid;
width:211px;
height:100px;
}

.red {
color:red;
font-size:90%;
}
.green {
color:green;
font-size:90%;
}


/*************
ハーネスチェッカー　動画リンク
*************/

p.style1{
margin:50px 0 0 0;
padding:0;
font-size:16px;
}

p.style2{
margin:-25px 0 0 20px;
font-size:14px;
line-height:26px;
}

p.style2 a{
text-decoration:underline;
}