@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 {}
h3 {}
h4 {}

a { color: #f41; }
a:hover,
a:active { color: #f96; text-decoration: none; }
a:visited {
}

ul {
}
li {
}

dl {
}
dt {
}
dd.dis {
  font-size: 120%;
}

table {
}

th,
td {
}
th {
}
td {
}


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;
}

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

html {
	background: none;
}

body {
	color: #333;
	text-align: center;
}
wrapper {
  width: 960px;
	height: auto;
	text-align: center;
}
#index {
	margin: 0 auto;
  background: url(../images/bk.jpg) no-repeat;
}
#naka {
	margin: 0 auto;
  background: url(../images/naka_bk.jpg) no-repeat;
}
#main {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#content {
	width: 680px;
	text-align: left;
  float: right;
	margin-top: 25px;
	padding: 0 10px;
}
.mainnaka {
  background: url(../images/nakainbk.jpg) no-repeat;
	width: 960px;
	height: 180px;
	clear: both;
}


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

#header {
  width: 960px;
	margin: 0 auto;
	text-align: left;
}

#header .header_text {
	height: 20px;
	line-height: 20px;
	text-indent: 1em;
	background: #333;
	color: #fff;
	margin: 0;
	font-size: 90%;
}
#header h1,
#headernaka h1 { 
  float: left;
	width: 960px;
	height: 14px;
	padding-top: 4px;
	font-size: 100%;
}
*html #header h1,
*html #headernaka h1 { 
  float: left;
	width: 960px;
	height: 12px;
	padding-top: 8px;
}

#header #header02 {
	float: right;
	padding-top: 10px;
}
.headerarea {
  width: 960px;
	height: 108px;
}
.logo { 
  float: left;
	height: 90px;
	width: 560px;
}
.headerinq {
  float: right;
	width: 260px;
	height: 88px;
}　
.texlink {
  width: 260px;
	height: 31px;
	padding-top: 2px;
}
.texlink02 dt {
	padding: 10px 0 5px 10px;
	text-align: left;
	background: url(../images/headerpoint.jpg) no-repeat 0 50%;
	font-size: 180%;
}

.texlink li {
  float: right;
	width: 80px;
	padding: 0 2px;
	text-align: center;
	background: url(../images/headerpoint.jpg) no-repeat 0 50%;
}
.texlink02 a,
.texlink li a {
	color: #0083CD;
	font-size: 90%;
}	
.mainimg_area {
  width: 960px;
	height: 280px;
	clear: both;
	position: relative;
}
.mainleft {
  background: url(../images/mainleftbk.jpg) no-repeat;
	width: 250px;
	height: 280px;
	clear: both;
}
.bt01 {
	width: 230px;
	height: 90px;
	padding: 75px 10px 5px;
	position: absolute;
	left: 0;
	top: 5px;
}
.bt02 {
	width: 230px;
	height: 90px;
	padding: 5px 10px 5px;
	position: absolute;
	top: 175px;
	left: 0;
}

.topimg {
	width: 710px;
	height: 280px;
	position: absolute;
	left: 250px;
	top: 0px;
}

.chat {
	position: absolute;
	left: 700px;
	top: 200px;
}


/*==========================================================================*/
/*                              naka                                      */
/*==========================================================================*/
.nakaimg {
  color: #666666;
	font-size: 200%;
	font-weight: bold;
	padding: 70px 0 0 30px;
	width: 960px;
	height: 180px;
}
h3.naka {
  background: url(../images/h302.jpg) no-repeat 0 50%;
	width: 680px;
	height: 40px;
	font-size: 170%;
	font-weight: bold;
	padding: 0 0 0 25px;
	line-height: 2.4;
	overflow: hidden;
}
.ned {
  background: #EFF5F9;
	padding: 10px;
	height: 185px;
	margin: 10px 0;
}
.ned02 {
  background: #EFF5F9;
	padding: 10px;
	height: 200px;
	margin: 10px 0;
}
.ned03 {
  background: #EFF5F9;
	padding: 10px;
	height: 70px;
	margin-top: 10px;
}
.ned04 {
  background: #EFF5F9;
	padding: 10px;
	margin: 10px 0;
}

.ned04 {
  background: #EFF5F9;
	padding: 10px;
	margin: 10px 0;
	height: 230px;
	line-height: 1.8
}
.ned04 dt,
.ned03 dt,
.ned02 dt,
.ned dt {
  background: url(../images/point02.jpg) no-repeat 0 50%;
	padding-left: 25px;
	font-size: 160%;
	font-weight: bold; 
}
h4 {
  background: url(../images/h4.jpg) no-repeat 0 50%;
	width: 680px;
	height: 32px;
	font-size: 160%;
	font-weight: bold;
	padding: 0 0 0 25px;
	line-height: 2;
	overflow: hidden;
}
.ry01 {
	margin-top: 15px; 
}
.ned04 dd,
.ned03 dd,
.ned02 dd,
.ned dd {
  background: url(../images/point04.jpg) no-repeat 0 0;
	padding-left: 22px;
	line-height: 1.2;
	margin-top: 3px;
}
.list { 
  float: left;
	padding: 3px 6px 3px 0;
	height: 20px;
	width: 280px;
}
.list {}
.list02 { 
  float: left;
	padding: 3px 6px 3px 0;
	height: 20px;
	width: 420px;
}
.list02 {
	_width: 420px;
}

.list03 {
  width: 330px;
  float: left;
	padding: 3px 6px 3px 0;
	height: 20px;
}


.inpg {
  background: #E5ECF2;
	border-top: 2px solid  #FF7F00;
	width: 680px;
	height: 200px;
	border: 
}
.price02 {
  margin-bottom: 10px;
}

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

#footer {
	clear: both;
	text-align: center;
	height: 110px;
  background: url(../images/footer_bk.jpg) 0 repeat-x;
}
#footer address {
	width: 960px;
	margin: 0 auto;
	padding-top: 10px;
}


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

#navi {
	float: left;
	width: 250px;
	text-align: center;
	margin: 20px 0;
}

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

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

#navi dl dt { text-indent: -9999em; }

#navi #navi_banner {
	margin: 20px 0 0;
}
#navi #navi_banner li {
	margin-bottom: 10px;
}
#navi ul li.navchat { margin: 10px 0 0 0;}
#navi ul li.navchat02 { margin: 10px 0;}
#navi ul li.navchat03 { margin: 0;}

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

/* index
------------------------------------------------------------------------*/
.service {
  background: url(../images/servicebk.jpg) no-repeat;
	width: 680px;
	height: 275px;
	padding: 28px 5px 0 5px;
	margin-top: 20px;
}

.servicein {
  width: 330px;
	height: 125px;
	float: left;
	padding: 2px;
}
.servicein li {
  padding-top: 4px;
	float: right;
}
.servicein .price { padding-top: 5px;}

.service {
  float: left;
	padding: 30px 5px 0 5px;
}
.service02 { 
  margin-top: 20px;
	clear: both;
}
.service03 { 
  margin: 30px 0 15px;
	clear: both;
	text-align: center;
	background: url(../images/inqbk.jpg) no-repeat;
	width: 680px;
	height: 100px;
	padding-top: 35px;	
}

.service04 { 
  margin: 0 0 15px;
	clear: both;
	text-align: center;
	background: url(../images/inqbk.jpg) no-repeat;
	width: 680px;
	height: 100px;
	padding-top: 35px;	
}


.inq01 {
  margin-right: 15px;
}
.news {
  margin-top: 20px;
	line-height: 0;
}	
.news img { vertical-align: bottom;}

	
.new {
  background: #E5ECF2;
	width: 680px;
	height: 110px;
	vertical-align: top;
}
.new dt,
.new dd{
  float: left;
	padding: 7px 0 5px 10px;
}
.new dd{
  width: 550px;
}
.map {
 text-align: center;
 width: 680px;
 background: #EFF5F9;
 margin: 10px 0;
 }
.texarea { 
  padding: 10px;
	line-height: 1.8;
}
.texarea02 { 
  padding: 10px;
	line-height: 1.8;
}
.texarea03 { 
  padding-left: 25px;
	background: url(../images/point01.jpg) no-repeat 0 50%;
}
.texarea04 { 
  padding-top: 25px;
	line-height: 1.8;
	height: 200px;
}
.texarea05 { 
  padding: 10px;
	line-height: 1.8;
	margin-top: 20px;
}
.cont {
  margin: 10px 0;
	clear: both;
}
.cont01 { margin-top: 20px;}

.cont02 {
  margin: 10px 0;
	width: 680px;
}

.boximg {
  width: 660px;
	clear: both;
	margin: 10px 0;
}
.boximg02 {
  width: 190px;
	float: left;
	text-align: center;
}

.gmap {
  margin-bottom: 20px;
}
.bun {
  width: 650px;
	height: 290px;
}


/* --- */