@charset "utf-8";

body {
	background-color:#eeeeee;
	margin:0;
	padding:0;
	font-size:0.85em;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.6em;
	color:#333333;
	text-align:center;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,dt,li,dd,form,pre{
	margin:0;
	padding:0;
}

h1 {
	margin-bottom:24px;
}

ul,ol,li{
	list-style:none;
}

table,img{
	border:0;
}

#wrapper {
	width:770px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	text-align:left;	/* bodyで中央寄せにしたものを左に戻す */
}

#preload {
	display:none;
	visibility:hidden;
}

#mainwrapper {
	width:760px;
	margin:5px 10px 5px 0;
	text-align:left;
}

.pagetop {
	text-align:right;
	font-size:0.85em;
	margin-right:20px;
}

.pagetop a {
	color:#00498F;
	text-decoration:none;
}

.pagetop a:hover {
	color:#CF4056;
	text-decoration:underline;
}

#backtop {
	text-align:right;
	padding:12px 10px 5px 0;
}

/* topic path */
.topicpath {
	margin-bottom: 10px;
	padding:3px 5px;
	background-color: #e5f6ff;
	color: #666666;
	font-size: 13px;
	line-height:13px;
	text-align: left;
}
.topicpath a {
	text-decoration:none;
	color: #0067fc;
}
.topicpath a:hover {
	text-decoration:underline;
	color: #0067fc;
}

/*------------------------------------------------------------------- */
/*
/*    ヘッダーメニュー
/*
/*------------------------------------------------------------------- */

/*　header領域を定義　================================================ */

#header {
	font-size:12px;
}
#headermenu {
	padding:5px 10px;
	height:38px;
	text-align:right;
	font-size:11px;
	line-height:11px;
}
#headermenu div {
	padding-top:5px;
}
#headermenu div img {
	margin:0 2px 0 15px;
	vertical-align:baseline;
}
#headermenu a {
	text-decoration:none;
	color:#0066ff;
}
#headermenu a:hover {
	text-decoration:underline;
	color:#0066ff;
}
#headermenu #mainlogo {
	float:left;
}
#mainmenu {
	clear:both;
	padding:0 0 9px 0;
	margin:0 10px;
	width:750px;
	height:30px;
	background:url(/common/image/topmenubline.gif) repeat-x left bottom;
}
#mainmenu ul {
	margin:0;
	padding:0;
}
#mainmenu ul li {
	float:left;
	list-style:none;
	height:30px;
}
#mainmenu ul li a {
	display:block;
	text-decoration:none;
	width:125px;
	height:30px;
	text-indent:-9999px;
	border:none;
}
#mainmenu #hm1 a {
	background:url(/common/image/menu.gif) no-repeat 0 0;
}
#mainmenu #hm1 a:hover {
	background:url(/common/image/menu_over.gif) no-repeat 0 0;
}
#mainmenu #hm1 a.slt {
	background:url(/common/image/menu_over.gif) no-repeat 0 0;
}
#mainmenu #hm2 a {
	background:url(/common/image/menu.gif) no-repeat -125px 0;
}
#mainmenu #hm2 a:hover {
	background:url(/common/image/menu_over.gif) no-repeat -125px 0;
}
#mainmenu #hm2 a.slt {
	background:url(/common/image/menu_over.gif) no-repeat -125px 0;
}
#mainmenu #hm3 a {
	background:url(/common/image/menu.gif) no-repeat -250px 0;
}
#mainmenu #hm3 a:hover {
	background:url(/common/image/menu_over.gif) no-repeat -250px 0;
}
#mainmenu #hm3 a.slt {
	background:url(/common/image/menu_over.gif) no-repeat -250px 0;
}
#mainmenu #hm4 a {
	background:url(/common/image/menu.gif) no-repeat -375px 0;
}
#mainmenu #hm4 a:hover {
	background:url(/common/image/menu_over.gif) no-repeat -375px 0;
}
#mainmenu #hm4 a.slt {
	background:url(/common/image/menu_over.gif) no-repeat -375px 0;
}
#mainmenu #hm5 a {
	background:url(/common/image/menu.gif) no-repeat -500px 0;
}
#mainmenu #hm5 a:hover {
	background:url(/common/image/menu_over.gif) no-repeat -500px 0;
}
#mainmenu #hm5 a.slt {
	background:url(/common/image/menu_over.gif) no-repeat -500px 0;
}
#mainmenu #hm6 a {
	background:url(/common/image/menu.gif) no-repeat -625px 0;
}
#mainmenu #hm6 a:hover {
	background:url(/common/image/menu_over.gif) no-repeat -625px 0;
}
#mainmenu #hm6 a.slt {
	background:url(/common/image/menu_over.gif) no-repeat -625px 0;
}

#logo {
	width:85px;
	margin-left:0px;
	margin-top:0px; 
	float:left;
}

#header ul.menu {
	width:auto;
	margin-top:20px;
	float:right;
}

#header ul.menu li {
	font-weight:bold;
	margin-left:15px;
	float:left;
}

#header ul.menu li a {
	text-decoration:none;
	color:#666666;
}

#header ul.menu li a:hover {
	text-decoration:underline;
	color:#CF4056;
}

/*　header領域 End　*/


/*　footer領域を定義　=================================================== */

#footer {
	clear:both;
	padding:15px 0 5px 0;
	margin:0 10px;
	background:url(/common/image/footermenu.gif) repeat-x left top;
	width:750px; /* Windows Internet Explorer 6 対策 */
	font-size:12px;
	line-height:12px;
	color:#FFFFFF;
}

#footer ul.menu {
	padding-left:10px;
	width:740px; /* Windows Internet Explorer 6 対策 */
}

#footer ul.menu li {
	font-weight:normal;
	float:left;
	margin-right:1.6em;
	padding-left:13px;
	background:url(/common/image/icn_arrow.gif) no-repeat left center;
}

#footer ul.menu li a {
	text-decoration:none;
	color:#FFFFFF;
}

#footer ul.menu li a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

#copyright {
	clear:both;
	text-align:left;
	padding-top:16px;
	font-weight:normal;
	color:#666666;
}

/*　footer領域 End　*/

/*------------------------------------------------------------------- */
/*
/*    TOP Page 独自スタイル
/*
/*------------------------------------------------------------------- */

/*	トップFlash左のメニュー */

td#topmenu {
	width:160px;
	padding:37px 20px 0 10px;
	text-align:left;
	vertical-align:top;
	background:url(/image/leftmenu_01.gif) no-repeat left top;
}
td#topmenu ul {
	padding:0;
	margin:0;
}
td#topmenu li {
	float:left;
	list-style:none;
	width:160px;
	height:23px;
	padding:0;
	margin:0;
}
td#topmenu li a {
	display:block;
	text-decoration:none;
	width:160px;
	height:23px;
	text-indent:-9999px;
	border:none;
}
td#topmenu li#tm1 a {
	background:url(/image/leftmenu_01.gif) no-repeat -6px -37px;
}
td#topmenu li#tm1 a:hover {
	background:url(/image/leftmenu_01b.gif) no-repeat -6px -37px;
}
td#topmenu li#tm2 a {
	background:url(/image/leftmenu_01.gif) no-repeat -6px -60px;
}
td#topmenu li#tm2 a:hover {
	background:url(/image/leftmenu_01b.gif) no-repeat -6px -60px;
}
td#topmenu li#tm3 a {
	background:url(/image/leftmenu_01.gif) no-repeat -6px -83px;
}
td#topmenu li#tm3 a:hover {
	background:url(/image/leftmenu_01b.gif) no-repeat -6px -83px;
}
td#topmenu li#tm4 a {
	background:url(/image/leftmenu_01.gif) no-repeat -6px -106px;
}
td#topmenu li#tm4 a:hover {
	background:url(/image/leftmenu_01b.gif) no-repeat -6px -106px;
}
td#topmenu li#tm5 a {
	background:url(/image/leftmenu_01.gif) no-repeat -6px -129px;
}
td#topmenu li#tm5 a:hover {
	background:url(/image/leftmenu_01b.gif) no-repeat -6px -129px;
}
td#topmenu li#tm6 a {
	background:url(/image/leftmenu_01.gif) no-repeat -6px -152px;
}
td#topmenu li#tm6 a:hover {
	background:url(/image/leftmenu_01b.gif) no-repeat -6px -152px;
}
td#topmenu li#tm7 a {
	background:url(/image/leftmenu_01.gif) no-repeat -6px -175px;
}
td#topmenu li#tm7 a:hover {
	background:url(/image/leftmenu_01b.gif) no-repeat -6px -175px;
}
td#topmenu li#tm8 a {
	background:url(/image/leftmenu_01.gif) no-repeat -6px -198px;
}
td#topmenu li#tm8 a:hover {
	background:url(/image/leftmenu_01b.gif) no-repeat -6px -198px;
}
	

/*　header下のグローバルリンクを定義　================================= */

#globalNavi {
	clear:both;
	width:720px; /* Windows Internet Explorer 6 対策 */
	height:24px;
	font-size:13px;
	background:#666666 url(/image/underhead_back.gif) repeat-x;
}

#globalNavi ul.menu {
	width:680px;
	margin-top:2px;
	margin-right:1em;
	float:right;
}

#globalNavi ul.menu li {
	font-weight:bold;
	padding-left:2em;
	float:right;
}

#globalNavi ul.menu li a {
	text-decoration:none;
	color:#FFFFFF;
}

#globalNavi ul.menu li a:hover {
	text-decoration:underline;
	color:#EEEEEE;
}


/*　メイン訴求エリア・メインメニューを定義　=========================== */

/* メインイメージ（訴求エリア）　*/

#main-image {
	width:720px;
	height:240px;
	text-indent: -700em;
	margin-top:6px;
	background:#FFFFFF url(/image/main-image.jpg) no-repeat;
}

#main-image2 {
	margin-top:6px;
	width:750px;
}

#main-menu {
	width:720px;
	height:58px;
	background:#EEEEEE url(/image/maim-menu-back.jpg) repeat-x;
	margin-top:1px;
	margin-bottom:20px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#main-menu ul.menu {
	width:720px;
	margin-top:4px;
}

#main-menu ul.menu li {
	float:left;
	width:168px;
	padding:0px 6px 0px 6px;
}

/* IE7用ハック　*/

*:first-child+html #main-menu ul.menu li {
	float:left;
	width:167px;
	padding:0px 6px 0px 6px;
}

#main-menu ul.menu li a {
	width:168px;
	height:50px;
	text-indent:-700em;
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-decoration:none;
	display:block;
}

#main-menu ul.menu li a:hover {
	background-position:0px -49px;
}

a.main-menu01 {
	background-image:url(/image/title_company.gif);
}

a.main-menu02 {
	background-image:url(/image/title_total.gif);
}

a.main-menu03 {
	background-image:url(/image/title_reform.gif);
}

a.main-menu04 {
	background-image:url(/image/title_download.gif);
}


/* インフォメーションエリア　*/
#eastjapan_quake {
	width:715px;
	margin-left:10px;
	margin-right:10px;
	margin-top:0px; 
	margin-bottom:6px;
	border: red solid thin;
	padding: 5px;
}

.urgentNews{
	width:708px;
	margin-left:3px;
	margin-right:3px;
	margin-top:8px; 
	margin-bottom:8px;
	border: 1px gray solid  ;
	padding: 3px;
}

#infolist {
	width:510px;
	margin-left:10px;
	margin-top:0px; 
	float:left;
}

#catchIcon {
	width:160;
	margin-left:20px;
	margin-right:10px;
	margin-top:0px; 
	float:right;
}

#catchBannar {
	width:160;
	margin-left:20px;
	margin-right:10px;
	margin-top:0px; 
	margin-bottom:6px;
	float:right;
}

.news {
	margin-bottom:20px;
	font-size:0.95em;
}

.news h2 {
	width:510px;
	height:26px;
	text-indent:-700em;
	background-repeat:no-repeat;
	text-decoration:none;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:12px;
	display:block;
}

.title01 {
	background-image:url(/image/title_whatsnew.gif);
}

.title02 {
	background-image:url(/image/title_infomation.gif);
}

#infolist a {
	padding-top:5px;
	padding-bottom:5px;
	text-decoration:none;
	color:#00498F;
}

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

.post-date{
	padding-left:14px;
	padding-right:1em;
	color:#329CD6;
	vertical-align:top;
	white-space: nowrap; 
}

#catchIcon a {
	width:160px;
	height:90px;
	text-indent:-700em;
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
}

#catchBannar a {
	width:160px;
	text-indent:-700em;
	text-decoration:none;
	display:block;
}

#enque {
	width:160px;
	height:90px;
	text-indent: -700em;
	color:#FFFFFF;
	text-decoration:none;
	margin-bottom:6px;
	background:#FFFFFF url(/image/icon_enquete.gif) no-repeat;
}

#prosite {
	width:160px;
	height:90px;
	text-indent: -700em;
	margin-bottom:6px;
	background:#FFFFFF url(/image/icon_prosite.gif) no-repeat;
}

#catarog {
	width:160px;
	height:90px;
	text-indent: -700em;
	margin-bottom:6px;
	background:#FFFFFF url(/image/icon_catalog.gif) no-repeat;
}

#bathcore {
	width:160px;
	height:90px;
	text-indent: -700em;
	margin-bottom:6px;
	background:#FFFFFF url(/image/icon_bathcore.gif) no-repeat;
}

#juusetsu {
	width:160px;
	height:90px;
	text-indent: -700em;
	margin-bottom:6px;
	background:#FFFFFF url(/image/icon_juusetsu.gif) no-repeat;
}

#marberis a {
	width:160px;
	height:50px;
	text-indent: -700em;
	text-decoration:none;
	margin-bottom:6px;
	background:#FFFFFF url(/image/icon_marberis.gif);
}

#marberis a:hover {
	background-position:0px -50px;
}

#porifloor a {
	width:160px;
	height:50px;
	text-indent: -700em;
	text-decoration:none;
	margin-bottom:6px;
	background:#FFFFFF url(/image/icon_porifloor.gif);
}

#porifloor a:hover {
	background-position:0px -50px;
}

#water a {
	width:160px;
	height:50px;
	text-indent: -700em;
	text-decoration:none;
	margin-bottom:6px;
	background:#FFFFFF url(/image/icon_water.gif);
}

#water a:hover {
	background-position:0px -50px;
}



/* 商品別バナー　*/

#product {
	clear:both;
	width:720px;
	margin-top:30px;
	margin-bottom:12px;
	height:160px;
	background-color:#EEE;
}

#product .iconimg {
	padding:4px !important;
	padding:3px;
	border:1px solid #CCC;
	background-color:#FFF;
}

#product ul.menu {
	width:720px;
	margin-top:6px;
}

#product ul.menu li {
	float:left;
	width:168px;
	padding:0px 6px 0px 6px;
}

/* IE7用ハック　*/

*:first-child+html #product ul.menu li {
	float:left;
	width:167px;
	padding:0px 6px 0px 6px;
}

#product ul.menu li a {
	width:168px;
	height:72px;
	text-indent:-700em;
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
}

a.product01 {
	background-image:url(/image/btn-product01.jpg);
}

a.product02 {
	background-image:url(/image/btn-product02.jpg);
}

a.product03 {
	background-image:url(/image/btn-product03.jpg);
}

a.product04 {
	background-image:url(/image/btn-product04.jpg);
}

#mainwrapper {
	width:750px;
	margin:10px auto 5px auto;
	text-align:left;
}

/* Win IE5.0/5.5用 Mid Pass Filter */
@media tty{
	i{content:"\";/*" "*/}} @import 'ie.css'; /*";}
}/* */