@charset "UTF-8";
@import "base.css";
@import "fonts.css";

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

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/
html {
	background: none;
	width:100%;
	}

body {
	color: #777;
	text-align:left;
	min-width:950px;
	width:100%;
	font-size:12px;
	line-height:18px;
	}

/* 基本タグのフォントサイズを指定（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: 100%;
	}
	
img {
	vertical-align: middle;
	border: 0;
	zoom:1;
}

.list-ul{ margin-bottom:20px;} .list-ul li{ margin:10px 0;}

/* Header内で設定 ***********************************************************/
h1{
	font-size: 10px;
	line-height: 15px;
	float:left;
	width: 470px;
	margin-top: 8px;
	}

h3 {margin-bottom:15px;}
h4 {
	margin-bottom:10px;
	margin-top:30px;
	background:url(../images/h4_icon.png) 0 center no-repeat;
	padding:8px 0 0 15px;
	font-size:18px;
	font-weight:bold;
	color:#518643;
}
h5{ 
	font-size:16px;
	border-bottom:1px #d0d0d0 dotted;
	padding:10px 0 7px 25px;
	margin-bottom:15px;
	color:#b16318;
	background:url(../images/h5_icon.png) 0 center no-repeat;
	}

a {
	color:#729cbe;
	text-decoration:underline;
	}
a:hover,a:active{
	color:#4d7da3;
	text-decoration:underline!important;
	}
a:visited{}

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

dl {}
dt {font-weight:bold;}
dd {}

.bold{font-weight:bold;}
.red-b{color:#d54c42!important; font-weight:bold;}
.normal{font-weight:normal!important;}
.fs14{font-size:14px!important;}
.fs16{font-size:16px!important;}
.fs18{font-size:18px!important;}
.t-center{text-align:center!important; vertical-align:middle!important;}

/* マージン・パディング *****************************************************/
.mb0{ margin-bottom:0px!important;}
.mb10{ margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}

.mt05{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}

.ml05{margin-left:5px!important;}
.ml10{margin-left:10px!important;}
.ml15{margin-left:15px!important;}
.ml20{margin-left:20px!important;}
.ml30{margin-left:30px!important;}

.mr05{margin-right:5px!important;}
.mr10{margin-right:10px!important;}
.mr15{margin-right:15px!important;}
.mr20{margin-right:20px!important;}
.mr30{margin-right:30px!important;}

.pb05{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}

.pt05{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}

.pl05{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:30px!important;}


.pr05{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr30{padding-right:30px!important;}

.pc--none{display: none;}
.sp--none{display: block;}



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

.h1-Area{
	height:25px;
	background-color:#fff;
	color:#555;
	width:100% !important;
	border-top:1px #1f1e1d solid;
	}
	.h1-Area div{
		width:950px;
		margin:0 auto;
		}

		
		

#header {
	text-align: left;
	/* padding:15px 0 0 0; */
	clear:both;
	border-bottom:1px #c8c8c8 solid;
	/* background: url(../images/header_bg.jpg) 0 0 repeat-x; */
	}

/*ロゴ***********************************************************************/
#header p{
	float:left;
	margin:10px 0 0 0;
	padding:0;
	}


/*ヘッダーリンク*************************************************************/
#header ul{
	float:right;
	}
#header ul li{
	float:left;
	padding:0;
	}


/*ヘッダー　電話番号・ボタン*************************************************/
#header dl{
	float:right;
	margin:5px 0 0 0;
	padding:0;
	}
#header dl dt{
	float:left;
	}
#header dl dd{
	float:left;
	margin:0 0 0 15px;
	}


/*==========================================================================*/
/*                            Main                                    */
/*==========================================================================*/
 
.main {
    overflow: hidden;
    background: url(../images/main_bg.jpg) 0 0 repeat;
    border-bottom: 1px #c8c8c8 solid;
}

.single-item img {
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
    padding-top: 6px;
}


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

/*共通枠*********************************************************************/
.wrapper {
	width: 950px;
	margin: 0 auto;
	clear:both;
	}


/*メニューが左＆コンテンツが右*/
#MCL {
	width:950px;
	margin:0 auto;
	}
#MCL div.menu{
	width:230px;
	float:left;
	}
#MCL div.menu li{
	margin:0 0 5px 0;
	line-height:16px;
	}
#MCL div.content{
	width:700px;
	float:right;
	text-align:left;
	}


/*メニューが右＆コンテンツが左***********************************************/
#MCR {
	width:950px;
	margin:0 auto;
	font-size:14px;
	}	
#MCR div.menu{
	width:230px;
	float:right;
	}
#MCR div.menu ul{
	margin-bottom:15px;
	}	
#MCR div.menu li{
	margin:0 0 5px 0;
	line-height:16px;
	}
#MCR div.content{
	width:700px;
	float:left;
	text-align:left;
	}
#MCL p,#MCR p {
	margin: 0 0 20px 0;
	line-height:22px;
	}
#MCR h3{ background:url(../images/h3_bg.jpg) 0 0 no-repeat; font-size:22px; line-height:50px; padding: 0 0 0 18px; font-weight:800; color:#6b6b6b;}	
	



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

/*枠付ボックス***************************************************************/
.line-box{
	width:98%;
	padding:1%;
	background-color:#dbe2e7;
	display:block;
	margin-bottom:20px;
	}
.box {
	width:94%;
	display:block;
	background-color:#FFF;
	padding:15px 3%;
	}
	.box p,.box div,.box dl,.box dd,.box ul,.box li{
	margin-bottom:0;
	}
	.box dt{ margin-bottom:15px; color:#518643; font-size:16px;}
	.box p{ line-height:24px; padding-top:10px;}


/*画像右配置 + テキスト******************************************************/
.R-img{
	width:100%;
	margin-bottom:15px;
	}

.R-img img {
    float: right;
    width: 250px;
    overflow: hidden;
    clear: right;
    text-align: right;
	}

.R-img div {
    margin-right: 270px;
	}


/*画像左配置 + テキスト******************************************************/
.L-img{
	width:100%;
	margin-bottom:15px;
	}
.L-img img {
    float: left;
    width: 250px;
    overflow: hidden;
    clear: left;
    text-align:left;
	}
.L-img div {
	margin-left: 270px;
	}


/*テーブル*******************************************************************/


table {
  max-width: 100%;
  background-color: transparent;
}
th { text-align:center;}

.table {
  width: 100%;
  margin:20px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tbody > tr > td {
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #ddd;
  font-weight:bold;
  color:#667a55;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.ttop01 th{
  vertical-align: bottom;
  border-bottom: 1px solid #ddd;
  font-weight:bold;
  color:#667a55;

}

.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding:10px 5px;
  vertical-align:middle;
  text-align:center;
}



.tableA{
	background-color:#ddd;
	width:100%;
	margin-bottom:20px;
	}
.tableA caption{
	font-weight:bold;
	margin:5px 0;
	text-align:left;
	font-size:16px;
	}
.tableA th,table td {
	vertical-align:top;
	padding:10px;
	}
.tableA th {
	background-color:#ebf1f4;
	color:#6091b3;
	font-weight:bold;
	}
.tableA td {
	background-color:#fff;
	text-align:left;
	}
.tableA td span{
	color:#6494bd;
	}
.tableA img{
	width:100%;
	height:auto;
	}


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

/*フッターリンク*************************************************************/
.footer-sitemap{
	width:100%;
	clear:both;
	display:block;
	text-align:left;
	padding:20px 0 30px 0;
	background-color:#1f1e1d;
	}
.footer-sitemap div dl{
	width:30%;
	padding:0 15px;
	float:left;
	line-height:20px;
	font-size:14px!important;
	}
.footer-sitemap div dl dt{
	color:#fff;
	margin:0 0 15px 0;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px #464646 solid;
	padding-bottom:10px;
}
.footer-sitemap div dl li{
	font-size:12px;
	padding:0 0 0 15px;
	line-height:16px;
	margin:10px 0;
	background:url(../images/icon_foot.gif) 0 center no-repeat;
	}
.footer-sitemap a{
	color:#ddd2ad;
}
.footer-sitemap a:hover{
	color:#f4ba57;
}

.fadd{ color:#CCC !important;}
.fadd dt{
	 color:#CCC !important;
	border:none !important;
	font-weight:normal !important;
	margin:0 !important;
	}

/*フッターロゴ・電話番号*****************************************************/
.footer-content{
	width:100%;
	padding:20px 0 15px 0;
	margin-top:40px;
	clear:both;
	background-color:#1f1e1d;
	}
.footer-content div p{
	float:left;
	}
.footer-content div dl{
	margin:5px 0 0 0;
	float:right;
	}
.footer-content div dt{
	float:left;
	margin:0 0 5px 0;
	}
.footer-content div dd{
	float:right;
	margin:0 0 5px 15px;
	}

/*コピーライト***************************************************************/
#Copyright{
	background-color:#30302d;
	width:100%;
	height:56px;
	clear:both;
	display:block;
	}
#Copyright .copyright-inner{
	width:950px;
	padding:20px 0 0 0;
	font-size:12px;
	margin:0 auto !important;
	color:#787878;
	position:relative;	
	text-align:center;
	}

.copyright-inner div{
	position:absolute;
	top:0;
	right:0;
}


/*パンくずリスト*************************************************************/
#Location{background:#fafafa; padding:8px 0; border-bottom:1px #e8e8e8 solid; margin-bottom:15px;}
#Location ul{
	width:950px;
	margin:0 auto 10px auto;
	}
#Location li{
	float:left;
	background:url(../images/link.png) 0 center no-repeat;
	padding:0 0 0 10px;
	margin:0 17px 0 0;
	font-size:12px;
	}
#Location li a{text-decoration:none;}
#Location li a:hover{text-decoration:underline !important;}


/*バックリンク***************************************************************/
.totop{
	width:100%;
	margin:0 auto;
	text-align:right;
	clear:both;
	}


/*共通コンヴァージョン*******************************************************/
.common{}
.common p{}






/*回りこみ解除***************************************************************/
#header div:before,
#header div:after,
#Gnavi:before,
#Gnavi:after,
#MCL:before,
#MCL:after,
#MCR:before,
#MCR:after,
.horizontal:before,
.horizontal:after,
.horizontal-even:before,
.horizontal-even:after,
.horizontal-odd:before,
.horizontal-odd:after,
.R-img div:before,
.R-img div:after,
.L-img div:before,
.L-img div:after ,
.voice dl:before,
.voice dl:after,
.btn-horizontal2:before,
.btn-horizontal2:after,
.btn-horizontal3:before,
.btn-horizontal3:after,
.footer-sitemap div:before,
.footer-sitemap div:after,
.footer-content div:before,
.footer-content div:after,
.index-ct01:before,
.index-ct01:after,
.index-ct02:before,
.index-ct02:after,
.index-ct03:before,
.index-ct03:after,
.index-ct04:before,
.index-ct04:after,
.index-ct05:before,
.index-ct05:after,
.index-ct06:before,
.index-ct06:after,
.index-ct07:before,
.index-ct07:after,
.index-ct08:before,
.index-ct08:after,
.index-ct09:before,
.index-ct09:after,
.bnr:before,
.bnr:after,
#Location:before,
#Location:after{
	display:table;
	content:"";
	line-height:0;
	}
	
#header div:after,
#Gnavi:after,
#MCL:after,
#MCR:after,
.horizontal:after,
.horizontal-even:after,
.horizontal-odd:after,
.R-img div:after,
.L-img div:after,
.voice dl:after,
.btn-horizontal2:after,
.btn-horizontal3:after,
.footer-sitemap div:after,
.footer-content div:after,
.index-ct01:after,
.index-ct02:after,
.index-ct03:after,
.index-ct04:after,
.index-ct05:after,
.index-ct06:after,
.index-ct07:after,
.index-ct08:after,
.index-ct09:after,
.bnr:after,
#Location:after{
	clear:both;
	}


/*USER-Custom****************************************************************/


/**index**********************************/
.index-ct01{background:url(../images/index-ct01_bg.jpg) 0 0 repeat; padding:30px 0;}
.index-ct01 h2{ margin-bottom:20px;}
.index-ct01 p{ text-align:center;}
.index-ct01 ul { margin:20px auto 0 auto;}
.index-ct01 li{ float:left; width:290px; margin:0 40px 0 0; padding:0 !important;}
.index-ct01 li div{margin-top:15px;}


.index-ct02{
	width:100%;
	height:300px;
	min-width:950px;
	margin:0 auto;
	background:url(../images/index-ct02_bg.jpg) center 0 no-repeat;
}

.index-ct02 div{
	width:950px;
	line-height:20px;
	margin:0 auto !important;
	min-width:950px !important;
	}
.index-ct02 dt{ margin-top:30px;}
.index-ct02 dd{ padding-top:20px;}
.index-ct02 dd li{ display:inline !important; margin:0 20px 0 0;}




.index-ct03{ padding:30px 0;}
.index-ct03 h2{ margin-bottom:20px;}
.index-ct03 p{ text-align:center;}
.index-ct03 div{margin-top:20px;}



.index-ct04{ padding:30px 0;}
.index-ct04 h2{ margin-bottom:20px;}
.index-ct04 p{ text-align:center;}
.index-ct04 div{margin-top:20px;}


.index-ct05{ padding:30px 0;}
.index-ct05 h2{ margin-bottom:20px;}
.index-ct05 li{ width:455px; float:left; margin-right:40px;}





/************************************/


#sub-Main{
	width:100%;
	height:150px;
	margin:0;
	background: url(../images/h2_bg.jpg) 0 0 no-repeat;
	border-bottom:1px #c8c8c8 solid;
	}
	
#sub-Main h2{ margin:0 auto; width:950px; height:100px; font-size:40px; padding-top:50px; font-weight:bold; color:#fff;}

h2 span{ font-size:16px; font-weight:600; color:#fff;}

.bnr{width:700px; padding:10px 0 20px;}
.bnr li{padding:0 10px ; float:left;}


.link-list{}
.link-list li{
	padding:0 0 0 15px;
	line-height:16px;
	margin:10px 0;
	background:url(../images/icon_foot.gif) 0 center no-repeat;
}


/* ------------------------------------------------------------------- script */



.Last{
	margin:0!important;
	}

dl.head_contact{
	/* background-color: #1f1e1d; */
	padding: 10px;
	margin: 0;
	float: right;
	width: 410px;
}

dl.head_contact dt {
    float: left;
}

dl.head_contact dd {
    float: right;
}
.index-ct01 h2 { background:url(../images/ic01t.png) no-repeat; padding: 0px !important ; text-align:center; font-size:22px; font-weight:bold; line-height:90%; color:#000; margin-bottom:20px}
.index-ct03 h2 { background:url(../images/ic03t.png) no-repeat; padding: 0px !important ; text-align:center; font-size:22px; font-weight:bold; line-height:90%; color:#000; margin-bottom:20px}
.index-ct04 h2 { background:url(../images/ic04t.png) no-repeat; padding: 0px !important ; text-align:center; font-size:22px; font-weight:bold; line-height:90%; color:#000; margin-bottom:20px}
.index-ct05 h2 { background:url(../images/ic05_t01.png) no-repeat; padding: 0px 0 0px 30px !important ; font-size:21px; font-weight:normal; line-height:110%; color:#333; margin-bottom:20px}
.index-ct05 h2 span { font-weight:bold; color:#000; font-size:21px;}
.index-ct05 h2.Last { background:url(../images/ic05_t01.png) no-repeat; padding: 0px  0 20px 30px!important ; font-size:21px; font-weight:normal; line-height:110%; color:#333; margin-bottom:20px}
.index-ct05 h2.last  span { font-weight:bold; color:#000; font-size:21px;}
.index-ct02 dt.title{ background:url(../images/ic02t.png) no-repeat; padding:23px 0px !important ; font-size:22px; font-weight:bold;  color:#000; margin-bottom:10px; letter-spacing:3px;}

.index-ct05 .title_text { background:url(../images/ic05_img03.jpg) no-repeat; padding: 2px 0 0px 15px !important ; font-size:18px; font-weight:normal; line-height:140%; color:#333; margin:20px 0 ; width:455px; box-sizing:border-box;}
.index-ct05 ul.wrapper li a:link { background:#Fff; display:block; width: 455px; height:280px; opacity:1; text-decoration:none;}
.index-ct05 ul.wrapper li a:hover { background:#FFF; display:block; width: 455px; height:280px; opacity:0.8; text-decoration:none !important;}
ul.ancho li a:link { float:left; margin: 10px 8px 30px; background:url(../images/ancho_bg.jpg) no-repeat; padding: 12px 0 5px 30px; color:#FFF; width:217px; height:40px; box-sizing:border-box; font-weight:bold; display:block; opacity:1;  text-decoration:none;}
ul.ancho li a {
  color: #fff;
}

ul.ancho li a:hover { float:left; margin: 10px 8px 30px; background:url(../images/ancho_bg.jpg) no-repeat; padding: 12px 0 5px 30px; color:#FFF; width:217px; height:40px; box-sizing:border-box; font-weight:bold; display:block; opacity:0.8; text-decoration:none !important;}

.list_anchor {text-align: center;}

.list_anchor li{ display: inline-block;}