@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: 120%;
}
	
h1 {} /* Header内で設定 */
h2 {}
h3 {}
h4 {}

a { color: #00A33D; }
a:hover,
a:active { color: #00A33D; text-decoration: none; }
a:visited {
}

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

table {
}

th,
td {
}
th {
}
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; }

.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 {
  background: url(../images/body_bg.jpg) top repeat-x;
	color: #333;
	text-align: center;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	padding-top:10px;
}
#main {
	width: 960px;
	margin: 0 auto;
	text-align: left;
  background: url(../images/main_bg.jpg) 0 0 no-repeat;
}
#content {
	width: 690px;
	text-align: left;
  float: right;
}


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

#header {
	width: 960px;
	height: 81px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	margin-bottom:15px;
}

#header #h_banner_01 {
	position:absolute;
	left: 693px;
	top: 1px;
}



#header .header_text {
	height: 20px;
	line-height: 20px;
	text-indent: 1em;
	background: #333;
	color: #fff;
	margin: 0;
	font-size: 90%;
}
#header h1 {
	color:#FFFFFF;
	position: absolute;
	font-size:9px;
	line-height:12px;
	left: -1px;
	top: -11px;
	width: 432px;
}

#header #header02 {
	float: right;
	padding-top: 10px;
}

#h_nav {
	position:absolute;
	left: 321px;
	top: 31px;
}

#h_nav li {
	display:inline;
}




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

#footer {
	clear: both;
	text-align: center;
	border-top:solid #74B936 3px;
  background:#F1F2ED;
	padding-top:30px;
	margin-top:15px;
	height:80px;
}
#footer address {
	width: 960px;
	margin: 0 auto;
}


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

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

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



#navi #navi_banner {
	margin: 20px 0 0;
}
#navi #navi_banner li {
	margin-bottom: 10px;
}

#nav_01 li {
	margin-bottom:10px;
}



#nav_02 {
	background:#F2F0E7;
	border:solid 1px #B2B2B2;
	padding:9px;
}

#nav_02 dd {
	margin-bottom:10px;
}

#index h2 {
	margin-bottom:10px;
}


#contents h2 {
	background: url(../images/h2_01.jpg) no-repeat;
	width:690px;
	text-indent:15px;
	font-size:25px;
	padding-top:45px;
	line-height:65px;
	margin-bottom:15px;
}

#contents h3 {
	background: url(../images/h3_01.jpg) no-repeat;
	line-height:47px;
	font-size:20px;
	font-weight:bold;
	text-indent:35px;
	color:#685B52;
	margin-bottom:15px;
}

#contents h4 {
	padding-bottom:5px;
	border-bottom:5px #E4E3E4 solid;
	line-height:25px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	text-indent:10px;
}


#contents #flow h4 {
	padding-bottom:5px;
	border:1px #E4E3E4 solid;
	background:#D2DFB0;
	line-height:25px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	padding-left:45px;
	line-height:40px;
	background-repeat:no-repeat;
}


#contents #flow h4.no1 {	background-image:url(../images/no_01.jpg) ;}
#contents #flow h4.no2 {	background-image:url(../images/no_02.jpg) ;}
#contents #flow h4.no3 {	background-image:url(../images/no_03.jpg) ;}
#contents #flow h4.no4 {	background-image:url(../images/no_04.jpg) ;}
#contents #flow h4.no5 {	background-image:url(../images/no_05.jpg) ;}
#contents #flow h4.no6 {	background-image:url(../images/no_06.jpg) ;}
#contents #flow h4.no7 {	background-image:url(../images/no_07.jpg) ;}
#contents #flow h4.no8 {	background-image:url(../images/no_08.jpg) ;}
#contents #flow h4.no9 {	background-image:url(../images/no_09.jpg) ;}












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

/* index
------------------------------------------------------------------------*/
#index .mainText h4 {
	padding-bottom:5px;
	border-bottom:5px #E4E3E4 solid;
	line-height:25px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
	text-indent:10px;
}

ul.list_01 li {
	display:inline;
}

.odd {
	margin-left:7px;
}

* html .odd {
	margin-left:5px;
}

*:first-child+html .odd {
	margin-left:5px;
}

.b01 {
	border:solid 1px #B2B2B2;
}

.box01 {
	padding:5px;
	margin-bottom:10px;
}

.mb01 {
	margin-bottom:10px;
}

table.index_maker {
	text-align:center;
	margin:0 auto;
}

ul.gosoudan {
	float:right;
	background: url(../images/index_pick_03.jpg) no-repeat;
	width:384px;
	height:229px;
	position:relative;
	margin-left:10px;
}

* html ul.gosoudan {
	margin-left:5px;
}

ul.gosoudan li {

}

ul.gosoudan li.pos_01 {
	position:absolute;
	left: 15px;
	top: 135px;
}

ul.gosoudan li.pos_02 {
	position:absolute;
	left: 195px;
	top: 135px;
}

.ml01 {
	margin-left:10px;
}

.f_l {
	float:left;
}

.clear {
	clear:both;
}


.whats {
	margin:10px;
	margin-top:0px;
}

.whats li {
	padding:5px;
}

.odd02 {
	background:#EBEBEB;
}


.rec {
	background:url(../images/rec_banner_bg.jpg) no-repeat;
	height:250px;
	width:250px;
	position: relative;
}

.rec li.pos_01 {
	position:absolute;
	left: 11px;
	top: 162px;
}

.rec li.pos_02 {
	position:absolute;
	left: 11px;
	top: 205px;
}

.index_h3_01 {
	margin-left:10px;
	margin-top:10px;
}

.color01 {
	color: #FF6600;
}



.box02 {
	border:solid #B2B2B2 1px;
	padding:10px;
	margin-bottom:15px;
	overflow:hidden;
}

* html .box02 {
	height:170px;
}



.pagetop {
	text-align:right;
	margin:15px 0;
}

.bn_inq {
	background:url(../images/banner_inq_01.jpg) no-repeat;
	height:229px;
	position:relative;
}

.bn_inq .posi_01 {
	position: absolute;
	left: 30px;
	top: 128px;
}

.bn_inq .posi_02 {
	position: absolute;
	left: 286px;
	top: 128px;
}


.staff_01 table {
	width:600px;
	margin:0 30px;
	margin-bottom:15px;
}

.staff_01 table td {	
	padding:10px;
	border:#CCCCCC solid 1px;
}

.staff_01 table td img {	
	border:#CCCCCC solid 1px;
	padding:1px;
}


.colg_01,col.col_01 {
	width:120px;
}

.more {
	text-align:right;
	margin:10px 0;
}

.list_h4 {
	float:right;
	width:440px;
}

p.hojo {
	text-indent:30px;
	font-size:16px;
}


.hojo span {
	color:#F05900;
	font-weight:bold;
}

p.waku img {
	border:solid 1px #C2B7AD;
	padding:1px;
}



table.tb_01 {
	width:630px;
	margin-left:5px;
	margin-bottom:15px;
	border-top:5px solid #666;

}



table.tb_01 th ,table.tb_01 td {
	padding:5px;
	border:solid 1px #666;
}



table.tb_01 th {
	background:#E0E0E0;
}

#sitemap {
	margin:15px;
	margin-top:0px;
}


#sitemap dt {
	margin:15px 0 0 0;
}

#sitemap dd {
	margin-left:15px;
}


table.mailform {
	width:630px;
	margin-left:5px;
	margin-bottom:15px;
	border-top:5px solid #666;

}



table.mailform th ,table.mailform td {
	padding:5px;
	border:solid 1px #666;
}



table.mailform th {
	background:#E0E0E0;
}


form#fmail p {
	width: 100%;
	text-align: left;
}

form#fmail p.center {
	text-align:center;
}

/* 確認画面へ進むボタンの装飾 */
.submit_confirm_button {
	width:160px;
	height:35px;
	border-width:0;
	border-style:none;
	background:url(../images/submit_button.jpg);
}
.submit_confirm_button:hover {
	background-position: right bottom;
}


/* 送信ボタン */
.submit_send_button {
	width:160px;
	height:35px;
	border-width:0;
	border-style:none;
	background:url(../images/send_button.jpg);
}
.submit_send_button:hover {
	background-position: right bottom;
}

/* 戻るボタン */
.submit_cancel_button {
	width:160px;
	height:35px;
	border-width:0;
	border-style:none;
	background:url(../images/back_button.jpg);
}
.submit_cancel_button:hover {
	background-position: right bottom;
}

/* 送信完了画面 */
.site_top a{
	display:block;
	width:160px;
	height:35px;
	margin: 1em auto;
	border-width:0;
	border-style:none;
	background:url(../images/top_button.jpg);
	text-align:center;
	text-indent:-9999px;
}
.site_top a:hover{
	background-position: right bottom;
}

span.fmail_must {
	color:red;
}

.submit_confirm_button {
	cursor:pointer;
}

textarea {
	width:430px;
}