@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: 135%}

h3{
background:url(../img/sec_h3bg.jpg) no-repeat 0 0;
border-bottom:1px dotted #9e9e9e;
font-size:170%;
font-weight:bold;
margin:0 0 20px;
padding:15px 20px 8px 15px}

h4{
background:url(../img/sec_h4bg.jpg) no-repeat 0 0;
border-bottom:3px solid #ddd;
color:#fff;
font-size:160%;
font-weight:bold;
margin:0 0 20px;
padding:10px 10px 5px 25px}

h5{
background:url(../img/sec_h5bg.jpg) no-repeat 3px 0;
border-bottom:1px solid #ccc;
font-size:150%;
font-weight:bold;
margin:0 0 20px;
padding:1px 0 5px 10px}

a{color:#1F73BE;text-decoration:underline}
a:hover,
a:active{text-decoration:none}

ul{margin:0 0 20px}

li{
background:url(../img/icon03.gif) no-repeat 0 2px;
padding:0 0 0 15px}

dl{margin:0 0 20px}
dt{font-weight:bold}
dd{}

table{
border:3px solid #ccc;
border-top:5px solid #333;
margin:0 0 20px;
width:100%}

th{
background:url(../img/sec_tableBg.gif) repeat;
border-bottom:1px solid #ccc;
padding:8px 5px;
white-space:nowrap;
width:1%}

.mailform th{
font-weight:bold;
white-space:normal;
width:150px}

td{
border-bottom: none;
border-left: none;
padding:8px 5px}

#content td.noneborder {
border: none;}

.mailform td ul li,
.mailform td ol li{
background:none}

table.col{border:3px solid #ccc}

div.banner{
margin:0 0 20px;
text-align:center}

iframe,
div.car{margin:0 0 20px}

table.col th.top{
background:url(../img/sec_tableBg2.gif) repeat;
color:#fff;
border-left:1px solid #ccc}

p,
div.adr{margin:10px 0 20px 0;}

img{vertical-align:bottom}


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

body {
background:url(../img/com_bodyBg.jpg) repeat-x 50% 0;
color: #333;
text-align: center}

#wrapper{
background:url(../img/com_wrapBg.jpg) no-repeat 50% 0;
margin:0 auto;
width:1016px}
#wrapper01{
background:url(../img/com_wrapBg01.jpg) no-repeat 50% 0;
margin:0 auto;
width:1016px}
#wrapper02{
background:url(../img/com_wrapBg02.jpg) no-repeat 50% 0;
margin:0 auto;
width:1016px}
#wrapper03{
background:url(../img/com_wrapBg04.jpg) no-repeat 50% 0;
margin:0 auto;
width:1016px}
#wrapper04{
background:url(../img/com_wrapBg03.jpg) no-repeat 50% 0;
margin:0 auto;
width:1016px}
#wrapper05{
background:url(../img/com_wrapBg05.jpg) no-repeat 50% 0;
margin:0 auto;
width:1016px}
#wrapper06{
background:url(../img/com_wrapBg06.jpg) no-repeat 50% 0;
margin:0 auto;
width:1016px}


#index #wrapper{background:url(../img/com_bodyBg.jpg) no-repeat 50% 0}

#main:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main{
display:inline-block;
margin:0 58px;
text-align:left}

/*\*/
*html #main{height:1%}
#main{display:block}
/**/

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

#main .aero .pageTop,
#main .sectionH5 .pageTop{margin:0}

.pageTop a{
background:url(../img/pageTop.jpg) no-repeat 0 5px;
font-size:125%;
padding:0 0 0 12px}

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

#header{
height:220px;
margin:0 0 10px;
position:relative}

#index #header{height:510px}

#header h1{
color:#fff;
font-size: 12px;
position:absolute;
top:2px;
left:190px;
z-index: 2;
}

#header #headLogo{
position:absolute;
top:4px;
left:58px;
z-index:1}

#header #inq{
position:absolute;
top:3px;
right:5px}

#header h2{
color:#fff;
font-weight:bold;
font-size:200%;
text-align:left;
position:absolute;
top:160px;
left:78px;
background-image: none;
}



#index #header h2{
top:134px;
left:72px;
z-index:2}



#header p.h2{
color:#fff;
font-weight:bold;
font-size:200%;
text-align:left;
position:absolute;
top:160px;
left:78px}

#index #header p.h2{
top:134px;
left:72px;
z-index:2}




#index #header ul.mPict{
background:url(../img/ind_mPictBg.jpg) no-repeat 0 0;
padding:4px;
position:absolute;
text-align:left;
top:120px;
left:58px;
height:390px;
width:660px;
z-index:1}

#index #header ul.mPict li{
background:none;
display:none;
padding:0;
position:absolute}

#index #header ul.mPict li.li00{display:block}

#index #header ul.list:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #header ul.list{
display:inline-block;
position:absolute;
top:120px;
right:58px;
width:230px}

/*\*/
*html #index #header ul.list{height:1%}
#index #header ul.list{display:block}
/**/

#index #header ul.list li{
background:none;
float:left;
margin:0 0 10px;
padding:0}

#index #header ul.list li.li05,
#index #header ul.list li.li07{margin:0 10px 10px 0}



#index #header ul.bnr{
display:inline-block;
position:absolute;
top:120px;
right:58px;
width:230px}

/*\*/
*html #index #header ul.bnr{height:1%}
#index #header ul.bnr{display:block}
/**/

#index #header ul.bnr li{
background:none;
margin:0 0 10px;
padding:0}


#gnav{
	width: 680px;
	height: 35px;
	margin: 0 0 20px;
	padding: 0;
}
#gnav ul{
	margin: 0 0 20px 0;
	height: 35px;
	padding: 0;
}
#gnav ul li{
	background: none;
	padding: 0;
	float: left;
	width: 136px;
	height: 35px;
	margin: 0 0 20px 0;
}
#gnav ul li a{
	text-decoration: none;
	border: none;
}

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

#footer{background:url(../img/com_footBg.jpg) repeat-x}

#footer #footerCont{
background:url(../img/com_footBg.jpg) repeat-x;
margin:0 auto;
padding:40px 0 50px;
text-align:center;
width:1016px}

#footer address {
color:#fff;
font-size:90%}


/*==========================================================================*/
/*                            Navigation                                    */
/*==========================================================================*/

#navi{
float:left;
width:200px}

#navi dl.search{
background:url(../img/com_sideSearchBg.jpg) no-repeat 0 0;
padding:8px}

#navi dl.search:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#navi dl.search{display:inline-block;}

/*\*/
*html #navi dl.search{height:1%}
#navi dl.search{display:block}
/**/

#navi dl.search dt{
float:left;
width:120px}

#navi dl.search dt input{width:120px}

#navi dl.search dd{
float:right;
width:50px}

#navi ul.menu,
#navi div.sideCont{
background:#e3e3e3;
border:1px solid #d2d2d2;
padding:2px}

#navi ul.menu li{
background:url(../img/com_sideBorder01.gif) no-repeat 0 0 #EEF4FF;
padding:0}

#navi ul.menu li a,
#navi ul.menu li dl,
#navi ul.menu li dl dd{height:1%}

#navi ul.menu li.first{
background:url(../img/com_sideBorder02.gif) no-repeat 0 0 #EEF4FF;
padding:10px 0 0}

#navi ul.menu li.nolink{background:#EEF4FF}

#navi ul.menu li dl{margin:0}

#navi ul.menu li dl dd{font-size:75%}

#navi ul.menu li dl dd{background:url(../img/com_sideBorder01.gif) no-repeat 0 0}

#navi ul.menu li dl dd.first{background:none}



#navi ul.menu li dl dd.navimg{
background:none;
padding: 0;
margin: 0;
}
#navi ul.menu li dl dd.navimg a{
background:none;
padding: 0;
margin: 0;
}

#navi ul.menu li.ace dt{background:url(../img/com_sideDtBg.jpg) no-repeat 0 0}

#navi ul.menu li a{
background:url(../img/icon01.gif) no-repeat 5px 10px;
display:block;
padding:5px 10px 5px 15px}

#navi ul.menu li a.top{
background:none;
display:block;
padding:0;}



#navi ul.menu li.ace dt a{
background:none;
color:#fff;
padding:5px 10px}

#navi div.sideCont{margin:0 0 10px}

#navi div.sideCont div{
background:#EEF4FF;
padding:5px 0 10px;
text-align:center}

#navi div.sideCont dl{
background:#EEF4FF;
margin:0;
padding:0 5px 10px}

#navi div.sideCont dl dt{
color:#00843A;
font-size:115%;
margin:0 0 5px}

#navi div.sideCont dl dd{margin:0 0 5px}

#navi div.sideCont dl dd.note{font-weight:bold}

#navi ul.banner li{
background:none;
padding:0}

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

#content{
float:right;
width:680px}

/* sec
------------------------------------------------------------------------*/

/* all
************************/

#content ul.all:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content ul.all{
background:url(../img/sec_allBg.jpg) no-repeat 0 100%;
display:inline-block;}

#content ul.all.v2{background:url(../img/sec_allBg2.jpg) no-repeat 0 100%}
#content ul.all.v3{background:url(../img/sec_allBg3.jpg) no-repeat 0 100%}

/*\*/
*html #content ul.all{height:1%}
#content ul.all{display:block}
/**/

#content ul.all li{
background:none;
border-top:1px solid #ccc;
float:left;
margin:0 0 0 10px;
padding:0;
text-align:center;
width:220px}

#content .aero{
border-bottom:1px dotted #ccc;
margin:0 0 20px;
padding:0 0 20px}

#content .aero.note{
border:none;
margin:0;
padding:0}

#content .aero.note2{
border:none;
padding:0}

#content .aero:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content .aero{display:inline-block;}

/*\*/
*html #content .aero{height:1%}
#content .aero{display:block}
/**/

#content .aero div.pict{
border:1px solid #ccc;
float:left;
padding:6px 0;
text-align:center;
width:218px;
_width:220px}

#content .aero ul{margin:0}

#content .aero ul.all{margin:0 0 20px}

#content .aero.note ul.all{margin:0 0 10px}

#content .aero ul.detail{
float:right;
margin:0 0 0 20px;
width:435px}

#content .aero ul.detail.note{
margin:0 0 0 10px;
width:450px}

#content .aero ul.all li{padding:6px 0}

#content ul.all li.firstChild{margin:0}

#content ul.all li dl{margin:0;}

#content ul.all li dl dt{
background:url(../img/sec_allTitle.jpg) no-repeat 50% 0;
border-bottom:1px solid #ccc;
color:#fff;
font-size:80%;
text-align:left;
height: 45px;
padding:3px 5px 3px 15px}

#content .kanren ul.all li dl dt{
background:none;
border:none;
padding:4px}

#content ul.all li dl dt a{color: #fff;}
#content ul.all li dl dt a:hover {color: #eee;}



#content ul.all li dl dd{
background:url(../img/sec_allPicBg.gif) repeat;
margin:5px;
padding:4px}

#content .kanren ul.all li dl dd{
background:url(../img/kanrenBg.jpg) repeat;
color:#fff;
font-size:70%;
text-align:left}

#content dl.sankou dt{
font-weight:bold}

#content dl.sankou dd{
background:url(../img/icon03.gif) no-repeat 0 2px;
margin:0 0 0 8px;
padding:0 0 0 15px}

/* 詳細
************************/

#content div.imgChange:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content div.imgChange{display:inline-block}

/*\*/
*html #content div.imgChange{height:1%}
#content div.imgChange{display:block}
/**/

#content div.imgChange ul.big{
float:left;
margin:0 10px 0 0;
min-height:420px;
height:420px;
position:relative;
width:540px}

#content div.imgChange ul.big li{
background:url(../img/sec_allPicBg.gif) repeat;
display:none;
position:absolute;
padding:4px}

#content div.imgChange ul.big li.li01{display:block}

#content div.imgChange ul.small{
float:right;
margin:0;
width:130px}

#content div.imgChange ul.small li{
background:url(../img/sec_allPicBg.gif) repeat;
margin:0 0 10px;
padding:4px}

/* 足回り
************************/

#content ul.pic:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content ul.pic{display:inline-block;}

/*\*/
*html #content ul.pic{height:1%}
#content ul.pic{display:block}
/**/

#content ul.pic li{
background:none;
float:left;
margin:0 0 10px 10px;
padding:0}

#content ul.pic li.firstChild{margin:0 0 10px}

#content .sectionH5{
background:url(../img/sec_sec5bg.jpg) no-repeat 0 100%;
margin:0 0 20px;
padding:0 10px 10px}

#content .sectionH5 h5{
background:none;
border:none;
margin:0 -10px 20px;
padding:0}

#content .lead{margin:0 0 20px}

/* ポイント
************************/

#content dl.point dd{
border-bottom:1px dotted #bbb;
margin:-60px 0 15px;
min-height:120px;
padding:0 0 15px 120px}

#content dl.point dd.note{margin:-30px 0 15px}

#content dl.point dd ul li{font-size:80%}

#content dl.point dd .lastChild{margin:0}

/* 流れ
************************/

#content dl.flow{background:url(../img/sec_flowBg.jpg) repeat-y}

#content dl.flow dd{
margin:0 0 10px;
padding:0 0 0 50px}

#content dl.flow dd.note{
background:#FFFFCC;
border:1px solid #FCEEBE;
margin:0 0 0 50px;
padding:10px}

#content dl.flow dd dl{margin:0}

#content dl.flow dd dl dt{
color:#FF3300;
font-size:90%}

#content dl.flow dd dl dd{
font-size:75%;
padding:0}

*:first-child+html #content dl.flow dd dl dd{font-size:70%}
* html body #content dl.flow dd dl dd{font-size:70%}

/* ヴォイス
************************/

#content dl.voice,
#content dl.voice2{
background:url(../img/sec_voiceBg01.jpg) no-repeat 0 100%;
min-height:160px;
_height:160px}

#content dl.voice2{background:url(../img/sec_voiceBg02.jpg) no-repeat 0 100%}

#content dl.voice dt,
#content dl.voice2 dt{
background:url(../img/sec_voiceBg00.jpg) no-repeat 0 0;
color:#990000;
font-size:130%;
padding:20px 10px 0 135px}

#content dl.voice dd,
#content dl.voice2 dd{
font-size:110%;
padding:10px 20px 20px 135px}

/* faq
************************/

#content dl.faq{
background:url(../img/sec_faqBg.gif) repeat;
padding:0 10px 10px}

#content dl.faq dt{
background:url(../img/sec_faqBg01.jpg) no-repeat 0 7px;
color:#0066FF;
font-size:120%;
padding:15px 10px 5px 45px}

#content dl.faq dd{
background:url(../img/sec_faqBg02.jpg) no-repeat 0 0 #FCFEFE;
padding:15px 10px 10px 45px}

#content dl.faq dd .lastChild{margin:0}

#content dl.faq dd dl{
background:none;
margin:0 0 20px;
padding:0}

#content dl.faq dd dl dt{
background:none;
color:#333;
font-size:90%;
padding:0}

#content dl.faq dd dl dd{
background:none;
font-size:75%;
padding:0}

*:first-child+html #content dl.faq dd dl dd{font-size:70%}
* html body #content dl.faq dd dl dd{font-size:70%}

#content dl dd p.pdf_comment { border:1px dotted #ccc; padding: 10px; margin: 10px 20px 0 0; }

/* 問い合わせ
************************/

#content div.low{
border:2px solid #333;
height:150px;
margin:0 0 20px;
padding:10px;
overflow-y:scroll}

/* サイトマップ
************************/

#content ul.sitemap li{margin:0 0 5px}

#content ul.sitemap li.note{
background:none;
font-size:75%}

#content ul.sitemap li ul{
height:1%;
margin:0}

#content ul.sitemap li ul li{
background:url(../img/icon04.gif) no-repeat 0 3px}

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

#index #content h3{
background:none;
border:none;
padding:0}

#index #content .h301:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #content .h301{
display:inline-block;
margin:0 0 20px}

/*\*/
*html #index #content .h301{height:1%}
#index #content .h301{display:block}
/**/

#index #content .h301 .h301cont{
float:left;
margin:0 10px 0 0;
width:330px;
border: 1px solid #ccc;
height: 260px;
overflow:auto;
}

#index #content .h301 .h301cont h3,
#index #content .h301 .h301cont div{margin:0;}

#index #content .h301 .h301cont table{
border:none;
margin:0;
margin: 0 0 0 10px;
width: 300px;
}


#index #content .h301 .h301cont table th{
background:url(../img/icon02.gif) no-repeat 0 10px;
border:none;
border-bottom:1px dotted #9e9e9e;
font-weight:normal;
padding:8px 0 8px 15px;
width: 50px;}

#index #content .h301 .h301cont table td{
border:none;
border-bottom:1px dotted #9e9e9e;
width: 240px;
}

#index #content .h301 .h301cont table td a{color:#333}

#index #content .h301 ul.pickUp{
float:right;
margin:0;
width:330px}

#index #content .h301 ul.pickUp li{
background:none;
margin:0 0 10px;
padding:0}

#index #content .h302{
background:url(../img/ind_h302border.jpg) no-repeat 0 100%;
margin:0 0 20px;
padding:0 0 1px}

#index #content .h302 .bg{
background:url(../img/ind_pict01.jpg) no-repeat 100% 0;
min-height:320px;
_height:320px;
margin:0 0 20px;
padding:0 300px 0 0}

#index #content .h302 .bg .note{
color:#2671FF;
font-size:160%;
font-weight:bold}

#index #content .h302 ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #content .h302 ul{
background:url(../img/ind_h302dlBg.jpg) no-repeat 0 0;
display:inline-block;
margin:0}

#index #content .h302 ul.note{
background:url(../img/ind_h302dlBg2.jpg) no-repeat 0 0;
padding:20px 0 0}

/*\*/
*html #index #content .h302 ul{height:1%}
#index #content .h302 ul{display:block}
/**/

#index #content .h302 ul li{
background:none;
float:left;
padding:0;
width:330px}

#index #content .h302 ul li.firstChild{margin:0 20px 0 0}

#index #content .h302 ul li dl{margin:0}

#index #content .h302 ul li dl dd{
font-size:75%;
padding:5px 10px 10px}

#content ul.caseAnchor:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content ul.caseAnchor{display:inline-block;}

/*\*/
*html #content ul.caseAnchor{height:1%}
#content ul.caseAnchor{display:block}
/**/

#content ul.caseAnchor li{
background:none;
float:left;
margin:0 0 0 10px;
padding:0}

#content ul.caseAnchor li.firstChild{margin:0}

#content div.kanren ul.all li dl dt{
height: auto;
}


ul.case_img{
}

#main #content ul.case_img li{
	float: left;
	width: 200px;
	margin: 10px 20px 10px 0;
	background: none;
	padding: 5px;
	border: 1px solid #bbb;
}
#main #content ul.case_img li.last{
	float: left;
	width: 200px;
	margin: 10px 0;
	background: none;
	padding: 5px;
	border: 1px solid #bbb;
}

#main #content table.case01{
	border: none;
	background-color: #fff;
	width: 680px;
	margin: 0 0 20px 0;
	padding: 0;
}
#main #content table.case01 th{
	background: url("../img/sec_tableBg.gif") repeat scroll 0 0;
	border: #ccc 1px solid;
	padding: 5px 0;
}
#main #content table.case01 td{
	border: 1px solid #ccc;
	border-top: none;
	padding: 0;
}
#main #content table.case01 td img{
	padding: 0;
	margin: 0;
}
#main #content table.case01 th.noimg,
#main #content table.case01 td.noimg{
	border: none;
	background-color: #fff;
	background-image: none;
	padding: 0 8px;
}


#main #content table.case02{
	border: none;
	background-color: #fff;
	width: 680px;
	margin: 0 0 20px 0;
	padding: 0;
}
#main #content table.case02 th{
	background: url("../img/sec_tableBg.gif") repeat scroll 0 0;
	border: #ccc 1px solid;
	padding: 5px 10px;
	text-align: center;
}
#main #content table.case02 td{
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-align: left;
}
#main #content table.case02 td.right{
	text-align: right;
}

table.sell{
	border: none;
	margin: 0;
}
table.sell th{
	border: none;
	background: none #fff;
	text-align: center;
	padding: 2px auto;	
}
table.sell td{
	border: none;
	background-color: none;
	text-align: center;
	padding: 2px auto;
}


.big{ font-size: 25px; color:#CC3300; font-weight: 200;}
.big_b{ font-size: 25px; color:#000; font-weight: 200;}
.mini{ font-size: 12px;}
.blue{ color: #0099FF;}




.w_300{ width: 300px;}
.w_260{ width: 260px;}
.w_200{ width: 200px;}
.w_160{ width: 160px;}

.fL{ float: left; margin-right: 10px;}
.fR{ float: right;}


p.fL{ margin-top: 0;}


.fL p{ margin: 0; padding: 0;}
p.fR{ margin: 0; padding: 0;}

.fL_box{
	float: left;
	margin-right: 10px;
	width: 360px;
	padding: 0;
}
.fR_box{
	float: right;
	width: 300px;
	padding: 0;
}
.fR_box01{
	float: right;
	padding: 0;
}
.fL_box .right{
text-align: right;
margin-right: 35px;
}
.fL_box p{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
.fR_box01 p{
margin: 0 0 8px 0;
}
.fR_box p{
	margin: 0;
	padding: 0;
	line-height: 2em;
}
.fL_box img,
.fR_box img{
	margin-bottom: 10px;
}

.big_sell{
	font-size: 25px;
	color:#000;
	font-weight:300;
	margin: 30px 0;
}


.mr100{ margin-right: 100px;}
.mr90{ margin-right: 90px;}