@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,p,blockquote,table,pre,address,ul,ol,dl{font-size: 135%}

h3{
background:url(../img/sec_h3bg.jpg) no-repeat 0 0;
color:#333;
font-size:170%;
font-weight:bold;
margin:0 0 20px;
padding:15px 10px 10px}

h3.note{margin:0}

h4{
background:url(../img/sec_h4bg.jpg) no-repeat;
color:#F9FFF9;
font-weight:bold;
margin:0 0 20px}

h4 span{
background:url(../img/sec_h4bg2.jpg) no-repeat 0 100%;
color:#333;
display:block;
font-size:130%;
font-weight:bold;
padding:10px 10px 10px 20px}

h4.note{
background:none;
border:none;
padding:0}

h5{
background:url(../img/sec_h5bg.jpg) repeat-y;
color:#1E93D2;
font-size:140%;
font-weight:bold;
margin:0 0 20px;
padding:2px 0 2px 10px}

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

ul{margin:0 0 20px}

li{
background:url(../img/icon01.gif) no-repeat 0 5px;
padding:0 0 0 10px}

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

#content table{
border:1px solid #bdbdbd;
margin:0 0 20px;
width:100%}

#content th{
background:url(../img/sec_thBg.gif) repeat;
border-top:1px solid #fff;
color:#fff;
font-weight:bold;
padding:8px 5px;
white-space:nowrap;
width:1%}

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

#content td{
background:#f5f5f5;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding:8px 5px}

#content th.firstChild,
#content td.firstChild{border-top:none}

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

td ul{margin:0}

#content table.col th.top{
background:#e9e9e9;
border-top:none;
border-left:1px solid #ccc;
color:#333}

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

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

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

img{vertical-align:bottom}

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

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

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

#wrapper{
background:url(../img/com_wrapBg2.jpg) no-repeat 50% 0;
margin:0 auto;
padding:0}

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

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

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

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

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

.pageTop a{
background:url(../img/pageTop.gif) no-repeat 0 2px;
_background:url(../img/pageTop.gif) no-repeat 0 0;
font-size:105%;
padding:0 0 0 15px}

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

#header{
height:351px;
margin:0 auto 20px;
position:relative;
width:900px}

#index #header{
background:url(../img/com_wrapBg.jpg) no-repeat 50% 0;
height:509px;}

#header h1{
font-size:90%;
text-align:left;
position:absolute;
top:2px;
left:0}

#header #headLogo{
position:absolute;
top:17px;
left:0}

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

#header dl{
display:inline-block;
margin:0}

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

#header dl#gNav01{
position:absolute;
bottom:0;
left:48px}

#header dl#gNav02{
position:absolute;
bottom:0;
right:0}

#header dl dd{float:left}

#header h2{
color:#333;
font-size:200%;
font-weight:bold;
left:20px;
position:absolute;
text-align:left;
top:190px}

#index #header h2{
top:102px;
left:21px}

#header #headInq{
position:absolute;
top:18px;
right:259px}

#header #headInq2{
position:absolute;
top:5px;
right:-11px}

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

#header #gNav{
display:inline-block;
position:absolute;
margin:0;
bottom:0;
right:0}

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

#header #gNav li{
background:none;
float:left;
padding:0}

#index #header #headQr{
position:absolute;
right:0;
top:262px;}

#index #header #headQr p img{
z-index:1;}

#index #header #headQr p.headQrtext{
font-size:12px;
position:absolute;
right:110px;
text-align:left;
top:56px;
width:135px;
z-index:2;}

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

#footer{background:url(../img/com_footBg2.jpg) repeat-x 50% 0 #0D8ABF}

#footer .footerCont{
background:url(../img/com_footBg2.jpg) repeat-x 50% 0 #0D8ABF;
margin:0 auto;
padding:65px 0 15px;
text-align:center;
width:900px}

#footer .footerCont ul li{
background:none;
display:inline;
margin:0 3px;
padding:0}

#footer .footerCont div{margin:0 0 5px}

#footer .footerCont address{
color:#fff;
font-size:110%}

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

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

#index .navi2{
float:right;
width:200px}

#navi div.side01,
#navi div.side02,
div.side03,
div.side04,
div.side05{
background:#fff;
border:1px solid #bdbdbd;
margin:0 0 10px;
padding:0 9px}

#navi div.side01 .title,
#navi div.side02 .title,
div.side03 .title,
div.side04 .title,
div.side05 .title{
margin:0 -9px 10px}

#navi div.side01 ul,
div.side03 ul,
div.side04 ul{margin:0}

#navi div.side01 ul li{
background:none;
height:1%;
margin:0 0 5px;
padding:0;}

#navi div.side01 ul li dl{
background:url(../img/com_sideDlBg.jpg) repeat;
margin:0 0 10px;
_margin:0 0 5px;
padding:3px 7px 7px}

#navi div.side01 ul li dl dt{margin:0 0 6px}

#navi div.side01 ul li dl dd input.txt{
margin:0 7px 0 0;
width:120px}

#navi div.side01 ul li dl dd input{vertical-align:middle}

#navi div.side02 ul{margin:0 0 10px}

#navi div.side02 ul li{
background:none;
margin:0 0 5px;
padding:0}

div.side04 ul li{
background:none;
margin:0 0 10px;
padding:0}

div.side03 ul{
background:url(../img/com_sideUlBg01.jpg) no-repeat 0 0;
height:120px;
margin:0 0 10px;
padding:0;
position:relative}

div.side03 ul.ul02{background:url(../img/com_sideUlBg02.jpg) no-repeat 0 0}
div.side03 ul.ul03{background:url(../img/com_sideUlBg03.jpg) no-repeat 0 0}
div.side03 ul.ul04{background:url(../img/com_sideUlBg04.jpg) no-repeat 0 0}

div.side03 ul li{
background:none;
padding:0;
position:absolute}

div.side03 ul li.li01{
top:37px;
left:9px}

div.side03 ul.ul02 li.li01{top:17px}

div.side03 ul li.li02{
bottom:5px;
left:4px}

div.side03 ul li.li03{
bottom:5px;
right:5px}

div.side03 p{
color:#333;
font-size:90%;
margin:0 0 10px;
text-align:right}

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

.navi2 div.banner{margin:0 0 10px!important}

.navi2 div.side05 p{margin:0 0 10px}

#navi .sideAd{margin:0 0 10px}

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

#content{
float:right;
margin:0 0 0 20px;
width:680px}

#main .topicPath{
margin:0 0 10px}

#main .topicPath li{
background:url(../img/nav.gif) no-repeat 0 3px;
display:inline;
font-size:85%;
margin:0 0 0 4px;
padding:0 0 0 10px}

#main .topicPath li.firstChild{
background:none;
margin:0;
padding:0}

#content .btn{
margin:0 0 20px;
text-align:center}

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


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

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

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

#content ul.banner li{
background:none;
float:left;
padding:0}

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


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

#content ul.sitemap li{
background:url(../img/icon02.gif) no-repeat 0 4px;
margin:0 0 5px;
padding:0 0 0 15px}

#content ul.sitemap li.note{
background:none}

#content ul.sitemap li.nolink{
color:#000}

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

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



/***********************************************/

#content .planBlock{
background:url(../img/sec_05_planBlock.jpg) repeat-y;
margin:0 0 20px}

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

#content .planBlock .inner{display:inline-block;}

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

#content .planBlock .inner{
background:url(../img/sec_05_planBlock_inner.jpg) no-repeat 0 100%;
margin-bottom:0;
padding-bottom:5px}

#content .planBlock .inner .section{
float:left;
width:330px;
margin:0 0 0 20px}

#content .planBlock .inner .first{margin:0}

#content .planBlock .inner .section dl{margin-bottom:0}
#content .planBlock .inner .section dl dd{color:#fff;padding:10px}

#content .b2{background:url(../img/sec_05_planBlock02.jpg) repeat-y}
#content .b2 .inner{background:url(../img/sec_05_planBlock_inner02.jpg) no-repeat 0 100%}
#content .b2 .inner .section dl dd,
#content .b3 .inner .section dl dd{color:#333}

#content .b3{background:url(../img/sec_05_planBlock03.jpg) repeat-y}
#content .b3 .inner{background:url(../img/sec_05_planBlock_inner03.jpg) no-repeat 0 100%}

#content .meritBlock{
border:#dcdcdc 1px solid;
background:url(../img/sec_05_meritBlock_inner.gif);
margin:0 0 20px;
zoom:1}

#content .meritBlock .inner{
background:url(../img/sec_05_meritBlock.jpg) no-repeat 100% 0;
padding:20px;
zoom:1}

#content .meritBlock .inner .title{margin:0 0 10px}
#content .meritBlock .inner ul{margin-bottom:0}
#content .meritBlock .inner ul li{margin-bottom:10px}


#content .linkBlock{
background:url(../img/sec_05_linkBlock.gif);
padding:10px}

#content .linkBlock .inner{
border:#fff 1px solid;
background:#f7f8f8;
padding:15px}

#content .linkBlock .inner .title{margin:0 0 20px}
#content .linkBlock .inner dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#content .linkBlock .inner dl{
display:inline-block;
margin:0 0 10px}

/*\*/
*html #content .linkBlock .inner dl{height:1%}
#content .linkBlock .inner dl{display:block}
/**/


#content .linkBlock .inner dl dt a{
background:url(../img/sec_05_link_icon.gif) no-repeat 100% 3px;
padding:0 15px 0 0}

#content .linkBlock .inner dl dt{
float:left;
width:180px}

#content .linkBlock .inner dl dd{
float:left;
width:400px}


#content .shopBlock{
background:url(../img/sec_07_block_inner.gif) repeat-y;
margin:0 0 20px}

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

#content .shopBlock .inner{display:inline-block;}

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

#content .shopBlock .inner{
background:url(../img/sec_07_block.jpg) no-repeat 0 100%;
padding-bottom:5px}

#content .shopBlock .inner .section{
float:left;
width:220px;
margin:0 0 0 10px}

#content .shopBlock .inner .first{margin:0}

#content .shopBlock .inner dl{
padding:10px;
margin-bottom:0}

/***********************************************/

#content table.info{
border:5px solid #1C92D2}

#content table.info td dl{margin:0}

#content ul.note li{
background:none;
margin:0 0 5px;
padding:0}

#content dl.toiawase{
background:url(../img/sec_noteBg.jpg) repeat;
padding:5px}

#content dl.toiawase dt{
background:#F7F8F8;
font-weight:bold;
padding:10px}

#content dl.toiawase dd{
background:#F7F8F8;
padding:0 10px 5px}

#content dl.toiawase dd.lastChild{padding:0 10px 10px}

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

#content .staff{
background:url(../img/sec_staffBg01.jpg) no-repeat 0 0;
display:inline-block;
margin:0;
padding:15px 15px 0}

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

#content .staff div{
float:left;
margin:0 10px 0 0;
width:120px}

#content .staff dl,
#content .staff .detail{
float:right;
margin:0;
width:520px}

#content .staff dl dt{
background:url(../img/sec_h5bg.jpg) repeat-y;
color:#1E93D2;
font-size:110%;
font-weight:bold;
margin:0 0 10px;
padding:2px 0 2px 10px}

#content .staff .detail p.lastChild{margin:0}

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

#content .map{
background:url(../img/sec_staffBg02.jpg) no-repeat 0 0;
display:inline-block;
margin:0 0 20px;
padding:35px 0 0}

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

#content .map div{
float:left;
margin:0 10px 0 0;
width:250px}

#content .map p{
float:right;
margin:0;
width:420px}

#content .mapBtn{
background:url(../img/sec_staffBg02.jpg) no-repeat 0 0;
margin:0 0 20px;
padding:35px 0 0;
text-align:center}

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

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

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

#content .section .photo{
float:left;
margin:0 20px 0 0;
width:250px}

#content .section .data{
float:right;
margin:0;
width:410px}

#content .section .data .more{
text-align:center}

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

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

#index #content{display:inline-block;}

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

#index #content .cont{
float:left;
width:460px}

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

#index #content .h301{
background:url(../img/ind_h301bg.jpg) no-repeat 0 56px;
height:1%;
margin:0 0 25px;
padding:0 0 5px 160px;
position:relative}

#index #content .h301 h3{margin:0 0 20px -160px}

#index #content .h301 h4{
color:#1C92D2;
font-weight:normal;
margin:0 0 10px}

#index #content .h301 h4 span{
color:#1C92D2;
font-weight:normal}

#index #content .h301 .fm{
position:absolute;
top:256px;
left:10px}

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

#index #content .h302 .news{
height:170px;
margin:0 0 20px;
padding:0 15px 0 0;
overflow-y:scroll}

#index #content .h302 .news table{
border:none;
margin:0}

#index #content .h302 .news table th{
background:none;
border:none;
border-bottom:1px dotted #c8c8c8;
color:#333;
font-weight:normal;
padding:8px 25px 8px 5px}

#index #content .h302 .news table td{
background:none;
border:none;
border-bottom:1px dotted #c8c8c8}

#index #content .h302 .sectionH4{
background:url(../img/ind_h4dlBg01.jpg) no-repeat 0 0;
height:1%;
margin:0;
padding:42px 24px 20px}

#index #content .h302 .sectionH4 h4{
text-align:right}

#index #content .h302 .sectionH4 p{margin:20px 0 0}

#index #content .sCont h3{
background:url(../img/sec_h3bg.jpg) no-repeat 0 0;
color:#333;
font-size:170%;
font-weight:bold;
margin:0 0 20px;
padding:15px 10px 10px}

#content .date-footer{margin:0 0 20px}

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

#index #content #bukken ul{
background:url(../img/ind_bukkenBg.jpg) no-repeat 0 100%;
display:inline-block;
margin:0 0 13px}

#index #content #bukken ul.note{margin:0 0 20px}

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

#index #content #bukken ul li{
background:url(../img/ind_bukkenBg2.jpg) no-repeat 0 0;
float:left;
padding:10px 14px;
text-align:center;
width:195px;
_width:223px}

#index #content #bukken ul li.firstChild{margin:0 14px 0 0}


#index #content #bukken ul li dl dd.image{
height:146px;
overflow:hidden}

#index #content #bukken ul li dl{
margin:0;
text-align:left;
width:195px}

#index #content #bukken ul li dl dt{
margin:0 0 5px;
text-align:left}

#index #content #bukken ul li dl dd{
font-size:80%;
height:auto;
line-height:120%;
margin:0 0 5px;
text-align:left}