@charset "utf-8";
/***********************************************/
/*sec.css                                      */
/***********************************************/

#main p,
#main ul,
#main dl,
#main table{margin:0 0 20px}

#main .fig{
margin:0 0 20px;
text-align:center}

#index #main p,
#index #main ul,
#index #main table{margin:0 0 10px}

span.new{display:none}

#main .adr,
#main .map{margin:0 0 20px}

#main .btn{text-align:center}

#main .btn li{
dispaly:inline;
margin:0 0 0 20px}

#main .btn li.firstChild{
margin:0}

/* 見出し
*****************************************/

#main h3{
background:url(../img/common/h3bg.jpg) repeat-x 0 100%;
color:#000;
font-size:medium;
_font-size:small;
font-weight:bold;
margin:0 0 20px}

#index #main h3,
#index #main h4{margin:0 0 10px}

#main h3 span{
background:url(../img/common/h3border.gif) repeat-x;
display:block;
padding:3px 0 0;
zoom:1}

#main h3 span span{
background:url(../img/common/h3icon.jpg) no-repeat 10px 50%;
padding:3px 3px 3px 30px;
zoom:1}

#main h4{
background:url(../img/common/h4bg.jpg) repeat-y;
color:#fff;
font-size:105%;
font-weight:bold;
margin:0 0 20px;
padding:5px 10px}

#main h4.larger{
font-size:135%}

#main h4 span{
border-left:3px solid #ffcc00;
display:block;
padding:0 0 0 10px}

/* リスト
*****************************************/

#main ol.topicPath{margin:0 0 20px}

#main ol.topicPath li{
background:url(../img/common/topicPathBg.gif) no-repeat 0 5px;
display:inline;
margin:0 0 0 5px;
padding:0 0 0 10px}

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

#main ul.dots li{
background:url(../img/common/icon_002.gif) no-repeat 0 5px;
margin:0 0 5px;
padding:0 0 0 20px}

#main ul.dots2 li{
background:url(../img/common/dots.gif) no-repeat 0 10px;
margin:0 0 5px;
padding:0 0 0 10px}

#main ul.linkList li{
background:url(../img/common/icon_001.gif) no-repeat 0 7px;
margin:0 0 5px;
padding:0 0 0 15px}

/* テーブル
*****************************************/

#main table{
border:#ccc 1px solid;
width:100%}

#main table th,
#main table td{
border-bottom:#ccc 1px dotted;
padding:5px 10px}

#main table th{
background:#f5f5f5;
font-weight:bold}

#main table th.lastChild,
#main table td.lastChild{border-bottom:none}

.form table span{color:#cc0000}

.form table th{width:190px}

.form table td input.text03{width:100px}
.form table td input.text02{width:80px}
.form table td input.text01{width:150px}
.form table td input.text04{width:150px}

.form #main .btn{text-align:center}

#index #main table{border:none}

#index #main table th{
background:none;
font-weight:normal;
border-bottom:1px dotted #999;
padding:8px 0;
width:170px}

#index #main table td{
border-bottom:1px dotted #999;
padding:8px 10px}


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

#main ul.sitemap li ul,
#main ul.sitemap li dl{margin:0}

#main ul.sitemap li{
background:url(../img/common/icon_001.gif) no-repeat 0 7px;
height:1%;
margin:0 0 5px;
padding:0 0 0 15px}

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

#main ul.sitemap li dl dd{background:url(../img/common/icon_001.gif) no-repeat 0 7px;
padding:0 0 0 15px}

/* ボックス
*****************************************/

/* boxA */

#main .boxA{
border:#ccc 1px solid;
margin:0 0 20px}

#main .boxA h5{
background:#f6f6f4;
border-bottom:#ccc 1px dotted;
font-weight:bold;
padding:5px 10px;
text-align:center}

#main .boxA p,
#main .boxA ul{margin:20px}

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

#main .boxA ul.columun{display:inline-block;}

/*\*/
*html #main .boxA ul.columun{height:1%}
#main .boxA ul.columun{display:block}
/**/

#main .boxA ul li{
background:url(../img/common/icon_003.jpg) no-repeat 0 0;
padding:0 0 0 25px}

#main .boxA ul.columun li{
background:url(../img/common/icon_003.jpg) no-repeat 0 0;
float:left;
margin:0 0 0 10px;
padding:0 0 0 25px;
width:145px}

* html #main .boxA ul.columun li{width:170px}

#main .boxA ul li.l{margin-left:0}
#main .boxA ul li.etc{
background:none;
padding:0}

/* boxB */

#main .boxB{
background:url(../img/common/boxBg.gif);
margin:0 0 20px;
padding:10px}

#main .boxB .boxInner{
background:#fff;
padding:20px;
zoom:1}

#main .boxB .boxInner h5{margin:0 0 15px}

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

#main .boxB .boxInner ul{
display:inline-block;
margin-bottom:0}

/*\*/
*html #main .boxB .boxInner ul{height:1%}
#main .boxB .boxInner ul{display:block}
/**/


#main .boxB .boxInner ul li{
background:url(../img/common/icon_003.jpg) no-repeat 0 0;
float:left;
margin:0 0 0 10px;
padding:0 0 0 25px;
width:145px}

* html #main .boxB .boxInner ul li{width:170px}


#main .boxB .boxInner ul li.l{margin-left:0}
#main .boxB .boxInner ul li.etc{
background:none;
padding:0}

/*　flow
-----------------------------------------------*/

#main .flow .sectionH4{
background:url(../img/000/030/h3bg.gif) no-repeat 50% 0;
padding:37px 0 0}

#main .flow .sectionH4 h4{
background:none;
border:none;
padding:0}

#main .flow .sectionH4 h4 span{
background:none;
border:none;
padding:0}

#main .flow .firstChild{
background:none;
padding:0}

/*　blog
-----------------------------------------------*/

#main ul.blog li{
background:url(../img/020/blogListBg.jpg) repeat-x 0 100%;
border:#e0e0e0 1px solid;
margin:0 0 10px}

#main ul.blog li a{
background:url(../img/020/pict_001.jpg) no-repeat 10px 5px;
display:block;
font-size:115%;
font-weight:bold;
padding:10px 10px 10px 45px;
text-decoration:none}

#main ul.blog li a span{
color:#00adcc;
font-weight:normal;
margin:0 10px 0 0}

/*　case
-----------------------------------------------*/

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

#main .case .block{
background:url(../img/000/060/arrow.gif) no-repeat 50% 50%;
display:inline-block}

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

#main .case .block dl{float:left}
#main .case .block dl dt{margin:0 0 20px}

#main .case .block dl.before{margin:0 90px 0 0}

#main .case dl.comment{
background:#fffbec;
border:#cdcdcd 1px solid;
padding:20px}

#main .case dl.comment dt{margin:0 0 15px}

/* qa　
-----------------------------------------------*/

#main .qa dl{
margin:0 0 20px;
padding:80px 0 0}

#main .qa dl dt{margin:0 0 30px}
#main .qa dl dd{padding:0 0 0 60px}

#main .qa dl.q1{background:url(../img/030/q1.gif) no-repeat}
#main .qa dl.q2{background:url(../img/030/q2.gif) no-repeat}
#main .qa dl.q3{background:url(../img/030/q3.gif) no-repeat}
#main .qa dl.q4{background:url(../img/030/q4.gif) no-repeat}
#main .qa dl.q5{background:url(../img/030/q5.gif) no-repeat}

#main .qa dl.q1 dd{background:url(../img/030/a1.gif) no-repeat 20px 0}
#main .qa dl.q2 dd{background:url(../img/030/a2.gif) no-repeat 20px 0}
#main .qa dl.q3 dd{background:url(../img/030/a3.gif) no-repeat 20px 0}
#main .qa dl.q4 dd{background:url(../img/030/a4.gif) no-repeat 20px 0}
#main .qa dl.q5 dd{background:url(../img/030/a5.gif) no-repeat 20px 0}

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

.bold{font-weight:bold;}

#index #main table th{width:110px}
#index #main table th span{margin:0 0 0 10px}

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

#index #main .h302 ul{display:inline-block;}

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

#index #main .h302 ul li{
float:left;
font-size:1%;
margin:10px 0 0 10px}

#index #main .h302 ul li.l{margin:10px 0 0 0}

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

#index #main .sectionH4 .link{display:inline-block;}

/*\*/
*html #index #main .sectionH4 .link{height:1%}
#index #main .sectionH4 .link{display:block}
/**/

#index #main .sectionH4 .link{
background:#bfe5f2;
padding:10px 10px 0 0}

*:first-child+html #index #main .sectionH4 .link{
padding-bottom:10px;
zoom:1}

#index #main .sectionH4 .link li{
float:left;
font-size:1%;
margin:0 0 10px 10px}

.tel a {
	display:block;
	width:590px;
	height:100px;
	background:url(../img/tel.jpg) 0 0 no-repeat;
	text-indent:-9999px;}

.tel a:hover {
	background:url(../img/tel_ov.jpg) 0 0 no-repeat;}

.shop {
	width:590px;
	height:128px;
	position:relative;
	background:url(../img/common/mainBanner.jpg) 0 0 no-repeat;
	}
	
.shop p a {
	display:block;
	width:183px;
	height:80px;
	text-indent:-9999px;
}

.shop p.sb01 {
	position:absolute;
	top:38px;
	left:10px;
}

.shop p.sb02 {
	position:absolute;
	top:38px;
	left:203px;
}

.shop p.sb03 {
	position:absolute;
	top:38px;
	left:396px;
}

.shop p.sb01 a:hover {	background:url(../img/sb01.jpg) 0 0 no-repeat;}
.shop p.sb02 a:hover {	background:url(../img/sb02.jpg) 0 0 no-repeat;}
.shop p.sb03 a:hover {	background:url(../img/sb03.jpg) 0 0 no-repeat;}


.shop02 {
	width:590px;
	height:103px;
	margin:10px auto;
	position:relative;
	background:url(../img/mainBanner02.jpg) 0 0 no-repeat;
	}
	
.shop02 p a {
	display:block;
	width:282px;
	height:80px;
	text-indent:-9999px;
}

.shop02 p.sb01 {
	position:absolute;
	top:13px;
	left:10px;
}

.shop02 p.sb02 {
	position:absolute;
	top:13px;
	left:301px;
}

.shop02 p.sb01 a:hover {	background:url(../img/sb05.jpg) 0 0 no-repeat;}
.shop02 p.sb02 a:hover {	background:url(../img/sb06.jpg) 0 0 no-repeat;}

.b_list {
	width:590px;
	height:98px;
	position:relative;
	background:url(../img/b_list.jpg) 0 0 no-repeat;
}

.b_list p,
.b_list p a {
	display:block;
	width:130px;
	height:80px;
	text-indent:-9999px;
}

.b_list p.bl01 {
	position:absolute;
	left: 20px;
	top: 10px;
}

.b_list p.bl02 {
	position:absolute;
	left: 160px;
	top: 10px;
}

.b_list p.bl03 {
	position:absolute;
	left: 300px;
	top: 10px;
}

.b_list p.bl04 {
	position:absolute;
	top: 10px;
	left: 440px;
}

.b_list p.bl01 a:hover {background:url(../img/bl01.jpg) 0 0 no-repeat;}
.b_list p.bl02 a:hover {background:url(../img/bl02.jpg) 0 0 no-repeat;}
.b_list p.bl03 a:hover {background:url(../img/bl03.jpg) 0 0 no-repeat;}
.b_list p.bl04 a:hover {background:url(../img/bl04.jpg) 0 0 no-repeat;}


.b_list02 {
	width:590px;
	height:98px;
	position:relative;
	background:url(../img/b_list02.jpg) 0 0 no-repeat;
}

.b_list02 p,
.b_list02 p a {
	display:block;
	width:130px;
	height:80px;
	text-indent:-9999px;
}

.b_list02 p.bl01 {
	position:absolute;
	left: 20px;
	top: 10px;
}

.b_list02 p.bl02 {
	position:absolute;
	left: 160px;
	top: 10px;
}

.b_list02 p.bl03 {
	position:absolute;
	left: 300px;
	top: 10px;
}

.b_list02 p.bl04 {
	position:absolute;
	top: 10px;
	left: 440px;
}

.b_list02 p.bl01 a:hover {background:url(../img/bl01_.jpg) 0 0 no-repeat;}
.b_list02 p.bl02 a:hover {background:url(../img/bl02_.jpg) 0 0 no-repeat;}
.b_list02 p.bl03 a:hover {background:url(../img/bl03_.jpg) 0 0 no-repeat;}
.b_list02 p.bl04 a:hover {background:url(../img/bl04_.jpg) 0 0 no-repeat;}