/* RESET */
:focus { outline-color:0; outline-style:none; outline-width:0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding:0; margin:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,em,strong,th { font-weight:normal; font-style:normal; }
ol,ul { list-style:none; }
th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:100%; }
q:before,q:after { content:''; }
li { list-style:none; }

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

	Navigation CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	1.Base Structure

	2.Header

	3.Contents

	4.Footer

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


/* 1.Base Structure
========================================== */

/*  TYPOGRAPHY  */
/*
9px =  69%,10px = 77%,11px = 85%,12px = 93%,13px = 100%,14px = 108%,15px = 116%,16px = 123.1%,17px = 131%,18px = 138.5%,
19px = 146.5%,20px = 153.9%,21px = 161.6%,22px = 167%,23px = 174%,24px = 182%,25px = 189%,26px = 197%,31px = 238.5%
*/

body {color:#777; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; font-size:14px; line-height:20px; overflow-x:hidden; text-align:center; text-shadow:0 0 1px #fff; }
#wrapper {width:870px; margin-right:auto; margin-left:auto; margin-top:15px; position:relative; text-align:left; min-height:536px; }

.clear {clear: both; }
h1 { background-image: url("../img/parts/h1title_bg.gif"); background-position: left center; background-repeat: no-repeat; color:#FB4F14;
	font-family:Helvetica,"Helvetica Neue",Arial; font-size:160%; letter-spacing:.01em; margin:0 0 10px 0; padding:25px 15px 25px 22px; width:100%;
	font-weight:bold; word-spacing:1px;
	text-shadow:1px 1px 3px #cccccc; text-shadow:1px 1px 3px #cccccc;
}
h2 { font-size:200%; letter-spacing:0; line-height:138.5%; margin:16px 0 2px 0; word-spacing:0; }
h3 { color:#686868; font-size:19px; font-weight:normal; margin:10px 0 5px 15px; }
h4 { color:#686868; font-size:18px; font-weight:normal; margin:5px 0 5px 5px; }
h5 { color:#686868; font-size:15px; font-weight:normal; margin:5px 0 5px 5px; }
/*
h4 { font-family:Helvetica, "Helvetica Neue", Arial; font-size:108%; line-height:108%; color:#fb4f14; font-weight:bold; }
*/
a { color:#989898; text-decoration:none; }
a:hover{color: #FB4F14;}
p { font-size:95%; letter-spacing:.5px; line-height:17px; word-spacing:1px; }
.bolder {font-weight: bold;}
.lighter {font-weight: 100; text-shadow: 0px 0px 2px #fff;}
.horz_line { width:850px; height:1px; border-top:solid 1px #d8d8d8; border-bottom:solid 1px #ffffff; display: block; margin:10ppx 0 10px 0;}

/*下記削除せよ*/
.textspacer1 { padding:0 0 3px 40px; }
.textspacer2 { padding:0 5px 3px 5px; }
.textspacer3 { padding:0 0 0 20px; }
.textspacer4 { padding:0 0 10px 20px; }

/* 2.Header
========================================== */

#header {background:transparent; border-top:5px solid; border-color:#fb4f14; clear:both; float:left; height:42px; padding-top:37px; width:870px; }
#corp_logo {clear:both; float:left; margin:0; z-index:9998; position:absolute; }
#headerimage { float:left; height:91px; position:relative; overflow:hidden; width:870px; margin:-60px 0 0 0; }

/*トップページに動画を掲載する場合に使用。
#topimagewrapper { height:421px; overflow:hidden; width:736px; background: #f5deb3; margin-right:auto; margin-left:auto; }

#topimage { height:405px; overflow:hidden; width:720px; background: #222222; margin-right:auto; margin-left:auto; margin-top: 8px; }
*/
/*トップページに写真を掲載する場合に使用。
#topimage { background:transparent url(/img/mount_x5.jpg) no-repeat; overflow:hidden; width:580px; height:340px; margin-right:auto; margin-left:auto; margin-top: 8px; }
*/

/*  NAVTOP STYLES   */

#header #navTop .current_page_item a { color:#FB4F14; }

ul#navTop {clear:none; color:#6a6a6a; float:right; margin:0; text-align:right; width:401px; z-index:9997; position:absolute; right:0; }
ul#navTop li {clear:none; cursor:default; display:inline; font-weight:bold; float:left; margin:0; }
ul#navTop li a {font-family:FlamaBasic,Helvetica,Arial,sans-serif; font-size:23px; font-weight:normal; letter-spacing:.6px; color:#686868; float:left; position:relative; }
ul#navTop li a:link,ul#navBottom li a:link {color:#6a6a6a; text-decoration:none; }
ul#navTop li a:visited,ul#navBottom li a:visited {color:#6a6a6a; text-decoration:none; }
ul#navTop li a:hover,ul#navBottom li a:hover {color:#6a6a6a; text-decoration:none; }
ul#navTop li a:hover {color:#FB4F14; }

ul#navTop li.navTop_menu_home {width:73px; }
ul#navTop li.navTop_menu_news {width:71px; }
ul#navTop li.navTop_menu_product {width:108px; }
ul#navTop li.navTop_menu_qa {width:67px; }
ul#navTop li.navTop_menu_aboutus {width:71px; }


/*  NAVBOTTOM STYLES    */

#subNavWrap { clear:right; float:right; margin-bottom:0; }
ul#navBottom { color:#BEBEBE; float:left; font-size:100%; margin-top:-23px; position:relative; right:0; text-align:left; width:402px; z-index:9997; }
ul#navBottom li { clear:none; float:left; font-weight:bold; margin:0 0 0 13px; text-align:left; font-size:13px; float:left; letter-spacing:0px; font-weight:normal; color:#777777; }
ul#navBottom li.navBottom_menu_home { width:55px; }
ul#navBottom li.navBottom_menu_news { width:70px; }
ul#navBottom li.navBottom_menu_product { width:73px; }
ul#navBottom li.navBottom_menu_qa { width:70px; }
ul#navBottom li.navBottom_menu_aboutus { width:60px; }


/* 3.Contents
========================================== */

#content { float:left; position:relative; width:870px; margin:20px 0 30px 0; }
#content p {color:#686868; font-size:13px; line-height:20px; }
.newstopics { float:left; width:580px; margin:0 0 0 20px; }
.newstopics table tr th { font-size: 16px; }

#topicssubwrapper { float:left; display:inline; width:600px;}
#topicsbanner { float:right; width:210px; display:inline; margin:25px 0 0 0; padding-left:4px;}

#productJanre { margin:0 0 30px 0; }
#productJanre .janre_selecter { width:202px; display:inline; float:left; margin-right:10px; position:relative; }
#productJanre .division p { width:200px; font-size: 14px;line-height: 16px;padding-right: 5px; }
#productJanre td { font-size: 14px;line-height: 17px; padding:0 0 0 25px; }
#productJanre a:hover {opacity: .8;}

#mount_selecter,#sashikae_selecter,#acc_selecter,#classic_selecter {
	overflow: hidden; text-align: center; height: 128px; width: 204px; border:1px solid #d1d1d1;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.1),inset 1px 1px 10px rgba(0,0,0,.1);
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}

#content #selectarea { width:220px; float:left; margin:34px 0 0 0; }
#content #selectarea ul { font-size: 16px; line-height:24px; margin:5px 0 10px 10px; }

#content #newsqacontent {float:left; width:620px; margin:34px 0 30px 30px; }

#content #Product_maintext {width:450px; float:left; margin:34px 0 0 0; }
#content #Product_maintext .sub_img_mount {width:200px; height:150px; float:left; margin:5px 20px 8px 0; border:1px solid #d1d1d1; overflow:hidden;
            -webkit-box-shadow:0 0 5px rgba(0,0,0,.1); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

#content #Product_maintext .sub_img_sashikae {width:132px; height:99px; float:left; margin:16px 0 8px 13px; border:1px solid #d1d1d1; overflow:hidden;
            -webkit-box-shadow:0 0 5px rgba(0,0,0,.1); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

#content .main_img {float:right; width:400px;height:250px; margin:34px 0 30px 0; border:1px solid #d1d1d1; overflow:hidden;
            -webkit-box-shadow:0 0 5px rgba(0,0,0,.1); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

/*商品一覧表*/
#content #Product_detailsheet { float:left; margin:10px 0 0 0;  line-height:16px;}
#content #Product_detailsheet th { text-align:center; padding:5px 5px 5px 15px; }
#content #Product_detailsheet td { padding:5px 5px 5px 15px; }
#content #Product_detailsheet .sub_img { width:180px; text-align:center; }
#content #Product_detailsheet .sub_img img { width:150px; }

.qaanswer { padding:10px 0px 20px 35px; }


/*  MOUNTDEATAIL PAGEs  */


#detailsheet_price { width:130px; text-align:center; }
#detailsheet_jan { width:130px; text-align:center; }
#detailsheet_bad { width:300px; }
.datasheetcontent { padding:5px 5px 5px 15px; }

#mountsheet th { text-align:left; font-size:14px; letter-spacing:0px; font-weight:normal; padding: 2px 7px 2px 7px; }
#mountsheet td { text-align:right; font-size:13px; letter-spacing:0px; font-weight:normal;  padding: 0 2px 0 2px;}

#classicsheet th { text-align:center; font-size:14px; letter-spacing:0px; font-weight:normal;  padding: 3px 10px 3px 10px; }
#classicsheet td { font-size:14px; letter-spacing:0px; font-weight:normal; padding: 3px 10px 3px 10px; }
#classicsheet #jan { width:70px; }
#classicsheet #products { width:245px; }
#classicsheet #price { width:90px; }

#sashikaesheet th { text-align:center; font-size:14px; letter-spacing:0px; font-weight:normal;  padding: 3px 10px 0 10px; }
#sashikaesheet td { text-align:center; font-size:14px; letter-spacing:0px; font-weight:normal; padding: 3px 7px 3px 7px; }

#backsheetsheet th { text-align:center; font-size:14px; letter-spacing:0px; font-weight:normal;  padding: 3px 10px 0 10px; }
#backsheetsheet td { text-align:center; font-size:14px; letter-spacing:0px; font-weight:normal; padding: 3px 10px 3px 10px; }

#backsheetsheet,#accsheet,#classicsheet { margin: 30px 0 0 0; }
#accsheet th { text-align:center; font-size:14px; letter-spacing:0px; font-weight:normal;  padding: 3px 10px 0 10px; }
#accsheet td { text-align:center; font-size:14px; letter-spacing:0px; font-weight:normal; padding: 3px 10px 3px 10px; }
#accsheet .title { background:#ffffe0; }
#accsheet td img { width:150px; }

#shuuryousheet th { text-align:center; font-size:14px; letter-spacing:0px; font-weight:normal; padding: 3px 18px 3px 18px; }
#shuuryousheet td { font-size:14px; letter-spacing:0px; font-weight:normal; padding: 0 10px 0 10px; }

/*  COMPANYDATA PAGE  */

#companydata {float:left; margin: 0 0 0 30px; padding:5px 0 35px; }
#corpmap {padding:0 0 0 60px; }

/* footer */
#footer {background:#2f4f4f; color:#ffffff; font-size:14px; text-shadow:0 0 1px #2a2a2a; padding:3px 30px 13px; width:810px; position:relative; text-align:left; clear:both; border-top:5px solid #fb4f14; }
#footer a {color:#ffffff; font-size:15px; }
#footer h3 {color:#ffffff; font-size:18px; font-weight:normal; margin-top:20px; margin-bottom:6px; letter-spacing: 0px; line-height: normal; padding-top: 0px;}

.footerarea {width:48%; width:44%; float:left; display:inline; padding:0 4% 0 0; }

#copyRight {height:14px; width:870px; margin:0 auto; clear:both; padding-top:25px; }