@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import "fvn.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 { margin-bottom:10px;}
h3 { margin:0 0 15px 0;}
h4 { margin-bottom:20px;}
h5 {
	background:url(../images/h5.jpg) 0 0 no-repeat;
	color:#fff;
	font-weight:bold;
	padding-left:20px;
	margin:0 0 10px 10px;
}

a { color:#9b7922; outline:none; }
a:hover,
a:active { color: #ffff01; text-decoration: none; }
a:visited {
}

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

table {
	border:1px solid #5f5f5f;
	width:100%;
	_width:97%;
	border-collapse:collapse;
	margin-bottom:20px;
	line-height:1.8em;
}

th,
td {
	border:1px solid #5f5f5f;
	border-collapse:collapse;
	
}
th {
	background:#3f3f3f;
	width:30%;
	color:#fff;
}
td {
	padding:10px 10px 10px 15px;
	color:#b1b1b1;
}

p { margin: 0 0 10px 0; line-height:25px;}
p.m0 { margin: 0; line-height:25px;}

.section { padding: 0 10px 0 10px; margin-bottom:15px; }
.section01 { padding: 0 20px 0 20px;}
.section .section { padding: .5em .5em 1em; }

.image_l { float: left; margin: 5px 15px 10px 0; }
.image_r { float: right; margin: 5px 0 10px 15px; }

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}

ul.btn { margin-bottom:20px;}
ul.btn li {
	float:left;
	margin-right:5px;
}
ul.btn li.last {
	float:left;
	margin-right:0;
}

ul.textList {
	padding-left: 5px;
}

ul.textList li {
	background: url(../images/icon_07.gif) no-repeat 0 6px;
	padding-left: 12px;
	margin-bottom:5px;
}

ul.btline {
  border-bottom: 1px dotted #999999;
	margin-bottom: 15px;
}
ul.textList li.mb10 {
	margin-bottom:15px;
}

ul.list { margin:14px 0 25px 0; width:100%;}
ul.list li{
	border:1px solid #5f5f5f;
	border-bottom:none;
	background:#3a3a3a url(../images/icon_06.jpg) 10px 13px no-repeat;
	padding:8px 5px 4px 24px; 
	text-align:left;
}
ul.list02 { margin: 0; width:100%;}
ul.list02 li{
	border:1px solid #5f5f5f;
	border-bottom:none;
	background:#3a3a3a url(../images/icon_06.jpg) 10px 13px no-repeat;
	padding:8px 5px 4px 25px; 
	text-align:left;
}


ul.list li.last,
ul.list02 li.last {
	border:1px solid #5f5f5f;
	border-bottom:1px solid #5f5f5f;
	background:#3a3a3a url(../images/icon_06.jpg) 10px 13px no-repeat;
	padding:8px 5px 4px 25px; 
	text-align:left;
}


ul.list li.none,
ul.list02 li.none{
	background:#3a3a3a none;
	padding:8px 5px 4px 10px; 
	text-align:left;
}

ul.list li.bg,
ul.list02 li.bg{
	background:#2e2e2e url(../images/icon_06.jpg) 10px 13px no-repeat;
}

ul.list li.bg01,
ul.list02 li.bg01{
	background:#2e2e2e;
}



/* add
------------------------------------------------------------------------*/

.mb00 { margin-bottom : 0px; }
.mb05 { margin-bottom : 5px; }
.mb10 { margin-bottom : 10px; }
.mb15 { margin-bottom : 15px; }
.mb20 { margin-bottom : 20px; }
.mb25 { margin-bottom : 25px; }
.mb30 { margin-bottom : 30px; }

.orange { color:#9b7922; text-decoration:underline;}
.textRed { color: #ff0000;}
.textNote span { 
	background-color: #ffff00;
	color: #ff0000;
}

.bold { font-weight:bold;}

.jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}

.f12 { font-size:11px; text-decoration:underline;}

.imgbd { border:1px solid #bab5b2; padding:1px;}


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

html {
	background: none;
}

body {
    color: #FFFFFF;
	text-align: center;
	background:#000000;
}

#wrapper {
	margin: 0 auto;
}

#main {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

#content {
	width: 700px;
	text-align: left;
	float: right;
}


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

#index #header {
	width:960px;
	height:670px;
	margin: 0 auto;
	padding:0;
	text-align: left;
	}	
	
#header {
	width:960px;
	height:88px;
	margin: 0 auto;
	padding:0;
	text-align: left;
	}		
	
#header #header01 {
	width: 960px;
	height:88px;
	text-align: left;
	position:relative;
	}
	
#header h1 { 
	position:absolute;
	top:10px;
	padding-top:2px;
	right:170px;
	font-size:100%;
	z-index:1;
	}

#header .top-h2 { 
	display:none;
	margin-bottom:0;
	}


#header #header01 p.logo{
	position:absolute;
	top: 7px;
	left: 0px;
	margin:0;
	}

#header #header01 p.tel{
	position:absolute;
	right: 200px;
	top: 35px;
	margin:0;
	}

#header #header01 p.contact{
	position:absolute;
	right: 0px;
	top: 35px;
	margin:0;
	}

#feature {
    height: 550px;
    left: 0;
    min-width: 960px;
    overflow: hidden;
    position: absolute;
    top: 90px;
    width: 100%;
}
#feature #featurelist {
    left: 50%;
    margin-left: -480px;
    position: absolute;
    top: 0;
    width: 960px;
}
#feature #featurelist ul {
    height: 550px;
    left: 0;
    overflow-y: hidden;
    position: absolute;
    top: 0;
}
#feature #featurelist ul li {
    float: left;
    margin: 0;
    padding: 0;
	display:none;
}

#feature #featurelist ul li img {
    display: block;
}

#header02 {
    padding: 0 0 0 4px;
    position: absolute;
    top: 600px;
    width: 950px;
}
#header02 p {
    cursor: pointer;
    display: inline;
    float: right;
    height: 10px;
    margin: 6px 0 10px 0;
    padding: 0 10px 0 0;
    width: 10px;
}

#header03 {
    background:url(../images/index_bg_01.png) 0 0 no-repeat;
	width:220px;
	height:550px;
	position:absolute;
	top: 90px;
	padding-top:50px;
}

#header03 p{
	margin:0 0 2px 10px;
}

#header03 p a { text-decoration:none;}

#header03 a span{
	background:url(../images/icon_04.png) 0 6px no-repeat;
	color:#b1b1b1; 
	font-size:11px;
	padding-left:8px;
}

#header03 a:hover span{
	color: #ffff01;
}

.b_none p img { cursor:pointer; }
.answer { display:none; margin:0;}

/*==========================================================================*/
/*                            navigation                                    */
/*==========================================================================*/

#navi {
	float: left;
	width: 220px;
	margin:0;
	text-align:left;
}

#navi p a { color:#b1b1b1; text-decoration:none;}

#navi .nav01 {
	background:url(../images/contents_bg_01.png) 0 0 no-repeat;
	width:220px;
	height:498px;
	_height:550px;
	padding-top:52px;
	display:block;
	margin-bottom:32px;
}

#navi .nav01 p{
	margin:0 0 2px 10px;
}

#navi .nav01 a span{
	background:url(../images/icon_04.png) 0 6px no-repeat;
	color:#b1b1b1; 
	font-size:11px;
	margin-bottom:2px;
	padding-left:8px;
}

#navi .nav01 a:hover span{
	color: #ffff01;
}

#navi .nav02 {
	margin:12px 0 15px 0;
}

#navi .nav02 p{
	margin-bottom:1px;
	background:url(../images/icon_01.jpg) 0 10px no-repeat;
	padding-left:12px;
	color:#b1b1b1;
	text-align:left;
	font-size:11px;
}

#navi .nav02 a:hover{
	color: #ffff01;
}

#navi .nav03 {
	margin:0px 0 15px 0;
}

#navi .nav03 p{
	margin:0 0 2px 0;
}

#navi .nav03 a span{
	background:url(../images/icon_01.jpg) 0 6px no-repeat;
	color:#b1b1b1; 
	font-size:11px;
	margin-bottom:2px;
	padding-left:8px;
}

#navi .nav03 a:hover span{
	color: #ffff01;
}

#navi .nav04{
	background:url(../images/index_tel.jpg) 0 0 no-repeat;
	width:220px;
	height:69px;
	_height:169px;
	padding-top:100px;
}



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

#footer {
	clear: both;
	text-align: center;
	height:573x;
	background: url(../images/footer_bg.jpg) 0 0 repeat-x;
	max-width:100%;
	min-width:960px;
	margin-top:30px;
}

#footer #footer01 {
	width:960px;
	height:520px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#footer #footer01 .ft01{
	width:219px;
	_width:236px;
	height:199px;
	_height:210px;
	position:absolute;
	left: 0px;
	top: 10px;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	padding:11px 0 0 17px;
}

#footer #footer01 .ft02{
	width:140px;
	_width:157px;
	height:199px;
	_height:210px;
	position:absolute;
	left: 240px;
	top: 10px;
	border-right:1px solid #333333;
	padding:11px 0 0 17px;
}

#footer #footer01 .ft03{
	width:155px;
	_width:172px;
	height:199px;
	_height:210px;
	position:absolute;
	left: 401px;
	top: 12px;
	border-right:1px solid #333333;
	padding:11px 0 0 17px;
}

#footer #footer01 .ft04{
	width:219px;
	_width:236px;
	height:199px;
	_height:210px;
	position:absolute;
	left: 577px;
	top: 10px;
	padding:11px 0 0 17px;
}	

#footer #footer01 .ft05{
	position:absolute;
	left: 2px;
	top: 250px;
}	

#footer #footer01 .ft05 ul.list_brn { margin:0; padding:0;}

#footer #footer01 .ft05 ul.list_brn li{
	float:left;
	margin-right:20px;
	margin-bottom:5px;
	background:none;
	padding:0;
}

#footer #footer01 .ft05 ul.list_brn li.last{
	float:left;
	margin-right:0;
}	

#footer #footer01 ul.text li { font-size:11px;}
#footer #footer01 ul.text li a { color:#b1b1b1; text-decoration:none; }
#footer #footer01 ul.text li a:hover { color: #ffff01;}

#footer #footer01 ul.text { margin:20px 0 20px 0;}
#footer #footer01 ul.text li{
	background:url(../images/icon_01.jpg) 2px 4px no-repeat;
	padding-left:12px;
	text-align:left;
	margin-bottom:8px;
}

#footer #footer01 ul.text li.none{
	background:none;
	padding-left:3px;
	color:#9b7922;
	text-align:left;
	font-size:11px;
	margin-bottom:8px;
	text-decoration:underline;
}

#footer #footer01 .pagetop {
	position:absolute;
	top:20px;
	right:0px;
}

#footer address{
	width:960px;
	height:50px;
	text-align:left;
	margin:0 auto;
	font-size:11px;
	color:#666666;
}

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

/* bg
------------------------------------------------------------------------*/

.content_bg{
	background:url(../images/index_bg_03.jpg) 0 0 repeat-y;
	padding-top:5px;
	padding-bottom:5px;
}
.content_bg2 {
	background:url(../images/index_bg_03.jpg) 0 0 repeat-y;
	padding:5px 0;
	margin-top:-10px;
	min-height:175px;
}

.content_bg ul.list_img { margin-left:5px;}

.content_bg ul.list_img li{
	float:left;
	margin-right:25px;
	margin-bottom:10px;
}

.content_bg ul.list_img li.last{
	float:left;
	margin-right:0;
}

.content_bg ul.list_img li img { margin-bottom:2px;}

.content_bg ul.list_img li a {text-decoration:none;}

.content_bg ul.list_img li a span{
	background:url(../images/icon_04.png) 0 6px no-repeat;
	color:#b1b1b1; 
	font-size:11px;
	margin-bottom:2px;
	padding-left:8px;
}

.content_bg ul.list_img li a:hover span{
	color: #ffff01;
}


/* thumList
------------------------------------------------------------------------*/

.thumList {margin : 20px 0 25px 50px; }

/*.galleryfL {
	width:605px;
}*/

.galleryfR { margin-left:1px;}

.galleryfR li{
	margin-right:14px;
	margin-bottom:7px;
	list-style:none;
	float:left;
	cursor:pointer;
}

.galleryfR li.last{
	margin-right:0px;
}


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

#index .map {
	float:left;
	width:250px;
	height:150px;
	margin-right:20px;
	color:#000000;
}

#index .bd { border-bottom:1px dotted #626262; padding:15px 0 15px 0; margin-bottom:20px;}

h2.top-h3 { margin:0 0 15px 0;}

/* base
------------------------------------------------------------------------*/

#base ul.base_list {margin:20px 0 20px 0;}

#base ul.base_list li{
	background:url(../images/icon_01.jpg) 2px 5px no-repeat;
	padding-left:12px;
	text-align:left;
	margin-bottom:8px;
}


/* profit
------------------------------------------------------------------------*/

#profit .thumList {margin : 20px 0 15px 50px; }

/* company
------------------------------------------------------------------------*/

#company ul.company_list {margin:0;}

#company ul.company_list li{
	background:url(../images/icon_01.jpg) 2px 9px no-repeat;
	padding-left:12px;
	text-align:left;
	margin-bottom:8px;
}

#company .map {
	width:650px;
	height:350px;
	color:#000000;
}

/* sr_fmail
------------------------------------------------------------------------*/

#sr_fmail table {
	border:1px solid #5f5f5f;
	border-collapse:collapse;
	width:100%;
	margin:20px 0 20px 0;
	line-height:25px;
}

#sr_fmail table th {
	text-align:left;
	border:1px solid #5f5f5f;
	border-collapse:collapse;
	background:#3f3f3f;
	color:#fff;
	width:30%;
	font-weight:bold;
	padding:10px 10px 10px 10px;
	vertical-align:top;
}

#sr_fmail table th .fmail_must {margin-top:5px;}

#sr_fmail table td {
	padding:10px 10px 10px 15px;
	border:1px solid #5f5f5f;
	border-collapse:collapse;
}

/* fs add 130827
------------------------------------------------------------------------*/
table#recruit th {
	width:25%;
}
table#recruit td {
	width:75%;
}

/* fs add 140325
------------------------------------------------------------------------*/
.fb_btn_wrp {
	position:absolute;
	top:7px;
	right:-140px;
}