@charset "utf-8";
/**************************************************************************************************************/

@import "header.css";
@import "navi.css";
@import "side.css";
@import "footer.css";
@import "table.css";
@import "tab_menu.css";
@import "spec.css";

/**************************************************************************************************************/
* {
	margin: 0px;
	padding: 0px;
}

img {
	vertical-align: text-bottom;
}

a {
	color: #06C;
	text-decoration: none;
}

a:visited {
	color: #7E31A4;
	text-decoration: none;
}

a:hover {
	color: #EA0000;
	text-decoration: underline;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a.preview {
	background-image: url(../img/preview.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}

.f_left img {
	margin-right: 10px;
	display: block;
}

.f_right img {
	margin-left: 10px;
}

hr {
	padding: 0;
	height: 5px;
	background-image: url(../img/stripe_1.png);
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #DFDFDF;
	border: 1px solid #FFF;
	display: block;
}

blockquote {
	margin: 15px;
}

/**************************************************************************************************************/
body {
	background-color: #FFF;
	background-image: url(../img/index_bg.png);
	background-repeat: repeat-x;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	font-size: 12px;
	background-position: left top;
	line-height: 18px;
}

/**************************************************************************************************************/
#main {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	position: relative;
	background-image: url(../img/main_bg.png);
	background-repeat: repeat-y;
	background-position: left 20px;
}

/**************************************************************************************************************/
#main #content {
	float: right;
	width: 740px;
	position: relative;
}

/**************************************************************************************************************/
#main #botton {
	clear: both;
	width: 980px;
}

/**************************************************************************************************************/
.stripe_box {
	background-image: url(../img/stripe_1.png);
	padding: 10px 10px 1px 10px;
}

/**************************************************************************************************************/
#path {
	background-image: url(../img/path.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-bottom: 13px;
	line-height: 20px;
	height: 20px;
}

/***ページ本文**************************************************************************************************/
div#content_text {
	clear: both;
	float: left;
}

/**************************************************************************************************************/
#content h2 {
	background-image: url(../img/h2.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 740px;
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 50px;
	color: #FFF;
	text-indent: 15px;
	clear: both;
}

#content h2 a {
	background-image: url(../img/h2_link.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 740px;
	color: #FFF;
	text-decoration: none;
	display: block;
}

#content h2 a:hover {
	text-decoration: underline;
}

h3 {
	font-size: 16px;
	background-image: url(../img/stripe_1.png);
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #E10000;
	margin-bottom: 20px;
	/* [disabled]margin-top: 30px;
*/
	clear: both;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}

h4 {
	/*	
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #333;
	padding-left: 10px;
*/	
	padding-top: 3px;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

h5 {
	font-size: 14px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #333;
	margin-bottom: 10px;
	margin-top: 15px;
}

/**************************************************************************************************************/
p {
	margin-bottom: 10px;
}

p.point {
	background-image: url(../img/point.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 10px;
}

p.attention {
	background-image: url(../img/attention.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 15px;
}

p.up {
	clear: both;
	text-align: right;
	display: block;
	margin-bottom: 40px;
	width: 740px;
}

p.up a {
	text-align: right;
	color: #999;
}

p.up a:hover {
	color: #C00;
	text-decoration: underline;
}

p.slide_menu {
	background-image: url(../img/slide_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-top: 10px;
	margin: 0px;
	padding-bottom: 10px;
}

p.slide_menu a {
	color: #777777;
}

p.slide_menu a:hover {
	color: #EA0000;
	color: #06C;
}

p.answer_close a {
	display: block;
	margin-top: 20px;
}

p.kome {
	background-image: url(../img/kome.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 15px;
	margin-left: 0px;
}


#small  {
	font-size : 10px ;
}



/****リスト*****************************************************************************************************/
#main ul {
	margin-bottom: 20px;
	list-style-type: none;
}

#main ul li {
	background-image: url(../img/point.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 10px;
	margin-bottom: 5px;
	_position: relative;
	text-align: left;
}

/*-----------------------------------------------*/
#main table ul {
	margin-bottom: 0px;
}

#main table li {
	margin-bottom: 0px;
}

/*-----------------------------------------------*/
#main ul.inline {
	float: left;
	width: 100%;
	display: inline;
}

#main ul.inline li {
	float: left;
	margin-right: 15px;
	width: auto;
	white-space: nowrap;
}

/*-----------------------------------------------*/
#main ul li.pdf {
	background-image: url(../img/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 23px;
	line-height: 20px;
	margin-bottom: 8px;
}

#main ul li.pdf {
	white-space: nowrap;
}

/*-----------------------------------------------*/
#main ul li.ecatalog {
	background-image: url(../img/icon_ecatalog.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 23px;
	line-height: 20px;
	margin-bottom: 8px;
}

#main ul li.ecatalog {
	white-space: nowrap;
}

/*-----------------------------------------------*/
#content ul.attention li {
	background-image: url(../img/attention.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	padding-left: 20px;
	margin-bottom: 5px;
}

#content ul.attention li.point {
	background-image: none;
	padding-left: 0px;
	margin-bottom: 5px;
	list-style-type: disc;
}

#content ul li ul {
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*-----------------------------------------------*/
ul.no_mark li {
	background-image: none;
	padding-left: 0px;
}

/****番号リスト*************************************************************************************************/

ol {
	margin-bottom: 10px;
	list-style-position: outside;
	margin-left: 5px;
}

ol li {
	margin-bottom: 3px;
	padding-left: 0px;
	margin-left: 18px;
}

/*-----------------------------------------------*/
ol.kome {
	list-style-type: decimal;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	list-style-position: inside;
}

ol.kome li {
	background-image: url(../img/kome.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding: 0px 0px 0px 27px;
	text-indent: -16px;
	margin-left: 0px;
}

/*-----------------------------------------------*/

ol li ul {
	margin-top: 0px;
}

ol li ul li {
	padding-left: 10px;
	margin-left: 0px;
}

ol li ul li ul {
	margin-top: 5px;
	margin-left: 0px;
}

ol li ul li ul li {
	padding-left: 0px;
	margin-left: 15px;
	background-image: none;
	list-style-type: disc;
}

/****製品シリーズナビゲーション**********************************************************************************/

#content div#series_navi {
	margin-bottom: 13px;
	width: 740px;
	position: relative;
	clear: both;
	float: left;
}

/**************************************************************************************************************/
#content div.block {
	margin-bottom: 30px;
	width: 740px;
	position: relative;
	clear: both;
	float: left;
}

/**************************************************************************************************************/
#content div.news {
	margin-top: 15px;
	margin-bottom: 10px;
	width: 740px;
	position: relative;
	clear: both;
	float: left;
}

/**************************************************************************************************************/
#content ul.info_list,
#content ul.information_list {
	margin-top: 20px;
}

#content ul.information_list li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom: 2px;
}

#content ul.info_list li {
	padding-left: 120px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
}

#content ul.info_list li.parts {
	background-image: url(../img/info_parts.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#content ul.info_list li.cooling {
	background-image: url(../img/info_cooling.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#content ul.info_list li.control {
	background-image: url(../img/info_control.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#content ul.info_list li.mist {
	background-image: url(../img/info_mist.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#content ul.info_list li.clean {
	background-image: url(../img/info_clean.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#content ul.info_list li.keisoku {
	background-image: url(../img/info_keisoku.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#content ul.info_list li.common {
	background-image: url(../img/info_common.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

ul.back_list {
	margin-top: 30px;
	margin-bottom: 30px;
}

ul.back_list2 {
	margin-top: 40px;
	margin-bottom: 30px;
	background-image: url(../img/stripe_1.png);
	background-repeat: repeat-x;
	padding-top: 30px;
}

#content ul.back_list li,
#content ul.back_list2 li {
	background-image: url(../img/product_back.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

/****ニュース表示・非表示ボタン**********************************************************************************/
#view_change {
	margin-top: 30px;
	margin-bottom: 30px;
}

/**************************************************************************************************************/

#content div.stripe_box div.stripe_innerbox {
	background-color: #FFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

div.stripe_box {
	padding: 10px;
	margin-bottom: 10px;
}

div.border_box {
	background-color: #FFF;
	border: 1px solid #E1E1E1;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
div.border_block {
	margin-bottom: 20px;
	border: 5px solid #E7E7E7;
	padding: 20px;
	float: left;
	width: 690px;
	clear: both;
}

div.border_block p.slide_menu {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 20px;
}

div.border_block h3 {
	margin-top: 0px;
	background-image: url(../img/stripe_4.png);
	padding-left: 10px;
	border-left-style: none;
	color: #FFF;
}

div.border_box h5 {
	margin-top: 5px;
}


/***製品カテゴリタイトルイメージ********************************************************************************/
#main #product_title {
	float: left;
	width: 100%;
	padding-top: 15px;
	margin-bottom: 20px;
}

#main #product_title h2 {
	background-image: none;
	color: #333;
	text-indent: 0;
	padding-left: 0px;
	font-size: 32px;
	line-height: normal;
	width: 590px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	display: block;
	margin-bottom: 15px;
	float: right;
}

div#product_title .category_img {
	display: block;
	float: left;
	margin-right: 30px;
}
/****製品詳細本文************************************************************************************************/
#content #details {
	clear: both;
}

#details h2 {
}

#details #spec_left {
	width: 470px;
	float: left;
}

#details #spec_right {
	width: 230px;
	float: right;
	padding: 10px;
	margin-left: 20px;
	color: #FFF;
}

#details #read {
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

#details #spec_left h3 {
	background-image: url(../img/stripe_3.png);
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 10px;
}

#details #spec {
	margin-bottom: 50px;
	background-image: url(../img/product_spec_bg.png);
	background-repeat: repeat-y;
	float: left;
	width: 740px;
}

#details #product_photo {
	text-align: center;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom: 15px;
}

#download a {
	color: #FFF;
}

#download a:hover {
	color: #F00;
	text-decoration: underline;
}

a.movie {
	background-image: url(../img/movie.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 25px;
}

#content ul.attention li ul li {
	background-image: url(../img/point.png);
	padding-left: 10px;
}

#content ul.attention li ol li {
	background-image: none;
	padding-left: 0px;
	margin-bottom: 0px;
}

#content ul.attention li ol li ul {
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#content ul.attention li ol li ul li {
	background-image: url(../img/point.png);
	padding-left: 10px;
}

#content ul.attention li ol li ul li ol {
	margin-left: 20px;
	margin-bottom: 5px;
}

#content ul.attention li ol li ul li ol li {
	background-image: none;
	padding-left: 0px;
}

/***製品カテゴリトップ製品ニュース*******************************************************************************/
div#news {
	clear: both;
}

div#news h3 {
	width: 715px;
}

div#news ul li {
	width: 730px;
}

div#news div {
	margin-bottom: 20px;
}

/***FAQ**********************************************************************************************************/

#faq_list h4 {
	font-size: 14px;
}

#faq_list h4 a {
	display: block;
}

#faq_list .answer {
	padding: 15px 15px 5px 15px;
	border: 5px solid #E1E1E1;
}

/*****地図*******************************************************************************************************/
iframe {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/*****メルマガ***************************************************************************************************/
#mailmagazine_entory {
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/****検索結果***************************************************************************************************/
div.search_answer {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

/*****サポートページタブメニュー*********************************************************************************/
div#support_menu {
	margin-bottom: 10px;
	float: left;
	width: 740px;
}

/*****リンクページリスト****************************************************************************************/
#content ul.links li {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-image: url(../img/preview.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}

#content ul.links li img {
	margin-left: 15px;
}

/****サイズ変更ボタン*******************************************************************************************/
div#size {
	position: absolute;
	display: block;
	width: 90px;
	height: 20px;
	top: -2px;
	left: 650px;
}

div#size a {
	width: 30px;
	height: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	text-decoration: none;
}

/***フォーム****************************************************************************************************/
input,
textarea {
	ime-mode: active;
	font-size: 12px;
}

input.herf {
	ime-mode: disabled;
}

form input#keyword {
	width: 130px;
}

form input#search_submit {
	font-size: 12px;
	width: 40px;
}

div.button {
	text-align: center;
	background-image: url(../img/stripe_1.png);
	background-repeat: repeat-x;
	margin-top: 40px;
	padding-top: 40px;
	display: block;
	clear: both;
}

.button input,
table.form_table .button input {
	padding: 5px 15px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: center;
}
/***サイトマップ***********************************************************************************************/
#sitemap {
	margin-bottom: 15px;
	border: 10px solid #F8F7E4;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
/*--------------------------------------*/
#sitemap ul,
#sitemap ul li,
#sitemap ul li ul,
#sitemap ul li ul li {
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	background-image: none;
	text-indent: 0px;
}
#sitemap ul li a.open {
	background-image: url(../img/sitemap2/open.png);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-right: 20px;
	display: block;
	color: #333;
	text-decoration: none;
}
#sitemap ul li ul li ul li a.open {
	background-image: url(../img/sitemap2/open.png);
	background-repeat: no-repeat;
	background-position: 21px center;
}
#sitemap ul li ul li ul li ul li a.open {
	background-image: url(../img/sitemap2/open.png);
	background-repeat: no-repeat;
	background-position: 41px center;
}
/*--------------------------------------*/
#sitemap ul li{
	background-image: url(../img/sitemap/home.png);
	background-repeat: no-repeat;
	text-indent: 20px;
	background-position: 0px 0px;
/*	
	font-weight: bold;
	font-size: 14px;
*/	
	line-height: 24px;
	display: block;
}
#sitemap ul li ul li {
	background-image: url(../img/sitemap/holder.png);
	text-indent: 40px;
	background-color: #FFF;
}
#sitemap ul li ul li:hover {
	background-color: #F0EBC1;
}
#sitemap ul li ul li.last {
	background-image: url(../img/sitemap/holder_last.png);
}
/*--------------------------------------*/
#sitemap ul li ul li ul li.last {
	padding-bottom: 10px;
}
#sitemap ul li  ul li ul li,
#sitemap ul li  ul li ul li.last,
#sitemap ul li  ul li ul li.holder_last {
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	background-color: #FFF;
}
#sitemap ul li  ul li ul li:hover {
	background-color: #FAF8EB;
}
#sitemap ul li ul li ul li{
	padding-bottom: 0px;
}
/*--------------------------------------*/
#sitemap ul li ul li ul li {
	background-image: url(../img/sitemap/holder_page.png);
	text-indent: 60px;
}
#sitemap ul li ul li ul li.last {
	background-image: url(../img/sitemap/holder_page_last.png);
}
#sitemap ul li ul li.last ul li {
	background-image: url(../img/sitemap/holder_last_page.png);
}
#sitemap ul li ul li.last ul li.last {
	background-image: url(../img/sitemap/holder_page_last.png);
}
/*--------------------------------------*/
#sitemap ul li ul li ul li.holder {
	background-image: url(../img/sitemap/holder_holder.png);
}
#sitemap ul li ul li ul li.holder_last {
	background-image: url(../img/sitemap/holder_holder_last.png);
}
/*--------------------------------------*/
#sitemap ul li ul li ul li.holder ul li {
	background-image: url(../img/sitemap/holder_holder_page.png);
	text-indent: 80px;
}
#sitemap ul li ul li ul li.holder ul li.last {
	background-image: url(../img/sitemap/holder_holder_page_last.png);
}
/*--------------------------------------*/
#sitemap ul li ul li ul li.holder_last ul li {
	background-image: url(../img/sitemap/holder_holder_last_page.png);
	text-indent: 80px;
}
#sitemap ul li ul li ul li.holder_last ul li.last {
	background-image: url(../img/sitemap/holder_holder_last_page_last.png);
}
/*--------------------------------------*/
#sitemap ul li ul li ul li.holder ul li.holder {
	background-image: url(../img/sitemap/holder_holder_product.png);
}
#sitemap ul li ul li ul li.holder ul li.holder ul li {
	background-image: url(../img/sitemap/holder_holder_product_page.png);
	text-indent: 100px;
}
#sitemap ul li ul li ul li.holder ul li.holder ul li.last {
	background-image: url(../img/sitemap/holder_holder_product_page_last.png);
}
/*--------------------------------------*/
#sitemap ul li ul li ul li.holder_last ul li.holder {
	background-image: url(../img/sitemap/holder_holder_last_paroduct.png);
}
#sitemap ul li ul li ul li.holder_last ul li.holder ul li {
	background-image: url(../img/sitemap/holder_holder_last_product_page.png);
	text-indent: 100px;
}
#sitemap ul li ul li ul li.holder_last ul li.holder ul li.last {
	background-image: url(../img/sitemap/holder_holder_last_product_page_last.png);
}
/*--------------------------------------*/
#sitemap ul li ul li.last ul li {
	background-image: url(../img/sitemap/holder_last_page.png);
}
#sitemap ul li ul li.last ul li.last {
	background-image: url(../img/sitemap/holder_last_page_last.png);
}
/*--------------------------------------*/