@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{color:#cc0000}

#main .btn2,
#main .adr div{margin:0}

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

#main .btn2 img{vertical-align:bottom}

#main p.note{
color:#999;
font-size:90%;
text-align:center}

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

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

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

.blog #main p{display:inline-block;}

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

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

#main p{display:inline-block;}

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

#main .bg{
float:right;
margin:0 0 0 10px}

#main .bg2{
float:left;
margin:0 10px 0 0}

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

#main h3{
background:url(../img/common/h3bg.jpg) no-repeat;
color:#757575;
font-size:medium;
font-weight:bold;
margin:0 0 20px;
padding:20px 10px 2px}

#main h4{
background:url(../img/common/h4bg.jpg) no-repeat 0 100%;
color:#757575;
font-weight:bold;
margin:0 0 15px;
padding:15px 10px 10px 10px}

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

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

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

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

#main dl dt{font-weight:bold}

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

#main dl.user dt{
background:url(../img/sec/dtBg1.jpg) no-repeat;
margin:0 0 10px;
padding:0}

#main dl.user dt span{
background:url(../img/sec/dtBg2.jpg) no-repeat 0 100%;
color:#fff;
font-size:110%;
display:block;
padding:5px 0 4px 15px}

#main dl.user dd{
margin:0 0 20px;
padding:0 5px}

#main dl.user dd.note{margin:0}

#main dl.faq dt{
background:url(../img/sec/faqBg.gif) no-repeat 0 100%;
font-size:110%;
padding:20px 0 25px 60px}

#main dl.faq dd{
margin:-1.3em 0 20px 60px;
padding:0}

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

#main table{
height:auto;
width:100%}

#main table th{
background:url(../img/sec/tableBg2.gif) repeat-x 0 0 #f6f9fa;
border-right:5px solid #fff;
font-weight:bold;
padding:10px 0;
text-align:center;
vertical-align:middle;
width:190px;
_width:195px}

#main table td{
background:url(../img/sec/tableBg2.gif) repeat-x 0 0;
padding:10px}

#main table th.firstChild{background:url(../img/sec/tableBg.gif) repeat-x 0 0 #f6f9fa}
#main table td.firstChild{background:url(../img/sec/tableBg.gif) repeat-x 0 0}

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

#main table td dl.note{margin:0}

.form table span{color:#cc0000}

.form table td input{margin:0 0 5px}

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

*:first-child+html .form table td input{margin:0}
* html body .form table td input{margin:0}

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

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

#main table.intro{
background:url(../img/sec/introBg.jpg) no-repeat 50% 0;
border-collapse:separate;}

#main table.intro.v2,
#main table.intro.v3{background:url(../img/sec/introBg2.jpg) no-repeat 50% 0}

#main table.intro th{
background:none;
border-right:1px dotted #80d8da;
border-bottom:1px solid #fff;
font-weight:bold;
padding:10px 5px 6px;
text-align:center;
width: 140px;}

*:first-child+html #main table.intro th{font-size:80%}

#main table.intro.v2 th{
border:none;
border-left:1px dotted #80d8da;
border-bottom:1px solid #fff}

#main table.intro.v3 th{
border:none;
border-left:1px dotted #80d8da;
border-bottom:1px solid #fff}

#main table.intro th.firstChild{
border-bottom:1px solid #fff;
padding:10px 0 6px}

#main table.intro th.lastChild{
border:none;
border-bottom:1px solid #fff;
padding:10px 0 6px}


#main table.intro td{
background:url(../img/sec/tdBg2.gif) no-repeat 6px 0;
border:none;
border-right:1px dotted #80d8da;
padding:10px 5px;
width:140px}

#main table.intro.v2 td{
border:none;
border-left:1px dotted #80d8da;
width:302px}

#main table.intro.v3 td{
border:none;
border-left:1px dotted #80d8da;
width:302px}

#main table.intro td.firstChild{
width:140px;
border-right:1px dotted #80d8da;
}

#main table.intro.v2 td{background:url(../img/sec/tdBg3.gif) no-repeat 6px 0}
#main table.intro.v2 td.firstChild{background:url(../img/sec/tdBg3.gif) no-repeat 0 0;width:297px}

#main table.intro.v3 td{background:url(../img/sec/tdBg3.gif) no-repeat 8px 0}
#main table.intro.v3 td.firstChild{background:url(../img/sec/tdBg3.gif) no-repeat 0 0;width:297px}

#main table.intro.v4 td.firstChild{background:url(../img/sec/tdBg2.gif) no-repeat 0 0}

#main table.intro td.lastChild{
border:none;
width:140px;}

#main table.intro td dl{margin:0}

#main table.intro td dl dt{
background:none;
color:#34afa6;
font-weight:bold;
margin:0 0 10px;
padding:0;
text-align:center}

#main table.intro td h4{
background:none;
font-weight:bold;
margin:0 0 10px;
padding:0;
text-align:center}

#main table.intro td h4.note{color:#34afa6}

#main table.intro td dl dt img{vertical-align:bottom}

#main table.intro td.image dl dt{margin:0}

#main table.intro td p,
#main table.intro td dl dd{
color:#999;
font-size:90%;
padding:0;
margin:0}

#main table.intro td p.note{
color:#36B3B6;
text-align:left}

#main table.intro td.image dl dd{
font-weight:bold;
text-align:center}

#main table.intro td.note,
#main table.intro td.image dl dd.note{
color:#cc6600;
font-weight:bold;
text-align:center}

#main table.intro td.image dl dd img{vertical-align:middle}

/* intro2
*****************************************/

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

#main .intro2{
display:inline-block;
margin:0}

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

#main .intro2 .image{
float:left;
margin:0;
text-align:center;
width:160px}

#main .intro2 .detail{
float:right;
margin:0;
width:460px}

#main .intro2 .detail p{color:#999}

#main .intro2 .detail div{
color:#999;
font-weight:bold;
margin:0}

#main .intro2 .detail div img{vertical-align:middle}

#main .intro2 .detail div.note{color:#cc6600}

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

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

#main ul.sitemap li{
background:url(../img/common/icon03.jpg) no-repeat 0 3px;
height:1%;
margin:0 0 5px;
padding:0 0 0 20px}

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

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

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

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


#index #main .sectionH3{margin:0}

#index #main h3 img{vertical-align:bottom}

#index #main .h301 table th{
background:none;
border:none;
font-weight:normal;
padding:3px 0;
text-align:left;
width:130px}

#index #main .h301 table th span{margin:0 0 0 10px}

#index #main .h301 table td{
background:none;
padding:2px 0}

#index #main .h302{background:url(../img/index/h302bg.jpg) no-repeat 0 80px}

#index #main .h302 h3{margin:0 0 35px}

#index #main .h302 ul{
text-align:right}

#index #main .h302 ul li{
display:inline;
margin:0 0 0 7px;
padding:0}

#index #main .h302 div{
margin:0;
text-align:right}

#index #main .h303{background:url(../img/index/h303bg.jpg) no-repeat 0 80px}


#index #main .h303 h3{margin:0 0 25px}

#index #main .h303 ul{margin:0 0 10px}

#index #main .h303 ul li{
display:inline;
margin:0 7px 0 0;
padding:0}

#index #main .detail{
background:url(../img/index/h401bg2.gif) repeat;
padding:10px}

#index #main .detail div{
background:url(../img/index/h401bg.jpg) no-repeat 100% 100% #fff;
margin:0;
min-height:90px;
_height:130px;
padding:10px;
_padding:10px 10px 20px 10px}

#index #main .detail div p{margin:0 0 5px}

.ct {
	position:absolute;
	left: 266px;
	top: 34px;
}

#mains {
	background:url(../img/index/h2.jpg) no-repeat;
	height:225px;
}

#more {
	position:absolute;
	left: 594px;
	top: 305px;
	width:157px;
	height:25px;
}

#more a {
	display:block;
	width:157px;
	height:25px;
	text-indent:-9999px;
}

#more a:hover {
	background:url(../img/index/toriatu.jpg) no-repeat;
}

#more02 {
	position:absolute;
	left: -1px;
	top: 146px;
	width:413px;
	height:221px;
}

#more02 a {
	display:block;
	width:157px;
	height:25px;
	text-indent:-9999px;
}

.title {
	color:#34afa6;
	font-size:16px;
}