@charset "utf-8";
/* CSS Document */

/* formatting style
---------------------------------*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	color: #333333;
	background-repeat: repeat-y;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	line-height: 1.6;
	background-color: #FFFFCC;
	background-image: url(../image/bg_shadow.gif);
	background-position: center;
}
p {
	margin-right: 25px;
	margin-bottom: 15px;
	margin-left: 25px;
	line-height: 2;
}
h1 {
	margin-left: 15px;
	margin-top: 15px;
}
h2 {
	font-size: 110%;
}
h3 {
	font-size: 100%;
}
.spacer  {
	clear: both;
	display: block;
	margin: 0px;
	padding: 0px;
}

/* link style
---------------------------------*/
a img {
	border-style: none;
}
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #999999;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	position: relative;
	left: +1px;
	top: +1px;
}

/* basic layout
---------------------------------*/
#homewrapper {
	margin: 0px auto;
	width: 948px;
	border-right: 1px solid #777777;
	border-left: 1px solid #888888;
	background-repeat: repeat-y;
	background-image: url(../image/homewrapper_bg.gif);
}
#wrapper {
	margin: 0px auto;
	width: 948px;
	border-right: 1px solid #777777;
	border-left: 1px solid #888888;
	background-repeat: repeat-y;
	background-image: url(../image/wrapper_bg.gif);
}
#homemain {
	padding: 15px;
	float: left;
	width: 550px;
	background-repeat: repeat-y;
	background-position: left top;
}
#main {
	float: right;
	width: 620px;
	padding: 15px;
}
#homesub {
	padding: 15px;
	width: 337px;
	float: right;
}
#sidebar {
	padding: 15px;
	width: 267px;
	float: left;
}
#footer {
	background-color: #FFFF71;
	border-top: 1px solid #FFCC00;
	clear: both;
	height: 35px;
}

/* header style
---------------------------------*/
#header {
	background-color: #FFFF71;
	height: 260px;
	position: relative;
	background-image: url(../image/header_logo.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
}
#home #header {
	height: 410px;
}
#header  img  {
	position: relative;
	top: 110px;
}
#header  h4 {
	text-align: right;
	font-size: 15px;
	position: absolute;
	top: 15px;
	line-height: 1.2;
	right: 25px;
	font-weight: normal;
}

/* homemain style
---------------------------------*/
#homemain p {
	line-height: 1.6;
	margin-right: 15px;
	margin-left: 15px;
}
#homemain h2 {
	background-image: url(../image/main_h2_bg01.gif);
	line-height: 35px;
	height: 35px;
	padding-left: 15px;
	border-left: 20px solid #AAAAFF;
	border-right: 1px solid #AAAAFF;
}
#homemain h2 {
	background-image: url(../image/main_h2_bg01.gif);
	line-height: 35px;
	height: 35px;
	padding-left: 15px;
	border-left: 20px solid #AAAAFF;
	border-right: 1px solid #AAAAFF;
}
.sub1 {
	position:relative;
	top:-10px;
}
.sub2 {
	position:relative;
	top:-10px;
}
#homemain h3 {
	font-weight: bold;
	border-left: 10px solid #999999;
	padding-left: 5px;
	border-bottom: 2px dotted #999999;
	margin-top: 10px;
	margin-bottom: 10px;
}
#homemain .center {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
#homemain div.wk {
	display: inline;
	float: left;
	width: 166px;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 13px;
}
#homemain div.wk img {
	padding: 1px;
	border: 2px solid #BBBBBB;
}
#homemain div.toku {
	display: inline;
	float: left;
	width: 240px;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: 25px;
}
#homemain #cleaning a {
	background-image: url(../image/home_button_hover01.gif);
	display: inline;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 50px;
	background-repeat: no-repeat;
	height: 70px;
	width: 220px;
}
#homemain #faq a {
	background-image: url(../image/home_button_hover02.gif);
	background-repeat: no-repeat;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	display: inline;
	height: 70px;
	width: 220px;
}
#homemain a:hover {
	background-color: #FFFFFF;
}
#homemain div.wk a:hover img {
	padding: 2px;
	border: 1px solid #DDDDDD;
}
#homemain #cleaning a:hover img,
#homemain #faq a:hover img {
	visibility: hidden;
}

/* homesub style
---------------------------------*/
#homesub h2 {
	border-right: 1px solid #6699FF;
	border-left: 20px solid #6699FF;
	padding-left: 10px;
	line-height: 35px;
	background-image: url(../image/main_h2_bg.gif);
	height: 35px;
}
#homesub #topics {
	border-right: 1px solid #6699FF;
	border-bottom: 1px solid #6699FF;
	border-left: 1px solid #6699FF;
	margin-bottom: 30px;
	background-color: #FFFFFF;
	overflow: hidden;
	height: 200px;
	width: 335px;
}
#homesub  #areainfo {
	margin-top: 15px;
}
#homesub #areamap {
	margin-bottom: 30px;
}
#homesub  .honpo {
	margin-top: 15px;
	margin-left: 40px;
}

/* main style
---------------------------------*/
#main h2 {
	background-image: url(../image/main_h2_bg02.gif);
	line-height: 35px;
	height: 35px;
	margin-bottom: 15px;
	padding-left: 20px;
	color: #FFFFFF;
}
#main h3 {
	line-height: 35px;
	background-image: url(../image/main_h2_bg01.gif);
	height: 35px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 20px solid #6699FF;
	width: 150px;
}
#main h4 {
	background-image: url(../image/bullet.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 3px solid #FF9966;
	border-bottom: 2px dotted #999999;
	padding-left: 20px;
	margin: 15px;
	padding-top: 5px;
	padding-bottom: 2px;
	font-size: 100%;
}
#main h5 {
	font-size: 100%;
	background-image: url(../image/bullet2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-top: 3px solid #CCCCCC;
	border-bottom: 2px dotted #FF6037;
	width: 55%;
	margin-top: 30px;
	margin-bottom: 15px;
	margin-left: 30px;
}
#main ul {
	margin-right: 25px;
	margin-left: 25px;
}
#main ul li {
	background-image: url(../image/small_play.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 20px;
	list-style: none;
	margin-bottom: 25px;
}
#main img {
	margin-left: 20px;
}
#main img#flowchart  {
	margin-left: 35px;
}
#main .pagetop  {
	background-image: url(../image/arrow02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
	float: right;
	clear: both;
}
#main .pagetop:hover  {
	background-image: url(../image/arrow_hover02.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#main .icon {
	margin: 0px 5px 0px 0px;
	padding: 0px;
	position: relative;
	top: 3px;
}
#main em {
	color: #FF0000;
	font-weight: bold;
}
#main p.boast {
	margin-left: 225px;
}
#main p.flow_chart {
	margin-right: 225px;
}

/* sidebar style
---------------------------------*/
#sidebar h3 {
	height: 35px;
	font-size: 120%;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	line-height: 35px;
	text-indent: 10px;
	font-weight: bold;
	border-bottom: 1px solid #6699FF;
	background-color: #3366FF;
	background-image: url(../image/main_h2_bg02.gif);
}
#sidebar ul {
	margin-bottom: 20px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#sidebar ul li {
	margin: 0px;
	padding: 0px;
	text-indent: 20px;
	list-style: none;
	border-bottom: 2px inset #DDE9FF;
}
#sidebar ul li a {
	display: block;
	text-decoration: none;
	line-height: 35px;
	height: 35px;
	background-color: #CADBFF;
	background-image: url(../image/small_next.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#sidebar ul li a:visited {
	color: #666666;
}
#sidebar ul li a:hover {
	background-color: #6699FF;
	background-image: url(../image/small_next.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	color: #FFFFFF;
}
#sidebar .sub {
	text-indent: 40px;
	margin: 0px;
	padding: 0px;
	border-bottom: 2px inset #DDE9FF;
}
#sidebar .sub a {
	background-color: #D9D9FF;
	background-image: url(../image/small_next.png);
	background-repeat: no-repeat;
	background-position: 25px center;
}
#sidebar .sub a:hover {
	color: #FFFFFF;
	background-color: #A2A2FF;
	background-image: url(../image/small_next.png);
	background-repeat: no-repeat;
	background-position: 25px center;
}
 
/* footer style
---------------------------------*/
#footer address  {
	color: #666666;
	padding-top: 5px;
	padding-left: 20px;
}

/* table layout
---------------------------------*/
#main table {
	margin-bottom: 25px;
	border-top: 1px solid #CCCCCC;
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}
#main table th {
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px dotted #CCCCCC;
	border-collapse: collapse;
	border-right: 1px dotted #CCCCCC;
	padding: 5px;
}
#main table td {
	border-left: 1px dotted #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-right: 1px dotted #CCCCCC;
	padding: 5px 10px;
}
#main table td.right {
	text-align: right;
	padding-right: 30px;
}
#main table td.rightNoline {
	border-right-style: none;
}
#main table td.leftNoline {
	border-left-style: none;
}
#main #reformTable  td.reformPrice {
	padding-left: 100px;
}
#main #profileTable {
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
}
#main #profileTable th {
	text-align: right;
	border-top: none;
	border-collapse: collapse;
	border-bottom: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-right-style: none;
	border-left-style: none;
	padding: 5px;
}
#main #profileTable td {
	text-align: left;
	border-top: none;
	border-collapse: collapse;
	border-bottom: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-right-style: none;
	border-left-style: none;
	padding: 5px 5px 5px 15px;
}
#main #priceleft {
	float: left;
	margin-left: 5px;
}
#main #priceright {
	float: right;
	margin-right: 5px;
}
#main table.pricelist td {
	text-align: left;
	padding-left: 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#main #laundryprice td {
	text-align: center;
}
#main #formTable td {
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding-left: 15px;
}
#main #formTable th {
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#main #sendmailTableLeft  {
	width: 150px;
	padding-right: 10px;
	background-image: url(../image/bg_stripe_green.gif);
	background-repeat: repeat;
}
#main #sendmailTableRight   {
	border-right-style: none;
	border-left-style: none;
	width: 440px;
	padding-left: 10px;
}
#main table tr.top {
	background-color: #DEEFEF;
	color: #7E9694;
}
#main table tr.odd {
	background-color: #F4FAFF;
}
#main table td.category {
	background-color: #97B9FF;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 2px;
}

/* photo style
---------------------------------*/
#main .photoleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	clear: left;
}
#main .photoright {
	float: right;
	clear: right;
	margin: -5px 20px 10px;
}
#main .store_photoright {
	border: 1px solid #CCCCCC;
	float: right;
	padding: 2px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	clear: right;
}


/* form style
---------------------------------*/
#main form {
	margin-bottom: 25px;
}
#main input[type="text"], #main textarea {
	padding: 5px;
	border: 1px solid #999999;
	width: 200px;
}
#main form em {
	color: #FF0000;
	padding-left: 5px;
}
#main form textarea#comment {
	overflow: auto;
	height: 120px;
	width: 300px;
}
#main form #submit {
	padding: 0px;
	width: 150px;
	font-family: "メイリオ", "�E��E� �E�ゴシチE��", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-bottom: 10px;
	float: right;
	margin-left: 20px;
	margin-right: 15px;
	font-size: 95%;
}

/* FAQ style
---------------------------------*/
#main #faq dl dt {
	background-image: url(../image/faq_q.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 15px;
	padding-left: 25px;
	border-bottom: 2px dotted #FF6600;
}
#main #faq dl dd {
	background-image: url(../image/faq_a.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	margin: 15px 15px 30px;
	padding-left: 25px;
}
#main #faq ol li {
	list-style: decimal;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#main #faq img {
	margin: 0px -5px 0px 15px;
	padding: 0px;
	position: relative;
	top: 15px;
}
#main #faq #pdf a {
	background-image: url(../image/small_acrobat.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	float: right;
	padding-left: 20px;
}
#main #faq #pPdf {
	float: left;
	padding-left: 50px;
}

/* store style
---------------------------------*/
#store #main  h3.coin {
	float: left;
}
#store #main .mini_mark {
	margin-right: 5px;
	position: relative;
	top: 7px;
	margin-left: 20px;
}
#store #main dl {
	margin-right: 20px;
	margin-bottom: 40px;
	margin-left: 20px;
}
#store #main dt {
	font-weight: bold;
	display: block;
	width: 90px;
	float: left;
	text-align: right;
}
#store #main dd {
	display: block;
	margin-left: 100px;
}