@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 140%;
}
	
h1 {} /* Header内で設定 */
h2 { height:60px; }
h3 { height:50px; }
h4 { height:30px; }

a { color: #00BA80; }
a:hover,
a:active { color: #45B380; text-decoration: none; }
a:visited {
}

ul {
}
#content ul li {
	list-style: none;
	background: url(../images/li_bg.jpg) 0 4px no-repeat;
	padding-left: 20px;
	}

dl {
}
dt {
}
dd {
}


#content table {
	border-collapse:collapse;
	border: 1px solid #3A7763;
	font-size: 90%;
	color: #666;
	margin-left: 10px;
	}

#content table th,
#content table td {
	padding: 4px 6px;
	border: 1px solid #3A7763;
	}

#content table th {
	background: #CEF4E8;
	color: #0E5940;
	}
#content table th.title {
	background: #D9FCFF;
	color: #1D6166;
	}

p { margin: 0 0 1em; }

dt img,dd img,li img { vertical-align: bottom; }


.section { padding: .5em 1em 1em; }
.section .section { padding: .5em .5em 1em; }

.image_l { float: left; margin: 0 16px 8px 0; }
.image_r { float: right; margin: 0 0 8px 16px; }

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-narrow {
	margin: 10px 40px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}
.case-noimg { margin: 10px 20px; }

ul.totop {
	clear: both;
	padding-bottom: 20px;
}
ul.totop li {
	float: right;
	list-style: none;
}

.text01 { color:#AB5900; }
.text02 {
	text-decoration: underline;
}

#content .box {
	padding: 0 0 15px 0;
}

#content .box_y {
	background:#FFFDEB;
}

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
  background: url(../images/body_bg.jpg) 0 -1px repeat-x;
	color: #333;
	text-align: center;
}
#wrapper {
	width: 942px;
	margin: 0 auto;
  background: url(../images/wrapper_bg.jpg) 0 0 ;
}
#main {
	margin: 0 20px;
	text-align: left;
	padding-top:20px;
}

#content {
	width: 660px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/main_bg.jpg) 0 0 no-repeat;
	float: right;
	line-height:2.5em;
}


/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width: 942px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
}

#header .header_text {
	height: 20px;
	line-height: 20px;
	text-indent: 1em;
	background: #333;
	color: #fff;
	margin: 0;
	font-size: 90%;
}
#header h1 {
	height: 30px;
	color:#00825E;
	padding: 8px 20px 0 20px;
	text-align:right;
	font-size: 90%;
	}
	
#header #name {
	padding:0;
	margin:0 0 0 90px;
}

*html #header #name {
	margin:0 0 0 45px;
}
	
#header #header_nav{
	padding:0;
	margin:5px 0 0 20px;
}
#header ul{ margin: 0; padding: 20px 0 0 0; }
*html #header ul{ margin: 0; padding: 28px 0 0 0; }

#header li {
	float:left;
	margin:0;
}

#header #header02 {
	float: right;
	padding-top: 10px;
}

#catch {
	margin: 0;
	padding:0;
	width: 942px;
	height:210px;
}
#catch dl {
	padding:0;
	margin: 0 15px;
}

*html #catch dl {
	margin: 0 7px;
}

#catch dt {
	margin: 0;
	padding:0;
	text-align:right;
}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#information {
	margin: 20px 10px 0  10px ;
	border-top: 4px solid #BDFCDB ;
	padding:10px 20px 0 20px;
}

#information ul {
	width:175px;
	float:right;
	margin: 10px 0 0 0 ;
}
#f_banner {
	background:#E3FCE8;
	margin: 10px 10px 0  10px ;
	padding:10px;
}
#f_banner .image_l { margin: 0 15px 0 0; }
.image_l02 { margin:0; }

*html #f_banner .image_l { margin: 0 8px 0 0; }

#footer {
	clear: both;
	text-align: center;
	background: url(../images/footer_bg.jpg) 0 repeat-x;
}
#footer address {
	margin: 0 auto;
}


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi {
	float: left;
	width: 220px;
	text-align: center;
	font-size: 90%;
}

#navi dl,
#navi ul {
	margin: 0 0 15px;
	text-align: left;
}

#navi ul li {
	list-style: none;
	margin-bottom:5px;
	vertical-align: top;
}

#navi dl dt,
#navi dl dd {
	list-style: none;
	margin: 0;
	vertical-align: top;
}


#navi #navi_banner {
	margin: 20px 0 0;
}
#navi #navi_banner li {
	margin-bottom: 10px;
}

#navi dl {width: 220px;}

#navi dl dd {padding:10px;}


#navi dd.navi_bg01 {
	background-color: #EBEBDC;
	background-image: none;
	text-align:center;
}
#navi dd.navi_bg02 {
	background-color: #D6FAF0;
	background-image: none;
	text-align:center;
}
#navi dd { background: url(../images/navi_bg.jpg) bottom no-repeat; }

#navi textarea {width:200px;}
#navi #google_nav {width:195px;}

#navi dd img {margin-top:10px;}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

/* index
------------------------------------------------------------------------*/
#index #catch {
	height:320px;
}

#index #catch dt {
	margin: 0;
	padding:0;
	display:block;
}

#index #catch dd {
	float:left;
	margin: 0 10px 10px 10px;
	padding:0;
}

*html #index #catch dd {
	float:left;
	margin: 0 5px 10px 10px;
	padding:0;
}



#index h2 { height:90px; }
#index h3 { height:40px; }

#index .box01 { background:url(../images/index_bg.jpg) right bottom no-repeat ; } 


/* bath
------------------------------------------------------------------------*/
#bath #content table {
	float:right;
}
#bath #content th { width:120px; text-align:left; }
#bath #content td { width:240px; }


/* toilet
------------------------------------------------------------------------*/
#toilet #content table {
	float:right;
}
#toilet #content th { width:120px; text-align:left; }
#toilet #content td { width:240px; }


/* kitchen
------------------------------------------------------------------------*/
#kitchen #content table {
	float:right;
}
#kitchen #content th { width:120px; text-align:left; }
#kitchen #content td { width:240px; }

/* washstand
------------------------------------------------------------------------*/
#washstand #content table {
	float:right;
}
#washstand #content th { width:120px; text-align:left; }
#washstand #content td { width:240px; }


/* floor
------------------------------------------------------------------------*/
#floor #content table {
	float:right;
}
#floor #content th { width:120px; text-align:left; }
#floor #content td { width:240px; }



/* other
------------------------------------------------------------------------*/
#other h3 {height:80px;}

#other #content table {
	float:right;
}
#other #content th { width:120px; text-align:left; }
#other #content td { width:240px; }


/* detergent
------------------------------------------------------------------------*/

/* introduction
------------------------------------------------------------------------*/


/* support
------------------------------------------------------------------------*/


/* company
------------------------------------------------------------------------*/
#company th { width:180px; }
#company td { width:400px; }

/* privacy
------------------------------------------------------------------------*/
#privacy th { width:180px; }
#privacy td { width:400px; }

/* contact
------------------------------------------------------------------------*/
#contact h2#title01 { height:110px; }
#contact th { width:150px; }
#contact td { width:400px; }
#contact table { width:590px; }


/* sitemap
------------------------------------------------------------------------*/
#sitemap #content dt{
	background: url(../images/li_bg.jpg) 0 4px no-repeat;
	padding-left: 20px;
}
#sitemap #content dd{
	padding-left: 40px;
}