@charset "utf-8";

/* CSS Document */
/*global*/
.fs1 { font-size:10px; line-height:1.4em;vertical-align: top;}
.fs2 { font-size:12px; line-height:1.4em;vertical-align: top;}
.fs3 { font-size:14px; line-height:1.4em;vertical-align: top;}
.fs4 { font-size:16px; line-height:1.4em;vertical-align: top;}

.txt10 { font-size:10px; line-height:1.4em;vertical-align: top;}
.txt12 { font-size:12px; line-height:1.4em;vertical-align: top;}
.txt14 { font-size:14px; line-height:1.4em;vertical-align: top;}
.txt16 { font-size:16px; line-height:1.4em;vertical-align: top;}

.letter_space {letter-spacing:0.15em}
.line-height0 {line-height: 0;}

.selected { font-size:x-small; line-height:1.4em; font-weight:bold;}
.clear { clear:both;}

.hidden { font-size:1px; line-height:1px; text-indent:-10000px; display:block; margin:0; padding:0;}

#header { width:750px; padding:11px;}
#header:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
h1#title { width:164px; float:left;}
h1#title a { display:block; width:164px; height:32px; background:url(../image/title.gif); text-indent:-10000px; font-size:1px; line-height:1px; outline:0;}
#searchbox { float:right; padding-top:5px;}
#skip { clear:both; margin:0; padding:0; height:1px; width:1px;}
#skip a { height:1px; width:1px; display:block;}
#global { position:relative; margin:0 0 2em 11px; width:750px; height:auto; background: url(../image/navi_bg.gif) no-repeat;}
html>body #global { margin-bottom:3em;}
#global:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#global li { float:left;}
#global .mainNavi {display:block; width:107px; height:34px; font-size:1px; text-indent:-10000px; outline:0;}
#global .mainNavi:hover { background-position:0px 68px;}
#navi00 .mainNavi { background:url(../image/navi00.gif);}
#navi01 .mainNavi { background:url(../image/navi01.gif);}
#navi02 .mainNavi { background:url(../image/navi02.gif);}
#navi03 .mainNavi { background:url(../image/navi03.gif);}
#navi04 .mainNavi { background:url(../image/navi04.gif);}
#navi04_2 .mainNavi { background:url(../image/navi04_2.gif);}
#navi05 .mainNavi { background:url(../image/navi05.gif);}
#navi06 .mainNavi { background:url(../image/navi06.gif);}

#global .subNavi { position:absolute; top:34px; left:0px; font-size:10px; background:#B5B5B5; width:749px;}
#global .subNavi:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#global .subNavi li { display:block; width:107px;}

#global .subNavi a { text-align:center; margin:4px 0; display:block; padding:2px 0; width:107px; border-right:1px solid #CFCFCF;}
#global .subNavi a:link { color:#FFFFFF; text-decoration:underline;}
#global .subNavi a:visited { color:#FFFFFF; text-decoration:underline;}
#global .subNavi a:hover { color:#FFFFFF; text-decoration:underline; background:#B5B5B5 url(../image/sub_bg.gif) !important;}
#global .subNavi a:active { color:#FFFFFF; text-decoration:underline; background:#B5B5B5 url(../image/sub_bg.gif) !important;}

#global .subNavi2 { position:absolute; top:34px; left:0px; font-size:10px; background:#B5B5B5; width:749px;}
#global .subNavi2:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#global .subNavi2 li { display:block; width:auto;}

#global .subNavi2 a { text-align:center; margin:4px 0; display:block; padding:2px 8px; width:auto; border-right:1px solid #CFCFCF;}
#global .subNavi2 a:link { color:#FFFFFF; text-decoration:underline;}
#global .subNavi2 a:visited { color:#FFFFFF; text-decoration:underline;}
#global .subNavi2 a:hover { color:#FFFFFF; text-decoration:underline; background:#B5B5B5 url(../image/sub_bg.gif) !important;}
#global .subNavi2 a:active { color:#FFFFFF; text-decoration:underline; background:#B5B5B5 url(../image/sub_bg.gif) !important;}

/*#global .subNavi2 { position:absolute; top:34px; left:0px; font-size:10px; background:#B5B5B5; width:749px;}
#global  ul.subNavi2 { display:block; padding:4px 0;}
#global .subNavi2:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#global .subNavi2 li { display:block; border-right:1px solid #CFCFCF;}

#global .subNavi2 a { text-align:center; margin:0 2px; display:block; padding:3px 8px;}
html[xmlns*=""] body:last-child #global .subNavi2 a { padding:3px 7px;} /* for Safari */


/*#global .subNavi2 a:link { color:#FFFFFF; text-decoration:underline;}
#global .subNavi2 a:visited { color:#FFFFFF; text-decoration:underline;}
#global .subNavi2 a:hover { color:#FFFFFF; text-decoration:underline; background:#B5B5B5 url(../image/sub_bg.gif) !important;}
#global .subNavi2 a:active { color:#FFFFFF; text-decoration:underline; background:#B5B5B5 url(../image/sub_bg.gif) !important;}
*/


#subNavi01 { display:none;}
#subNavi02 { display:none;}
#subNavi03 { display:none;}
#subNavi04 { display:none;}
#subNavi05 { display:none;}

/*\*//*/
#subNavi01 { display:none !important;}
#subNavi02 { display:none !important;}
#subNavi03 { display:none !important;}
#subNavi04 { display:none !important;}
#subNavi05 { display:none !important;}
/**/

#contents { margin: 50px 0; padding:0 26px;}

/*lineup*/
.boxWright {color:#000000; font-size:10px; background:#E7EBEF; border:1px solid #838BA8; width:130px;}
.rightBT { padding-bottom:4px;}
.rightBT2 { padding-bottom:8px;}
.rightBorder { margin-bottom:6px; border-bottom:1px solid #838BA8;}
.inch { width:718px; margin:15px 0 5px 0; border-bottom:1px dashed #999999;}
#lineup { width:499px; text-align:left; padding:0 7px;}
.pagetop { width:718px; text-align:right; padding:10px 0;}
#viseo { width:718px; margin-bottom:15px; padding-bottom:10px; border-bottom:1px dashed #999999;}

/*product*/
#specTableS {background:url(../../product/gif/newgawa_bg.gif) repeat-x;}
#specTableS, #specTableS th, #specTableS td { border-bottom:1px solid #CDCDCD; border-top:1px solid #CDCDCD; border-collapse:collapse;}
#specTableS th { border-right:1px solid #CDCDCD; background:#EDEDEB;}
#feature ul { padding:0; margin:0;}
#feature li { list-style:none; margin:0; padding:0; border-bottom:1px solid #E6EAEF; text-indent:0;}
#feature li a { display:block; padding:5px 30px 5px 10px; background: url("../../product/gif/arrow.gif") no-repeat 0px 50% #ffffff;}
#feature li a:link {color:#666666; text-decoration:none; }
#feature li a:visited { color:#9E9A95; text-decoration:none; text-decoration:none;  }
#feature li a:hover { background: url("../../product/gif/arrow.gif") no-repeat 231px 50% #91ACE1; color:#ffffff; text-decoration:none;}
#feature li a:active { color:#DDDDDD; text-decoration:none;  }
#spec { border-left:1px solid #CDCDCD; border-bottom:1px solid #CDCDCD;}
#spec td, #spec th { border-top:1px solid #CDCDCD; border-right:1px solid #CDCDCD; text-align:center;}
#spec th { background:#8CA3D1;}
.stripe2 { background:#E6EAEF; font-weight:bold;}
.stripe { background:#E6EAEF;}







/* ------------------------------------------------------------------------
	renewal 2009
------------------------------------------------------------------------ */

/* --------------------------------
	レイアウト
-------------------------------- */

div#site_head {
	width: 850px;
	height: 45px;
	margin: 0 auto;
}

div#site_head h1 {
	float: left;
	width: 128px;
	padding: 21px 13px 0 9px;
}

div#site_head p.nav {
	float: left;
	padding: 21px 0 0;
}


div#main {
	box-sizing: content-box;
	float: right;
	width: 620px;
	padding: 30px 0 25px 25px;
	background: url(../image/main_bg.gif) no-repeat;
}

div#sub {
	float: left;
	width: 205px;
	padding: 0 0 25px;
}


/* --------------------------------
	グローバルナビ
-------------------------------- */
/*
div#sub ul {
	font-size: 1px;
	line-height: 0;
}

div#sub ul li img {
	display: block;
}
*/
div#sub ul#gnav {
	width: 205px;
}

/* サポート・ダウンロード */
div#sub ul#gnav li#gnav_support {
	width: 205px;
	background: url(../image/gnav_support_bg.gif) no-repeat 0 46px;
	padding-bottom: 4px;
}
div#sub ul#gnav li#gnav_support p.sub1 {
	display: block;
	padding: 12px 0 0 10px;
}
div#sub ul#gnav li#gnav_support p.sub2 {
	display: block;
	padding: 6px 0 0 10px;
}
div#sub ul#gnav li#gnav_support ul.gnav_sub {
	padding: 2px 0 4px 10px;
}
div#sub ul#gnav li#gnav_support ul.gnav_sub li {
	padding: 0 0 2px 0;
}

/* 最新技術情報 */
div#sub ul#gnav li#gnav_technical {
	width: 205px;
	background: url(../image/gnav_technology_bg.gif) no-repeat 0 46px;
}
div#sub ul#gnav li#gnav_technical ul.gnav_sub {
	padding: 7px 0 5px 10px;
}
div#sub ul#gnav li#gnav_technical ul.gnav_sub li {
	padding: 0 0 2px 0;
}

/* 環境活動 */
div#sub ul#gnav li#gnav_environment {
	width: 205px;
	background: url(../image/gnav_environment_bg.gif) no-repeat 0 46px;
}

/* アフターサービス */
div#sub ul#gnav li#gnav_afterservice {
	width: 205px;
}



div#sub ul#gnav li ul {
	width: 195px;
	padding: 8px 0 8px 10px;
}
div#sub ul#gnav li ul.gnav_sub {
	padding: 5px 0 8px 10px;
}

div#sub ul#gnav li#gnav_product,
div#sub ul#gnav li#gnav_support,
div#sub ul#gnav li#gnav_technical,
div#sub ul#gnav li#gnav_environment,
div#sub ul#gnav li#gnav_afterservice,
div#sub ul#gnav li#gnav_contact {
	padding: 1px 0 0;
}

div#sub ul#gnav li a {
	outline: none;
}

div#sub ul.banner {
	width: 205px;
	padding: 13px 0 0;
}

div#sub ul.banner li {
	padding: 7px 0 0;
}

/* クローズ対応 */
#gnav_end {
	border-right: 1px solid #1e1e1e;
	border-left: 5px solid #1e1e1e;
}

#gnav_end li {
	border-bottom: 1px solid #1e1e1e;
}

#gnav_end li a {
	display: block;
	padding: 13px 0 13px 28px;
	color: #fff;
	font-size: 13px;
	line-height: 19px;
	background: #424242 url(../image/gnav_end_arw.gif) no-repeat 13px 18px;
	text-decoration: none;
}
#gnav_end li a:hover,
#gnav_end li a.current {
	color: #000;
	background: #fff url(../image/gnav_end_arw_ov.gif) no-repeat 13px 18px;
}



/* --------------------------------
	レイアウト：中ページ
-------------------------------- */

h2#title {
	width: 850px;
	margin: 50px auto 0 auto;
	background: url(../image/title_bg.gif) repeat-x;
}

p.pagetop {
	width: 620px;
	max-width: calc(100% - 13px);
	padding: 15px 0 16px;
}

p.pagetop a {
	padding-left: 12px;
	background: url(../image/pagetop_arrow.gif) no-repeat 0 2px;
}

#main h3.pageTitle {
}

#main h3.pageTitle span {
	display: block;
	font-size: 20px;
	line-height: 1.3;
	font-weight: bold;
	color: #666;
	padding: 0 0 0 8px;
	border-left: 6px solid #333;
}

.space{
	padding-top:10px;
}

.hr {
  height: 1px;
  border: none;
  border-top: 1px #000000 solid;
}

.title1{
	padding-top: 20px;
	font-size:16px; line-height:1.4em;
}

/* --------------------------------
	レイアウト：取扱説明書ダウンロード同意文ページ
-------------------------------- */

body.detail_manual_page div#main {
	float: none;
	margin-left: 76px;
	padding: 0;
	background-image: none;
}
* html body.detail_manual_page div#main {
	padding: 14px 0 0;
}

body.detail_manual_page div#container div#main h4 {
	padding: 22px 0 10px;
}

body.detail_manual_page div#container div#main div.set {
}

body.detail_manual_page div#container div#main div.set p.tit {
	padding: 0 0 12px;
}

body.detail_manual_page div#container div#main div.set p.txt {
	line-height: 1.8;
	padding: 0 0 22px 12px;
	color: #333;
}

body.detail_manual_page div#container div#main div.set ol {
	padding: 0 0 9px 29px;
}

body.detail_manual_page div#container div#main div.set ol li {
	line-height: 1.8;
	padding: 0 0 16px;
	list-style: decimal;
	color: #333;
}

body.detail_manual_page div#container div#main div.btnArea {
	width: 620px;
	padding: 0 0 0;
	margin: 0 0 27px;
	background: url(../../product/common/image/manual_btn_bg.gif);
}

body.detail_manual_page div#container div#main div.btnArea p {
	display: block;
	float:left;
}

body.detail_manual_page div#container div#main div.btnArea p.btn1 {
	padding: 15px 10px 15px 111px;
}

body.detail_manual_page div#container div#main div.btnArea p.btn2 {
	padding: 15px 0;
}


/* --------------------------------
	レイアウト：ポップアップページ
-------------------------------- */

body.common_popup {
	color: #000;
}

body.common_popup #container {
	width: 590px;
}

body.common_popup #container #logo {
	padding: 8px 0;
}

body.common_popup #container #body {
	padding: 0 20px 17px;
}

body.common_popup #container #body p.btn_close {
	padding: 24px 0 0;
	text-align: center;
}

body.common_popup #container #footer {
	height: 49px;
	border-top: 1px solid #d6d6d6;
}

body.common_popup #container #footer address.copyright {
	padding: 7px 0 0 10px;
}

#container { max-width:850px; margin: 0 auto; text-align: left;}

/* 生産終了モデル トップ
**************************************** */
#container.size-endmodel { max-width:771px; }

/* 生産終了モデル リスト
**************************************** */
#container.size-lineup { max-width:804px; }
#container.size-lineup table { width: 100% !important; max-width: 737px !important; }
#container.size-lineup th,
#container.size-lineup td{word-break:break-all;}
@media only screen and (max-width:767px){
#container.size-lineup { margin-left: 13px; margin-right: 13px; margin-top: 25px; margin-bottom: 25px; }
#container.size-lineup table { width: 100% !important; max-width: 737px !important; }
#container.size-lineup td[align="right"] table{width: auto !important;}
#container.size-lineup img { max-width: 100% !important; height: auto !important; }
#container.size-lineup div#main{margin: 0;width: auto;}
#container.size-lineup div#contents_body{width: auto;}
#container.size-lineup div#contents_body div.block_wrap{padding:15px;}
#container.size-lineup #contents{ margin: 25px 0; padding: 0; }
}

/* 生産終了モデル 詳細
**************************************** */
#container.size-spec { margin-top: 50px; margin-bottom: 50px; max-width:737px; }
#container.size-spec table { width: 100% !important; max-width: 737px !important; }
#container.size-spec th,
#container.size-spec td{word-break:break-all;}
#container.size-spec td[align="right"] table td{text-align: right;}
body.detail_page div.endmodel div#main{margin-left:auto !important;margin-right:auto !important;}
body.detail_page div#container div#main div.set_box h4{padding-left:0 !important}
@media only screen and (max-width:767px){
#container.size-spec { margin-left: 13px; margin-right: 13px; margin-top: 25px; margin-bottom: 25px; }
#container.size-spec table { width: 100% !important; max-width: 737px !important; }
#container.size-spec td[align="right"] table{width: auto !important;}
#container.size-spec img { max-width: 100% !important; height: auto !important; }
#container.size-spec div#main{margin: 0;width: auto;}
#container.size-spec div#contents_body{width: auto;}
#container.size-spec div#contents_body div.block_wrap{padding:15px;}
#container.size-spec p.pagetop{width: auto;}
body#detail_spec_page div#contents_body div#spec_area p.pagetop{max-width: calc(100% - 15px) !important;}
}