@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,table,pre,address,ul,ol,dl {
	font-size: 140%;
}
	
h1 {} /* Header内で設定 */
h2 {}
h3 {}
h4 {}

a { color: #FF4D00; }
a:hover,
a:active { color: #FF9900; text-decoration: none; }
a:visited {
}

.alpha { float: left; }
.beta { float: right; }

#main ul { margin: 0 20px 10px 5px; }
#main ul li {
	list-style: none;
	background: url(../images/li_bg.png) 0 6px no-repeat;
	padding-left: 20px;
	}
#main ul.totop { float: right; margin: 10px 0 30px 0px; }
#main ul.totop li { background: none; }

#main table {
	border-collapse: separate;
	border-spacing: 1px;
	border: 1px solid #B6D7FC;
	width: 610px;
	font-size: 140%;
	margin-bottom: 15px;
	}

#main table th,
#main table td {
	padding: 10px 8px;
	border: 0;
	}

#main table th {
	background: #B6D7FC;
	color: #00008F;
	width: 180px;
	font-weight: bold;
	}
#main table td {	background: #F0F7FB; }

.caution {
  color: #990000;
	font-weight: bold;
	}

#main .flow {
  background: url(../images/arrow_l.jpg) center bottom no-repeat;
	padding-bottom: 45px;
	margin-top: 15px;
	}
	
#main .flow_end {
	margin-bottom: 10px;
	margin-top: 15px;
	}

#main .flowarea {
  border: 1px solid #eee;
	padding: 10px;
	}
#main .flowarea p.ftitle {
  margin: 0 0 5px 0 ; 
	background-color: #66CCFF;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	}
#main .flowarea p.ftitle02 {
  margin: 0 0 5px 0 ; 
	background-color: #72E0E8;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	}

.center { text-align: center; }
.right { text-align: right; }

.text01 { font-weight: bold; color: #FF6633; }

#main .textarea {
  margin: 10px 5px;
	}

#main p.subtitle {
	color: #333;
	font-weight: bold;
	background-color: #EEEEEE;
	line-height: 1.4;
	padding: 5px 10px;
	margin-bottom: 10px;
	}

#content dl dt { color: #993300 ; font-weight: bold; } 
#main p { margin: 0 0 1em; }

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

.section { padding: 8px 6px ; }
.section .section { padding: 10px; }

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

#main_case {
  float: left;
	width: 232px;
	}

#main_img { padding-top: 8px; }

#main .ban_area {
  background: #DCDCDC;
	padding: 5px;
	margin-bottom: 30px;
	}
#main .ban_area p.alpha { margin: 0 5px 0 0; }

#main .ban_area p { margin: 0; }

#main .ban_arrow { padding-top: 10px; background: url(../images/banarea_arrow.jpg) left center no-repeat;	}

#main .box { border: 1px solid #ccc; margin-bottom: 20px; }

#main .text_img { margin: 10px 0; padding-bottom: 10px; }

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


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

html {
	background: none;
}

body {
  background: #fff url(../images/body_bg.jpg) top repeat-x;
	color: #333;
	text-align: center;
}
#wrapper {
	width: 932px;
	margin: 0 auto;
}
#main {
	width: 680px;
	margin: 22px 0 0 0;
	text-align: left;
  float: right;
	line-height: 1.6;
}


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

#header {
	text-align: left;
  background: url(../images/header_bg.jpg) left 0 no-repeat;
	position:relative;
	padding-left: 118px;
	height: 203px;
	line-height: 0;
}
#header .header_text {
	height: 30px;
	color: #0057C7;
	margin: 0;
	font-size: 100%;
	position: absolute;
	top:8px;
	left: 120px;
	line-height: 1.4;
	width: 800px;
}
#header h1 { float: left; }

#header #header02 {
	float: right;
	margin-top: 45px;
}

#header #header02 p { margin-bottom: 14px; }

#header #h_box {
  width: 533px;
	float: left;
	margin-top: 50px;
	}

#header .alpha,
#header .beta { margin-top: 18px; }

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

#footer {
	clear: both;
  background: url(../images/footer_bg.jpg) 0 0 repeat-x;
	height: 274px;
}
#footer #footer02 {
  width: 922px;
	margin: 0 auto;
	padding-top: 32px;
	}

#footer .fban { padding-top: 20px; margin-bottom: 32px; }
#footer .fban .alpha { margin-right: 10px; }

#footer address { clear: both; margin: 0 auto; height: 30px; width: 340px; }

* html #footer .fban { margin-bottom: 12px; }

#footer p.ban_fax { margin-top: 10px; }

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

#navi {
	float: left;
	width: 232px;
	margin: 22px 0 10px 0;
	text-align: left;
}

#navi ul {
	margin-bottom: 15px;
}

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

#navi .nav_ban { margin: 0 0 10px 0;}

#navi ul.other {
  border-top: 1px solid #EEEEEE;
	padding-top: 15px;
	}

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

/* index
------------------------------------------------------------------------*/

#index #main { line-height: 1.4; }

#index .layout { margin-bottom: 10px; }
#index .layout p { margin: 0; }
	
#index #greeting {
  border: 1px solid #eee;
	padding: 8px 6px;
	background: url(../images/index_greeting_bg.jpg) right 0 no-repeat;
	margin-bottom: 13px;
	}
	
#index #arrow_bg {
  margin-top: 10px;
	padding: 0 0 70px 5px;
	background: url(../images/index_greeting_arrow.jpg) 0 bottom no-repeat;
	}
	
#index #arrow_bg p { line-height: 1.7; margin: 0; font-size: 14px; }

#index #main p.text_img { margin: 18px 0; }


/* case01
------------------------------------------------------------------------*/

#case01 .photo { margin: 0px 50px; }

#main .thumbs { margin: 0; }
#main .thumbs a { margin: 0 0 5px 5px; }

#case01 #main .textarea .beta { width:290px; float:right; }

/* case02
------------------------------------------------------------------------*/


/* case03
------------------------------------------------------------------------*/
#case03 #main .textarea .beta { width:290px; float:right; }


/* policy
------------------------------------------------------------------------*/

#policy .ban_area { 
  width: auto;
	margin: 0 26px;
	padding: 10px; 
	}

/* faq
------------------------------------------------------------------------*/

#faq .q_a dl{
	margin: 20px;
	width:580px;
	padding:0;
	}
#faq .q_a dt{
	border-bottom: 1px dotted #CCC;
	background:#fff url(../images/q_bg.jpg) 5px 5px no-repeat;
	padding: 25px 5px 25px 65px ;
	margin: 0;
	font-weight: bold;
	}
#faq .q_a dd{
	background:#fff url(../images/a_bg.jpg) 5px 5px no-repeat;
	padding: 20px 5px 25px 65px ;
	margin: 0 0 20px 0;
	}


/* need
------------------------------------------------------------------------*/

#need .alink {
  background: url(../images/need_alink_bg.jpg) 0 0 no-repeat;
	height: 100px;
	width: 614px;
	padding-left: 5px;
	margin-left: 15px;
	}
#need #main .alink p {
  margin: 8px 3px 0 0 ;
	float: left;
	}

#need h4 { margin-bottom: 5px; }


/* flow
------------------------------------------------------------------------*/

#flow .alinkarea { margin-left: 20px; }

/* staff
------------------------------------------------------------------------*/

#staff #main p.image_r { margin-left: 16px; }
#staff h4 { margin-bottom: 10px; }


/* policy
------------------------------------------------------------------------*/

#policy h4 { margin-top: 5px; }

/* cleaning
------------------------------------------------------------------------*/

#cleaning .case { border-top: 1px dotted #ccc; padding-top: 15px; margin-top: 20px; }

#cleaning .case .alpha {
  border: 1px solid #eee;
	padding: 5px 5px 30px 5px;
	margin-top:25px;
	}
#cleaning .case .alpha ul li { font-weight: bold; }

#cleaning .case .beta {
	padding: 5px;
	margin-top:5px;
	}

#cleaning #main p.li_title {
  margin: 0 0 10px 0; 
	background-color: #515151;
	padding: 10px 5px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	}

#cleaning .comment { width: 320px;	float: right; }

#cleaning .box02 {
  border: 1px solid #ccc;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	}

#cleaning h3.layout { margin-bottom: 15px; }

#cleaning #main ul li { background: url(../images/li_bg02.png) 0 6px no-repeat;	}


/* trial
------------------------------------------------------------------------*/

#trial .box02 {
  border: 1px solid #ccc;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	}

#trial .layout { margin-bottom: 15px; }

#trial .text02 {
  font-weight: bold;
	font-size: 150%;
  }

#trial #main p.caution { color: #666666; font-weight: normal; }

#trial .box_layout { padding: 15px 15px 0 15px; margin-bottom: 5px; }