@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, p, blockquote, table, pre, address, ul, ol, dl { font-size: 140%; line-height: 1.5;}

/* for IE7 */
*:first-child+html h1,
*:first-child+html h2,
*:first-child+html h3,
*:first-child+html h4,
*:first-child+html h5,
*:first-child+html h6,
*:first-child+html p,
*:first-child+html table,
*:first-child+html address,
*:first-child+html ul,
*:first-child+html ol,
*:first-child+html dl { font-size: 160%;}

*:first-child+html ul ul,
*:first-child+html ul ol,
*:first-child+html ul dl,
*:first-child+html ul input,
*:first-child+html ul p,
*:first-child+html ol ul,
*:first-child+html ol ol,
*:first-child+html ol dl,
*:first-child+html ol input,
*:first-child+html ol p,
*:first-child+html dl ul,
*:first-child+html dl ol,
*:first-child+html dl dl,
*:first-child+html dl input,
*:first-child+html dl p,
*:first-child+html table table,
*:first-child+html table ul,
*:first-child+html table ol,
*:first-child+html table dl,
*:first-child+html table input,
*:first-child+html table p,
*:first-child+html p input{ font-size: 100%;}


/* for IE 6 or sooner */
* html h1,
* html h2,
* html h3,
* html h4,
* html h5,
* html h6,
* html p,
* html table,
* html address,
* html ul,
* html ol,
* html dl { font-size: 160%;}

* html ul ul,
* html ul ol,
* html ul dl,
* html ul input,
* html ul p,
* html ol ul,
* html ol ol,
* html ol dl,
* html ol input,
* html ol p,
* html dl ul,
* html dl ol,
* html dl dl,
* html dl input,
* html dl p,
* html table table,
* html table ul,
* html table ol,
* html table dl,
* html table input,
* html table p,
* html p input{ font-size: 100%;}


ul li { list-style:  disc;}
ol li { list-style: decimal;}


/******************************************************************** common
*/

body {
	font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	background: #e8ddc3 url(../images/bg.gif) repeat-x 50% 0;
	color: #59543e;
	cursor: auto;
	letter-spacing: 0.05em;
	word-spacing: 0.1em;
}

h1 {}

h2 { padding: 0 0 20px;}

h3 {
	padding: 20px 0 10px;
}

h4 {
	margin: 15px 0 10px;
	padding: 17px 10px 5px 65px;
	border-bottom: 2px solid #6e694c;
	background: #ded0ad url(../images/hl0.gif) no-repeat;
	color: #42402f;
	font-weight: bold;
}

h5, h6 { letter-spacing: 0;}

p { padding: 5px 0 10px;}
blockquote { margin: 15px 0; padding: 10px 15px 3px; background: #faf6ed;}
pre { background: #eee; margin: 1em 0; padding: 0 20px; overflow: auto; width: auto;}
code { color: #5b5905; font-family: "Lucida Grande", "Courier New", Courier, mono, Verdana, sans-serif; letter-spacing: 0;}
ul, ol { margin: 10px 0; padding: 0 0 0 30px;}
dl { margin: 10px 0;}

a         { color: #0071bb; text-decoration: underline; cursor: pointer;}
a:visited { color: #3b41a4;}
a:hover   { color: #f80;}
a:focus,
a:active  { color: #f90;}

strong { font-weight: bold; color: #e47;}
abbr, acronym { cursor: help;}

sup { vertical-align: super; font-size: 100%;}
sub { vertical-align: baseline; font-size: 100%;}


hr { display: none;}
img { border: none; color: #fff; background: transparent; vertical-align: bottom;}

table { width: 620px; border: 1px solid #aaa; border-collapse: collapse; margin: 10px 0 15px;}
caption { text-align: left;}
thead {}
tbody {}
th { white-space: nowrap;}
th, td {
	padding: 5px 10px;
	border-collapse: collapse;
	border: 1px solid #c7b9a3;
	background: #fff;
	text-align: left;
}

th {
	font-weight: bold;
	background: #45432c;
	color: #fff;
}

td {
	padding: 5px 10px;
	border-collapse: collapse;
	border: 1px solid #c7b9a3;
	text-align: left;
}


fieldset {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 10px;
}
* html legend { margin: 0 0 10px;}
input, textarea { padding: 1px;}
input.typeText { border: 1px solid #aaa;}
select option { padding: 0 5px;}
input:focus, select:focus, textarea:focus { background-color: #fafafa;}
label { cursor: pointer;}

textarea { width: 350px;}


/******************************************************************** Float containers fix
===================================================================== a.k.a. clearfix */

/******************** exp IE
*/
#header:after,
#container:after,
#footer ul:after,
#footTop:after,
#globalNav:after,
#box01 dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/******************** for IE
Level 2.1*/
#header,
#container,
#footer ul,
#footTop,
#globalNav,
#box01 dl { display: inline-block;}

/* Holly Hack Targets IE Win only \*/
* html #header,
* html #container,
* html #footer ul,
* html #footTop,
* html #globalNav,
* html #box01 dl { height: 1%;}
#footer,
#header,
#container,
#footer ul,
#footTop,
#globalNav,
#box01 dl { display: block;}
/* End Holly Hack */


/******************************************************************** universal
*/

.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right;}
.fL { float: left;}
.clr { float: none; clear: both;}


.gothic{ font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;}
.jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
.verdana { font-family: Verdana, sans-serif;}
.times { font-family: "Times New Roman", Times, serif;}

.tempNotes { color: #c00; font-weight: bold; background: #f8f8f8; margin: 1em;}


/******************************************************************** javascript
*/

.rowTint { background: #f9f9f9;}



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


#wrapper,
#header,
#container { width: 900px; margin: 0 auto; text-align: left;}

#wrapper { padding: 0 25px; background: #f5eedc;}

#header {
	position: relative;
	height: auto;
}

#container { padding: 0 0 40px;}

#col-a {
	position: relative;
	display: inline;
	float: right;
	width: 620px;
}

#col-b {
	position: relative;
	float: left;
	width: 270px;
}

#footer {
	clear: both;
}




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

#header h1 { font-size: 120%; text-align: right; padding: 3px 3px 3px 0; border-bottom: 1px solid #ddd7c4; margin-bottom: 6px;}

.home #header h1 { font-size: 140%; text-align: right; padding: 0; border-bottom: none; margin-bottom: 0;}

*:first-child+html #header h1 { font-size: 140%;}
* html #header h1 { font-size: 140%;}

*:first-child+html .home #header h1 { font-size: 160%;}
* html .home #header h1 { font-size: 160%;}

#header p { padding: 0;}

#header #title { float: left;}
#header #h-tel { float: right;}

#globalNav {
	margin: 6px 0 10px;
	padding: 0;
}

#globalNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}


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

#footer { color: #fff;}

#footer {
	height: auto!important;
	min-height: 150px;
	height: 200px;
	background: #6990a3 url(../images/footer_bg.gif) repeat-x 0 100%;
}

#footers { width: 950px; margin: 0 auto;}

div#footTop {
	position: relative;
	width: 900px;
	padding: 16px 0 10px 25px;
	border-bottom: 1px solid #789bac;
}

* html div#footTop { width: 925px;}

#footer #footTop ul { float: right; width: 184px; text-align: left; padding: 0;}

#footTop ul li { float: left;}

#footTop ul #fh { padding-right: 16px;}

#footer address { letter-spacing: 0.01em; line-height: 1.5; position: absolute; top: 24px; left: 25px; }

#footer ul#footerContact { float: left; text-align: left;}
#footer p#footerInfo { float: right; text-align: right;}

#footer ul li {
	list-style: none;
}




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

#col-b dl {
	margin: 0 0 10px;
}

#col-b ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#col-b li {}






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

h3.topHl { padding-top: 0;}

h4.positiveHl { margin-bottom: 0; background-image: url(../images/hl1.gif);}
h4.negativeHl { margin-bottom: 0; background-image: url(../images/hl2.gif);}

#col-a div#ar {
	padding: 10px 15px 15px;
	border: 1px solid #c7b9a3;
	background: #fff;
}

.pageTop { padding: 10px 0 5px; text-align: right; clear: both;}


/* gereral class
------------------------------------------------------------------------*/

#wrapper p.fRImg { float: right; margin-left: 15px;}
#wrapper p.fLImg { float: left; margin-right: 15px;}
#wrapper p.plain,
#wrapper ul.plain { margin: 0; padding: 0; list-style: none;}
#wrapper #container .noBG { background: none;}
#wrapper #container .noBD { border: none;}
#wrapper #container .noBR { white-space: nowrap;}

/*---------------p.strongTxt---------------*/
p.strongTxt { margin: 10px 0; padding: 15px 20px; border: 4px solid #e8dec1; background: #fff url(../images/strongbox_bg.jpg) no-repeat 100% 0; color: #207ca8;}
/*end p.strongTxt*/

/*---------------div.plainBox0---------------*/
div.plainBox0 { margin: 0 0 15px; padding: 15px 20px; border: 4px solid #e8dec1; background: #fff url(../images/plainbox_bg.jpg) no-repeat 100% 0;}
/*end div.plainBox0*/

/*---------------p.bdTxt---------------*/
p.bdTxt { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #bdb89b;}
/*end p.bdTxt*/

/*---------------ul.dotlist01---------------*/
ul.dotlist01 { height: 1%; margin: 10px 0 15px; padding: 0; list-style: none;}
ul.dotlist01 li { margin: 0 0 10px 0; padding: 0 0 0 18px; border-bottom: 1px dashed #ccc; background: url(../images/dotlist01_dot0.gif) no-repeat 0 3px; list-style: none;}
/*end ul.dotlist01*/

/*---------------dl.hlBox0---------------*/
dl.hlBox0 { height: 1%;}
dl.hlBox0 dt { margin: 15px 0 0; padding: 17px 10px 5px 65px; border-bottom: 2px solid #6e694c; background: #ded0ad url(../images/hl0.gif) no-repeat; color: #42402f; font-weight: bold;}
dl.hlBox0 dd { margin: 0 0 15px; padding: 15px 20px; border: 4px solid #e8dec1; background: #fff url(../images/plainbox_bg.jpg) no-repeat 100% 0;}
/*end dl.hlBox0*/

/*---------------div.flowBox---------------*/
div.flowBox { padding-bottom: 35px; background: url(../images/flowbox_bg.gif) no-repeat 50% 100%;}
/*end div.flowBox*/





/******************************************************************** home
*/

.home h2 { padding: 0;}

.home h3 { padding: 0;}

.home h4 {
	margin: 0;
	padding: 0;
	border-bottom: none;
	background: none;
}

.home h4 {
	margin: 0;
	padding: 0;
	border-bottom: none;
	background: none;
}

.home #header {
	background: url(../images/main.jpg) no-repeat 50% 0;
	height: 311px;
	position: relative;
	margin-bottom: 30px;

}

.home #header h1 {
	background: url(../images/h_h1_bg.jpg) no-repeat 0 0;
	text-align: right;
}

.home #mainGroups {
	position: absolute;
	top: 20px;
	left: 0;
  width: 900px;
}

.home #header ul {
	margin: 0;
	padding: 0;
	width: 900px;
	height: 70px;
}

.home #header ul li {
	list-style: none;
	float: left;
}

.home #col-x {
	width: 420px;
	float: left;
	
}

.home #col-x dl { font-size: 120%;}

*:first-child+html .home #col-x dl { font-size: 140%;}
* html .home #col-x dl { font-size: 140%;}

.home #col-y {
	width: 460px;
	float: right;
}

.home #box05 { margin: 0 0 15px;}

.home #box05 ul {
	margin: 0;
	padding: 0 0 15px 20px;
	background: url(../images/h_bg0.gif) no-repeat 0 100%;
	font-size: 120%;
	letter-spacing: 0;
	line-height: 1.2em;
}

.home #box05 ul li {
	text-align: center;
	width: 116px;
	margin-right: 16px;
	float: left;
}

.home #box05 ul li img { margin-bottom: 5px;}

.home #box05 ul li a { text-decoration: none;}

.home #box01 {
	background: #fff;
	padding-bottom: 1px;
}

.home #box01-inner {
	background: url(../images/h_p_bg.gif) no-repeat 50% 100%;
}

.home #box01 dl {
	width: 370px;
	background: url(../images/h_p01_bg.gif) no-repeat 0 100%;
	margin: 11px auto;
	padding-bottom: 11px;
}

.home #box01 dl.fin { background: none;}

.home #box01 dt {
	width: 160px;
	float: left;
	padding-left: 5px;
}

.home #box01 dd {
	width: 190px;
	float: right;
	padding-right: 5px;
}


.home #box01-inner {
	padding: 0 10px;
}

.home #box02 {
	margin-top: 22px;
}

.home #box02 ul {
	margin: 0;
	padding: 0;
}

.home #box02 ul li {
	list-style: none;
	padding: 5px;
	background: url(../images/h_p02_bg.gif) repeat-x 50% 100%;
	margin-bottom: 5px;
}


.home #box03 ul {
	background: url(../images/box03_bg.gif) no-repeat;
	height: 204px;
	margin: 0;
	padding: 19px 16px;
}

.home #box03 ul li { list-style: none; width: 137px; float: left; padding-right: 8px;}

.home #box03 ul li.fin { padding-right: 0;}


.home #box04 p {
	padding: 20px 5px 15px;
	border-bottom: 1px solid #d5cfbc;
}

.home #box04 .fin { padding-bottom: 0; border-bottom: none;}

.home #footer ul#footerContact { float: right; text-align: right;}


/******************************************************************** ex
*/

/*---------------p.strongTxt---------------*/
div.strongTxt {
	margin: 10px 0;
	padding: 15px 20px;
	border: 4px solid #e8dec1;
	background: #fff url(../images/strongbox_bg.jpg) no-repeat 100% 0;
	color: #207ca8;
}
div.strongTxt h4 {
	background: none;
	border-color: #dbd2b8;
	padding: 0 0 8px;
	margin: 0 0 4px;
}
/*end p.strongTxt*/


.ex ul#tabSwitch {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

.ex ul#tabSwitch li {
	margin: 0 2px 0 0;
	float: left;
	list-style: none;
}

.ex div.tabBox {
	margin: 0 0 20px 0;
	padding: 20px;
	border-bottom: 4px solid #e8dec1;
	background: #fff;
}

.ex div.tabBox div.tabBoxInfo {
	margin: 0 0 15px;
	padding: 0 0 10px;
	background: url(../images/tb_bg0.gif) no-repeat 0 100%;
}

.ex div.tabBox div.tabBoxInfo p.tbImg {
	margin: 0 15px 0 0;
	padding: 0;
	float: left;
}

.ex div.tabBox div.tabBoxInfo dl {
	width: 265px;
	margin: 0;
	float: right;
}

.ex div.tabBox div.tabBoxInfo dl dt {
	margin: 0 0 4px 0;
	padding: 0 0 1px 17px;
	border-bottom: 1px dashed #aba685;
	background: url(../images/arw0.gif) no-repeat 0 1px;
	font-size: 85%;
	font-weight: bold;
}
* html .ex div.tabBox div.tabBoxInfo dl dt { font-size: 85%;}
*:first-child+html .ex div.tabBox div.tabBoxInfo dl dt { font-size: 85%;}

.ex div.tabBox div.tabBoxInfo dl dd {
	margin: 0 0 10px 0;
	font-size: 85%;
}
* html .ex div.tabBox div.tabBoxInfo dl dt { font-size: 85%;}
*:first-child+html .ex div.tabBox div.tabBoxInfo dl dt { font-size: 85%;}

.ex div.tabBox ul.tbThumbs {
	margin: 0;
	padding: 15px 0 15px 15px;
	background: #ebebbe;
	list-style: none;
}

.ex div.tabBox ul.tbThumbs li {
	margin: 0 5px 0 0;
	border: 3px solid #cccc8f;
	float: left;
	list-style: none;
}

.ex #col-a div.gBox { background: none; margin: 0; padding: 0;}

.ex #col-a ul.exLink {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}

.ex #col-a ul.exLink li {
	margin: 0 10px 10px 0;
	float: left;
	list-style: none;
}

.ex #col-a ul.exLink li.adjLi0 { margin-right: 0;}


.ex #col-a div.exContact {
	margin: 20px 0 15px;
	padding: 15px 18px;
	background: #f0e8a6;
}

.ex #col-a div.exContact p.ecP0 { width: 331px; padding: 0; float: left;}
.ex #col-a div.exContact div { width: 186px; padding-top: 3px; float: right;}
.ex #col-a div.exContact div p { padding: 0; font-size: 120%;}


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

.advice-index #col-a ul.adjUl0 {
	margin: 10px 0 15px;
	padding: 0;
	list-style: none;
}

.advice-index #col-a ul.adjUl0 li {
	margin-right: 20px;
	float: left;
	list-style: none;
}
* html .advice-index #col-a ul.adjUl0 li { margin-right: 10px;}


.advice-index #col-a h4.adjH0 {
	margin-bottom: 0;
	padding: 0;
	border: none;
	background: none;
}


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

.homic-index #col-a div#interviewBox {
	margin: 15px 0 0 0;
	padding: 35px 30px 30px;
	background: #fff url(../images/homic_index_ib_bg.gif) no-repeat;
}

.homic-index #col-a div#ib0,
.homic-index #col-a div#ib1,
.homic-index #col-a div#ib2,
.homic-index #col-a div#ib3,
.homic-index #col-a div#ib4 {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	background: url(../images/homic_index_ib_line.gif) no-repeat 0 100%;
}

.homic-index #col-a div#interviewBox h4 {
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	background: none;
}

.homic-index #col-a div#ib0 div,
.homic-index #col-a div#ib3 div,
.homic-index #col-a div#ib4 div {
	width: 280px;
}

.homic-index #col-a div#ib0 div,
.homic-index #col-a div#ib3 div { float: left;}
.homic-index #col-a div#ib4 div { float: right;}


/******************************************************************** company
*/

.company #col-a div#map {
	border: 1px solid #c7b9a3;
}


#tiny  {
  height: 170px;
  overflow-y: auto;
  border: none;
  margin: 0 0 0px 0 ;
	font-size: 100%;
 }
*+html #tiny  {
  height: 170px;
  overflow-y: auto;
  border: none;
  margin: 0 0 0px 0 ;
 }


.home #box02 #tiny ul li {
	list-style: none;
	padding: 0 5px 5px 20px;
	background: url(../images/h_p022_bg.gif) repeat-x 100% bottom;
	margin-bottom: 5px;
}

#tiny .data_r { padding-right: 20px; }