@charset utf-8;

/*================================================================================
	■基本設定
================================================================================*/

/*-----基礎設定-----*/

body {
	margin:0;
	padding:0;
	background:url(/images/shared/bg_body.gif) repeat-x 0 0 #eee;
	font-family:メイリオ, Hiragino Kaku Gothic Pro, ヒラギノ角ゴ Pro W3, ＭＳ Ｐゴシック, Osaka, sans-serif;
	font-size:12px;	/*IE設定あり*/
	line-height:1.5;
	color:#444;
	text-align:center;
}
h1,h2,h3,h4,h5,h6,
p,ul,ol,li,dl,dt,dd,
table,tr,th,td,address,form,
pre, code {
	margin:0;
	padding:0;
	border:none;
	list-style:none;
}
h1{ 
	font-weight:normal;
	font-size:100%;
}
h2{ 
	font-weight:bold;
	font-size:120%;
	color: #1C298F
}
h3{
	font-size:12px;
	color:#1C2A8F;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
h3{ 
	font-weight:bold;
	font-size:100%;
	color: #1C298F
}
h5{
	font-size:12px;
	color:#333333;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
img {
	border: none;
	vertical-align:top;
}
hr{
	position:absolute;
	left:-9999em;
	width:10px;
	height:0;
}

/*-----文字------*/
.circle{
color:#1C298F;
margin:0px 3px 0px 0px;
}

.fontSizeSmall{
	/*文字サイズ小の時*/
	font-size:90%;
}

/*-----フォントカラー-----*/
.fontblue {color: #1C298F}

/*-----マージン設定-----*/
.ma20{ 
	margin-top:20px;
}
.ma15{ 
	margin-top:15px;
}
.ma10{ 
	margin-top:10px;
}
.ma5{
	margin-top:5px;
}
.ma3{ 
	margin-top:3px;
}

/*-----リンク設定-----*/
a{
	color:#0040AD;
	text-decoration:none;
}
a:hover,a:active{
	text-decoration:underline;
}
a:visited {
	color:#0040AD;
	}

/*-----strong/em設定-----*/
strong{
	font-weight:bold;
}
em{ 
	font-style:normal;
}

/*-----不可視要素-----*/
.hidden{
	height:0;
	overflow:hidden;
}

/*================================================================================
	■ページ共通のレイアウト設定
================================================================================*/

/*-----レイアウトエリア-----*/
#container{
	position:relative;
	border-right:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	background-color:#ffffff;
	margin:0 auto;
	width:750px;
	text-align:left;
}

/*-----ナビゲーションエリア-----*/
#navigation{
	margin:0px;
	width:750px;
}
#navigation #globalNav{
	padding:0px;
	background:url(/images/shared/bg_navigation.gif) repeat-x left bottom;
}
#globalNav li{
	float:left;
	width:150px;
	height:24px;
	text-align:center;	
}
#globalNav li img{
	margin:0px;
	vertical-align:baseline;
}
#globalNav a{
	padding:0px;
	display:block;
	width:150px;
	height:24px;
	background-image:url(/images/shared/bg_globalnav.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color:#1C298F;
	font-size:100%;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	line-height:2;
}
#globalNav a:hover,
#globalNav li.current a{
	border-top:0px solid #e8d6d6;
	background-image:url(/images/shared/bg_globalnav_on.gif);
	background-color:#1C298F;
	text-decoration:underline;
}
#globalNav li.last-child a,
#globalNav li.last-child a:hover{ 
	background-position:left bottom;
}

/*-----コンテンツエリア-----*/
#content1{
	clear:both;
	padding-top:10px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px ;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:10px ;
	width:730px;
}
#content2{
	clear:both;
	padding-top:10px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px ;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:0px;
	margin-left:20px ;
	width:710px;
}

/*-----フッター-----*/
#footer01{
	clear:both;
	width:750px;
	position:inherit;
	text-align:center;
	padding-top:10px;
}
#footer02{
	clear:both;
	width:750px;
	position:inherit;
	margin:6px 0px 0px 0px;
	text-align:center;
	background-color:#1425AB;
	color:#ffffff;
}

/*-----TOPへ戻る設定-----*/
div.back_top{
	width:710px;
	padding:5px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	border-top:1px dotted #CCCCCC;
	text-align:right;
	font-size:10px;
	font-weight:bold;
}
.sankaku{/*topへ戻るの三角*/
color:#EF0032;
}


/*================================================================================
	■トップ／商品検索
================================================================================*/

/*お問合わせ先*/
#container ul.utilityNav{
	position:absolute;
	top:10px;
	right:6px;
	width:450px;
	text-align:right;
	height: 3px;
}

/*-----ヘッダー-----*/
#header{
	height: 55px;
	width:750px;
	padding:0px;
	background:url(/images/shared/bg_header.gif) repeat-x #fafafa;
}

/*-----メイン画像-----*/
#mainVisual{
	clear:both;
	width:750px;
	height:115px;
}

/*----------２段ボックスの設定----------*/
#primary{
	float:left;
	width:730px;
	margin-top:5px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px ;
}
/*-----検索ボックスの設定------*/
#primary .primaryColumn .firstCol{
	float:left;
	width:358px;
	height:65px;
	background-color:#F2F2F2;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
.product{ 
	margin-left:10px;
	width:315px;
	padding:2px 0px 0px 0px;
	font-size:90%;
}
#formdesign{
	float:left;
	width:315px;
	height:32px;
	border:1px solid #878CAC;
	margin:4px 10px;
	text-align:center;
    background-color:#D0D5E9;
}

/*-----お申込みボックスの設定------*/
#primary .primaryColumn .secondCol{
	float:right;
	width:358px;
	height:65px;
	margin-right:2px;
	background-color:#F2F2F2;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
#primary .primaryColumn .secondCol .order{ 
	padding-top:12px;

}

/*-----更新情報ボックスの設定-----*/
#primary .primaryColumn .thirdCol{
	float:left;
	width:358px;
	background-color:#fff
}
#primary .primaryColumn .thirdCol .infobox{
	padding-top:6px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px ;
}
#top .infolist{
	height:118px;
	overflow:auto;
	}

#top .infolist li{
	clear:both;
	margin-top:0px;
	margin-bottom:0.3em;
	padding:0 1px 0.3em;
	line-height:1.2em;
	background:url(/images/shared/bg_head02b.gif) repeat-x left bottom;
}
#top .infolist li a{
	display:block;
	width:320px;
}
#top .infolist li img{
	float:left;
	margin-right:5px;
}
#top .infolist li span{
	display:block;
	float:left;
	width:300px;
	cursor:pointer;
}

/*-----おしらせボックス設定-----*/
#primary .primaryColumn .fourthCol{
	float:right;
	width:358px;
	margin-right:2px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	text-align:center;
}
#news{
	padding-top:5px;
	padding-left:5px;
	margin:0 auto;
	width:340px;
	text-align:left;
}
#news .arrow02 li{
	padding-left:13px;
	margin-bottom:5px;
	background:url(/images/shared/icon.gif) no-repeat 0 0.4em;
	color:#c44a4e;
}


/*-----マウスオーバーありのリンクボックス-----*/
#primary a.anchorBox {
	display:block;
	background:url(/images/shared/anchorBox.gif) no-repeat;
	width:175px;
	height:99px;
	text-decoration:none;
	color:#263495;
	float:left;
	margin-left:0px;
	margin-right:9px;
	margin-bottom:6px;
}
#primary a.anchorBox:hover{
	background:url(/images/shared/anchorBox_on.gif) no-repeat;
	text-decoration:underline;
}
#primary a.anchorBox span.arrow02{
	font-weight:bold;
	line-height:14px;
	margin-left:8px;
}
#primary a.anchorBox span.arrow03{
	font-weight:bold;
	line-height:3em;
	margin-top:10px;
	margin-left:10px;
	margin-right:3px;
}
#primary a.anchorBox span.body{
	display:block;
}
#primary a.anchorBox2 {
	display:block;
	background:url(/images/shared/anchorBox.gif) no-repeat;
	width:175px;
	height:99px;
	text-decoration:none;
	color:#444;
	color:#263495;
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:6px;
}
#primary a.anchorBox2:hover{
	background:url(/images/shared/anchorBox_on.gif) no-repeat;
	text-decoration:underline;
}
#primary a.anchorBox2 span.arrow02{
	font-weight:bold;
	line-height:14px;
	margin-left:8px;
}
#primary a.anchorBox2 span.arrow03{
	font-weight:bold;
	line-height:3em;
	margin-top:10px;
	margin-left:10px;
	margin-right:3px;
}
#primary a.anchorBox2 span.body{
	display:block;
}

/*----------お申し込み２段ボックスの設定----------*/
#order{
	width:335px;
	margin-top:10px;
	margin-left:15px;
}
/*-----マウスオーバーありのリンクボックス-----*/

#order a{
	margin:0 6px 3px 0;
	}

#order a.maintenance {
	display:block;
	background:url(/images/shared/top_menu01.gif) no-repeat;
	width:160px;
	height:22px;
	float:left;
}
#order a.maintenance:hover{
	background:url(/images/shared/top_menu01o.gif) no-repeat;
}
#order a.maintenance span.body{
	display:block;
}

#order a.filter {
	display:block;
	background:url(/images/shared/top_menu02.gif) no-repeat;
	width:160px;
	height:22px;
	float:left;
}
#order a.filter:hover{
	background:url(/images/shared/top_menu02o.gif) no-repeat;
	text-decoration:underline;
}
#order a.filter span.body{
	display:block;
}

#order a.register {
	display:block;
	background:url(/images/shared/top_menu03.gif) no-repeat;
	width:160px;
	height:22px;
	float:left;
}
#order a.register:hover{
	background:url(/images/shared/top_menu03o.gif) no-repeat;
	text-decoration:underline;
}
#order a.register span.body{
	display:block;
}

#order a.special_site {
	display:block;
	background:url(/images/shared/top_menu04.gif) no-repeat;
	width:160px;
	height:22px;
	float:left;
}
#order a.special_site:hover{
	background:url(/images/shared/top_menu04o.gif) no-repeat;
	text-decoration:underline;
}
#order a.special_site span.body{
	display:block;
}




/*================================================================================
	■検索結果
================================================================================*/
.itemlist table{
    border:1px solid #999999;
    border-collapse:collapse;
}
.itemlist td{
    border:1px solid #999999;
    padding:0px;
    font-size:12px;
}
.bgbrown{
    background-color:#ECE9D8;
    text-align:center;
    width:80px;
    padding:2px;
}
.bgblue{
    background-color:#D0D5E9;
}
.noborder img{
    border:0px;
}

.listth{
    color:#000033;
    font-weight:bold;
    width:564px;
    padding:1px;
}

.imgline{
/*    border:1px solid #999999; */
    width:120px;
    height:90px;
}

/*-----各種製品の説明「左」-----*/
.ldetailed{
    float:left;
    width:380px;
    padding-left:5px;
}

/*-----各種製品の説明「右」-----*/
.rdetailed{
    float:right;
    width:160px;
    text-align:right;
    padding-right:5px;
}

/*================================================================================
	■特色／ＴＭＣ
================================================================================*/
#boss{
float:left;
	clear:both;
	padding-top:10px;
	padding-right:0px;
	padding-bottom:20px;
	padding-left:0px ;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:20px ;
	width:650px;
	text-align:right;
}
#tmc{
	padding-top:10px;
	width:630px;
	margin:0 auto 0 auto;
}


/*================================================================================
	■会社案内
================================================================================*/
.borderStyleS,{/*dt width 111px*/
	width:700px;
	border:1px solid #ccc;
	margin-bottom:5px;
	margin-top:5px;
}
.wide{/*wide style for saiyou form pages*/
	width:750px;
}
.borderStyleS{
	background:url(/images/shared/dl_background_111.gif) repeat-y left;
}
.borderStyleS dl dt,{
	float:left;
	clear:both;
	padding:0.3em 6px;
	border-top:1px solid #ccc;
	font-weight:normal;
}
dl dt.first-child {
	border-top:none;
}
.dtWeightBold dl dt{
	font-weight:bold;
}
.wide dl dt{
	font-weight:bold;
}
.borderStyleS dl dt{
	width:100px;
}
.borderStyleS dl dd,{
	float:left;
	padding:0.3em 6px;
	border-top:1px solid #ccc;
	margin-bottom:0;
}
dl dd.first-child {
	border-top:none;
}
.borderStyleS dl dd{
	width:576px;
}
.wide dl dd{
	width:554px;
}
.borderStyleSS,{/*dt width 111px*/
	width:473px;
	border:0px solid #ccc;
	margin-bottom:10px;
}
.wide{/*wide style for saiyou form pages*/
	width:750px;
}
.borderStyleSS{
}
.borderStyleSS dl dt,{
	float:left;
	clear:both;
	padding:0em 6px;
	font-weight:normal;
}
dl dt.first-child {
	border-top:none;
}
.dtWeightBold dl dt{
	font-weight:bold;
}
.wide dl dt{
	font-weight:bold;
}
.borderStyleSS dl dt{
	width:250px;
}
.borderStyleSS dl dd,{
	float:left;
	padding:0em 6px;
	margin-bottom:0;
}
dl dd.first-child {
	border-top:none;
}
.borderStyleSS dl dd{
	width:199px;
}
.wide dl dd{
	width:554px;
}
.style1 {
	color: #CCCCCC}
.borderStyleSSS,{/*dt width 111px*/
	width:700px;
	border:1px solid #ccc;
	margin-bottom:10px;
	margin-top:5px;
}
.wide{/*wide style for saiyou form pages*/
	width:750px;
}
.borderStyleSSS{
}
.borderStyleSSS dl dt,{
	float:left;
	clear:both;
	padding:0.1em 6px;
	border-top:1px solid #ccc;
	font-weight:normal;
}
dl dt.first-child {
	border-top:none;
}
.dtWeightBold dl dt{
	font-weight:bold;
}
.wide dl dt{
	font-weight:bold;
}
.borderStyleSSS dl dt{
	width:80px;
}
.borderStyleSSS dl dd,
{
	float:left;
	padding:0.1em 6px;
	border-top:1px solid #ccc;
	margin-bottom:0;
}
dl dd.first-child {
	border-top:none;
}
.borderStyleSSS dl dd{
	width:596px;
}
.wide dl dd{
	width:554px;
}

/*================================================================================
	■アクセス
================================================================================*/
#map{
	padding-top:20px;
	width:500px;
	margin:0 auto 0 auto;
}


/*================================================================================
	■メンテナンス・交換フィルタ　共通
================================================================================*/
/*-----表の設定-----*/

table.hyou01{
	margin:10px 0px 0px 16px;
	width:670px;
	padding:0px;
	border:1px solid #006699;
}
/*-----表内項目-----*/
td.h_title01{/*下・右ボーダー*/
	padding:5px;
	margin:0px;
	border-right:1px solid #006699;
	border-bottom:1px solid #006699;
	background-color:#EEEEEE;
	font-weight:bold;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
}

td.h_title02{/*右ボーダー*/
	padding:5px;
	margin:0px;
	border-right:1px solid #006699;
	background-color:#EEEEEE;
	font-weight:bold;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
}
td.h_title03{/*下ボーダー*/
	padding:5px;
	margin:0px;
	border-bottom:1px solid #006699;
	background-color:#EEEEEE;
	font-weight:bold;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
}

td.h_text03{/*下ボーダー*/
	padding:5px;
	margin:0px;
	border-bottom:1px solid #006699;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:top;
}
td.h_text04{/*ボーダーなし*/
	padding:5px;
	margin:0px;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:top;
}
td.under_box{
	vertical-align:top;
}
div.s_inbox01{
	width:686px;
	margin:15px 0px 0px 14px;
	padding:0px;
	font-size:12px;
	line-height:150%;
}
div.annotation_sbox{/*ダウンロードボタン下注釈*/
	margin:3px 0px 0px 0px;
	width:173px;
	padding:0px;
	text-align:right;
	font-size:10px;
	font-weight:bold;
}

/*================================================================================
	■メンテナンスのお申し込み
================================================================================*/
#maintebox{
	clear:both;
	margin-top:20px;
	padding:15px;
	width:500px;
	background-color:#eeeeee;
}
#maintebox_left{
	float:left;
	width:300px;
}
#maintebox_right{
	margin-top:20px;
	text-align:center;
	float:right;
	width:200px;
}
/*-----限定表の設定-----*/
table.info_mainte_hyou01{
	margin:10px 0px 0px 16px;
	width:670px;
	padding:0px;
}
table.info_mainte_hyou02{
	margin:0px;
	width:524px;
	padding:0px;
	border:1px solid #006699;
}
td.h_text001{/*テキスト折り返さない*/
	padding:5px;
	margin:0px;
	border-right:1px solid #006699;
	border-bottom:1px solid #006699;
	background-color:#FFFFFF;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
}
td.h_text002{/*テキスト折り返さない*/
	padding:5px;
	margin:0px;
	border-right:1px solid #006699;
	background-color:#FFFFFF;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
}
td.h_text003{/*テキスト折り返さない*/
	padding:5px;
	margin:0px;
	border-bottom:1px solid #006699;
	background-color:#FFFFFF;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
}
td.img_info_mainte01{
	width:146px;
	text-align:left;
	padding:0px;
	margin:0px;
	vertical-align:top;
}
td.on_text{
	font-size:12px;
	margin:0px;
	padding:5px;
	line-height:150%;
}
td.h_title00{
	padding:5px;
	margin:0px;
	color:#FFFFFF;
	background-color:#006699;
	font-weight:bold;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
}
div.explanation_box{/*見出し下説明文*/
	margin:15px 0px 0px 16px;
	width:670px;
	padding:0px;
}
div.annotation_sbox02{
	margin:3px 0px 0px 0px;
	width:524px;
	padding:0px;
	text-align:right;
	font-size:10px;
}

/*================================================================================
	■交換フィルタお申し込みページ設定
================================================================================*/
/*-----表の設定-----*/
table.in_sbox{
	width:530px;
	margin:5px;
	font-size:12px;
	line-height:150%;
}
table.info_exchange_hyou01{/*交換フィルタお申し込みページ内の表（外枠）*/
	margin:10px 0px 0px 16px;
	width:670px;
	padding:0px;
}

table.info_exchange_hyou02{/*交換フィルタお申し込みページ内の表（内側）*/
	margin:0px;
	width:540px;
	padding:0px;
	border:1px solid #006699;
}
td.h_text01{/*下・右ボーダー*/
	padding:5px;
	margin:0px;
	border-right:1px solid #006699;
	border-bottom:1px solid #006699;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:top;
}
td.h_text01b{/*下（太線）・右ボーダー*/
	padding:5px;
	margin:0px;
	border-right:1px solid #006699;
	border-bottom:2px solid #006699;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:top;
}

td.h_text01c{/*下・右ボーダー　背景色付き*/
	padding:5px;
	margin:0px;
	border-right:1px solid #006699;
	border-bottom:1px solid #006699;
	background-color:#FFFFC1;
	text-align:left;
	vertical-align:top;
}
td.h_text01bc{/*下（太線）・右ボーダー　背景色付き*/
	padding:5px;
	margin:0px;
	border-right:1px solid #006699;
	border-bottom:2px solid #006699;
	background-color:#FFFFC1;
	text-align:left;
	vertical-align:top;
}
td.h_text02{/*右ボーダー*/
	padding:5px;
	margin:0px;
	border-right:1px solid #006699;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:top;
}
td.h_text02c{/*右ボーダー　背景色付き*/
	padding:5px;
	margin:0px;
	border-right:1px solid #006699;
	background-color:#FFFFC1;
	text-align:left;
	vertical-align:top;
}
td.h_text03b{/*下（太線）ボーダー*/
	padding:5px;
	margin:0px;
	border-bottom:2px solid #006699;
	background-color:#FFFFFF;
	text-align:left;
	vertical-align:top;
}
div.img_info_exchange00{/*画像挿入部分設定（内側）*/
	width:120px;
	text-align:right;
	padding:0px 0px 0px 0px;
	margin:0px 10px 5px 0px;
	font-size:10px;
}
td.img_info_exchange01{/*画像挿入部分設定（内側）*/
	width:130px;
	text-align:left;
	padding:0px;
	margin:0px;
	vertical-align:top;
}
div.download_soutbox{/*ダウンロード枠（ベース）*/
	margin:5px 0px 0px 0px;
	width:540px;
	padding:0px;
	text-align:left;
	line-height:140%;
}
td.download_sright{
	width:185px;
	text-align:right;
	vertical-align:top;
}

/*-----clearfix設定-----*/
#container,
#header,
#simpleHeader01,
#globalNav,
#content,
#returnPath,
#footer,
#container:after,
#header:after,
#simpleHeader01:after,
#content:after,
#returnPath:after,