@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import "fvn.css";
@import "style.css";
@import "reset.css";
/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h6, input, button, textarea, select, p, blockquote, table, pre, address, ul, ol, dl {
	font-size: 140%;
	line-height:1.4;
}
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 10px 8px 0;
}
.image_r {
	float: right;
	margin: 0 0 8px 10px;
}
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
*:first-child+html p {
	letter-spacing:0;
}
/*----------------------------------------
■基本リンク
----------------------------------------*/
a:link {
	color:#bc9c4f;
	text-decoration:none;
}
a:visited {
	color:#bc9c4f;
	text-decoration:none;
}
a:hover {
	color:#bc9c4f;
	text-decoration:underline;
}
a:active {
	outline:none;
}
/*----------------------------------------
■サブページテキスト幅
----------------------------------------*/
.text {
	padding:0 0 1em 0;
}
.textarea {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding:0;
}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}
body {
	color: #333333;
	background:#FFF;
	position:relative;
}
/* マージン設定 */
.mt5 {
	margin-top:5px !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt25 {
	margin-top:25px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt35 {
	margin-top:35px !important;
}
.mt40 {
	margin-top:40px !important;
}
.mt45 {
	margin-top:45px !important;
}
.mt50 {
	margin-top:50px !important;
}
.mb5 {
	margin-bottom:5px !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb15 {
	margin-bottom:15px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb25 {
	margin-bottom:25px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb35 {
	margin-bottom:35px !important;
}
.mb40 {
	margin-bottom:40px !important;
}
.mb45 {
	margin-bottom:45px !important;
}
.mb50 {
	margin-bottom:50px !important;
}
#wrapper_cover {
	width:auto;
	min-width:950px;
	height:auto;
	padding:0;
	margin:auto 0;
	text-align:center;
}
#wrapper {
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	background:url(../images/bg_index1.png) repeat-x;
	text-align:left;
}
#sub{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	background:url(../images/bg_sub2.png) repeat-x;
	text-align:left;
	display:block;
}
#main_cover {
	width:100%;
	height:auto;
	overflow:;
	background:url(../images/bg_index7.jpg) repeat-x top;
	padding-top:50px;
}
#sub #main_cover {
	width:100%;
	height:auto;
	overflow:;
	background:url(../images/bg_sub1.gif) repeat;
	padding-top:50px;
}
#main {
	width:950px;
	margin:0 auto 100px;
	overflow:hidden;
}
#m-col {
	width:950px;
}
#s-col {
	width:230px;
	float:right;
}
/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
#outer_header {
	width:100%;
	height:80px;
	border-bottom:#4a4947 1px solid;
}
/*#header {
	width:950px;
	height:80px;
	margin:0 auto;
	position:relative;
}*/
/*#header h1 {
	width:470px;
	height:14px;
	padding:0;
	font-size:10px;
	position:absolute;
	top:13px;
	right:131px;
	color:#FFF;
	text-align:right;
}
#header .logo {
	width:312px;
	height:55px;
	position:absolute;
	top:15px;
	left:0;
}*/
#header .tel{
	width:172px;
	height:26px;
	position:absolute;
	top:38px;
	right:318px;
}
#header .fax{
	width:172px;
	height:26px;
	position:absolute;
	top:38px;
	right:131px;
}
#header .contact {
	width:120px;
	height:80px;
	position:absolute;
	top:0;
	right:0;
}
h1{
	color:#fff;
	font-size:9px;
}
#sub .site-title {
    font-size: 12px;
    font-weight: normal;
    height: 14px;
    margin-bottom: 30px;
    margin-top: 5px;
}
/*==========================================================================*/
/*                                Main Image                                */
/*==========================================================================*/
#topImage {
	margin:0 auto;
	padding-bottom:15px;
	width:950px;
	height:450px;
	position:relative;
	display:block;
}
#topImage .img1 {
	position:absolute;
	bottom:135px;
	right:10px;
}
#topImage .img2 {
	position:absolute;
	bottom:25px;
	right:10px;
}
#sub #topImage {
	margin:0 auto;
	padding-bottom:15px;
	width:950px;
	height:365px;
	position:relative;
	margin-top:110px;
	background:url(../images/bg_h2.jpg) no-repeat;
}
#menu_position {
	position:absolute;
	top:0;
	left:0;
}
div#menu {
	margin:0 auto 25px;
	height:80px;
	width:960px;
	position: relative;
	text-align:left;
	z-index:99999;
}
ul#menuBody {
	width:100%;
	position: absolute;
}
ul.nav {
	height:80px;
	overflow: hidden;
	font-size:12px;
	float: left;
}
ul.nav li:hover {
	cursor: pointer;
}
ul#menuBody li {
	float: left;
}
ul#menuBody .nav li {
	float: none;
}
/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/
#outer_footer {
	width:100%;
	height:230px;
	text-align:center;
	background:url(../images/bg_footer.jpg) repeat-x;
}
#footer {
	width:950px;
	height:230px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
	text-align:left;
	padding:10px;
}
/*#footer .logo {
	position:absolute;
	top:20px;
	left:0;
}
#footer .tel {
	position:absolute;
	top:109px;
	left:10px;
}
#footer .fax {
	position:absolute;
	top:139px;
	left:10px;
}*/
#footer .contact {
	position:absolute;
	top:109px;
	left:215px;
}
.copy {
	width:950px;
	height:30px;
	line-height:30px;
	font-size:11px;
	text-align:left;
	color:#FFF;
	padding-top:35px;
}
.footer-menu {
	height:auto;
	overflow:hidden;
	float:right;
	margin:45px 0 20px 20px;
}
.footer-menu li {
	font-size:10px;
	line-height:2;
}
.footer-menu a:link {
	color:#FFF;
	text-decoration:none;
}
.footer-menu a:visited {
	color:#FFF;
	text-decoration:none;
}
.footer-menu a:hover {
	color:#FFF;
	text-decoration:underline;
}
.footer-menu a:active {
	outline:none;
}
/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/
/* common */
.f_left {
	float:left;
}
.f_right {
	float:right;
}
.bold {
	font-weight:bold;
}
.font10 {
	font-size:10px;
}
.font12 {
	font-size:12px;
}
/* pickup */
.pickup {
	background:url(../images/bg_pickup.jpg) no-repeat bottom;
	padding-bottom:20px;
}
.pickup dd {
	background:#FFF;
	margin:0 20px;
	padding:20px;
}
/* ttl */
h3 img, h4 img {
	margin-bottom:20px;
}
h5 img {
	display:block;
	margin:0 auto 15px;
}
h6 {
	width:100%;
	margin:0 auto 7px;
	color:#6e4f35;
	font-size:14px;
	font-weight:bold;
}
/* block */
.w680 {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.w700 {
	width:700px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.col2_l {
	width:460px;
	height:auto;
	overflow:hidden;
	float:left;
}
.col2_r {
	width:460px;
	height:auto;
	overflow:hidden;
	float:right;
}
/* block */
.common-table {
	margin:0 auto;
	border-collapse: collapse;
	border-spacing: 1px;
}
.common-table th {
	padding:6px;
	text-align:left;
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	color:#333333;
	background:#efefef;
	border: 1px solid #b9b9b9;
}
.common-table td {
	padding:6px;
	font-size:12px;
	border: 1px solid #b9b9b9;
}
.w-p10 {
	width:10% !important;
}
.w-p15 {
	width:15% !important;
}
.w-p20 {
	width:20% !important;
}
.w-p25 {
	width:25% !important;
}
.w-p30 {
	width:30% !important;
}
.w-p33 {
	width:33% !important;
}
.w-p35 {
	width:35% !important;
}
.w-p50 {
	width:50% !important;
}
.w-p60 {
	width:60% !important;
}
.common-list li {
	padding-left:10px;
	font-size:12px;
	line-height:1.6;
}
.common-list li:nth-child(odd) {
	background:url(../images/icon1.png) no-repeat 0 5px;
}
.common-list li:nth-child(even) {
	background:url(../images/icon2.png) no-repeat 0 5px;
}
/* index
------------------------------------------------------------------------*/
#index_sec1 {
	width:100%;
	height:auto;
	overflow:hidden;
	background:url(../images/bg_index2.png) repeat;
}
#index_sec1 .inner {
	width:950px;
	height:auto;
	overflow:hidden;
	background:url(../images/bg_index3.png) no-repeat top center;
	margin:0 auto;
	padding:80px 0;
}
#index_sec1 .inner .block {
	width:170px;
	height:auto;
	overflow:hidden;
	margin:0 auto 0px;
	padding-left:20px;
	float:left;
}
#index_sec1 .inner .block h5 {
	margin-bottom:15px;
}
#index_sec1 .inner .block p {
	font-size:12px;
}
#index_sec2 {
	width:100%;
	height:461px;
	background:url(../images/bg_index4.jpg) repeat-x;
}
#index_sec2 .inner {
	width:890px;
	height:301px;
	background:url(../images/bg_index5.png) no-repeat center top;
	margin:0 auto;
	padding:80px 30px;
	position:relative;
}
#index_sec2 .img1 {
	position:absolute;
	top:0;
	left:413px;
}
#index_sec2 .img2 {
	position:absolute;
	top:400px;
	left:395px;
}
#index_sec3 {
	width:700px;
	height:277px;
	margin-bottom:20px;
	background:url(../images/bg_index8.jpg) repeat-x;
	position:relative;
}
#index_sec3 .img1 {
	position:absolute;
	top:16px;
	right:15px;
}
#index_sec3 h4 img {
	margin:0;
}
.index_txt {
	background:url(../images/bg_pickup.jpg) no-repeat bottom;
	padding-bottom:20px;
}
.index_txt .txt {
	background:#FFF;
	margin:0 20px;
	padding:20px;
}
/* case2
------------------------------------------------------------------------*/
#case2_block {
	width:616px;
	margin:0 auto;
	padding:40px 30px;
	border: solid 1px #FFF;
	outline: solid 1px #CCC;
	background:url(../images/bg_case2.jpg) repeat-y;
}
#case2_block h4 img {
	margin-bottom:30px;
}
#case2_block p {
	width:550px;
}
/* flow
------------------------------------------------------------------------*/
dl.step {
	width:100%;
	margin:0 auto 20px;
}

dl.step dt.txt {
	background: #BC9C4F;
	color: #fff;
	/* font-weight: bold; */
	padding: 8px 10px;
	font-size: 18px;
	font-family: "小塚明朝 Pr6N L","DFHSMinchoR Pro-6N","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

dl.step dd {
	padding:20px;
	background:url(../images/bg_flow.jpg) repeat;
	border-bottom:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-left:#ccc solid 1px;
}
/* staff
------------------------------------------------------------------------*/
.staff_l {
	width:200px;
	height:200px;
	overflow:hidden;
	float:left;
}
.staff_r {
	width:730px;
	height:auto;
	overflow:hidden;
	float:right;
}
.staff_r h5 {
	font-size:18px;
	padding-bottom: 5px;
	font-weight: normal;
}
.staff_r h5 span {
	margin-left:10px;
	font-size:60%;
	color: #ccc;
	position: relative;
	top: -2px;
}
.staff_txt {
	background: #eee url(../images/quote.gif) no-repeat 10px 10px;
	padding: 25px;
}
/* FAQ
------------------------------------------------------------------------*/
.question {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto 40px;
}
.question dt {
	padding:9px;
	background:#333 url(../images/q.gif) no-repeat right bottom;
	color:#FFF;
	font-size:14px;
}
.question dd {
	padding:10px;
	font-size:13px;
	background:url(../images/a.png) no-repeat right bottom;
}
.n_list li {
	font-size: 14px;
	padding: 10px 0 15px 15px;
	border-bottom: 1px dotted #CCCCCC;
	color: #2a2a2a;
	font-weight: bold;
}
.pagination {
	margin-top: 15px;
}
.pagination li {
	display: block;
	float: left;
	margin-right: 5px;
}
.pagination li a {
	display: block;
	padding:5px 10px;
	background:#2a2a2a;
	color: #fff;
	font-weight: bold;
}
.pagination li.active a {
	display: block;
	padding:5px 10px;
	background:#bc9c4f;
	color: #000;
	font-weight: bold;
}
h3.blog {
	background:url(../images/h3_blogin.jpg) no-repeat left bottom;
	width: 950px;
	height: 18px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	padding: 28px;
}
/*--- feed--- */

#blogfeed dl {
	padding-bottom:5px;
	margin-bottom:8px;
	border-bottom: 1px dotted #ccc;
}
#blogfeed dl.news_item dt {
	float: left;
	font-size: 12px;
	color:#727272;
	width: 70px;
}
#blogfeed dl.news_item dd {
	float: left;
	width: 120px;
}
div.blog {
	border: 1px solid #ccc;
	height: 87px;
	overflow-y: auto;
	overflow-x: hidden;
	padding:10px;
}
/*=========ADD====*/
.popup {
	bottom:4px;
	cursor:pointer;
	position:fixed;
	right:4px;
	text-decoration:none;
}
.cont_tel {
	position:relative;
}
.cont_tel span {
	position:absolute;
	top:120px;
	right:15px;
}
#topic_path {
	width: 950px;
	margin: 0 auto 20px 0;
}
#topic_path li {
	display: inline-block;
}
#topic_path li a {
	color: #bc9c4f;
}
#h_en1240790885, #h_en1240790938, #h_en1240790962, #h_en1244884030, #h_en1240791078, #h_en1245937466, #h_en1245939490 {
	background:#EFEFEF url(../contact/images/mfp_random.gif) no-repeat 166px center;
}
#topImage1 {
	display:block;
}


/* 160526 */

dl.ttl01{
	display:table;
	width:700px;
	margin:0 auto 20px;
}

dl.ttl01 dt,
dl.ttl01 dd{
	display:table-cell;
	vertical-align:middle;
}

dl.ttl01 dt{
	width:100px;
	background:#333333;
}

dl.ttl01 dd{
	background:#f5f5f5;
	padding:7px 10px 4px 20px;
}
.txt01 {font-weight:bold; font-size:16px}
.common-table.br-sp {border-collapse:separate;}
/* -------- */
.v_width_455 {width: 455px !important}
.v_width_560 {width: 560px !important}