@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import "digi.css";
@import "jquery.ad-gallery.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,table,pre,address,ul,ol,dl {
	font-size: 140%;
	/font-size: 160%;
}

	
h1 {} /* Header内で設定 */
h2 { text-align:right;}
h3 { margin:0 0 20px -4px; clear:both;}
h4 { margin:0 0 15px 0;clear:both;}

a {color:#00659b; text-decoration:underline;}
a:hover,
a:active {color:#0099ea; text-decoration:none;}


strong{color:#C61E1E;}


dl{
	line-height:1.5;
	color:#666;}

p {margin: 0 0 0.9em; line-height:1.5em; text-align:left; color:#000;}

dt img,dd img,li img { vertical-align: bottom; }

.section { padding:0 5px; margin:0;}
.sectionInner {margin: 0 0 35px 0;}

.image_r { float: right; margin: 0 0 7px 16px; border:2px solid #aeaeae; padding:1px; background:#FFF;}
.image_r2{ float: right; margin: 0 0 7px 16px;}
.image_r3 { float: right; margin: 0 0 0 16px; border:2px solid #aeaeae; padding:1px; background:#FFF;}
.image_r4 { float: right; margin: 0 0 7px 16px; border:2px solid #aeaeae; padding:1px; background:#FFF;}

.image_l { float: left; margin: 0 16px 15px 0; border:2px solid #aeaeae; padding:1px; background:#FFF; clear:both;}
.image_l_ex { float: left; margin: 0 16px 15px 280px; background:#FFF;}



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

html {
	background: none;
}
body {
	background:url(../images/bg.gif) 0 0 repeat;
	text-align: center;
	padding:0;
	margin:0;
}

#wrapper {
	width:100%;
	 min-width: 940px;
 	background:url(../images/under_bg.jpg) 50% 0 no-repeat;
	margin: 0 auto;
	padding:0;	
}

#wrapper #copyArea{
	width:945px;
	height:173px;
	padding:37px 0 0 0;
	margin:0 auto;
	}
* html #wrapper #copyAreama{margin:0 auto 0 0;width:950px; height:210px;}

#wrapper {
	width:auto;
	margin: 0 auto;
	padding:0;
}
#main {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

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


#index #wrapper {
	width:100%;
	 min-width: 940px;
	margin: 0 auto;
	padding:0;
	
}

#index #wrapper #copyArea{
	width:950px;
	height:400px;
	padding:0;
	margin:0 auto 35px auto;
	text-align:left;
	position:relative;
	}
* html #index #wrapper #copyAreama{margin:0 auto 35px 0;}

/*#index #wrapper #copyArea h2{ text-align:left; float:left;}*/


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

#head_bg{
	width:100%;
	background:url(../images/header_bg.gif) 0 0 repeat-x;
	margin:0;
	}
	

#header {
	width:950px;
	height:120px;
	margin:0 auto;
	text-align:left;
}
#header div.headL{width:480px; float:left;} 

#header div.headR {
	width:255px;
	float:right;
	margin:0;
	text-align:right;
	}
#header div.headR p.headTel{margin:13px 0 4px 0;}
#header div.headR p.headBtn{margin:0;}
	
#header div.header_right p {
	margin:0 0 0 278px;}
	
#header p.sitettl{margin:16px 0 0 0; line-height:0; float:left;}

#header h1{color:#1953A3; font-size:100%; margin:10px 0 4px 0; line-height:1.1}


p.pagetop{
	text-align:right;
	margin:0 0 20px 0;
	clear:both;}

/*==========================================================================*/
/*                               	gn                                     */
/*==========================================================================*/

#gn{
	width:100%;
	height:50px;
	background:url(../images/gn_bg.gif) 0 0 repeat-x;
	}
#gn ul{
	width:932px;
	margin:0 auto;
	padding:0 0 0 18px;
	background: url(../images/gn_bg_02.gif) 0 0 repeat-x;
	}
* html #gn ul{width:950px;margin:0 auto 0 0;}
#gn ul li{
	float:left;
	margin:0;
	padding:0;}
	
	
/*==========================================================================*/
/*                           	mainimage                                    */
/*==========================================================================*/

#index #mainimg_bg{
	width:100%;
	height:285px;
	background: url(../images/index_main_bg.gif) 0 0 repeat-x;}
	
#mainimg_bg{
	width:100%;
	background: url(../images/under_main_bg.gif) 0 0 repeat-x;
	height:167px;}


#mainimg{
	width:900px;
	height:115px;
	padding:52px 0 0 0;
	margin:0 auto;
	}
* html #mainimg{ height:167px;}
	
#mainimg h2{text-align:right;}
#mainimg p{text-align:right;}


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


#footer_wrapper {

	clear: both;
	width:100%;
	min-width:950px;
	background:url(../images/foot_bg.gif) 0 0 repeat;
	margin:0 0 13px 0;
}

#footer {
	padding:16px 0;
	width:950px;
	margin:0 auto;
	text-align:left;
}


#footer dl{float:left; font-size:120%; line-height:1.4; color:#000;}

#footer p{
	float:right;
	margin:0;
	}	

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

address {text-align:right; color:#000000; font-size:120%; margin:0 0 20px 0;}


/*==========================================================================*/
/*                            nav                                           */
/*==========================================================================*/

#nav {
	float: left;
	width: 250px;
	text-align:left;

}

#nav ul li.snBan01{ margin-bottom:13px;}
#nav ul li.snBan02{ margin-bottom:13px;}
#nav ul li.snBan03{ margin-bottom:37px;}

#nav ul li.snBan04{ margin-bottom:30px;}
#nav ul li.snBan05{ margin-bottom:40px;}
#nav ul li.snBan06{ margin-bottom:40px;}
#nav ul li.snBan07{ margin-bottom:40px;}

#nav ul li.snNavi01{ margin-bottom:20px;}
#nav ul li.snNavi02{ margin-bottom:40px;}


#nav dl{
	width:200px;
	background:#f5ead7;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
}

#nav dl dd{margin:0 5px 4px 5px;}
	
#nav dl dd.last{margin:0 5px 0 5px;}



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


#contents{
	width:640px;
	float:right;
	}


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

#index #contents p{line-height:1.6;}

#index h3{ margin:0 0 22px 0;}
#index h4{ margin-bottom:15px;}

#index .topBoxA{ margin-bottom:60px;}
#index .topBoxA{ margin-bottom:20px;}

#index p.topimg_wn{margin:20px 0 0 0;}

#index #mainimg_bg2{
	width:auto;
	height:285px;
	background: url(../images/index_main.jpg) 50% 0 no-repeat;
	margin:0 auto;
	}
#mainimg_bg2{
	width:auto;
	height:167px;
	background: url(../images/under_main.jpg) 50% 0 no-repeat;
	margin:0 auto;
	}

#index #mainimg{
	width:900px;
	height:232px;
	padding:53px 0 0 0;
	margin:0 auto;
	}
* html #index #mainimg{ height:275px;}


/* mustang
-----------------------------------------------------------------------*/

.boxA{
	background: url(../images/box_bg_01.jpg) 0 0 repeat-y;
	padding:15px 15px 10px 15px;
	margin:0 0 25px 0;
	border:1px solid #8c8c8c;
	}

.boxA dl{
	background:url(../images/line_bg_01.gif) 0 100% repeat-x;
	margin-bottom:10px;
}
.boxA dl dt{
	width:90px;float:left;
	color:#261F17;
	font-weight:bold;}
.boxA dl dd{
	float:left;
	color:#FFF;width:508px;
	padding:0 0 15px 0;
	color:#555;
	}
.boxA dl dd span{display:block;margin-bottom:15px;}
.boxA dl.last{ background:none; margin-bottom:0;}

.caseB{margin:0 0 30px 20px;}
.caseB li{ float:left; margin:0 20px 15px 0;}
.caseB li.mar0{ float:left; margin:0;}


.txt_box{ width:350px; float:left; margin:0 0 30px 0; }

h5.point_ti{ margin:20px 0 5px 0;}


/* flow
-----------------------------------------------------------------------*/
.boxB{
	background:#CCC;
	padding:10px 15px 15px 15px;
	}
.boxB p{margin:0;}
.boxB p.marB10{margin:0 0 10px 0;}

.inqBox{ width:630px ;margin:0; clear:both; margin:0 0 30px 0;}
html*.inqBox {margin:0 0 15px 0;}

.inqBox dt{ margin-bottom:20px;}
.inqBox dd{ float:left; margin:0 20px 0 0; padding:0; margin-bottom:0;}

.lkA a{background:url(../images/lm02.gif) 0 3px no-repeat;
	padding:0 0 0 20px;}
.lkA a:hover{background:url(../images/lm02.gif) 5px  3px no-repeat;}


/* other
-----------------------------------------------------------------------*/

.caseA{margin:0 0 30px 0;}
.caseA li{ float:left; margin:0 15px 0 0;}
.caseA li.mar0{ float:left; margin:0;}

.ltA{
	background: url(../images/box_bg_01.jpg) 0 0 repeat-y;
	padding:10px;
	margin:0 0 35px 0;
	border:1px solid #8a8275;}

.ltA li{background:url(../images/lm04.gif) 0 5px no-repeat;
	padding:0 0 0 22px;
	}
.ltA li a{color:#C60;}
.ltA li a:hover,
.ltA li a:active {color:#F90; text-decoration:none;}


/* interview
-----------------------------------------------------------------------*/

.itvBox{margin-bottom:30px; border-bottom:1px dotted #333; padding:0 0 30px 0;}

.itvBox dt{ font-weight:bold;
	line-height:1.3;
	margin-bottom:18px;
	color:#e6e6e6;
	background:url(../images/lm03.gif) 10px 10px no-repeat #171717;
	padding:10px 10px 10px 40px;
	border:1px solid #1e1e1e;}
	
.itvBox dd{margin-bottom:15px;}

	
/* map
------------------------------------------------------------------------*/

#map{
	width:600px;
	height:400px;
	margin:0 0 30px 0;
	border:8px solid #bead8e;}
	
* html #map{width:616px;height:416px;}

#map p{color:#333333; margin:0;}
#map p.strong{color:#3a0909;}



/* photoGallery
-----------------------------------------------------------*/

#p_gallery .sectionInner{padding-bottom:35px; border-bottom:1px dotted #353535;}

.galleriffic {
	text-align:center;
}

#slideshow-adv,#slideshow-adv2,#slideshow-adv3{
	height:350px;	
}
#slideshow-adv1{
	height:473px;	
}
#slideshow-adv4,#slideshow-adv5, #slideshow-adv6{
	height:480px;	
}

#thumbs-adv li,#thumbs-adv1 li,#thumbs-adv2 li,#thumbs-adv3 li, #thumbs-adv4 li, #thumbs-adv5 li, #thumbs-adv6 li{
	width:150px;
	margin:5px 10px 0 0;
	float:left;
}

ul.thumbs,
ul.thumbs2,
ul.thumbs3,
ul.thumbs4,
ul.thumbs5,
ul.thumbs6{
	clear: both;
	margin: 0;
	padding: 0;
}

ul.thumbs,
ul.thumbs2,
ul.thumbs3,
ul.thumbs4,
ul.thumbs5,
ul.thumbs6{
	font-size:0;
}

a.thumb {
	display: block;
}
ul.thumbs li.selected a.thumb,
ul.thumbs2 li.selected a.thumb,
ul.thumbs3 li.selected a.thumb,
ul.thumbs4 li.selected a.thumb,
ul.thumbs5 li.selected a.thumb,
ul.thumbs6 li.selected a.thumb{
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img,
ul.thumbs2 img,
ul.thumbs3 img,
ul.thumbs4 img,
ul.thumbs5 img,
ul.thumbs6 img{
	display: block;
}
div.pagination {
	clear: both;
}

div.navigation div.bottom {
	margin-top: 0px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #e1f7c9;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #7faf49;
	border-color: #69943b;
	color: #fff;
}

#thumbsRight li {
	float:left;
	margin:0 10px 0 0;
	padding-bottom:10px;
}

#imgGalleryBlock #thumbsRight a.thumbs {
	width:100px;
	height:90px;
	display:block;
	overflow:auto;
}


/*--------------------------------------------------------
		table
--------------------------------------------------------*/

table{
width:630px;
margin:0 auto 35px auto;
background:#FFF;
color:#555;
}

table th,table td{padding:6px 8px 4px 8px; line-height:1.6;}
table th{
background:#666;
font-weight:normal;
border:1px solid #c6c4c1;
color:#fff;
font-weight:bold;
text-align:center;
}

table td{
background:#fff;
font-weight:normal;
border:1px solid #CCC;
color:#666;
text-align:left;
}

	
/*==========================================================================*/
/*                             Common                                     */
/*==========================================================================*/
	
.colorA{color:#F30; font-weight:bold;}

.floatR{float:right;}
.floatL{float:left;}

.marR0 {margin-right: 0 !important;}
.mar0{margin:0;}

.marB0 {margin-bottom: 0 !important;}
.marB10{margin-bottom:10px;}
.marB20{margin-bottom:20px;}
.marB30{margin-bottom:30px;}
.marB40{margin-bottom:40px;}


.marT20{margin-top:20px;}

.w_half{ width:50%;}

.cb{clear:both;}

.bg_none{ background:none;}

.txt_center{ text-align:center;}

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

.youtubebox iframe {
	float:left;
	margin: 0 10px 15px 10px;
	}
	
.bold{ font-weight:bold; }

.font_big{ font-size:16px; font-weight:bold; }

.likebox{
	margin: 0 0 30px;
}


.flowThree li {
	float: left;
	padding-right: 12px;
}

.flowThree li img {
	border: 1px solid #fff;
	background: #fff;
}

.flowThree li.fLast {
	padding: 0;
}

.twoThree  {
	padding: 0 40px 0 40px;
	clear: both;
}

.twoThree li {
	float: left;
}

.twoThree li img {
	border: 1px solid #fff;
}

.fRight {
	float: right!important;
}

.twoThreebg {
	clear: both;
	background: url(../images/arrow_01.png) no-repeat center center;
}

.twoThreebg li {
	float: left;
}


.twoThreebg li img {
	border: 1px solid #fff;
}

.mb20 {
	margin-bottom: 20px!important;
}

.whiteBg {
	border: 1px solid #bcbcbc;
	background: #f2f2f2;
	padding: 10px;
	margin-bottom: 20px;
}

.mt30{margin-top:30px;}
.pl8{padding-left:8px;}


.pdf_btn{
	float: left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 18px;
	width:188px;
}
.image_att {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #AEAEAE;
    padding: 1px;
}
.company_img{
	width:521px;
	margin:0 auto;
}
.company_img001{
	margin-right:7px;
}
.mt13{
	margin-top:13px;
	float:left;
	clear:both;
	margin-bottom:20px;
}
.mb0 { margin-bottom: 0;}
.marB35{
	margin-bottom:35px;
}