@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 {}
h3 {}
h4 {}

a { color: #f41; }
a:hover,
a:active { color: #f96; text-decoration: none; }
a:visited {
}

ul {
}
li {
}

dl {
}
dt {
}
dd {
}


* html table {
	width:97%;
	border-collapse:collapse;
	border:3px solid #FFFFFF ;
}

table {
	width:100%;
	border-collapse:collapse;
	xborder:2px solid #FFFFFF ;
}

th,
td {
 border:1px solid #FFFFFF;
 padding:8px;
 color:#FFFFFF;
}
th {
	font-weight:bold;
	text-align: center;
	background:#365b90;
	width:25%;
}

th.w32 {
	font-weight:bold;
	text-align: center;
	background:#365b90;
	width:32%;
}
td {
	text-align:left;
}

p { margin: 0 0 8px; }

.section { margin: 0 0px 20px 15px; }
.section01 { padding:15px 0px 20px 15px; }

.section .section { padding: 4px 4px 8px; }

.image_l { float: left; margin: 2px 16px 8px 0; border:1px solid #CCCCCC; padding:1px;}
.image_r { float: right; margin: 2px 0 8px 16px; border:1px solid #CCCCCC; padding:1px;}

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

.bold {
	font-weight: bold;
	color: #4ea1fd;
}

.coloR {
	color: #4ea1fd;
	font-weight:bold;
}
.txt_l {
	text-align:left;
}
.txt_c {
	text-align:center
}
.txt_r {
	text-align:right;
}

.txt01 {
	text-indent:10px;
}
.txt02 {
	font-style:italic;
}


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

.mb0 { 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; }

.mt5 { margin-top : 5px; }
.mt10 { margin-top : 10px; }
.mt15 { margin-top : 15px; }
.mt20 { margin-top : 20px; }
.mt25 { margin-top : 25px; }

.mr10 { margin-right : 10px; }

.ml10 { margin-left : 10px; }
.ml67 { margin-left : 67px; }

.goods_imgL { float:left; margin-right:15px;}  
.goods_imgL01 { float:left; margin-right:0px;}  

.goods_imgL02 { float:left; margin-right:0px; margin-bottom:25px;}  

.goods_imgL03 { float:left; margin-right:15px; }

.goods_imgL03_01 { float:left; margin-right:15px; margin-top:15px; }

.goods_imgL03_02 { float:left; margin-right:0px; margin-top:15px; }

.goods_imgL03_03 { float:left; margin-right:0px; margin-top:0px; }

.box_h5 { clear:both;}

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

html {
	background: none;
}

body {
    background: url(../images02/contents_bg.gif) repeat-x #053275;
	color: #FFFFFF;	
	text-align: center;

}

#wrapper {
	width: 900px;
	margin: 0 auto;
}

#main {
	width: 900px;
	margin: 34px auto;
	text-align: left;
	background:url(../images02/navi_bg_01.jpg) 0 0 repeat-y;
	padding:0;
}

#content {
	/*width: 620px;*/
	text-align: left;
	/*float: right;*/
	margin: 0px 5px 0 0;
	padding: 0;
}

#content h2 {
	margin:0 0 20px 0;
}


#content h3 {
	margin:0 0 15px 0;
}

#content h4 {
	margin:0 0 5px 0;
}

#content .pagetop { text-align:right; padding:30px 0 0 0; margin:0 0 -15px 0;}

#content .pagetop02 { text-align:right; padding:0px 0 0 0; margin:0 0 -15px 0;}

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

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

#header .header01{
	padding:5px 0px;
	background:url(../images02/header_bg.jpg) 0 0 no-repeat;
}
#header .header01 ul {
  display: none;
}

#header .header01 ul li{
	float:left;
	margin:0;
	padding:0;
}

#header h1 { 
	padding:0;
	margin:4px 0px 10px 31px;
}

#header h2 { text-align:center; margin:0; padding:0;}


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

#footer {
	clear: both;
	max-width:100%;
	min-width:900px;
	position:relative;
	padding-bottom:48px;
	text-align:left;
}


#footer #footer01{
	width:878px;
	margin:0 auto;
	background: url(../images02/footer_bg02.jpg) 0 0 repeat;
	padding:10px;
	height:230px;
}

#company #footer #footer01{
	background: url(../images02/footer_bg.jpg) 0 0 repeat-x;
	height:90px;
	padding:0px;
	width:900px;
}

#footer #footer01 .ft_tel{
	text-align:right;
	margin:0px 15px 0 0;
	padding-top:25px;
}

#footer #footerList {
	padding: 14px 0 0 0px;
}

#footer address {
	width: 100%;	
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
	padding:10px 0 0 0px;
}

#company #footer address{
	padding:10px 0 0 28px;
}


#footer ul {
	padding:0;
}

#company #footer ul {
	margin:-35px 0 0 30px;
}


#footer ul li {
	color:#A2A3A5;
	float:left;
	margin:0 15px 0 0;
	height:20px;
	font-size: 12px;
}

#company #footer ul li {
	background:url(../images02/point.jpg) 0 8px no-repeat;
	padding-left:8px;
	margin:0 10px 0 0;
}

* html #footer ul li {
	float:left;
	margin:0 15px 0 0;
	padding-left:8px;
	background:url(../images02/point.jpg) 0 8px no-repeat;
	height:55px;
	font-size: 12px;
}

*:first-child+html #footer ul li {
	float:left;
	margin:0 10px 0 0;
	padding-left:8px;
	background:url(../images02/point.jpg) 0 8px no-repeat;
	height:55px;
	font-size: 12px;
}

#footer ul li a {
	color: #0090FB;
	font-size: 12px;
	background:url(../images02/footerlist_icon.png) left center no-repeat;
	padding-left:10px;
	text-decoration:none;
}

#footer ul li a:hover{
	text-decoration:underline;
	color:#63BCFF;
}

#company #footer ul li a {
	color:#A2A3A5;
	background:none;
	padding-left:0;
	text-decoration:underline;
}

#company #footer ul li a:hover{
	text-decoration:none;
	color:#A2A3A5;
}


#footer ul li.first {
	margin-left:30px;
}

* html #footer ul li.first {
	margin-left:15px;
}

*:first-child+html #footer ul li.first {
	margin-left:30px;
}


.mb15{margin-bottom:15px;}


#footer .maillink{
	color:#0090FB;
	text-decoration:none;
}

#footer .maillink:hover{
	text-decoration:underline !important;
}

#footer .maillink:hover{
	text-decoration:none;
}

#footer .footLeft{
	width:400px;
	float:left;
	line-height:18px;
}

#footer .footRight{
	width:470px;
	float:right;
}


#footer .footerLogo{
	float:left;
	margin-right:60px;
}

.fcontact{
	padding-top:10px;
}

.f12 {
  font-size: 85%;
}

.txt01{letter-spacing:1.5px;}

.mr_12{margin-left:-12px;}

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



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

#navi {
    display: none;
	/*
  float: left;
	width: 230px;
	text-align: center;
	border:5px solid #365b90;
	padding-bottom:12px;
  */

}

#navi .navi01 {
	text-align: center;
	margin: 0 4px 0 4px;
	
}

#navi .navi01 li {
	list-style:none;
	margin:2px 0;
	font-size:1%;
}

#navi .navi01 li.first {
	list-style:none;
	margin:5px 0 0 0;
	font-size:1%;
}


#navi .navi01 li.last {
	margin:10px 0 0px 0;
}



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

/* feve
------------------------------------------------------------------------*/

#feve .bg {
	width:100%;
	height:221px;
	background:#032352;
	margin:20px 0 30px 0;
}

#feve .bg01 {
	width:100%;
	height:246px;
	background:#032352;
	margin:20px 0 30px 0;
}


#feve .bg .bgL,
#feve .bg01 .bgL{
	float:left;
	width:300px;
	margin:10px 0 10px 10px;
	vertical-align:middle;
}

* html #feve .bg .bgL,
* html #feve .bg01 .bgL{
	float:left;
	width:300px;
	margin:10px 0 10px 5px;
}

#feve .bg .bgR,
#feve .bg01 .bgR{
	float:right;
	width:310px;
}

#feve .bg .bgR dl,
#feve .bg01 .bgR dl{
	margin:12px 0 0 12px;
	
}

#feve .bg .bgR dt,
#feve .bg01 .bgR dt{
	margin-bottom : 8px;
	width:80px;
	float:left;
}

#feve .bg .bgR dt, dd,
#feve .bg01 .bgR dt, dd{
	margin-bottom : 8px;
}


#feve .feve_bg { margin: 0 0px 20px 10px; }

/* catalog
------------------------------------------------------------------------*/
#catalog h3 {
	margin:30px 0 15px 0;
}

#catalog_new .section01,
#catalog .section01 { margin:0; padding:0;}
#catalog table { 
	margin:20px 0 30px 20px;
	width:550px;
}

#catalog table td{ 
	vertical-align:top;	
}

/* catalog
------------------------------------------------------------------------*/
.unk_btn{
	margin: 0 0 10px 0;
}
.unk_btn p{
	float: left;
	margin-right: 55px;
}
.unk_btn p.end { margin-right:0;}
#catalog #feveCatalogBox {
  background-color: #ffffff;
  padding: 15px 15px 0 15px;
  text-align: center;
}
#catalog .feveCatalogBox {
  background-color: #ffffff;
  padding: 15px 15px 0 15px;
  text-align: center;
}
#catalog .borderBox {
  border: 1px solid #ffffff;
  padding: 10px;
}
#catalog_new .borderBox{
  border: 1px solid #ffffff;
  padding: 10px;
	margin-bottom: 30px;
}

.borderBox table{
	border: none;
	margin-bottom: 20px;
	padding: 0;
}
.borderBox table th{
	border: none;
	background: none;
	text-align: left;
	text-indent: 8px;
	padding: 3px 0 3px 5px;
	width: 130px;
}
.borderBox table th span{
	font-weight: normal;
	font-size: 95%;
}
.borderBox table td{
	border: none;
	padding: 3px 2px;
	vertical-align: top;
}

.borderBox p{
	margin: 0 0 20px 10px;
}
.borderBox p.hd{
	margin: 10px 0 5px 0;
	font-weight: bold;
}

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

#company ul.list { margin:8px 0 8px 0;}

#company ul.list li {
	list-style:disc;
	padding-left:5px;
	margin-left:17px;
	color:#4ea1fd;
}


.p_area { width: 620px; }
.p_area ul { display: block; clear: both; padding-top: 20px; }
.p_area ul li { 
	margin-right: 5px;
	float: left;
}
.p_area ul li .li_last { margin-right: 0; }
.t_center { text-align: center; }


.item_tx { margin: 5px 10px; font-size: 100%; }
.font_b { font-weight: bold; }


.txt_R{
float:right;
}

.Frl{
width: 620px;
padding:2px;
}

.imgL{
float:left;
width: 300px;
padding: 3px;
}

.imgL p{ padding-left:33px; text-indent:-33px;}

.imgR{
float:right;
width: 300px;
padding: 3px;
}

.icon01{
background:url(../image/icon01.gif) no-repeat 0px 8px;
padding-left:15px;
color: #ffc600;
font-weight:bold;

}

.mL15{
margin-left: 15px;
}

.imgP01{
padding-top: 5px;
padding-bottom: 5px;
}

.fl{ float: left;}


.shop_list { margin-bottom:20px; margin-top:20px; }

.shop_list li { float:left; margin-right:15px; }

.shop_list li.li01 { float:left; margin-right:0px; }

.img_tel { background:url(../images02/tel.png) 0 0 no-repeat; padding-left:25px; padding-top:5px; height:25px; margin-top:8px;}

.h240 { height: 240px!important;}

.hiddenbox { display: none;}

.open_switch {
  cursor: pointer;
 width: 215px;
 margin-bottom: 20px;
}

.image_list {
	float: right;
	padding-left: 16px;
}

.image_list li {
	padding-bottom: 10px;
}

.image_list img {
	border: 1px solid #ccc;
	padding: 1px;
}

.text01 {
	width: 425px;
	margin-left: 10px;
}

.text02 {
	width: 375px;
	margin-left: 10px;
}

.text03 {
	width: 425px;
	text-indent: -10px;
	padding-left: 10px;
}

.block {
	clear: both;
}

*:first-child + html .block {
	margin-top: -50px;
}

.boxR01 {
	float: right;
}
.boxL01 {
	float: left;
}

.hide_1 { display: none; }
.hide_2 { display: none; }
.hide_3 { display: none; }

.tab3btn { margin-bottom:10px;}
.tab3btn li {
	padding: 0 51px 0 0;
	display:inline;
	cursor:pointer;
}

.tab3btn li.end{
	padding: 0;
}
.l-1 {
	letter-spacing:-1px;
}

.gMapInfoWindow{
	line-height:1.3em;
}