@charset "UTF-8";
/* common.css */

/*---------------------------------------------
  　　　　全ページ共通CSSファイル
---------------------------------------------*/

/* タグスタイルの初期化
----------------------------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,p,table,th,td,img,form{
	padding: 0;
	margin: 0px;
}

/*  基本スタイル設定
----------------------------------------------------------------------------------------------- */
body { 
	text-align:center;
	color:#333333;
	background-color:#F2F2F2;
	font-family: Verdana, sans-serif;
	font-size:80%;
}

a{ color:#0033CC;  text-decoration: none; }
a:visited{ color:#006699;  text-decoration: none; }
a:hover{ color:#CC0000;  text-decoration:underline; }
a img { border:0;}

dt,dl,ul,ol { list-style:none;}
li { line-height:130%;}

em,address { font-style:normal; font-weight:nomal;}
strong { font-style:normal; font-weight:bold;}

h1,h2 { font-size:120%; margin:0.3em 0 0em;}
h3,h4 { font-size:110%; margin:0.2em 0;}
h5,h6 { font-size:100%;}

hr { margin:1em 0;}

p{line-height:130%;}

table{ border-collapse:collapse; border-spacing:0;}

/*  基本レイアウトDIVスタイル設定
----------------------------------------------------------------------------------------------- */
div#container { 
	width:720px; 
	margin:0 auto; 
	background:#FFFFFF;
	text-align:left;
	position: relative;
	border-right:#E4E4E4 2px solid;
	border-left:#E4E4E4 2px solid;
	border-bottom:#E4E4E4 2px solid;
}
div#gHeaderArea {
	width:720px;
}
div#cHeaderArea {
	width:720px;
}

/*メインメニュー*/
#cHeaderArea #mainMenu {
 width: 720px;
 height:30px;
 clear:both;
 border-bottom:1px solid #999999;
 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

div#mainArea {
	width:704px;
	clear: both;
	padding-bottom:10px;
	margin:8px;
}
div#footerArea { 
	height:72px; 
	width:720px; 
	clear:both;
	/*background:url(../images/common/footer_bg2.gif) top left repeat-x;*/
}

/* clearfix */
div#mainArea div {
    zoom:1;/*for IE 5.5-7*/
}
div#mainArea div:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* グローバルヘッダーエリア(#gHeaderArea)スタイル設定
----------------------------------------------------------------------------------------------- */
/*ロゴ*/
#gHeaderArea #logo {
	position: absolute;
	left: 15px;
	top: 10px;
}

#gHeaderArea #logo p {
	font-size: 11px;
}

/*検索ボックス*/
#gHeaderArea form#serch  {
	padding-top: 3px;
	width:300px;
	float:right;
}
#gHeaderArea #serch .broad {
	width: 150px;
}
#gHeaderArea #serch .searchBtn {
	margin-top: 3px;
	vertical-align:top;
}
#gHeaderArea #serch dt {
	display: block;
	clear: left;
	float: left;
	width: 100px;
	margin-top:5px;
}

/*ヘッダーメニュー*/
#gHeaderArea #headerMenu {
	width:450px;
	clear: both;
	float: right;
	margin-top:20px;
	height: 25px;
}
#gHeaderArea #headerMenu li {
	float: right;
	background-image: url(../images/common/allow_blue.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}
#gHeaderArea #headerMenu #mnuSitemap {
	width: 80px;
}
#gHeaderArea #headerMenu #mnuPrivacy {
	width: 120px;
}
#gHeaderArea #headerMenu #mnuPolicy {
	width: 80px;
}

/* カテゴリヘッダーエリア(#cHeaderArea)スタイル設定
----------------------------------------------------------------------------------------------- */
/*メインメニュー*/
#cHeaderArea #mainMenu {
	width: 720px;
	height:30px;
	clear:both;
	border-bottom:1px solid #999999;
}
#cHeaderArea #mainMenu ul{
	margin-left:0px;
}
#cHeaderArea #mainMenu li {
	float: left;
	text-align:center;
	margin-top:0px;
	height:30px;
	vertical-align:middle;
}
#cHeaderArea #mainMenu a {
	display:block;
	color:#333333;
	font-size:100%;
	font-weight:bold;
	background-color:#FFFFFF;
	width:143px;
	height:23px;
	border-left:1px solid #CCCCCC;
	padding-top:7px;
}
#cHeaderArea #mainMenu #mnu6 li a {
	width:119px;
}
#cHeaderArea #mainMenu #mnu7 li a {
	width:102px;
}	
#cHeaderArea #mainMenu #mnu4 li a {
	width:179px;
}
#cHeaderArea #mainMenu a:hover {
	border-bottom:3px solid #FF0000;
	text-decoration:none;
	height:20px;
	color:#FF0000;
}
#cHeaderArea #mainMenu #mnuHome a,#cHeaderArea #mainMenu #mnuGaiyou a{
	border-left:none;
}
/*カテゴリロゴエリア*/
#cHeaderArea #catLogo{
	width:720px;
	height: 96px;
	/*background-image: url(../images/common/back.jpg);*/
	background-position: left top;
	background-repeat: repeat-x;
	margin-top: 0px;
	clear: both;
	border-bottom:1px solid #999999;
}
#cHeaderArea #catLogo img#clogoImg{
	float:left;
	margin-right: 15px;
}
#cHeaderArea #catLogo h1 {
	margin-top: 0px;
	margin-left: 20px;
	padding-top: 20px;
}

/* メインエリア(#mainArea)スタイル設定
----------------------------------------------------------------------------------------------- */
/*Whats Newスタイル */
/*商品*/
#lmainTop .iconItem {background-color:#FF9900;	margin: 1px;padding: 1px;font-size: 10px;color:#FFFFFF;}
/*重要*/
#lmainTop .iconImp {background-color:#FFFF00;margin: 1px;padding: 1px;color:#FF0000;font-size: 10px;}
/*イベント*/
#lmainTop .iconEvent {background-color:#3399CC; margin: 1px;padding: 1px;color: #FFFFFF;font-size: 10px;}
/*更新*/
#lmainTop .iconUpdate {background-color:#9933FF;margin: 1px;padding: 1px;font-size: 10px;color:#FFFFFF;}
/*カタログ*/
#lmainTop .iconPanf {background-color:#00CC66;margin: 1px;padding: 1px;color: #FFFFFF;font-size: 10px;}
/*その他*/
#lmainTop .iconEtc {background-color:#666666;margin: 1px;padding: 1px;color: #FFFFFF;font-size: 10px;}
/*理科機器*/
#lmainTop .iconScience {background-color:#FF9900;margin: 1px;padding: 1px;color: #FFFFFF;font-size: 10px;}
/*保健福祉*/
#lmainTop .iconHealth {background-color:#ff0000;margin: 1px;padding: 1px;color: #FFFFFF;font-size: 10px;}
/*救急救命*/
#lmainTop .iconFirstaid {background-color:#3366ff;margin: 1px;padding: 1px;color: #FFFFFF;font-size: 10px;}
/*施設設備*/
#lmainTop .iconFacilities {background-color:#cc6600;margin: 1px;padding: 1px;color: #FFFFFF;font-size: 10px;}
/*ヒーター*/
#lmainTop .iconHeater {background-color:#D70616;margin: 1px;padding: 1px;color: #FFFFFF;font-size: 10px;}
/*IR*/
#lmainTop .iconIr {background-color:#0000FF;margin: 1px;padding: 1px;color: #FFFFFF;font-size: 10px;}
/*採用*/
#lmainTop .iconRecruit {background-color:#33CC66;margin: 1px;padding: 1px;color: #FFFFFF;font-size: 10px;}
/*説明会*/
#lmainTop .iconBriefing {background-color:#99FFFF;margin: 1px;padding: 1px;color:#333333;font-size: 10px;}
/*豆知識*/
#lmainTop .iconUseful {background-color:#669933;margin: 1px;padding: 1px;color:#FFFFFF;font-size: 10px;}
/*代理店向け*/
#lmainTop .iconMember {background-color:#CCCC00;margin: 1px;padding: 1px;color:#333333;font-size: 10px;}

#lmainTop #newsList th {
	padding: 3px 5px 3px 10px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image:url(../images/common/arrow.gif);
	border-bottom: dotted 1px #999999;
	vertical-align:top;
	font-weight:normal;
	text-align:left;
	width:20%;
}
#lmainTop #newsList td {
	border-bottom: dotted 1px #999999;
	padding: 3px 0px 3px 0px;
	display:block;
	width: 99%;
}

.nav-txt a{ color: #006699 !important; }
.nav-txt a:hover{ color:#CC3300 !important;text-decoration: underline !important; }

/*次ページトップへのリンク*/
#mainArea .toNext {
	background-image: url(../images/common/allow_tonext.gif);
	float: right;
	padding: 0px 20px;
	background-position:left center;
	background-repeat:no-repeat;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
/*前ページトップへのリンク*/
#mainArea .toPrevious {
	background-image: url(../images/common/allow_toback.gif);
	float: right;
	padding: 0px 20px;
	background-position:left center;
	background-repeat:no-repeat;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
/*ページトップへのリンク*/
#mainArea .toTop {
	clear:both;
	background-image:url(../images/common/allow_totop.gif);
	float: right;
	padding: 0px 20px;
	background-position:left center;
	background-repeat:no-repeat;
	margin: 5px 0px;
	
}

/* 問い合わせフォームスタイル設定
-----------------------------------------*/
/*入力必須マーク*/
.formMust {
	font-size: 10px;
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 1px;
	margin: 0px 3px;
}

/*問い合わせフォームレイアウト*/
#contactform {
	clear: left;
	margin: 15px 0px;
}
#contactform dl {
	margin: 10px;
}
#contactform dt {
	display: block;
	clear: left;
	float: left;
	width: 150px;
	margin-bottom: 3px;
	padding: 5px;
	text-align: right;
}
#contactform dd {
	float: left; /* 2010.02.12 */
	padding: 5px;
	margin-bottom: 3px;
	margin-left:10px; /* 160px 2010.02.12*/
	width: 460px; /* 2010.02.12 */
}

/*問い合わせ注意事項*/
#formNotice{
	clear: both;
}

#formNotice p{
	margin: 10px;
}
#formNotice ul{
	margin: 0px 0px 10px 20px;
}
#formNotice li{
	background-image:url(../heater/images/arrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
}

/*問い合わせの流れ*/
ul#formFlow li {
	text-align: center;
	display: block;
	float: left;
	width: 215px;
	border-bottom: 3px solid #999999;
	margin: 10px 0px 5px 5px;
	padding: 3px;
}

ul#formFlow {
	text-align: center;
}

/*問い合わせ完了ページ*/
#mainArea p#thanks {
	margin: 40px auto 60px;
	width: 350px;
	line-height: 200%;
}


/* カテゴリ検索結果ページ
--------------------------------------------------------------------------- */
.search_result_navigation{ background:#cccccc; padding:2px 5px; text-align:right; margin:10px 0; }
.search_info{ margin-top:10px; color:#FF0033; }
.search_result_entry{ padding:10px; border-bottom:solid 1px #999999; }
.search_result_title{ font-size:16px; margin-bottom:5px; }
.search_result_path{ font-style:italic; font-size:11px; color:#666666; }
.search_msg{ margin:-28px 0 10px 5px; }



/* カラムレイアウトコントロール
-----------------------------------------*/
/*2カラム左画像*/
.col2Limg{clear:both;position:relative;}
.col2Limg p{margin: 10px;}
.col2Limg ul{margin: 10px; list-style:disc outside;}
.col2Limg ol{margin: 10px; list-style:decimal outside;}
.col2Limg dl{margin: 10px;}
.col2Limg li {margin-left: 20px;margin-bottom:3px;}
.col2Limg img {padding: 10px;float: left;background-color:#FFFFFF;}
/*2カラム右画像*/
.col2Rimg{clear:both;position:relative;}
.col2Rimg p{margin: 10px;}
.col2Rimg ul{margin: 10px; list-style:disc outside;}
.col2Rimg ol{margin: 10px; list-style:decimal outside;}
.col2Rimg dl{margin: 10px;}
.col2Rimg li {margin-left: 20px;margin-bottom:3px;}
.col2Rimg img {padding: 10px;float: right;background-color:#FFFFFF;}

/*1カラム画像なし*/
.col1{clear: both;position:relative;}
.col1 p{margin: 10px;}
.col1 ul {margin: 10px; list-style:disc outside;}
.col1 ol {margin: 10px; list-style:decimal outside;}
.col1 dl {margin: 10px;}
.col1 li {margin-left: 20px;margin-bottom:3px;}

/* フッターエリア(#footerArea)スタイル設定
----------------------------------------------------------------------------------------------- */
/*フッターメニュー*/
#footerArea #footerMenu li {
	float: right;
	background-image: url(../images/common/allow_red.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 10px;
	padding-left: 18px;
	line-height:160%;
}
#footerArea #footerMenu li#fMnuHome {
	float: left;
	width: 150px;
	margin-left:0px;
}
#footerArea #footerMenu {
	font-size: 11px;
	margin: 10px 8px;
}
/*ホームテキストリンク*/
#footerArea #footerMenu li#fMnuHome a {	color: #0000FF;}
#footerArea #footerMenu li#fMnuHome a:hover{color:#CC0000;text-decoration: underline ;}
/*理科機器テキストリンク*/
#footerArea #footerMenu li#fMnuScience a {color: #FF9900;}
#footerArea #footerMenu li#fMnuScience a:hover{color:#CC0000;text-decoration: underline ;}
/*保健福祉テキストリンク*/
#footerArea #footerMenu li#fMnuHealth a {color: #ff0000;}
#footerArea #footerMenu li#fMnuHealth a:hover{color:#CC0000;text-decoration: underline ;}
/*救急救命テキストリンク*/
#footerArea #footerMenu li#fMnuFirstaid a {color: #3366ff;}
#footerArea #footerMenu li#fMnuFirstaid a:hover{color:#CC0000;text-decoration: underline ;}
/*施設設備テキストリンク*/
#footerArea #footerMenu li#fMnuFacilities a {color: #cc6600;}
#footerArea #footerMenu li#fMnuFacilities a:hover{color:#CC0000;text-decoration: underline ;}
/*ヒーターテキストリンク*/
#footerArea #footerMenu li#fMnuHeater a {color:#D70616;}
#footerArea #footerMenu li#fMnuHeater a:hover{color:#CC0000;text-decoration: underline ;}


/* サイトマップページ
--------------------------------------------------------------------------- */
ul.SitemapSnap{ list-style-type:none; margin:0 10px; }
ul.SitemapSnap li{ margin:5px 0; background:url("../images/common/arrow_blue.gif") no-repeat left top; padding:3px 0 10px 20px; _padding:0 0 10px 20px; font-size:15px; font-weight:bold; border-bottom:dashed 1px #999999;}
ul.SitemapSnap ul li{ background:url("../images/common/arrow02.gif") no-repeat left top; padding:0 0 0 10px; margin-left:20px !important; font-size:13px; border:none !important; }
ul.SitemapSnap ul li ul li{ display:none; }
ul.SitemapSnap ul li ul li ul li{ display:none; }
ul.SitemapSnap ul li ul li ul li ul li{ display:none; }

#companyContent ul.SitemapSnap {}

/*フッターコピーライト*/
#footerArea #copyright {
	clear: both;
	height: 30px;
	vertical-align: middle;
	text-align:center;
}
#footerArea #copyright address {
	padding-top: 5px;
}
#cHeaderArea #pan {
	clear: both;
	margin-left:10px;
}

/* 汎用クラス
----------------------------------------------------------------------------------------------- */

/*表示コントロール*/
.hidden { display:none;}
.nonChar { text-indent:-9999px; margin:0; padding:0; background-position:left top; background-repeat:no-repeat;}
.transparent { display:none !important;}

/*ボックス配置コントロール*/
.bLeft { float:left;}
.bRight { float:right;}
.bCenter { margin-left:auto; margin-right:auto;}
.clear { clear:both !important;}

/*テキストコントロール*/
.tNomal { font-weight:nomal !important;}
.tBold { font-weight:bold !important;}
.tUl { text-decoration:underline !important;}
.tCenter { text-align:center !important;}
.tLeft { text-align:left !important;}
.tRight { text-align:right !important;}
.tMiddle { vertical-align:middle !important;}
.tTop { vertical-align:top !important;}
.tBottom { vertical-align:bottom !important;}
.tSmall { font-size:80% !important;}
.tBig { font-size:110% !important;}
.tBig200 { font-size:200% !important;}
.tGray { color:#999999 !important;}
.tRed { color:#FF0000 !important;}
.tBlue { color:#0066CC !important;}
.tOrange { color:#FF6600 !important;} 
.tLh200{ line-height:200% !important;}
.tHome{ color:#0000FF !important;}
.tScience{ color: #FF9900 !important;}
.tHealth{ color:#ff0000 !important;}
.tFirstaid{color: #3366ff !important;}
.tFacilities{color: #cc6600 !important;}
.tHeater{color: #ff3300 !important;}


/*画像コントロール*/
img.imgLeft { margin:0 5px 5px 0; float:left;}
img.imgRight { margin:0 0 5px 5px; float:right;}

/*ボーダーコントロール*/
.bdr { border:1px solid !important;}
.nonBdr { border:none !important;}
.bdrLR {border-left:1px solid !important; border-right:1px solid !important;}
.bdrL {border-left:1px solid !important;}
.bdrR {border-right:1px solid !important; }
.bdrTB {border-top:1px solid !important; border-bottom:1px solid !important;}
.bdrT {border-top:1px solid !important;}
.bdrB {border-bottom:1px solid !important;}
.bdrGray {border-color:#999999 !important;}
.bdrRed {border-color:#FF0000 !important;}
.bdrBlue {border-color:#0000FF !important;}
.bdrOrange {border-color:#FF0000 !important;}
.bdrWhite {border-color:#FFFFFF !important;}
.bdrHome{ border-color:#0000FF !important;}
.bdrScience{ border-color: #FF9900 !important;}
.bdrHealth{border-color:#ff0000 !important;}
.bdrFirstaid{border-color:#3366ff !important;}
.bdrFacilities{border-color:#cc6600 !important;}
.bdrHeater{border-color:#ff3300 !important;}

/*パディングコントロール*/
.pdg10 {padding:10px !important;}
.pdgL10 {padding-left:10px !important;}
.pdgR10 {padding-right:10px!important;}
.pdgT10 {padding-top:10px !important;}
.pdgB10 {padding-bottom:10px!important;}  

/*マージンコントロール*/
.mgn10 {margin:10px !important;}
.mgnL10 {margin-left:10px !important;}
.mgnR10 {margin-right:10px!important;}
.mgnT10 {margin-top:10px !important;}
.mgnB10 {margin-bottom:10px!important;} 

/*背景色コントロール*/
.bgWhite{background-color:#FFFFFF !important;}
.bgBlack{background-color:#000000 !important;}

/*リストマーク*/
.lmark1In {list-style: disc inside;margin-left:10px;}
.lmark1Out {list-style: disc outside;margin-left:20px;}
.lmark2In {list-style:circle inside;margin-left:10px;}
.lmark2Out {list-style:circle outside;margin-left:20px;}

/*フォームの入力モード*/
.imeJpn {ime-mode: active; }
.imeEn {ime-mode: inactive; }
.imeNum {ime-mode: disabled; }