@charset "Shift_JIS";
/*===========================================================================
                                                                 2009/08/18
   style.css 
   共通の指定
  =========================================================================== */

/*--index外枠----*/

body {
	text-align:center;
	margin: 0 ;
	padding: 0 ;
	background : #f7f8f8 ;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6",Meiryo,"MS P Gothic","ＭＳ Ｐゴシック",Osaka,sans-serif;	
	font-size: 12px ;
	line-height:17px ;
	color : #333333 ;
}

a:link {
	color : #333333 ;
	text-decoration: none ;
}

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

div#container {
	text-align:left;
	width : 820px ;
	margin : 0 auto ;
/*	padding : 0 7px 10px ;*/
	padding-bottom : 10px ;
	background :url(../images/common/bg.gif) left top repeat-y ;
}

div #warap {
	width : 760px ;
	padding : 0 30px ;
}

/* ===================================================
	header
   =================================================== */

div#header {
	width : 760px ;
/*	height : 330px ; */
	background : url(../images/common/header.jpg) left top no-repeat;
	position : relative ;
	font-size : 11px ;
}

/* ===================================================
	header top left infomation
   =================================================== */

div.infowrap {
	height : 25px ;
}

div#info {
	width : 360px ;
	padding-top : 10px ;
	font-size : 10px ;
	position : absolute ;
	top : 5px ;
	left : 395px;
}

.tel {
	float :left ;
}
		.mail_on {
			float: right;
			width : 136px ;
			height : 27px ;
			padding-top : 15px;
			background : url(../images/common/mail_on.gif) left 15px no-repeat ;
		}

		.mail_on a {
			display : block ;
			width : 136px ;
			height : 24px ;
			outline : noen ;
		}

		.mail_on a:hover {
			text-indent : -9999px;
		}

		#info p {
			float: right;
		}

#ksysreform {
	font-size : 10px ;
	position : absolute ;
	top : 17px ;
	left : 0 ;
}

#mainimage {
	background : url(../images/common/header_main0.jpg) left top no-repeat;
	height : 172px ;
	text-indent : -2000px ;
	font-size : 10px ;
}

/* ===================================================
	header top text menu
   =================================================== */

div.txtwrap {
		border-top : 1px dotted #999999 ;
		margin-top : 61px ;
		background : url(../images/common/list.gif) 748px 6px no-repeat ;
		height : 25px ;
}

#header ul.menu_t {
	float : right ;
	padding : 5px 10px 0 0 ;
	list-style : none ;
}

	#header ul.menu_t li {
		float : left ;
		background : url(../images/common/list.gif) left top no-repeat ;
		padding : 0 7px 0 15px ;
	}

	#header ul.menu_t li a:hover {
		color : #ff0000;
	}

	#header ul.menu_t li a:visited {
		color : #333333 ;
		text-decoration: none ;
	}

	#header ul.menu_t li span {
		color : #ff0000 ;
	}

/* ===================================================
	header main menu
   =================================================== */

#header ul#mainmenu {
	list-style : none ;
	background : url(../images/common/menu_off.jpg) left top no-repeat;
	height : 32px;
	margin : 0;
	padding :0;
}

	#header ul#mainmenu li {
		float : left ;
		text-indent : -9999px ;
	}

	#header ul#mainmenu li a,
	#header ul#mainmenu li span {
	 	height : 32px;
		width : 151px ;
		display : block ;
	}

	#header ul#mainmenu li.wall a,
	#header ul#mainmenu li.wall span {
		width : 153px ;
	}

	#header ul#mainmenu li.custmers a,
	#header ul#mainmenu li.custmers span {
		width : 151px ;
	}

	#header ul#mainmenu li.case a,
	#header ul#mainmenu li.case span {
		width : 153px ;
	}

	#header ul#mainmenu li.area a,
	#header ul#mainmenu li.area span {
		width : 152px ;
	}

	#header ul#mainmenu li.water a:hover,
	#header ul#mainmenu li.water span {
		background : url(../images/common/menu_on.jpg) left top no-repeat;
		width : 151px ;
	}

	#header ul#mainmenu li.wall a:hover,
	#header ul#mainmenu li.wall span {
		background : url(../images/common/menu_on.jpg) -151px top no-repeat;
		width : 153px ;
	}

	#header ul#mainmenu li.custmers a:hover,
	#header ul#mainmenu li.custmers span {
		background : url(../images/common/menu_on.jpg) -304px top no-repeat;
		width : 151px ;
	}

	#header ul#mainmenu li.case a:hover,
	#header ul#mainmenu li.case span {
		background : url(../images/common/menu_on.jpg) -455px top no-repeat;
		width : 153px ;
	}

	#header ul#mainmenu li.area a:hover,
	#header ul#mainmenu li.area span {
		background : url(../images/common/menu_on.jpg) -608px top no-repeat;
		width : 152px ;
	}

/* ===================================================
	left menu
   =================================================== */
div #leftmenu {
	float : left ;
	width : 180px ;
}

div #leftmenu ul {
/*	padding-top : 24px ;*/
	padding-top : 14px ;
	list-style : none ;
}

div #leftmenu ul li {
	padding-bottom : 15px ;
}

/*--TOP以下------------*/

div #leftmenu2 {
	float : left ;
	width : 180px ;
}

div #leftmenu2 ul {
	padding-top : 30px ;
	list-style : none ;
}

div #leftmenu2 ul li {
	padding-bottom : 15px ;
}


/* ===================================================
	main contents
   =================================================== */

div#contents {
	float : right ;
	width : 565px ;
	padding-top : 19px ;
/*	padding-top : 13px ;*/
}

/*--link--*/

div#contents a:link {
	color : #224eff ;
	font-weight : bold ;
	text-decoration: none ;
}

div#contents a:visited {
	color : #224eff ;
	font-weight : bold ;
	text-decoration: none ;
}

/* ===================================================
	main pagetop
   =================================================== */

		.pagetop_index {
			float : right ;
            padding-top : 17px;
		}

		.pagetop{
			float : right ;
            padding-top : 40px;
		}

.mainbox {
	width:760px;
}

/* ===================================================
	footer
   =================================================== */
div#footer {
	text-align:left;
	width : 820px ;
	margin : 0 auto ;
	background :url(../images/common/bg.gif) left top repeat-y ;
}

div#footer .wrap {
	width : 760px ;
	padding : 0 30px ;
}

.footermainbox {
	width : 760px;
}

/* ===================================================
	footer info
   =================================================== */

		.line {
			border-top : 2px solid #cccccc ;
		}

		.footerinfo {
			float : left ;
			width : 572px ;
			padding : 10px 0 ;
			height :90px;
                        background : url(../images/common/footer_info.gif) left 10px no-repeat;
		}

		.footerinfo p {
			padding : 0 0 5px 28px ;
                        font-weight : bold ;
                        color : #0033cc ;
		}

		.time {
			padding : 45px 0 10px 28px ;
		}

		.footermail {
			float : right ;
			width : 168px ;
			height : 69px ;
			padding : 39px 0 0 0px  ;
			background : url(../images/common/footer_mail_on.gif) left 39px no-repeat ;
		}

		.footermail a {
			display : block ;
			width : 168px ;
			height : 69px ;
			outline : noen ;
		}

		.footermail a:hover {
			text-indent : -9999px;
		}

/* ===================================================
	footer menu
   =================================================== */
#footermenu {
	text-align:left;
	width : 825px;
	margin : 0 auto;
	height : 75px;
	background : url(../images/common/footer_bg.gif) 3px top no-repeat;
}

/* ----- */

*:first-child+html #footermenu {
	width : 825px;
	margin : 0 auto;
	height : 75px;
	background : url(../images/common/footer_bg.gif) 2px top no-repeat;
}

/* ----- */

#footermenu a:link, a:visited {
	color : #ffffff ;
	text-decoration: none ;
}

	#footermenu a:hover {
		color : #ffff00 ;
	}

#footermenu ul.first {
	list-style : none ;
        font-weight : bold;
	color : #ffffff;
	padding : 14px 0  0 100px;
}

#footermenu ul.first li {
	float : left ;
        font-weight : bold;
	background : url(../images/common/list2.gif) -2px top no-repeat ;
	padding : 0 10px 0 20px ;
}

#footermenu ul.second {
	list-style : none ;
        font-weight : bold;
	color : #ffffff;
	padding : 3px 0  0 130px;
}

#footermenu ul.second li {
	float : left ;
        font-weight : bold;
	background : url(../images/common/list2.gif) left top no-repeat ;
	padding : 0 10px 0 20px ;
}

/* ===================================================
	footer end mark
   =================================================== */
div#ksys {
    text-align : center;
	margin-left : auto ;
	margin-right : auto ;
}

div#ksys img {
	padding : 0 0 5px 0 ;
}

div#ksys p.Copyright {
	color : #666666;
	font-size : 10px ;
	padding : 0 0 15px 0 ;
}

/* ===================================================
	index以外の外枠
   =================================================== */
/* ===================================================
	header
   =================================================== */

	h1 {
		height : 64px ;
		text-indent : -2000px ;
		font-size : 10px ;
		width : 760px ;
		display : block ;
		padding-bottom : 6px ;
		_margin-bottom: 2px;
	}

	h1.area {
		background :url(../images/common/title_area.gif) left top no-repeat;
	}

	h1.contact {
		background :url(../images/common/title_contact.gif) left top no-repeat;
	}

	h1.blog {
		background :url(../images/common/title_blog.gif) left top no-repeat;
	}

	h1.water_top {
		background :url(../images/common/title_water_top.gif) left top no-repeat;
	}

	h1.water_bath {
		background :url(../images/common/title_reform-bath.gif) left top no-repeat;
	}

	h1.water_kittin {
		background :url(../images/common/title_reform-kittin.gif) left top no-repeat;
	}

	h1.rest_room {
		background :url(../images/common/title_rest_room.gif) left top no-repeat;
	}

	h1.hydrotect_top {
		background :url(../images/common/title_hydrotect_top.gif) left top no-repeat;
	}

	h1.hydrotect_guarantee {
		background :url(../images/common/title_hydrotect_guarantee.gif) left top no-repeat;
	}

	h1.hydrotect_about {
		background :url(../images/common/title_hydrotect_about.gif) left top no-repeat;
	}

	h1.hydrotect_official {
		background :url(../images/common/title_hydrotect_official.gif) left top no-repeat;
	}

	h1.hydrotect_flowchart {
		background :url(../images/common/title_hydrotect_flowchart.gif) left top no-repeat;
	}

	h1.hydrotect_faq {
		background :url(../images/common/title_hydrotect_faq.gif) left top no-repeat;
	}

	h1.hydrotect_cd {
		background :url(../images/common/title_hydrotect_cd.gif) left top no-repeat;
	}

	h1.water_wc3 {
		background :url(../images/common/title_water_wc3.gif) left top no-repeat;
	}

	h1.case_top {
		background :url(../images/common/title_case_top.gif) left top no-repeat;
	}

	h1.sekourei_bath {
		background :url(../images/common/title_sekourei-bath.gif) left top no-repeat;
	}

	h1.sekourei_bath2 {
		background :url(../images/common/title_sekourei-bath2.gif) left top no-repeat;
	}

	h1.sekourei-kittin {
		background :url(../images/common/title_sekourei-kittin.gif) left top no-repeat;
	}

	h1.sekourei-paint {
		background :url(../images/common/title_sekourei-paint.gif) left top no-repeat;
	}

	h1.custmer_top {
		background :url(../images/common/title_custmer_top.gif) left top no-repeat;
	}

	h1.hydrotect_top {
		background :url(../images/common/title_hydrotect_top.gif) left top no-repeat;
	}
	
	h1.greenpower_top {
		background :url(../images/common/title_greenpower.gif) left top no-repeat;
	}

/*--パンくず link--*/

	.hhp_top {
		padding : 9px 0 8px;
	}

div#contents .hhp_top a:link {
	font-weight : normal ;
}

div#contents .hhp_top a:visited {
	font-weight : normal ;
}

	h2 {
		width : 540px ;
		height : 28px ;
		display : block ;
		position : relative ;
/*		margin : 11px 0 0 0 ;*/
		padding : 4px 0 0 25px ;
		background : url(../images/common/img_1.gif) left 3px no-repeat;
		border-bottom : 2px solid #ff0000 ;
		font-size : 16px  ;
		line-height : 1.6 ;
		_width : 565px ;
	 }

	h2 span.back {
		font-size : 11px ;
		position : absolute;
		left : 475px ;
		top : 5px ;
		padding-top : 4px;
		_left : 465px ;
	}

	h2 span.back_hyd {
		font-size : 11px ;
		position : absolute;
		left : 320px ;
		top : 5px ;
		padding-top : 4px;
		_left : 310px;
	}

	h2.wide {
		width : 540px ;
		height : 50px ;
		display : block ;
		background : url(../images/common/img_1.gif) left 3px no-repeat;
/*		padding-left : 25px ;*/
		padding : 5px 0 0 25px ;
		border-bottom : 2px solid #ff0000 ;
		font-size : 19px ;
		line-height : 1.4 ;
		position : relative;
	 }

	h2.wide .small {
		font-size : 13px ;
	}

	h2.wide span.back_hyd {
		font-size : 11px ;
		position : absolute;
		left : 320px ;
		top : 30px ;
		padding-top : 4px;
		_left : 290px;
	}


/* ===================================================
	コンテンツ内
   =================================================== */

/*--コンテンツの枠-----*/

.outowarap {
	padding : 0 20px 25px 19px ;
}

/*--緑の文字-----------*/

div#contents p.toptxt {
	color : #009900 ;
	font-weight : bold ;
	font-size : 14px ;
	padding : 22px 0 22px 19px ;
}

/*--その下の点線-----------*/

div#contents .frame {
	width : 525px ;
	border-top : 1px dotted #333333;
/*	padding : 27px 0 54px 0 ;*/
	padding : 20px 0 0 0 ;
	margin-left : 19px ;
}

/*--text color-----------*/

.blue {
	color : #0066cc ;
}

.red {
	color : #ff0000 ;
}

.gray_c {
	color : #cccccc ;
}

.orange {
	color : #ff9900 ;
}

.green {
	color : #006600 ;
}


/*--チェックあたり画像用----------------*/
	.check {
		padding-top : 15px;
	}
/*--------------------------------------*/