@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 {
	float:left;
	width:728px;
	margin-top:168px;
}
h3 {}
h4 { border-top: 1px solid #B2B2B2; padding: 10px 0 10px 5px; }

a { color: #0057AB; }
a:hover,
a:active { color: #007FFE; text-decoration: none; }
a:visited {
}

ul {
}
#content li {
	background:url(../images/li_bg.jpg) 0 5px no-repeat;
	padding-left:13px
}

dl {
}
dt {
}
dd {
}

table {
	margin-bottom:15px;
}

th,
td {
	padding: 5px;
	border:1px solid #8C8C8C;
}
th {
	background: #0F88DD;
	color:#BAE2F2;
}
th.title {
	background: #BAE2F2;
	color:#0F88DD;
}
td {
}

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; }
.box { padding: 10px; }

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

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

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

.text_orange {
	color:#FF7303;
	font-weight:bold;
}
.text_blue {
	color: #0069D1;
	font-weight:bold;
}

.text_b {
	font-weight:bold;
}


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

html {
	background: none;
}

body {
  background: url(../images/body_bg.jpg) top repeat-x;
	color: #333;
	text-align: center;
}
#wrapper {
	width: 1030px;
	margin: 0 auto;
  background: url(../images/wrapper_bg.jpg) center repeat-y;
}
#main {
	width: 1030px;
	margin: 0 auto;
	text-align: left;
  background: url(../images/main_bg.jpg) 0 0 no-repeat;
}
*html #main { margin-top:-2px; }

#content {
	width: 670px;
	text-align: left;
	float: left;
	padding:20px 0 0 30px;
	background: url(../images/content_bg.jpg) top left no-repeat;
}
*html #content {
	width: 710px;
}


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

#header {
	width: 1030px;
	height: 130px;
	margin: 0 auto;
	text-align: left;
	  background: url(../images/header_bg.jpg) no-repeat;
}
#header .header_text {
	height: 20px;
	line-height: 20px;
	text-indent: 1em;
	background: #333;
	color: #fff;
	margin: 0;
	font-size: 90%;
}
#header h1 {
	float: left;
	color:#0094CF;
	padding:6px 0 12px 0;
	margin-left:30px;
}
*html #header h1 { margin-left:15px; }

#header_box {
	width: 970px;
	margin: 0 30px;
	padding:0;
}
#header02 {
	width: 350px;
	margin: 3px 0 0 0;
	padding:0;
	float: right;
}

#catch {
	width: 1030px;
	margin: 0;
	height:310px;
	background:url(../images/catch_bg.jpg) 0 0 no-repeat;
}

#h_pickup {
	float: right;
	width: 302px;
	text-align:left;
  background: url(../images/pickup_bg.jpg) top repeat-x;
}

#h_pickup dt {
	margin-left: 1px;
}
#h_pickup dd {
	margin-left: 1px;
	margin-bottom: 2px;
}

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

#footer {
	clear: both;
	text-align: center;
  background: url(../images/footer_bg.jpg) 0 repeat-x;
  border-top: 1px solid #B2B2B2;
  margin: 0 40px;
  padding:10px;
}
#footer02 {
	width: 350px;
	margin: 3px 0 0 0;
	padding:0;
	float: right;
}
#footer address {
	margin: 0;
}
#footer_box {
	background:#0050BE;
	text-align: center;
	padding:5px;
	height:;
}


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

#navi {
	float: right;
	width: 300px;
	background:url(../images/navi_bg.jpg) right top no-repeat;
}

#navi dl,
#navi ul {
	margin: 0 0 10px;
	text-align: left;
}
#navi dl.nav01 {
	margin: 20px 0;
	padding: 5px 10px 10px 10px;
	border: 1px solid #CFCFCF;
	width:240px;
}
*html #navi dl.nav01 {
	width:260px;
}
#navi dl.nav01 dt {padding: 5px 0;}
#navi dl.nav01 dd.dd_top{
	border: 1px solid #CFCFCF;
}

#navi dl.nav01 dd{
	border-bottom: 1px solid #CFCFCF;
	border-left: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	background: url(../images/navi_arrow.jpg) 10px 16px no-repeat;
	padding:10px 30px;
}
#navi dl.nav01 dd a { color:#000;}
#navi dl.nav01 dd a:hover,
a:active { color:#666;}

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


#navi #navi_banner {
	margin: 20px 0 0;
}
#navi #navi_banner li {
	margin-bottom: 10px;
}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

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

body#index {
  background: url(../images/body_bg_i.jpg) top repeat-x;
	color: #333;
	text-align: center;
}
#index h2 {
	width:710px;
	height:90px;
	margin:0;
	padding:0;
}

*html #index h2 {
	width:710px;
	height:80px;
	margin:0;
	padding:0;
}


#index #content {
	width: 710px;
	text-align: left;
	float: left;
	margin:0;
	padding:0;
}

#index #pickup {
	margin-left: 40px;
  background: url(../images/index_pickup_bg.jpg) bottom no-repeat;
  text-align:center;
  padding: 5px 0 10px 0;
  text-align:center;
}
#index #pickup li{
	padding:5px 0 0 0;
	background:none;
	width:650px;
	margin: 0 auto;
}
#index #h_pickup {
	float: right;
	width: 302px;
	text-align:left;
  background: url(../images/pickup_bg_i.jpg) top repeat-x;
}

*html #index #main {margin-top:-2px;}
*html #index #navi {margin-top:2px;}

#index .section {
	margin-left: 40px;
	padding: 5px 0 20px 0;
}

#index p.h3 { margin-bottom: 0; }

#index p.h4 { border-top: 1px solid #B2B2B2; padding: 10px 0 0 5px; margin-bottom: 0; }



/* price
------------------------------------------------------------------------*/
#price #content th,
#price #content td {
	width:300px;
	text-align:center;
}


/* equse
------------------------------------------------------------------------*/
#equse .box01 {
	float:right;
	width:500px;
}


/* flow
------------------------------------------------------------------------*/
#flow #content dl {
	width:622px;
	margin: 0 0 20px 20px;
	}
#flow #content dt{
	border-top: solid 1px #8C8C8C;
	border-left: solid 1px #8C8C8C;
	border-right: solid 1px #8C8C8C;
	margin:0;
	padding:0;
	}
#flow #content dd{
	margin:0;
	padding:5px 10px 60px 10px;
	background:url(../images/flow_bg.jpg) bottom;
	}
#flow #content dd.last{
	border-bottom: solid 1px #8C8C8C;
	border-left: solid 1px #8C8C8C;
	border-right: solid 1px #8C8C8C;
	margin:0;
	padding:5px 15px;
	background:none;
	}
	

/* voice
------------------------------------------------------------------------*/
#voice .box01 {
	border: solid 1px #EEE;
	background:#F0F0F0;
	padding:15px 15px 0 15px;
	margin-bottom:15px;
}	


/* company
------------------------------------------------------------------------*/
#company #content th { width:150px; }
#company #content td { width:450px; }


/* change
------------------------------------------------------------------------*/
#change h5 {
	font-size:160%;
	margin-bottom:10px;
}


/* about
------------------------------------------------------------------------*/
#about h5 {
	font-size:160%;
	margin-bottom:10px;
}

#about .box01 {
	border: solid 1px #8C8C8C;
	padding:10px;
	margin-bottom:15px;
}
#about .box01 dt {
	margin-top: 10px;
	color: #0069D1;
	font-weight: bold;
}
#about .box01 dd {
	padding-left:10px;
}


#about #content th,
#about #content td {
	width:140px;
	text-align:center;
}
#about #content td.td02 {
	border:none;
}

#about #content .table02 th {
	width:150px;
}
#about #content .table02 td {
	width:380px;
	text-align:left;
}


/* system
------------------------------------------------------------------------*/

#system #content th {
	width:200px;
}
#system #content td {
	width:400px;
	text-align:left;
}


/* system
------------------------------------------------------------------------*/

#recommend #content th {
	width:170px;
}
#recommend #content td {
	width:400px;
	text-align:left;
}
#recommend h5 { height:25px; }


/* point
------------------------------------------------------------------------*/
#point .box01 {
	border: solid 1px #8C8C8C;
	padding:10px;
	margin-bottom:15px;
}
#point h5 {
	font-size:160%;
	margin-bottom:10px;
}
#point #content th,
#point #content td {
	width:190px;
	text-align:center;
}


/* faq
------------------------------------------------------------------------*/
#faq #content dl{
	margin: 20px;
	width:600px;
	padding:0;
	}
#faq #content dt{
	border-top: 1px solid #B2B2B2;
	border-left: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	background: #B2DFF1 url(../images/faq_q.jpg) 5px 5px no-repeat;
	padding: 10px 5px 10px 45px ;
	margin: 0;
	color: #0069D1;
	font-weight:bold;
	}
#faq #content dd{
	border-bottom: 1px solid #B2B2B2;
	border-left: 1px solid #B2B2B2;
	border-right: 1px solid #B2B2B2;
	background:url(../images/faq_a.jpg) 5px 5px no-repeat;
	padding: 9px 5px 9px 45px ;
	margin: 0 0 20px 0;
	}


/* contact
------------------------------------------------------------------------*/
#contact #content th {
	width:200px;
	padding:5px;
	color:#BAE2F2;
}
#contact #content td {
	width:400px;
	text-align:left;
}

*html #contact #content table {
	width:600px;
}
#contact #content h2 {
	height:100px;
	width:600px;
	margin-top:0;
	float:none;
}

/* sitemap
------------------------------------------------------------------------*/
#sitemap #content .box dl { margin: 0 20px; }

#sitemap #content .box dt {
	font-weight:bold;
	padding-top:3px;
	margin-top:15px;
	margin-bottom:5px;
	border-top: 1px dotted #CCC;
}
#sitemap #content .box dd {
	padding-left:10px;
}