@charset "utf-8";
/* ===================================================================	
	file name :module.css
	Version : 1.0
	Author : Combz
=================================================================== */

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.txtR {
	text-align:right;
}

.txtC {
	text-align:center;
}

.imgL {
	margin:0 20px 10px 10px;
	float:left;
	display:block;
}

.imgR {
	margin:0 10px 10px 20px;
	float:right;
	display:block;
}

.fontSS{
	font-size:76%;
}

.fontS{
	font-size:84%;
}

.font_red{
	color:#FF5947;
}

.clearB{
	clear:both;
}

#main div{
	margin-bottom:15px;
}

.topLine{
	border-top: 1px dotted #CCCCCC;
	padding-top:10px;
	width:610px;
}

/*----------------------------------------------------
	H2
----------------------------------------------------*/

.mainStitle h2{
	padding:5px 10px 5px 20px;
	height:30px;
	background:url(../img/front/mainStitle_bg.png) top left no-repeat;
}

h2.main_h2{
	margin:0 10px 20px !important;
	padding:8px 15px 5px 30px;
	border:1px solid #BBB;
	border-radius:3px;
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 1);
	box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 1); 
	background:url(../img/front/bg_h2.png) #FFF9E8 10px center no-repeat;
	font-size:16px;
	letter-spacing:0.15em;
}

.mainStitle h2 a,
h2.main_h2 a{
	color:#333;
	text-decoration:none;
}


h2.strong_h2{
	font-size:26px;
	padding:10px 9px 11px;
	margin:0 10px 20px 10px;
	border:1px solid #77AD25;
	background:#EAF7D7;
	font-weight:normal;
	line-height:1;
}

h2.strong_h2 span{
	font-size:24px;
	color:#FFFFFF;
	font-family:Arial;
	background:#77AD25;
	padding:0 8px;
	margin-right:10px;
	font-weight:bold;
}

h2.strong_h2 small{
	font-size:16px;
	font-weight:bold;
}

h2.strong_h2 a{
	text-decoration:none;
}

h2.strong_h2 a:hover{
	border-bottom:1px solid #0000FF;
}

/*----------------------------------------------------
	Margin
----------------------------------------------------*/

#main .b_20{
	margin-bottom:20px;
}

#main .b_30{
	margin-bottom:30px;
}
	
/*----------------------------------------------------
	Box
----------------------------------------------------*/

.detail_03{
	border:1px solid #FF402C;
	background:#FFF0EE;
}

.detail_04{
	border:1px solid #A0D848;
	background:#F2FDDB;
}

.detail_08{
	padding:15px 20px 5px 15px;
	margin:0 50px;
	border:1px solid #FF402C;
	background:#FFF0EE;
}

/*.relationBox*/

#main .relationBox{
	margin:0 10px 30px;
	padding:7px 20px 7px 10px;
	width:588px;
	border:1px solid #E0E0E0;
	background:#F2F2F2;
}

#main .relationBox li{
	display:inline-block;
	margin-left:10px;
	font-weight:bold;
}

#main .relationBox li a{
	font-weight:normal;
}

/*.btnBox*/

.btnBox{
	width:640px;
	margin:0;
	text-align:center;
}

#main .btnBox p{
	margin:0 0 30px;
}

#main .btnBox span{
display:block;
	margin-bottom:5px;
}


/*subBox*/

.subBox{
	margin:0 10px 20px;
	padding:10px;
	width:592px;
	border:4px solid #DDDDDD;
}

#main .subBox h3{
	margin:0 0 10px 0;
	padding:0 0 5px 20px;
	background:url(../img/front/bg_h3.gif) left 2px no-repeat;
	border-bottom:1px dotted #CCCCCC;
}


/*----------------------------------------------------
	List
----------------------------------------------------*/
/* list01 */

dl.list01{
	margin:0;
	width:620px;
	border-bottom:1px dotted #CCCCCC;
}

.list01 dt{
	padding:5px 5px 2px 5px;
	width:90px;
	float:left;
	border-top:1px dotted #CCCCCC;
	color:#FF5947;
	font-weight:bold;
}

.list01 .newest{
	border:none;
}

.list01 dd{
	padding:7px 5px 2px 5px;
	width:510px;
	margin-left:100px;
	border-top:1px dotted #CCCCCC;
}

#main .list01 dd a{
	text-decoration:underline;
}

* html .list01 dd{
	width:505px;
}

/* list02 */

.list02 dl{
	width:620px;
}

.list02 dt{
	margin-bottom:5px;
	padding-left:23px;
	background:url(../img/front/icon_check04.gif) 0 3px no-repeat;
	font-weight:bold;
}

.list02 dd{
	width:598px;
	margin-bottom:25px;
	padding-left:22px;
}

h2.list02{
	margin-bottom:0;
	padding:0 0 0 20px;
	background:url(../img/front/icon_check05.gif) 0 2px no-repeat;
	font-weight:bold;
	text-indent:0;
	height:auto;
}

.mainStitle h3.list02{
	margin-bottom:0;
	padding:0 0 0 20px;
	background:url(../img/front/icon_check05.gif) 0 2px no-repeat;
	font-weight:bold;
}


/* list03 */

.list03{
	width:600px;
	padding-left:20px;
}

.list03 li{
	padding-left:3px;
	margin:0 0 10px 0;
	list-style: disc;
}


/*	list_check */

ul.list_check {
	margin:0;
	padding-left:0;
}

.list_check li,
p.list_check{
	padding-left:15px;
	margin:5px 0 5px -8px;
	background:url(../img/front/icon_check.gif) 0 3px no-repeat;
	list-style:none;
}

dl.list05 dt{
	margin-bottom:5px;
	font-weight:bold;
}

dl.list05 dd li{
	margin-left:20px;
	list-style:disc;
}


/*.list02 .list05*/

.list02 .list05 dl{
	padding-bottom:0;
	background:#CCCCCC;
}

#main.list02 .list05 dt{
	background:none;
	padding-left:0;
}

#main.list02 .list05 dd{
	padding:0;
}

#main.list02 .list05 dd ul{
	margin-bottom:0;
}


/*list04*/

dl.list04{
	width:620px;
}

.list04  dt,
.list04  dd{
	padding-left:15px;
	border-right:1px solid #9ED646;
	border-left:1px solid #9ED646;
}

.list04 dt{
	padding:5px 25px 5px;
	border-top:1px solid #9ED646;
	font-weight:bold;
	border-radius:5px 5px 0 0;
	background:url(../img/front/dt_01.png) #EAF7D7 5px center no-repeat;
}

.list04 dt span{
	color:#FF402C;
	font-weight:normal;
}

.list04 dd{
	margin-bottom:20px;
	padding:10px 20px 0 25px;
	border-top:1px dotted #CCC;
	border-bottom:1px solid #9ED646;
}

#main .list04 dd p,
#main .list04 dd ul{
	margin:0 0 10px 0;
}

.list04 dd p strong{
	color:#FF402C;
	font-weight:normal;
}


/* listPoint*/

#main dl.listPoint{
	margin:0 10px 20px;
}

dl.listPoint dt{
	margin-bottom:0;
}

dl.listPoint dt img{
	vertical-align:bottom;
}

dl.listPoint dd{
	border:1px solid #FFB23F;
	border-top:none;
	padding-bottom:5px
}

#main dl.listPoint dd ul{
	margin:-1px 15px 0;
}

dl.listPoint dd li{
	padding:10px 10px 10px 30px;
	background:url(../img/front/option/bg_staff.gif) 5px 10px no-repeat;
	border-top:1px dotted  #FFB23F;
}


/*----------------------------------------------------
	link
----------------------------------------------------*/



/*nabviLink_03*/
a.naviLink_03,
.naviLink_03 a{
	margin-top:3px;
	padding:0 0 0 20px;
	display:block;
	background:url(../img/front/naviLink_icon03.gif) 0px 0px no-repeat;
}

/*----------------------------------------------------
	form
----------------------------------------------------*/


p.form_attention{
	margin-top:-2.5em;
	font-size:84%;
	text-align:right;
}

.searchArea{
	margin:10px auto 20px;
	width:520px;
	padding:10px;
	text-align:center;
}


/*form*/

#main table.form{
	width:600px;
	margin:0 20px 20px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

#main .form th,
#main .form td{
	padding:10px;
	border-bottom:1px solid #CCCCCC;
}

#main .form th{
	width:130px;
	border-right:1px dotted  #CCCCCC;
	border-left:5px solid  #A0D848;
	background:#F2F2F2;}

#main .form th.nomal{
	border-left:5px solid  #C5C5C5;
	background:#F2F2F2;
}

#main .form td ul{
	margin:0;
	list-style:none;
}

#main table.form td input[type='checkbox'],
#main table.form td input[type='radio']{
	margin-right:5px;
}

#main table.form textarea,
#main table.form input[type=text],
#main table.form textarea,
#main table.form input[type=password]{
	border:1px solid #7F9DB9;
	padding:3px 5px;
	font-size:15px;
}

#main table.form select{
	clear:both;
	width:150px;	font-size:14px;
	background:none !important;
	margin-bottom:5px;
	border:1px solid #7F9DB9;
	padding:3px;
	font-size:13px;
}

#main .form input[type=image]{
	vertical-align:bottom;
}

#main .form span{
	font-size:11px;
	display:block;
	margin-top:3px;
}

#main .form td em{
	font-size:11px;
	padding-left:5px;
}

#main .form td p{
	font-size:11px;
	margin:3px 0 0 0;
}

#main .form .result01{
	color:#FF0000;
	background:#FFF0EE;
	padding:3px 3px 2px 3px;
	width:16em;
}

#main .form .result02{
	color:#FF0000;
}

#main .form .result03{
	color:#006633;
}


/*confirm*/

table.confirm{
	width:620px;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

.confirm th{
	width:140px;
	background:#F2FDDB;
}

.confirm th, .confirm td{
	padding:7px 10px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#main .confirm td ul{
	margin:0;
	list-style:none;
}


/*#errorInfo*/

#main #errorInfo{
	width:600px;
	margin-left:20px;
}

#main #errorInfo h3{
	background:none;
	margin:10px 10px;
	padding:0;
}

#errorInfo ul li{
	font-weight:bold;
	color:#FF3333;
	background:url(../img/front/icon_errorList.png) 0px 5px no-repeat;
	padding-left:20px;
}


/*btnArea*/

#main div.btnArea p{
	width:305px;
	float:left;
}


.w_100{
	width:100px;
}

.w_160{
	width:160px;
}

.w_200{	
	width:200px;
}

.w_240{
	width:240px;
}

.w_280{
	width:280px;
}

.w_320{
	width:320px;
}

.w_360{
	width:360px;
}



/*----------------------------------------------------
	table
----------------------------------------------------*/

.lineleft{
	border-left:5px solid #A0D848;
}

.imgC th{
	text-align:center;
}

/* listTable */

table.listTable{
	width:620px;
	font-size:91%;
	border-left:1px solid #A0D848;
	border-right:1px solid #A0D848;
	border-bottom:1px solid #A0D848;
}

.listTable th, 
.listTable td{
	padding:12px 10px;
	border-top:1px solid #A0D848;
	border-left:1px solid #A0D848;
}

.listTable th{
	width:130px;
 background:#F8FEE9;
}

.listTable td{
	border-left:1px dotted #CCCCCC;
}

#main .listTable td p{
	margin-left:0;
}

#main .listTable ol,
#main .listTable ul{
	padding-left:13px;
	margin:5px 0 0 13px;
}

#main .listTable ul{
	margin-left:0;
	padding-left:0;
}

.listTable li{
	margin-bottom:5px;
}

.listTable ol li{
	list-style:decimal;
}

.listTable ul li{
	background:url(../img/front/icon_check.png) 0px 3px no-repeat;
	padding-left:15px
}

#main .listTable td li p{
	margin-bottom:0;
}

.listTable thead th{
	background:#F2F2F2;
	text-align:center;
	width:auto;
	letter-spacing:1em;
	font-weight:bold;
	border-top:5px solid #A0D848;
}

table.lineleft{
	border-left:5px solid #A0D848;
}


span.formtext_attention{
	font-weight:bold;
	color:#FF5947;
}


.compare thead th{
	letter-spacing:0;
	text-align:center;
	padding:5px 7px;
}

.compare th{
	width:auto;
}

.compare td{
	text-align:center;
}


/*#privacyFlame*/

ol#privacyFlame{
	margin:0 auto 20px;
	padding:0 10px;
	padding-bottom:20px;
	width:580px;
	height:340px;
	overflow:scroll;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

ol#privacyFlame li{
	margin:0;
	padding:0;
}

ol#privacyFlame li h3{
	margin:20px 0 10px 0;
	padding-left:7px;
	border-left:5px solid #A0D848;
	border-bottom:1px dotted #CCCCCC;
}

ol#privacyFlame li p{
	margin-bottom:10px;
}

ol#privacyFlame li p, ol#privacyFlame li div{
	font-weight:normal;
}

ol#privacyFlame li div{
	background:#F2FDDB;
	padding:5px 10px;
	margin:0 0 10px 10px;
	width:525px;
}

ol#privacyFlame ol li{
	list-style:decimal;
	padding-left:0px;
	margin:0 0 5px 20px;
}

ol#privacyFlame ol li ul li{
	list-style:none;
	margin-left:0;
	padding:0;
}

ol#privacyFlame dl{
	margin-top:5px;
}

ol#privacyFlame dd{
	margin-left:1.7em;
}

ol#privacyFlame li ul li{
	list-style:disc;
	margin-left:20px;
}

/*----------------------------------------------------
 clearfix
----------------------------------------------------*/

#commonHeader, #contents, #header, #gNav, .box01, #serviceNav, #companyNav, #topicPath,  #welcome, step3, .dminfo{
	zoom:1;
}

#commonHeader:after, #contents:after, #header:after, #gNav:after, .box01:after, #serviceNav:after, #companyNav:after, #topicPath:after,  #welcome:after, .step3:after, .dminfo:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
	line-height:0;
}

* html #commonHeader, * html #contents, * html #header, * html #gNav, * html .box01, * html #serviceNav, * html #companyNav, * html #topicPath,  * html #welcome, * html .step3, * html .dminfo{
	display:inline-table;
	/*\*/display:block;/**/
}






/*追加したスタイル　☆★★☆*/


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

#main .list li{
	list-style:disc;
}

#main .listC li{
	list-style:circle;
}

#main .listD li{
	list-style:decimal;
}

#main .listA li{
	list-style:lower-alpha;
}

/*----------------------------------------------------
 テキスト装飾
----------------------------------------------------*/
span.komeB,
p.komeB,
a.komeB,
dt.komeB,
.komeB li{
	padding-left:15px;
	background:url(../img/front/komeB.png) left center no-repeat;
}

span.komeBs,
p.komeBs,
a.komeBs,
dt.komeBs,
.komeBs li{
	padding-left:15px;
	background:url(../img/front/komeBs.png) left 4px no-repeat;
	line-height:1.4;

}

span.komeR,
p.komeR,
a.komeR,
dt.komeR,
.komeR li{
	padding-left:15px;
	background:url(../img/front/komeR.png) left center no-repeat;
}

span.komeRs,
p.komeRs,
a.komeRs,
dt.komeRs,
.komeRs li{
	padding-left:15px;
	background:url(../img/front/komeRs.png) left center no-repeat;
}


/*----------------------------------------------------
 アイコン付きテキストリンク
----------------------------------------------------*/

a.link_01,
a.link_02,
a.link_help,
.link_help a{
	display:inline-block;
}

.link_01 a,
a.link_01
{
	padding-left:15px;
	background:url(../img/front/link_01.gif) left center no-repeat;
}

.link_02 a,
a.link_02,
.relationBox li{
	padding-left:10px;
	background:url(../img/front/link_02.png) left center no-repeat;
}

.link_03 a,
a.link_03{
	padding-left:15px;
	background:url(../img/front/link_03.png) left center no-repeat;
}

.link_04 a,
a.link_04{
	padding-left:15px;
	background:url(../img/front/link_04.gif) left center no-repeat;
}


/* ヘルプリンクアイコン ----------*/

a.link_help,
.link_help a{
	margin:0;
	padding:0 0 0 20px;
	background:url(../img/front/link_help.png) left center no-repeat;
}

/* PDFアイコン */

a.link_pdf,
.link_pdf a{
	padding-left:20px;
	background:url(../img/front/icon_pdf.gif) left center no-repeat;
}

/* 外部リンクアイコン ----------*/

/* _blank　デフォルト　表示 */
#main a[target="_blank"]:after {
	content: url(../img/front/link_e.png);
	margin: 0px 0px 0 5px;
}

/* _blank　アイコン非表示 */
#main a.bgNone[target="_blank"]:after,
#main .bgNone a[target="_blank"]:after{
	content: none;
	margin:0;
}



/*end*/
