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

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

span.new{display:none}

#main p span.note{
font-size:100%;
font-weight:bold}

#main .adr div{margin:0}

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

.pageTop{
clear:both;
text-align:right}

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

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

#main ul.banner li img{vertical-align:bottom}

/* h2 パンクズ
*****************************************/

h2{
background:url(../img/sec/h2bg.jpg) no-repeat 0 12px;
color:#757575;
font-size:x-large;
_font-size:large;
font-weight:bold;
padding:0 0 0 15px;
text-align:left}

#index h2{
background:none;
border:none;
margin:0 0 12px;
padding:0}

ol.topicPath{
background:url(../img/sec/h2Border.gif) repeat-x;
margin:0 0 20px;
padding:10px 0 0;
text-align:right}

ol.topicPath li{
background:url(../img/sec/topicPathBg.gif) no-repeat 0 2px;
display:inline;
color:#757575;
font-size:x-small;
_font-size:xx-small;
margin:0 0 0 6px;
padding:0 0 0 12px}

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

ol.topicPath li a{
color:#757575!important;
font-size:x-small;
_font-size:xx-small}


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

#main h3{
background:url(../img/common/h3bg.jpg) repeat-x;
color:#fff;
font-weight:bold;
margin:0 0 10px;
padding:6px 0}

#main h3 span{
background:url(../img/common/h3border.jpg) no-repeat 8px 0;
display:block;
padding:0 0 0 20px}

#main h4{
background:url(../img/common/h4bg.gif) no-repeat;
font-size:105%;
font-weight:bold;
margin:0 0 10px;
padding:0 0 0 10px}

/* ul
*****************************************/

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

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

#main ul.note2 li{
background:none;
padding:0}

#main div.note{
background:url(../img/sec/ulBg.gif) repeat;
padding:5px}

#main div.note ul{
background:#fff;
margin:0;
padding:10px}

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

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

#main dl dt{font-weight:bold}

#main dl dd{padding:0 0 0 10px}

/* スタッフ紹介
*****************************************/

#main .staff01 h4 span,
#main .staff02 h4 span,
#main .staff03 h4 span{color:#a0a0a0}

#main .staff01 p.note,
#main .staff02 p.note,
#main .staff03 p.note{
color:#6699cc;
font-weight:bold}

#main .staff01,
#main .staff02,
#main .staff03{
margin:0 0 10px;
min-height:260px;
_height:260px;
padding:0 340px 0 0}

#main .staff01,
#main .staff02{
border-bottom:1px dotted #c0c0c0;
padding:0 340px 10px 0}

#main .staff01{background:url(../img/sec/staff01.jpg) no-repeat 100% 0}
#main .staff02{background:url(../img/sec/staff02.jpg) no-repeat 100% 0}
#main .staff03{background:url(../img/sec/staff03.jpg) no-repeat 100% 0}

/* lightBox
******************************************/

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

#main .imgList{
display:inline-block;
margin:0 0 10px -15px}

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

#main .imgList dl{
float:left;
margin:0 0 10px 15px;
padding:0}

#main .imgList dl dt{margin:0 0 10px}

#main .imgList dl dd{padding:0}

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

#main table{width:100%}

#main table th{
border-bottom:1px dotted #8fcbe4;
padding:8px 0;
text-align:center;
vertical-align:middle;
width:150px}

#main table th.firstChild{background:url(../img/sec/thBorder01.jpg) repeat-x}

#main table td{
border-bottom:1px dotted #c0c0c0;
border-left:10px solid #fff;
padding:8px 0 8px 10px}

#main table td.firstChild{background:url(../img/sec/tdBorder01.jpg) repeat-x}

#main table.note th{
background:#69badc;
border:1px solid #fff;
color:#fff}

#main table.note th.firstChild{background:url(../img/sec/thBorder02.gif) repeat-x #69badc}

#main table.note th.even{background:#92cde7}

#main table.note td{
background:#f5f5f5;
border:1px solid #fff;
font-size:small;
_font-size:x-small}

#main table.note td.note{padding:0}

#main table.note td.note2{
background:#e0e0e0;
width:160px!important}

#main table.note td.firstChild{background:url(../img/sec/tdBorder02.gif) repeat-x #f5f5f5}

#main table.note td.firstChild.photo{background:url(../img/sec/tdBorder02.gif) repeat-x #fff}

#main table.note td table th{
background:#e0e0e0;
color:#757575;
font-size:small;
_font-size:x-small;
font-weight:bold}

#main table.note td table td{
border-bottom:none;
font-size:small;
_font-size:x-small;
padding:8px 0;
text-align:center}

#main table.note td table,
#main table.note td ul{margin:0}

#main table.note td ul li{
font-size:small;
_font-size:x-small}

#main table.note td ul li span{font-weight:bold}

.form fieldset{
margin:0;
padding:0}

.form table th{width:200px}

.form table span{color:#cc0000}

.form table td input.num{width:100px}
.form table td input.num2{width:80px}
.form table td input.txt{width:380px}
.form table td input.txt2{width:250px}
.form table td input.txt3{width:283px}

*html .form table td input.txt3{width:275px}

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

.form #main .btn li{
background:none;
display:inline;
margin:0 10px 0 0}

.form table td p{margin:0!important}

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

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

#main ul.sitemap li{
background:url(../img/common/icon03.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.note ul li{background:url(../img/common/icon02.gif) no-repeat 0 8px}

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

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

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

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

#index #main .indexCont .indexMain{
float:left;
margin:0 20px 0 0;
width:490px}

#index #main .indexCont .indexSide{
float:right;
width:185px}

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

#index #main .indexCont .indexMain .h301 ul{display:inline-block;}

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

#index #main .indexCont .indexMain .h301 ul li{
background:#69badc;
float:left;
margin:0 0 4px;
padding:0;
width:243px}

#index #main .indexCont .indexMain .h301 ul li a{
background:url(../img/index/mainNav02.jpg) no-repeat 0 100%;
color:#fff;
display:block;
font-size:small;
_font-size:x-small;
padding:0 0 10px}

#index #main .indexCont .indexMain .h301 ul li span{
background:url(../img/index/mainNav01.jpg) no-repeat;
display:block;
padding:10px 35px 17px 20px}

#index #main .indexCont .indexMain .h301 ul li.odd{margin:0 4px 4px 0}

#index #main .indexCont .indexMain .h302 .bg{
background:url(../img/index/pict01.jpg) no-repeat;
min-height:180px;
_height:180px;
padding:0 0 0 160px}

#index #main .indexCont .indexSide .sectionH3{
border-top:5px solid #454545;
padding:1px 0 0}

#index #main .indexCont .indexSide .sectionH3 h3{
background:url(../img/index/icon.gif) no-repeat 5px 10px #f5f5f5;
color:#454545;
padding:5px 0 5px 25px}

#index #main .indexCont .indexSide .sectionH3 h3 span{
background:none;
padding:0}

#index #main .indexCont .indexSide .sideH301 dl dt{
color:#909090;
font-size:small;
_font-size:x-small}

#index #main .indexCont .indexSide .sideH301 dl dt span{margin:0 0 0 7px}

#index #main .indexCont .indexSide .sideH301 dl dd{
background:url(../img/common/icon01.gif) no-repeat 0 10px;
border-bottom:1px dotted #b0b0b0;
margin:0 0 10px;
padding:0 0 10px 10px}

#index #main .indexCont .indexSide .sideH301 dl dd a{
font-size:small;
_font-size:x-small}

#index #main .indexCont .indexSide .sideH302 ul li{
background:none;
border-bottom:1px dotted #b0b0b0;
margin:0 0 10px;
padding:0 0 10px;
text-align:center}

#index #main .indexCont .indexSide .sideH303 ul li{
border-bottom:1px dotted #b0b0b0;
margin:0 0 10px}

#index #main .indexCont .indexSide .sideH303 ul li{
background:url(../img/common/icon02.gif) no-repeat 0 8px;
display:block;
font-size:small;
_font-size:x-small;
text-align:left;
padding:0 0 10px 15px}

#index #main .indexCont .indexSide .sideH303 ul li span{
font-size:85%}

/*****************************************************/
/*左右画像寄せ用クラス（2010/02/08追加)  by A-RISING */
/*****************************************************/
.fright
{float:right}

.fleft
{float:left}

.fcenter
{margin:0 auto}

.clearboth
{clear:both}