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

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

span.new{display:none}

#main .adr div,
#main #map p{margin:0!important}

#main .fig,
#main .btn{text-align:center}

#main .sign{text-align:right}

#main #map div{margin:0}

#main .fmail_must{
float:left;
margin:0 0 0 5px;
text-indent:50000px}

.topicPath{
margin:5px 0 10px;
text-align:left}

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

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

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

#main .pageTop{margin:0 0 20px}

.pageTop a{
background:url(../img/pageTop.gif) no-repeat 0 4px;
font-size:x-small;
_font-size:xx-small;
padding:0 0 5px 15px}

#main .bg01,
#main .bg03,
#main .bg04,
#main .bg09,
#main .bg10,
#main .bg11,
#main .bg13,
#main .bg17{
background:url(../img/sec_pict01.jpg) no-repeat 100% 0;
min-height:170px;
_height:170px;
padding:0 200px 0 0}

#main .bg03{background:url(../img/sec_pict03.jpg) no-repeat 100% 0}
#main .bg04{background:url(../img/sec_pict04.jpg) no-repeat 100% 0}
#main .bg09{background:url(../img/sec_pict09.jpg) no-repeat 100% 0}
#main .bg10{background:url(../img/sec_pict10.jpg) no-repeat 100% 0}
#main .bg11{background:url(../img/sec_pict11.jpg) no-repeat 100% 0}
#main .bg13{background:url(../img/sec_pict13.jpg) no-repeat 100% 0}
#main .bg17{background:url(../img/sec_pict17.jpg) no-repeat 100% 0}

#main .bg02,
#main .bg05,
#main .bg06,
#main .bg07,
#main .bg08,
#main .bg12,
#main .bg14,
#main .bg16{
background:url(../img/sec_pict02.jpg) no-repeat 0 0;
min-height:170px;
_height:170px;
padding:0 0 0 200px}

#main .bg06{background:url(../img/sec_pict06.jpg) no-repeat 0 0}
#main .bg07{background:url(../img/sec_pict07.jpg) no-repeat 0 0}
#main .bg08{background:url(../img/sec_pict08.jpg) no-repeat 0 0}
#main .bg12{background:url(../img/sec_pict12.jpg) no-repeat 0 0}
#main .bg14{background:url(../img/sec_pict14.jpg) no-repeat 0 0}
#main .bg16{background:url(../img/sec_pict16.jpg) no-repeat 0 0}

#main .bg05{
background:url(../img/sec_pict05.jpg) no-repeat 0 0;
min-height:150px;
_height:150px}

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

#main h3{
background:url(../img/sec_h3bg.jpg) no-repeat 0 0;
clear:both;
color:#fff;
font-weight:bold;
font-size:large;
_font-size:medium;
margin:0 0 15px;
padding:0}

#main h3 span{
background:url(../img/sec_h3bg2.jpg) no-repeat 0 100%;
display:block;
padding:0 10px;
position:relative}

#main h4{
background:url(../img/sec_h4bg.jpg) no-repeat 0 0;
color:#fff;
_height:1%;
font-size:120%;
font-weight:bold;
margin:0 0 15px;
padding:0}

#main h4 span{
background:url(../img/sec_h4bg2.jpg) no-repeat 0 100%;
display:block;
padding:3px 10px 1px}

#main h4.note,
#main h4.note span{
background:none;
border:none;
padding:0}

#main h5{
background:url(../img/sec_h5bg.jpg) no-repeat 0 0;
border-bottom:1px dotted #333;
color:#333;
font-size:110%;
font-weight:bold;
margin:0 0 15px;
padding:0 0 2px 10px}

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

#main ul li{
background:url(../img/icon03.gif) no-repeat 0 7px;
_height:1%;
margin:0;
padding:0 0 0 10px}

#main ul li.note{background:none}

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

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

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

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

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

/* dl
*****************************************/

#main dl dt{font-weight:bold}

#main dl dd{margin:0}

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

#main table{
border:2px solid #333;
border-top:5px solid #000;
height:auto;
width:100%}

#main table th{
background:#666;
border-bottom:2px solid #333;
color:#fff;
font-weight:bold;
padding:8px;
vertical-align:middle;
white-space:nowrap;
width:1%}

#main table td{
border-bottom:2px solid #333;
border-left:2px solid #333;
padding:8px 5px 8px 8px;
vertical-align:middle}

#main table.col{border:2px solid #333;}

#main table.col th{vertical-align:middle}

#main table.col td{vertical-align:top}

#main table.col th.top{
background:#000;
border-left:2px solid #333;
font-weight:bold;
padding:5px 0;
text-align:center;
width:auto}

#main table.col th.top.firstChild{border-left:none}

#main table td p,
#main table td div,
#main table td ul,
#main table td dl{margin:0}

#main table.mailform th{
padding:5px;
text-align:right;
width:170px}

/* 商品一覧
*****************************************/

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

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

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

#main ul.cate li{
background:none;
float:left;
margin:0 0 0 8px;
padding:0;
width:163px}

*html #main ul.cate li{
background:none;
float:left;
margin:0 0 0 3px;
padding:0;
width:155px}

#main ul.cate.com li{width:220px}

#main ul.cate li.firstChild{margin:0}

#main ul.cate li table{
border:none;
margin:0}

#main ul.cate li table th{
background:#000;
border:none;
border:3px solid #000;
height:120px;
padding:0;
text-align:center;
vertical-align:middle}

#main ul.cate.com li table th{height:140px}

#main ul.cate li table td{
border:none;
padding:2px 0 0}

#main ul.cate li table td a{
background:url(../img/sec_h5bg_min.jpg) no-repeat left top;
padding:0 0 0 10px
}

#main div.cateAll{
margin:-3.2em 0 2.2em;
text-align:right}

#main div.cateAll a{
background:url(../img/cateIcon.gif) no-repeat 0 5px;
color:#fff;
padding:0 10px 0 12px}

#main table.infoDetail{border:none}

#main table.infoDetail th{
background:#000;
border:5px solid #000;
padding:0;
text-align:center;
vertical-align:middle;
white-space:normal;
width:350px}

#main table.infoDetail td{
border:none;
font-size:small;
_font-size:x-small;
padding:0 0 0 10px;
vertical-align:top}

#main table.infoDetail td div{margin:0 0 10px}

#main table.infoDetail td ul li{
background:url(../img/icon04.gif) no-repeat 0 7px;
color:#6962AB;
font-size:120%;
font-weight:bold;
padding:0 0 0 12px}

/* お客様紹介
*****************************************/

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

#main .customer{display:inline-block;}

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

#main .customer ul{
float:right;
margin:0 0 0 10px;
text-align:center;
width:100px}

#main .customer ul.b{
background:url(../img/cPictBg.jpg) no-repeat 50% 50%;
float:left;
height:400px;
margin:0;
text-align:center;
position:relative;
width:570px}

#main .customer ul li{
background:none;
margin:0 0 10px;
text-align:center;
padding:0;
width:100px}

#main .customer ul.b li{
display:none;
margin:0;
position:absolute;
top:0;
left:0;
width:570px}

#main .customer ul.b li.li01{display:block}

#main .customer ul li table{
border:none;
margin:0}

#main .customer ul li table td{
border:1px solid #666;
padding:3px;
text-align:center;
vertical-align:middle}

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

#main dl.flow dd{
margin:0 0 15px;
padding:0 0 0 60px}

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

#main .faq dl{
background:url(../img/sec_faqBg.jpg) repeat-y 50% 0;
border:1px solid #666;
_height:1%;
padding:10px}

#main .faq dl dt{
background:url(../img/sec_qIcon01.jpg) no-repeat 0 0;
border-bottom:1px dotted #333;
font-size:120%;
_height:1%;
padding:2px 0 8px 60px}

#main .faq dl.dl02 dt{background:url(../img/sec_qIcon02.jpg) no-repeat 0 0}
#main .faq dl.dl03 dt{background:url(../img/sec_qIcon03.jpg) no-repeat 0 0}
#main .faq dl.dl04 dt{background:url(../img/sec_qIcon04.jpg) no-repeat 0 0}
#main .faq dl.dl05 dt{background:url(../img/sec_qIcon05.jpg) no-repeat 0 0}
#main .faq dl.dl06 dt{background:url(../img/sec_qIcon06.jpg) no-repeat 0 0}
#main .faq dl.dl07 dt{background:url(../img/sec_qIcon07.jpg) no-repeat 0 0}

#main .faq dl dd{
background:url(../img/sec_aIcon01.jpg) no-repeat 0 10px;
min-height:30px;
_height:30px;
padding:10px 0 0 60px}

#main .faq dl.dl02 dd{background:url(../img/sec_aIcon02.jpg) no-repeat 0 10px}
#main .faq dl.dl03 dd{background:url(../img/sec_aIcon03.jpg) no-repeat 0 10px}
#main .faq dl.dl04 dd{background:url(../img/sec_aIcon04.jpg) no-repeat 0 10px}
#main .faq dl.dl05 dd{background:url(../img/sec_aIcon05.jpg) no-repeat 0 10px}
#main .faq dl.dl06 dd{background:url(../img/sec_aIcon06.jpg) no-repeat 0 10px}
#main .faq dl.dl07 dd{background:url(../img/sec_aIcon07.jpg) no-repeat 0 10px}

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

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

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

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

#main ul.sitemap li ul li{
background:url(../img/icon01.gif) no-repeat 0 8px;
padding:0 0 0 10px}

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

#index #main h3,
#index #main h3 span{
background:none;
border:none;
margin:0;
padding:0}

#index #main .sectionH3{margin:0 0 20px}

#index #main h3{margin:0 0 15px}

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

#index #main .h301 ul{
border-top:1px dotted #999;
display:inline-block;
margin:0;
padding:10px 0 0}

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

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

#index #main .h301 ul li.firstChild{margin:0}

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

#index #main .h302 table th{
background:none;
border:none;
border-bottom:1px dotted #333;
font-weight:normal;
padding:3px 0;
vertical-align:top}

#index #main .h302 table th span{margin:0 5px 0 0}

#index #main .h302 table th span img{vertical-align:middle}

#index #main .h302 table td{
background:url(../img/icon02.gif) no-repeat 10px 12px;
border:none;
border-bottom:1px dotted #333;
padding:3px 5px 3px 25px}

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

#index #main .info{
background:url(../img/ind_infoBg.jpg) no-repeat 0 100%;
display:inline-block;
margin:0 0 20px}

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

#index #main .info .h303{
float:left;
margin:0;
text-align:center;
width:220px
}

#index #main .info .h304{
float:right;
margin:0 0 0 20px;
text-align:center;
width:220px}

#index #main .info h3{margin:0}

#index #main .info .sectionH3 div{
border-top:1px dotted #ccc;
margin:0 0 5px;
padding:10px 0 0}


.info02 {
border-top:1px dotted #ccc;
margin:0 0 5px;
padding:10px 0 0}


#index #main .info .sectionH3 dl{
margin:0 10px 5px;
text-align:left}

#index #main .info .sectionH3 dl dt a{
background:url(../img/ind_dtBg.gif) no-repeat 0 0;
color:#fff;
padding:0 0 0 10px;
text-decoration:none}

#index #main .info .sectionH3 dl dt a:hover{text-decoration:underline}

#index #main .info .sectionH3 dl dd{color:#fff}

#index #main .sectionH4{
background:url(../img/ind_h4bg.jpg) repeat;
padding:5px}

#index #main .sectionH4 div{
background:url(../img/com_bodyBg.jpg) repeat-y 50% 0;
margin:0;
padding:10px}

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

#index #main .sectionH4 div.prof{
display:inline-block;
padding:10px 10px 0}

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

#index #main .sectionH4 div.prof div{
background:none;
float:right;
margin:0 0 0 10px;
padding:0;
width:150px}

#index #main .sectionH4 div.prof .detail{
background:none;
float:left;
margin:0;
padding:0;
width:268px}

#index #main .sectionH4 div.prof h4{
background:none;
border:none;
margin:0 0 10px;
padding:0}

#index #main .sectionH4 div.prof h4 span{
background:none;
border:none;
padding:0}

#index #main .sectionH4 div.prof p{margin:0}

.youtube{
float:left;
width:340px;
}

.youtubeOut{
clear:both;
}

.center {
	text-align:center;
}