@charset "UTF-8";
/*
	hydro malch 
	index CSS
	
	MarkUp -> Pati:)
	Powered by SALTWORKS INC. 
	http://saltworks.jp
	
	
	LAST UPDATE
	
	- 2012.02.20 製作開始 (Pati)

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

/* reset
--------------------------------------------------------------*/

body,
div,
dl,dt,dd,
ul,ol,li,
h1, h2, h3, h4, h5, h6,
pre, code, p, blockquote, th, td, form,
fieldset, legend {
	margin: 0;
	padding: 0;
}

ul	{
	list-style:none;
}

/* PREFERENCES
--------------------------------------------------------------*/

body {
	font-family:verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'メイリオ',Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 12px;
	line-height: 1.5;
	padding:0 0 23px;
	background:url(images/bg_body.jpg) no-repeat center bottom;

}

h1, h2, h3, h4, h5, h6,p,li,dt,dd,th,td  {  
	font-size: 100%;
}

img	{
	border:none;
}

a { outline: none; }

a:link{color:#924100;}
a:visited{color:#887d6a;}
a:hover{color:#b3a687;}
a:active{color:#f5082f;}

div#header{
	background:url(images/bg_h.jpg) no-repeat center top;
}

div#h_inner{
	width:973px;
	height:395px;
	margin:0 auto;
	background:url(images/bg_h_inner.png) no-repeat center top;
}

div#h_inner h1{
	padding:20px 0 45px 37px;
}

div#h_inner h2{
	float:left;
	width:380px;
	margin:0 0 0 57px;
}

div#h_inner p{
	float:right;
	width:450px;
	margin:2px 51px 0 0;
}
	
div#contents{
	width:973px;
	margin:0 auto;
	padding:0 0 10px;
	background:url(images/bg_contents.jpg) repeat-y top left;
}

div.box{
	width:890px;
	margin:0 auto;
}

div.box h3{
	width:820px;
	min-height:40px;
	margin:30px 0 10px;
	padding:10px 0 0 70px;
	background:url(images/bg_title.gif) no-repeat top left; 
}
	
	* html div.box h3{
		height:40px;
	}

div.box h4{
	margin:0 0 15px;
}

div.box_left{
	float:left;
	width:550px;
}

div.box p{
	margin:0 0 15px;
}

div.box_right{
	float:right;
}

div.box_right img{
	border:10px solid #ebe3d8;
}

div.box table{
	width:100%;
}

div.box table thead th{
	border-bottom:1px solid #d2c2ad;
	text-align:left;
}

div.box table tbody th{
	padding:10px;
	background:#ebe3d8;
	border-left:1px solid #d2c2ad;
	border-right:1px solid #d2c2ad;
	border-bottom:1px solid #d2c2ad;
	text-align:center;
}

div.box table tbody td{
	padding:10px;
	background:#f4f0eb;
	border-right:1px solid #d2c2ad;
	border-bottom:1px solid #d2c2ad;
	text-align:center;
}

ul.list{
	margin:0 0 0 5px;
}

ul.list li{
	padding:0 0 0 10px;
	background:url(images/icon.gif) no-repeat left 0.6em;
}

div#footer{
	width:890px;
	margin:75px auto 0;
}

div#footer ul{
	float:left;
}

div#footer ul li{
	float:left;
	margin:0 15px 0 0 ;
	padding:0 0 0 10px;
	background: url(images/icon.gif) no-repeat scroll left 0.6em ;
}
div#footer ul li.footer_logo{
	background:none;
}

div#footer ul li.clear_link{
	clear:both;
	background:none;
}

#f_logo{
	float:right;
}



/*CLEAR FIX 
--------------------------------- */
div#header,
div.box,
div#footer,
div#footer ul{overflow: hidden;}

div#header:after,
div.box:after,
div#footer:after,
div#footer ul:after{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

/*\*/
* html div#header,
* html div.box,
* html div#footer,
* html div#footer ul{
	height: 1em;
	overflow: visible;
}

/**/
