@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,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size: 140%;
}

	
h1 {} /* Header内で設定 */
h2 { margin-bottom:20px;}
h3 {
	background:#d8d8d8;
	padding:17px 16px 15px 16px;
	font-size:170%;
	font-weight:bold;
	margin-bottom:25px;
	color:#000;
	clear:both;
	}
h4 {
	background:url(../images/h4_bg_01.jpg) 0 100% no-repeat;
	font-weight:bold;
	font-size:160%;
	color:#000;
	margin:0 0 25px 0;
	padding:0 10px 15px 16px;
	clear:both;}

a:link { color:#0b5da2; text-decoration:none; }
a:visited { color:#5ba2dd; text-decoration:none; } 
a:hover { color: #0b5da2; text-decoration:underline; }
a:active { color: #0b5da2; text-decoration:none; } 


strong{color:#000;}

ul li {

}

dl{
	line-height:1.6;
	color:#222;}

dl dd table{font-size:100%;}
dl dd ul{font-size:100%;}


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

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

.section { padding:0 10px 30px 10px; margin:0 0 40px 0; border-bottom:1px dashed #999;}
.section2 { padding:0 10px; margin:0 0 55px 0;}

.image_r { float: right; margin: 0 0 7px 20px; background:url(../images/box_bg_02.jpg) 0 0 repeat; padding:15px;}
.image_r2{ float: right; margin: 0 0 7px 20px; padding:5px; border:1px solid #CCC; background:#FFF;}
.image_r3{ float: right; margin: 0 0 7px 20px; }


.image_l { float: left; margin: 0 20px 7px 0; background:url(../images/box_bg_02.jpg) 0 0 repeat; padding:15px;}
.image_l3 { float: left; margin: 0 20px 7px 0; }


.image_m { margin: 0 auto 15px auto; background:url(../images/box_bg_02.jpg) 0 0 repeat; padding:15px;}
/*--------------------------------------------------------
		table
--------------------------------------------------------*/

table{
width:auto;
margin:0 auto 20px auto;
background:#FFF;
color:#555;

padding:1px;
}

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

table td{
background:#FFF;
font-weight:normal;
border:1px solid #dbdbdb;
color:#111;
text-align:left;
}

table td.tdHead{
	width:25%;
	text-align:center;
	font-weight:bold;
	color:#000;
	background:#e6e6e6;
}
table td.tdHead2{
	width:35%;
	background:#f1f1f1;

}


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

html {
	background: none;
}

body {
	background:url(../images/site_bg_01.jpg) 0 0 repeat-x;
	text-align: center;
	padding:0;
	margin:0;
}


#wrapper {
	width:auto;
	background:url(../images/under_bg_01.gif) 0 0 repeat-x;
	margin: 0 auto;
	padding:0;
}
#main {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}


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

#head_wrapper{
	width:100%;
	background:url(../images/head_bg.jpg) 0 0 repeat-x;
	margin:0;
	height:65px;
	}
	

#header {
	width:960px;
	height:65px;
	margin:0 auto;
	text-align:left;
}

#header h1{color:#666; text-align:right; font-size:100%; height:11px; padding:8px 0 0 0;}
	
#header p{float:left;}
	
#header p.sitettl{margin:16px 0 0 0; line-height:0; margin:0 12px 0 0;}
#header dl{
	width:368px;
	float:left;
	height:30px;
	}
#header dl dt{font-size:0; margin-bottom:2px;}
#header dl dd{color:#666; font-size:80%;}
#header p.headTel{margin:11px 0 0 0;}




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

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

#gn{
	width:960px;
	margin:0 auto;
	}
#gn li{float:left;}

#gn li.sec01,
#gn li.sec02{
	position:relative;
	top:-18px;}
	
/*==========================================================================*/
/*                           	mainimage                                    */
/*==========================================================================*/




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


#footer_wrapper01 {
	clear: both;
	width:100%;
	min-width:960px;
	background:#666;
}

#footer_wrapper01 #footer01{
	width:960px;
	margin:0 auto;
	text-align:left;
	}
#footer_wrapper01 #footer01 ul{font-size:110%; line-height:1.0; padding-top:2px; width:700px; float:left;}
#footer_wrapper01 #footer01 ul li{
	float:left;
	margin-right:28px;
	line-height:1.0;
	}
#footer_wrapper01 #footer01 ul li a{
	background:url(../images/lm_01.png) 0 5px no-repeat;
	padding:4px 0 4px 15px;
	color:#FFF;
	display:block;
	}
#footer_wrapper01 #footer01 ul li a:hover{
	background:url(../images/lm_01_on.png) 1px 5px no-repeat;}
	
#footer_wrapper01 #footer01 .foot_pagetop{
	float:right;
	margin:0;
	padding:0;
	}
#footer_wrapper02 {
	clear: both;
	width:100%;
	min-width:960px;
	background:#D2D2D2;
}

#footer_wrapper02 #footer02{
	width:960px;
	margin:0 auto;
	text-align:left;
	}
#footer_wrapper02 #footer02 p,
#footer_wrapper02 #footer02 dl{float:left;}
#footer_wrapper02 #footer02 dl{
	width:280px;
	margin:28px 0 0 0;
	}
#footer_wrapper02 #footer02 dl dt{margin-bottom:3px;}
#footer_wrapper02 #footer02 p.footTel{ margin:37px 0 0 0;}
#footer_wrapper02 #footer02 p.footImg{float:right; margin:0;}

#footer_wrapper03{
	width:100%;
	min-width:960px;
	background:#000;
	text-align:center;
	padding:5px 0;
	}

address {
	color:#CCC;
	font-size:100%;
}


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

#nav {
	float: right;
	width: 240px;
	text-align:left;
	
}
#idx #nav { padding:20px 0 0 0;}

.snBoxA,
.snBoxC{margin-bottom:25px;}
.snBoxA dt,
.snBoxC dt{ margin:0;}
.snBoxA dd,
.snBoxC dd{
	padding:13px 0 17px 8px;
	}
.snBoxA dd{background:url(../images/sn_bg_01.jpg) 0 0 no-repeat;}
.snBoxC dd{background:url(../images/sn_bg_02.jpg) 0 0 no-repeat;}
.snBoxA dd span,
.snBoxC dd span{display:block; margin-bottom:17px;}
*:first-child+html .snBoxA dd span,
*:first-child+html .snBoxC dd span { margin-bottom:9px; } /*IE7*/

.snBoxA dd span.last,
.snBoxC dd span.last{margin-bottom:0;}

.snBoxB {text-align:center; margin-bottom:30px; font-size:120%;}
.snBoxB dt{margin-bottom:8px;}
.snBoxB dd{
	line-height:1.0;
	background:url(../images/sn_img_02.jpg) 0 100% no-repeat;
	padding:0 0 22px 0;
	}

.snBoxD{ margin-bottom:10px; text-align:center;}
.snBoxD li{ 
	margin-bottom:7px;
	}
.snBoxD li.last{ margin:0;}


.snBoxE li{margin-bottom:10px;}

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


#contents{
	width:705px;
	float:left;
	}


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


#mainimage {
	margin:0 auto;
	width:960px;
	height:429px;
	position:relative;
}

.bx-window {
	width:960px;
	height:429px;
}

.bx-wrapper {
	width:960px;
	height:429px;
}

.bx-prev {
	width:29px;
	height:46px;
	background:url(../images/prev.png) no-repeat;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:178px;
	left:0;
}

a.pager-link.pager-1{
	width:13px;
	height:12px;
	background:url(../images/pager_off.jpg) no-repeat;
	display:block;
	float:left;
	text-indent:-9999px;
	margin-right:7px;
}

a.pager-link.pager-2{
	width:13px;
	height:12px;
	background:url(../images/pager_off.jpg) no-repeat;
	display:block;
	float:left;
	text-indent:-9999px;
	margin-right:7px;
}

a.pager-link.pager-3{
	width:13px;
	height:12px;
	background:url(../images/pager_off.jpg) no-repeat;
	display:block;
	float:left;
	text-indent:-9999px;
	margin-right:7px;
}

a.pager-link.pager-4{
	width:13px;
	height:12px;
	background:url(../images/pager_off.jpg) no-repeat;
	display:block;
	float:left;
	text-indent:-9999px;
}

a.pager-link.pager-1.pager-active {
	width:13px;
	height:12px;
	background:url(../images/pager01_on.jpg);
}

a.pager-link.pager-2.pager-active {
	width:13px;
	height:12px;
	background:url(../images/pager02_on.jpg);
}

a.pager-link.pager-3.pager-active {
	width:13px;
	height:12px;
	background:url(../images/pager03_on.jpg);
}

a.pager-link.pager-4.pager-active {
	width:13px;
	height:12px;
	background:url(../images/pager04_on.jpg);
}

.bx-next {
	width:29px;
	height:46px;
	background:url(../images/next.png) no-repeat;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:178px;
	right:0;
}

.bx-pager {
	width:520px;
	height:20px;
	padding:6px 0 0 440px;
	text-align:center;
	background:url(../images/idx_slide_bg.jpg) 100% 0 no-repeat;
	position:absolute;
	top:402px;
	left:0;
}

#idx h2{margin:0;}
#idx h3{
	margin-bottom:20px;
	padding:0;
	background:none;
	}
.idxBoxA li{
	float:left;
	margin-right:15px;
	}
.idxBoxA li.last{
	margin:0;
	position:relative;
	top:-26px;}


.idxBoxB div{
	background:url(../images/box_bg_01.jpg) 0 0 repeat-x #E6E6E6;
	float:left;
	margin-right:15px;
	width:195px;
	padding:21px 15px 0 15px;
	min-height:240px;
	}
.idxBoxB div.last{margin:0;}
.idxBoxB div h4{text-align:center; margin-bottom:30px; padding:0; background:none;}
.idxBoxB div p{font-size:120%;}

	
/* knowledge
------------------------------------------------------------------------*/

#knowledge .boxL{
	width:300px;
	float:left;
	background:url(../images/box_bg_02.jpg) 0 0 repeat;
	text-align:center;
	padding:15px 0;
	}

#knowledge .boxL p{text-align:center;}

#knowledge .boxR{
	width:360px;
	float:right;
	}
#knowledge .boxA span{font-weight:bold; color:#002c69;}

/* basic
------------------------------------------------------------------------*/

#basic #contents ol{
	width:305px;
	float:right;
	padding-left:25px;}

#basic #contents ol li{list-style:decimal; margin-bottom:20px;}
#basic #contents ol li span{display:block; margin-left:50px;}


#basic #contents ol.sec01{width:210px;}


#basic .boxR{
	width:220px;
	float:right;
	}

#basic .btnBoxA{
	margin-bottom:45px;
	margin-left:20px;
	}
#basic .btnBoxA li{
	float:left;
	margin-right:10px;
	}

/* case
------------------------------------------------------------------------*/
.caseBoxA {
	margin-bottom:50px;
	margin-left:25px;
	}
.caseBoxA div{
	width:315px;
	float:left;
	margin-right:25px;
	}

/* case_details
-----------------------------------------------------------*/

#case_details .sectionInner{
	margin-bottom:30px;
	}

.galleriffic {
	text-align:center;
}

#slideshow-adv,#slideshow-adv2{
	height:473px;	
}

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

ul.thumbs,
ul.thumbs2{
	clear: both;
	margin: 0 0 0 37px;
	padding: 0;
}

ul.thumbs,
ul.thumbs2{
	font-size:0;
}

a.thumb {
	display: block;
}
ul.thumbs li.selected a.thumb,
ul.thumbs2 li.selected a.thumb{
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img,
ul.thumbs2 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;
}

#case_details .section2 table{width:630px; margin:0 auto;}



/* info
-----------------------------------------------------------*/

#info .boxL{
	float:left;
	width:280px;
	margin-right:25px;
	margin-bottom:80px;
	}
#info .boxL p{
	color:#666;
	font-size:120%;
	}
	
#info .boxR{
	float:right;
	width:280px;
	margin-left:25px;
	margin-bottom:10px;
	}
#info .boxR p{
	color:#666;
	font-size:120%;
	}

/* tour
-----------------------------------------------------------*/
.tourBox{margin:0 0 40px 25px;}
.tourBox li{
	float:left;
	width:285px;
	margin: 0;
	background:url(../images/box_bg_02.jpg) 0 0 repeat;
	padding:15px;
	margin-right:25px;
	margin-bottom:25px;
	}
.tourBox li a:hover img { opacity: 0.8; filter: alpha(opacity=80); }


/* flow
-----------------------------------------------------------*/
.flowBox{
	background:url(../images/tour_bg_02.jpg) 100% 0 repeat-y;
	margin-bottom:60px;
	}
.flowBox div{
	background:url(../images/tour_bg_01.jpg) 100% 100% no-repeat;
	padding:0 75px 0 0;}
	

.flowBox dl{
	background:#f6f6f6;
	border:3px solid #e3e3e3;
	padding:0 15px 15px 15px;
	margin-bottom:10px;
	}
.flowBox dl dt{
	padding:15px 0 17px 80px;
	font-weight:bold;
	margin-bottom:12px;
	}
.flowBox dl.sec01 dt{background:url(../images/flow_tit_01.jpg) 0 100% no-repeat;}
.flowBox dl.sec02 dt{background:url(../images/flow_tit_02.jpg) 0 100% no-repeat;}
.flowBox dl.sec03 dt{background:url(../images/flow_tit_03.jpg) 0 100% no-repeat;}
.flowBox dl.sec04 dt{background:url(../images/flow_tit_04.jpg) 0 100% no-repeat;}
.flowBox dl.sec05 dt{background:url(../images/flow_tit_05.jpg) 0 100% no-repeat;}


/* qa
-----------------------------------------------------------*/
#qa .boxC dt{
	background:url(../images/qa_01.jpg) 0 0 no-repeat;
	padding:5px 15px 10px 39px;
	}
#qa .boxC dd{
	background:url(../images/qa_02.jpg) 0 0 no-repeat;
	padding:0 0 0 39px;
	}

/* voice
-----------------------------------------------------------*/

#voice #contents div.voiceBox01{
	background: url(../images/voice_bg_01.jpg) 100% 10px no-repeat #f6f6f6;
	padding:22px 85px 15px 15px;
	border:1px solid #e3e3e3;
	margin-bottom:40px;
	}
#voice #contents div.voiceBox02{
	background: url(../images/voice_bg_02.jpg) 100% 10px no-repeat #f6f6f6;
	padding:22px 85px 15px 15px;
	border:1px solid #e3e3e3;
	margin-bottom:40px;
	}

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

.gMap {margin:0 auto; border:3px solid #ebebeb; margin-bottom:10px;}
.gMap span{font-size:130%;}

#company #contents table{width:100%;}


/* sitemap
-----------------------------------------------------------*/
#sitemap #contents .section dl dt{
	background:url(../images/lm_04.png) 0 5px no-repeat;
	padding:0 0 0 25px;
	margin-bottom:8px;
	font-weight:bold;
	}
#sitemap #contents .section dl dd{
	padding:0 0 0 25px;
	margin-bottom:18px;}


/*    contact
-----------------------------------------------------------*/
#contact #contents h4{
	background:none;
	padding:0;
	}
#contact #contents .section2{
	padding:0 7px 0 8px; margin:0 0 55px 0;}
/*==========================================================================*/
/*                             Common                                     */
/*==========================================================================*/

.boxA{
	background:#ebebeb;
	border:3px solid #dedede;
	padding:10px 15px;
	margin-bottom:30px;
	}
.boxB{
	background:url(../images/box_bg_02.jpg) 0 0 repeat;
	padding:15px;
	margin-bottom:30px;
	}

.boxC{background:#eaf1f7;
	padding:10px 15px 15px 15px;
	border:3px double #dce6ef;
	margin-bottom:20px;}
.boxC dt{
	background:url(../images/lm_03.png) 0 0 no-repeat;
	padding:10px 0 13px 50px;
	font-weight:bold;
	color:#000;
	border-bottom:3px solid #dce6ef;
	margin-bottom:10px;
	}

.linkTxtA {
	background:#fdfdfd;
	padding:10px;
	border:3px solid #ededed;
	}
.linkTxtA li{
	background: url(../images/lm_04.png) 0 7px no-repeat;
	padding:0 0 0 20px;
	}

.titA{
	font-weight:bold;
	color:#000;
	background:url(../images/lm_02.png) 0 4px no-repeat;
	padding:0 0 0 20px;
	margin-bottom:13px;
	clear:both;
	}

.titB{
	font-weight:bold;
	color:#000;
	border-left:5px solid #002c69;
	padding:0 0 0 20px;
	margin-bottom:15px;
	}
.titB span{color:#428dc2; font-size:190%; font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif; margin:0 3px;}
	
.titC{
	background:#dddddd;
	padding:10px 10px 8px 22px;
	margin-bottom:15px;
	color:#000;
	font-weight:bold;
	}


.colorA{
	font-weight:bold;
	font-size:140%;
	color:#002c69;
	}
.colorB{
	font-weight:bold;
	color:#000;
	}

.colorC{color:#428dc2; font-size:190%; font-weight:bold;font-family:Georgia, "Times New Roman", Times, serif;}

.colorD{
	font-weight:bold;
	color:#0d4d95;
	}

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



#contents .pageList{margin:0 0 30px 300px;}
#contents .pageList li
{
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  float: left;
  border:1px solid #d2d2d2;
  color: #00ac9a;
  text-align: center;
  font-weight: bold;
  line-height: 1.4em;
  display: block;
}
#contents .pageList a
{
  cursor: pointer;
  display: block;
  padding-top: 5px;
  padding-right: 11px;
  padding-bottom: 5px;
  padding-left: 11px;
  color: #666;
  font-weight: normal;
}
#contents .pageList li a:hover
{
  background: #fe0000;
  color: #ffffff;
}
#contents .pageList li.current
{

  border:1px solid #fe0000;
  background:#fe0000;
  color: #ffffff;
  text-align: center;
}
#contents .pageList li.current a{color:#FFF;}

.mar0{margin:0;}

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


.none{display:none;}


.cb{clear:both;}


.txt_center{ text-align:center;}

.offItem {
	display: none;
}