@charset "utf-8";
/* ブラウザ表示対策------------------------------------------------- */
/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after {
	content:".";
	font-size: 0.1em;
	line-height: 0; 
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
/* Win版IE7とMac版IE5対策 */
.clearfix {
	display:inline-block;
}
/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix {
	height:1px;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */

html {
	margin : 0;
	padding : 0;
	height : 100%;
}
body {
	margin : 0;
	padding : 0;
	width : 100%;
	min-width:1000px;
	height:100%;
	font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	;
	font-size:12px;
	color:#000;
	line-height:170%;
	text-align:justify;
	text-justify:inter-ideograph;
	z-index: 1;
	-webkit-text-size-adjust:none;
	background-color:#FFFFFF;
}
/* SVG */
.svg-block {
    display: block;
}
object {
	pointer-events: none;
}
#logo object {
	overflow:visible;
}
/* SVG */

a:link,
a:visited {
	color:#F64A30;
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration:underline;
}
a.urllink:link,
a.urllink:visited {
	color:#C8571E;
	text-decoration: none;
}
a.urllink:hover,
a.urllink:active {
	color:#F29E81;
	text-decoration:underline;
}
a.urllink[href^="http"]:after {
 content: url("../../commons/img/link.gif");
}
a:hover img {
	opacity: .8; /* Standard: Firefox 1.5以上, Opera, Safari */
	filter: alpha(opacity=80); /* IE 8以下 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	-khtml-opacity: .8; /* Safari 1.x */
	-moz-opacity: .8; /* Firefox 1.5以下, Netscape */
}
#logo a:hover img {
	opacity: 1; /* Standard: Firefox 1.5以上, Opera, Safari */
	filter: alpha(opacity=100); /* IE 8以下 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1; /* Safari 1.x */
	-moz-opacity: 1; /* Firefox 1.5以下, Netscape */
}

h1 {
	font-size:210%;
	font-weight:normal;
}
h1 span {
	font-size:50%;
	font-weight:normal;
}
h2 {
	font-size:130%;
	letter-spacing:-0.1em;
	color:#35799F;
}
h3 {
	font-size:110%;
}
h4 {
	font-size:100%;
}
img {
	font-size:1px;
	vertical-align: text-bottom;
}
li{
	list-style:none;
}

::selection {
 background: #999;
 color:#FFF;
}
::-moz-selection {
 background: #999;
 color:#FFF;
}

/* baselayout--------------------------------------------------------- */

.small {
	font-size:80%;
}
.small90 {
	font-size:90%;
}
.small80 {
	font-size:80%;
}
.attention {
	color:#666;
	line-height:150%;
}
.orange {
	color:#F64A30;
}
.blue {
	color:#35799F;
}
h1.whitebg {
	width:270px;
	height:35px;
	float:left;
	padding:20px ;
	background:#FFF;
}

/* mainContents frame---------------------------------------------------- */
#wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
	min-height:100%;
	background:url(../../img/bg.jpg);
}
#container {
}
#top_img {
	width:1000px;
	height:350px;
	margin:0 auto;
}
.maincontents {
	width:1000px;
	margin:0 auto;
	padding:20px 0;
}
.top_contents_left {
	width:635px;
	float:left;
	padding-right:15px;
}
.top_contents_right {
	width:350px;
	float:right;
}
.contents_left {
	width:635px;
	float:left;
	padding-left:10px;
}
.contents_right {
	width:310px;
	float:right;
	padding-right:10px;
}
#footer {
	padding:30px;
	text-align:center;
	font-size:80%;
	color:#666;
}
#footer p {
	padding-top:15px;
}

/* ======================================================
-----main_nav------------------------------------
=========================================================*/
#main_nav {
	width:100%;
	background:#FFF;
}
#nav_wrapper {
	width:940px;
	margin:0 auto;
	padding:0 30px;
}
#logoset,
#nav_set {
	width:940px;
	float:left;
}
#logoset {
	padding-bottom:20px;
}
#logo {
	width:330px;
	float:left;
	padding-top:30px;
}
#main_nav #logoset a:hover {
	text-decoration:none;
	border:none;
}
#logo_sub {
	width:420px;
	float:right;
	padding-top:10px;
	text-align:right;
}
#logo_sub p {
	padding-top:5px;
	line-height:1.3;
}
ul.dropdown li a {
	color:#000;
	border-bottom:#FFF 3px solid;
}
#main_nav a:hover,
ul.dropdown li:hover > a.dir{
	border-bottom:#F64A30 3px solid;
	text-decoration:none;
}
ul#topnav {
	padding:5px 0;
}
ul#topnav li {
	padding-right:15px;
}
ul#topnav li a {
	display:block;
	padding:10px 20px 5px 0;
}

ul#topnav li ul {
	width:200px;
	margin-left:-1px;
	border:1px solid #EEE;
	border-top:none;
}
ul#topnav li ul li{
	padding:0;
	margin:0;
	font-size:95%;
	border:none;
}
ul#topnav li ul li a{
	display:block;
	height:auto;
	padding:8px 0;
	padding-left:5px;
	background:#EAEAEA;
	border-bottom:#FFF 1px solid;
}
ul#topnav li ul li a:hover{
	color:#F64A30;
	border-bottom:#FFF 1px solid;
}
ul#topnav li a.nolink{
	color:#999;
}
ul#topnav li a.nolink:hover{
	background:none;
}

/* ======================================================
-----sidebar------------------------------------
=========================================================*/
.contents_right ul li {
	padding-bottom:10px;
}

/* ======================================================
-----index page------------------------------------
=========================================================*/
#top_copy {
	padding-bottom:20px;
}
#top_copy img {
	padding:20px 0;
}
#top_copy h1 {
	margin-bottom:5px;
	padding:5px 0 0 0;
	font-size:180%;
}
#top_copy #read_txt {
	padding-top:10px;
	font-size:110%;
	border-top:#F64A30 1px dashed;
}
#top_hanamaru {
	padding-top:20px;
	padding-bottom:20px;
}
#top_hanamaru h4 {
	color:#F64A30;
}
.top_banner {
}
.top_banner .banner_single {
	width:310px;
	float:left;
	padding-bottom:15px;
}
.top_banner .left {
	padding-right:15px;
}
.top_banner .banner_single img {
	margin:-2px;
	border:#FFF 2px solid;
}
.top_banner .banner_single a {
	display:block;
	padding:5px 0 10px 0;
	font-size:14px;
	font-weight:bold;
}
.top_banner .banner_single p {
	font-size:13px;
	line-height:1.4;
}
#top_ad {
	padding:20px 0;
	text-align:center;
}
#top_ad img {
	margin:-2px;
	border:#FFF 2px solid;
}
ul.top_nc_banner li {
	padding-bottom: 10px;
}
ul.top_nc_banner li p {
	line-height: 1.2;
}

#rankingbox {
	width:350px;
	height:200px;
	margin-top:20px;
	margin-bottom:20px;
	background:url(../../img/rank_bg.jpg);
}
#rankingbox h3 {
	padding:10px;
	padding-bottom:20px;
	font-size:110%;
	color:#35799F;
}
#rankingbox ul li {
	padding:0 0 8px 20px;
	font-weight:bold;
	color:#FFF;
}
#rankingbox ul li span.number {
	color:#35799F;
}
#rankingbox ul li span.small {
	font-size:80%;	
}

#top_info {
	margin-top: 30px;
	padding: 30px;
	background: #FFF;
}
#top_info h2 {
	color: #000;
	padding-bottom: 10px;
}
#top_info h2 span {
	font-size: 100%;
}
#top_info p {
	display: block;
	padding-bottom: 20px;
}

/* ======================================================
-----watercleaning page------------------------------------
=========================================================*/
#watercleaning h1 {
	width:595px;
	height:110px;
	padding:20px;
	background:url(../../img/header_water.jpg);
}
#watercleaning h2 {
	padding:50px 0;
	text-align:center;
}
#watercleaning #report {
	padding-bottom:40px;
}
#watercleaning #report h4 {
	width:450px;
	text-align:center;
}
#watercleaning #report img {
	padding:5px 0;
}
#watercleaning #report .sub_txt {
}
#watercleaning #report ul.sub_txt {
	padding-left:10px;
    margin:0;
}
#watercleaning #report ul.sub_txt li{
    text-indent:-0.5em;
    padding:0 0 0.5em 0.5em;
}

#watercleaning .water_words {
	padding-bottom:30px;
	font-size:110%;
}
#watercleaning .water_words h3 {
	padding:3px 0 10px 10px;
	margin-bottom:5px;
	border-left:#000 3px solid;
}

/* ======================================================
-----hokan page------------------------------------
=========================================================*/
#hokan #titleset {
	height:290px;
	clear:both;
}
#hokan #titleset #header_img {
	float:right;
}
#hokan #titleset h2 {
	padding-top:150px;
	font-size:160%;
	line-height:170%;
}
#hokan #read_txt {
	padding:20px 0;
	font-size:120%;
}
#hokan .hokan_course {
	margin-top:30px;
	padding:20px;
	background:#FFF;
	border:#CCC 1px dashed;
}
#hokan .hokan_course h3 {
	width:115px;
	margin-bottom:20px;
	padding:8px 20px;
	font-size:130%;
	color:#FFF;
	background:#7A6D61;
}
#hokan .hokan_course h3#ss {
	background:#EC1E79;
}
#hokan .hokan_course .keep {
	padding-bottom:10px;
	font-size:110%;
}
#hokan .hokan_course .keep p strong {
	font-size:150%;
	letter-spacing:0.1em;
}
#hokan .hokan_course ul.return {
	margin-left:-10px;
}
#hokan .hokan_course ul.return li {
	width:160px;
	float:left;
	margin-left:10px;
	padding:10px;
	border:#CCC 1px solid;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}
#hokan .hokan_course ul.return li p {
	font-size:110%;
	letter-spacing:0.1em;
}
#hokan .hokan_course ul.return li p.course {
	color:#F64A30;
}
#hokan .hokan_course ul.return li p strong {
	font-size:150%;
}
#hokan #special {
	position:relative;
	margin-top:30px;
	padding:40px 0 0 40px;
}
#hokan #special img#special_mark {
	position:absolute;
	top:0;
	left:0;
}
#hokan #special #special_txt {
	padding:10px 50px;
	font-size:110%;
	background:#FFF;
	border:#CCC 1px solid;
}
#hokan #special #special_txt h2 {
	padding:10px 0;
	color:#F64A30;
}

/* ======================================================
-----access page------------------------------------
=========================================================*/
#access h1 {
	width:595px;
	height:110px;
	padding:20px;
	color:#FFF;
	background:url(../../img/header_access.jpg);
}
#access h2 {
	padding:50px 0 30px 0;
	text-align:center;
	font-size:180%;
	line-height:130%;
}
#access h2 span {
	font-size:70%;
	letter-spacing:normal;
}
#access img.shop_img {
	width:205px;
	float:left;
	clear:both;
}
#access dl.shop_info {
	padding-left:225px;
	font-size:120%;
}
#access dl.shop_info dt {
	width:120px;
	float:left;
	padding-bottom:8px;
	font-weight:bold;
}
#access dl.shop_info dd {
	padding-left:120px;
	padding-bottom:8px;
}
#access dl.shop_info dd#mail a {
	color:#000;
}
#access dl.shop_info dd dl dt {
	width:70px;
	float:left;
	font-weight:normal;
	padding-bottom:0;
}
#access dl.shop_info dd dl dd {
	padding-left:70px;
	padding-bottom:0;
}
#access .access_map {
	width:635px;
	padding:20px 0 30px 0;
	text-align:right;
}
#access #shop02 {
	padding-top:25px;
}
#access #shop02 .shopsub01,
#access #shop02 .shopsub02,
#access #shop03 {
	position:relative;
	padding:15px 0 25px 0;
	border-top:#CCC 1px dashed;
}
#access #shop02 .shopsub02 {
}
#access #shop02 h3,
#access #shop03 h3{
	width:100%;
	float:left;
	clear:both;
	padding-bottom:15px;
	font-size:140%;
	color:#35799F;
}
#access #shop02 dl.shop_info {
	padding-left:225px;
}

#access #shop01 {
	position:relative;
}
#access #shop01 img.recruit {
	position:absolute;
	top:240px;
	right:0;
}
#access #shop02 .shopsub02 img.recruit {
	position:absolute;
	bottom:25px;
	right:0;
}
#access #shop03 {
	margin-top:30px;
	padding:20px;
	background:#FFF;
	border:#CCC 1px dashed;
}
#access #shop03 h3 {
	padding-bottom:5px;
	margin-bottom:20px;
	text-align:center;
	border-bottom:#35799F 1px solid;
}
#access #shop03 dl {
	font-size:120%;
}
#access #shop03 dl dt,
#access #shop03 dl dd.dd01,
#access #shop03 dl dd.dd02 {
	padding-bottom:5px;
	margin-bottom:15px;
}
#access #shop03 dl dt {
	width:150px;
	float:left;
	font-weight:bold;
}
#access #shop03 dl dd.dd01 {
	width:200px;
	float:left;
}
#access #shop03 dl dd.dd02 {
	padding-left:300px;
	border-bottom:#CCC 1px dashed;
}

/* ======================================================
-----about page------------------------------------
=========================================================*/
#about #titleset {
	clear:both;
}
#about #titleset h2 {
	margin:0 auto;
	display:block;
	clear:both;
	padding-top:30px;
	font-size:140%;
	line-height:130%;
	text-align:center;
}
#about #read_txt {
	padding:30px 0 50px 0;
	font-size:110%;
}
#about #read_txt img {
	width:180px;
	height:220px;
	float:left;
	padding:0 20px 10px 0;
}
#about #read_txt p.txt_right{
	display:block;
	padding-top:20px;
	font-weight:bold;
	text-align:right;
}
#about h3 {
	padding:20px 0;
	text-align:center;
	font-size:140%;
	color:#35799F;
	border-top:#CCC 1px dashed;
}
#about .contentset {
	padding-bottom:20px;
}
#about #media ul li {
	padding-bottom:15px;
}
#about #media ul li h4 {
	padding-left:10px;
	padding-bottom:5px;
	font-size:120%;
	border-left:#F64A30 3px solid;
}
#about #media ul li p {
	padding-left:30px;
	font-size:110%;
}
#about #info .text .moretext {
	font-size:110%;
}

/* ======================================================
-----company page------------------------------------
=========================================================*/
#company h3 {
	clear:both;
	padding:30px 0 20px 0;
	text-align:center;
	font-size:140%;
	color:#35799F;
	border-top:#CCC 1px dashed;
}
#company h3#first {
	border-top:none;
}
#company dl.company_info {
	padding-bottom:30px;
}
#company dl.company_info dt {
	width:60px;
	float:left;
	padding:10px 0;
	font-weight:bold;
}
#company dl.company_info dd {
	padding:10px 0;
	padding-left:100px;
}
#company dl.company_info dt.long {
	width:635px;
	float:left;
	font-weight:bold;
	background:none;
}
#company dl.company_info dd.long_dd {
	clear:both;
	padding:0;
	padding-left:20px;
	border-left:#CCC 1px dashed;
}
#company dl.company_info dd.long_dd dl dt,
#company dl.company_info dd.long_dd dl dd,{
	padding:5px 0;
}

/* ======================================================
-----price page------------------------------------
=========================================================*/
#price h1 {
	width:595px;
	height:110px;
	padding:20px;
	color:#000;
	background:url(../../img/header_price.jpg);
}
#price h2 {
	margin:0 auto;
	display:block;
	clear:both;
	padding-top:30px;
	font-size:180%;
	line-height:130%;
	text-align:;
}
#price h3 {
	padding:20px 0;
	font-size:140%;
	border-top:#CCC 1px dashed;
}
#price #read_txt {
	padding:30px 0 50px 0;
	font-size:110%;
}
#price #read_txt p span {
	color:#35799F;
	font-weight:bold;
}
#price dl.company_info {
	font-size:110%;
}
#price dl.company_info dt {
	width:150px;
	height:40px;
	float:left;
	clear:left;
	padding:5px 30px;
	background:#EAEAEA;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}

#price dl.company_info dt.dt_first {
	background:none;
	border-left:none;
	border-right:none;
}
#price dl.company_info dd {
	width:150px;
	height:40px;
	float:left;
	text-align:right;
	padding:5px 20px;
	border-bottom:#CCC 1px solid;
}
#price dl.company_info.single dt ,
#price dl.company_info.single dd{
	height: 20px
}
#price dl.company_info dd.dd_title {
	font-size:110%;
	font-weight:bold;
}
#price dl.company_info dd.dd02 {
	border-right:#CCC 1px solid;
}
#price dl.company_info dd span {
	font-size:80%;
}

#price dl.pricelist {
	border-top:#CCC 1px solid;
	width:593px;	
}
	
#price dl.pricelist dt {
	width:150px;
	height:20px;
	float:left;
	clear:left;
	padding:5px 30px;
	background:#EAEAEA;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
}
#price dl.pricelist dt.dt_first {
	background:none;
	border-left:none;
	border-right:none;
}
#price dl.pricelist dd {
	width:340px;
	height:20px;
	float:left;
	text-align:center;
	padding:5px 20px;
	border-bottom:#CCC 1px solid;
}
#price dl.pricelist dd.dd_title {
	font-size:120%;
	font-weight:bold;
}	
#price dl.pricelist dd{
	border-right:#CCC 1px solid;
}
#price dl.pricelist dd span {
	font-size:80%;
}
#price p.txt_right{
	width:100%;
	float:left;
	display:block;
	padding-top:10px;
	text-align:right;
}



/* ======================================================
-----process page------------------------------------
=========================================================*/
#process h1 {
	width:350px;
	background:#FFF;
	margin-bottom:30px;
}
#process #bxslider li#process_title {
	font-size:200%;
	padding-top:230px;
	text-align:center;
	color:#FFF;
}
#process #bxslider .process_img {
	width:300px;
	padding:10px;
	float:left;
}
#process #bxslider .txtset {
	padding:200px 20px 0 330px;
	color:#FFF;
	font-size:110%;
}
#process #bxslider .txtset h2 {
	padding-bottom:20px;
	letter-spacing:normal;
	color:#FFF;
}
#process #bxslider #totop {
	position:absolute;
	top:405px;
	right:20px;
}

#isetan h1 {
	width: 500px;
}
#w_qa h1 {
	width: 250px;
}
#qa {
	clear: both;
	padding-top: 20px;
}
#qa ul li {
color: #333;
display: block;
padding: 3px 0 15px 0;
}
#qa ul li #txt_q {
	display: block;
	margin: 0px;
	padding: 10px 0 10px 50px;
	color: #333;
	background-image: url(../../img/q_icon.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 105%;
}
#qa ul li #txt_a {
	display: block;
	margin: 0;
	padding: 0 0 0 50px;
	color: #333;
	background-image: url(../../img/a_icon.gif);
	background-position: left top;
	background-repeat: no-repeat;
}