@charset "utf-8";
/* --------------------------------------------------------------------
　style.css
　[レイアウト設定用CSS]

+ ベースカラー #444444
+ リンクカラー #1d2088
+ 強調カラー #1d2088
******************  Font Size 一覧  ******************
font-size 9px{ font-size:77%; } 10px{ font-size:85%; } 11px{ font-size:93%; } 12px{ font-size:100%; } 13px{ font-size:108%; } 14px{ font-size:116%; } 15px{ font-size:123.1%; } 16px{ font-size:131%; } 17px{ font-size:138.5%; } 18px{ font-size:146.5%; } 19px{ font-size:153.9%; } 20px{ font-size:161.6%; } 21px{ font-size:167%; } 22px{ font-size:174%; } 23px{ font-size:182%; } 24px{ font-size:189%; } 27px{ font-size:197%; }
-------------------------------------------------------------------- */

/*ベーススタイル
-------------------------------------------------------------------- */

/*基本スタイル
-------------------------------------------------------------------- */
#main > *:first-child{
margin-top:0 !important;
}

#main hr{
border:1px #bbb dotted;
}

#main .txtC{
text-align:center;
}

#main .txtR{
text-align:right;
}

#main .txtL{
text-align:left;
}

#main .txtM{
vertical-align:middle;
}

#main .txtT,
#main table th.txtT,
#main table td.txtT{
vertical-align:top;
}

#main .small{
font-size:85%;
}

#main .big{
font-size:116%;
}

#main .indent{
padding:0 0 0 1em;
text-indent:-1em;
}

#main p.pagetop{
text-align:right;
margin:1em 0 2.5em;
}

#main p.pagetop a{
background:url(../img/common/arrow_top.png) left 9px no-repeat;
display:inline-block;
padding:0 0 0 12px;
}

#main .border{
padding-bottom:1.5em;
margin-bottom:2.5em;
border-bottom:1px dotted #ccc;
}


#main figcaption{
margin-top:5px;
font-size:93%;
}
/*===========
ヘッドライン設定
===========*/
#main h1{
}

#main h2{
font-size:131%;
font-weight:bold;
color:#1d2088;
padding:10px 0 8px 12px;
margin:3em 0 0.8em;
border-top:	3px solid #1d2088;
border-bottom:1px dotted #aaaaaa;
}
#main .bnr{
	padding:10px 0 8px 12px;
	margin:3em 0 0.8em;
	border-top:	3px solid #1d2088;
	border-bottom:1px dotted #aaaaaa;
}
#main .bnr h2{
	padding: 0;
	margin: 0;
	padding-top: 15px;
	border:none;
	float:left
}
#main .bnr a{
	float: right;
}


#main h3{
font-size:116%;
font-weight:bold;
padding:6px 6px 6px 1.5em;
margin:1.5em 0 1em;
border:1px solid #ccc;
background:url(../img/common/bg_h3.gif) 8px center no-repeat;
}

#main h3.noLine{
border:none;
font-size:123.1%;
padding:6px 6px 6px 1.0em;
margin:0.5em 0 0.5em;
background:url(../img/common/bg_h3.gif) left center no-repeat;
}

#main h4{
font-size:108%;
font-weight:bold;
padding:6px 6px 2px 10px;
margin:1.5em 0 1em;
border-bottom:1px solid #1b2088;
}

/*===========
基本タグ設定
===========*/
#main p{
margin:0.8em 0 0.6em;
}

#main p.imgC{
text-align:center;
margin:1.2em 0;
}

#main em{
font-weight:bold;
}

#main strong{
color:#1d2088;
font-weight:bold;
}

#main p.catch{
font-weight:bold;
font-size:146.5%;
color:#1d2088;
margin:1.2em 0  0.9em;
line-height:1.4;
}

#main p.lead{
font-weight:bold;
font-size:146.5%;
margin:1.2em 0  0.9em;
line-height:1.4;
}

/* リストスタイル
-------------------------------------------------------------------- */
/*===========
順序なしリスト
===========*/
#main ul{
margin:1.2em 0;
padding:0 0 0 10px;
}

#main ul li{
background: url(../img/common/icon_list.gif) left 8px no-repeat;
padding:0 0 0 10px;
margin:0.5em 0 0.8em;
line-height:1.4;
}

#main ul li ul{
margin: 0.6em 0 0.6em 5px;
}

#main ul li ul li{
font-size:93%;
}

#main ul.link li{
background:url(../img/common/arrow.png) left 4px no-repeat;
padding:0 0 0 18px;
}

/*===========
順序リスト
===========*/
#main ol{
margin:1.2em 0;
padding:0 0 0 10px;
}

#main ol.noStyle,
#main ul.noStyle{
padding:0;
background:none;
}

#main ol li{
padding:0 0 0 10px;
margin:0.5em 0;
line-height:1.5;
}

#main ol.noStyle li,
#main ul.noStyle li{
padding:0;
background:none;
}

#main ol li ol,
#main ol li ul{
margin: 0.6em 0 0.6em 5px;
padding:0;
}

#main ol li ol li,
#main ol li ul li{
font-size:93%;
}

#main ol li span.num{
color:#cf1171;
font-family:Verdana, Geneva, sans-serif;
font-size:116%;
}

/*===========
よくあるご質問リスト
===========*/

#main ul.questionList{
margin:2em 0 0;
padding:0;
}

#main ul.questionList li{
background:none;
margin:0.5em 0 1.5em;
padding:0 0 5px;
border-bottom: 1px dotted #ccc;
}

#main ul.questionList li:last-child{
border:none;
}

#main ul.questionList li dl{
margin:0;
}

#main ul.questionList li dl dt{
color:#1d2088;
padding: 0 0 5px 2em;
background:url(../img/question/icon_question.png) left top no-repeat;
}

#main ul.questionList li dl dd{
padding: 0 0 0 2.1em;
background:url(../img/question/icon_answer.png) left top no-repeat;
}

/*===========
定義リスト
===========*/
#main dl{
margin:1.2em 0;
}

#main dl dt{
font-weight:bold;
font-size:108%;
margin:0 0 0.3em;
}

#main dl dd{
margin:0 0 0.8em;
padding:0 3px 10px ;
}

#main dl.enum{
margin:0.5em 0 0;
}

#main dl.enum dt{
float:left;
width:10%;
}

#main dl.enum dd{
display:inline;
float:left;
width:85%;
margin:0;
padding:0 3px 7px;
}

#main dl.enum2 dt{
float:left;
width:20%;
}

#main dl.enum2 dd{
display:inline;
float:left;
width:77%;
margin:0;
padding:0 3px 7px;
}

/* ボックススタイル
-------------------------------------------------------------------- */
#main .floatBox{
margin:1.5em 0 1em;
}

#main .floatBox{
margin:0 0 1em;
}

#main .floatBox img{
display:inline;
margin:0;
}

#main .floatBox .right{
display:inline;
float:right;
margin:0;
}

#main .floatBox .left{
display:inline;
float:left;
margin:0;
width:460px;
}

#main .floatBox dl.enum{
margin:0.5em 0 0;
display:inline-block;
}

#main .floatBox dl.enum dt{
width:70px;
display:inline;
}

#main .floatBox dl.enum dd{
display:inline;
float:none;
width:auto;
margin:0;
padding:0 3px 7px;
}

/*リンクスタイル
-------------------------------------------------------------------- */
#main a.linkStyle{
	background: url(../img/common/arrow_blue.png) left 3px no-repeat;
	padding-left: 20px;
	display: block;
}

#main h2 a.linkStyle{
	background: url(../img/common/arrow_blue.png) left 5px no-repeat;
	padding-left: 20px;
	display: inline-block;
	border-bottom: 1px solid #1d2088;
	color: #1d2088;
}
#main h2 a.linkStyle:hover{
	border-bottom: 1px solid transparent;
	color: #444;
}


/*テーブルスタイル
-------------------------------------------------------------------- */
#main table{
margin:1.5em 0 1.5em;
width:100%;
border-left:1px solid #e0e0e0;
border-top:1px solid #e0e0e0;
background:#fff;
border-collapse:collapse;
border-spacing:0;
}

#main table caption{
font-size:116%;
font-weight:bold;
color:#f57312;
padding:0 0 0.5em;
}

#main table caption span{
display:inline-block;
float:right;
font-weight:normal;
color:#333;
font-size:85%;
}

#main table td,
#main table th{
padding:0.5em 5px;
border-right:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
}

#main table th{
background:#f2f2f2;
}

#main table th.ttl{
background:#eee;
}

#main table thead th{
background:#4245aa;
color:#fff;
text-align:center;
font-weight:bold;
}

#main table thead td{
background:#c5d9f1;
color:#333;
text-align:center;
font-weight:bold;
}

#main table tfoot td,
#main table tfoot th{
background:#f2f2f2;
}

#main table tfoot td{
background:#fff;
}

#main table thead th.nowrap,
#main table thead td.nowrap{
white-space:nowrap;
}

#main table.noLinesLeft{
border-left:none;
}

#main table.noLinesLeft th{
border-left:1px solid #e0e0e0;
}

#main table.noLinesLeft td.erase{
border-right:none;
border-left:none;
}

/* インデックスコンテンツ
-------------------------------------------------------------------- */
#main #newsArea{
background:#fff;
border:1px solid #ddd;
padding:15px 15px 5px;
margin:0 0 40px;
}

#main #newsArea h2{
font-size:131%;
font-weight:bold;
padding:0 0 4px;
margin:0; 
border:none;
background:url(../img/index/bg_news.gif) left bottom repeat-x;
}

#main #newsArea ul{
margin:0 0 10px;
padding:0;
}

#main #newsArea ul li{
padding:0;
margin:0;
background:none;
border-bottom:1px dashed #ddd;
}

#main #newsArea ul li:last-child{
border:none;
}

#main #newsArea ul li a{
text-decoration:none;
background:url(../img/common/arrow_bottom.png) right center;
width:15px;
height:15px;
}

#main #newsArea ul li dl{
padding:10px 15px;
margin:5px 0;
}

#main #newsArea ul li dl:hover{
background:#f0f7ff;
}

#main #newsArea ul li dl.active{
background:#f0f7ff;
}

#main #newsArea ul li dt{
float:left;
}

#main #newsArea ul li dt.acList{
display:block;
cursor:pointer;
}

#main #newsArea ul li dt span{
margin:0 15px;
vertical-align:middle;
}

#main #newsArea ul li dd.acList{
color:#1d2088;
text-decoration:underline;
display:block;
cursor:pointer;
padding: 0 25px 0 0;
margin:0;
background: url(../img/common/arrow_bottom.png) right top no-repeat;
}

#main #newsArea ul li dd.active{
background:url(../img/common/arrow_top.png) right top no-repeat;
}

#main #newsArea ul li dd:hover{
text-decoration:none;
}

#main #newsArea ul li dd.acArea{
background:url(../img/index/bg_accordion_shadow.png) left top no-repeat;
clear:both;
display:none;
padding:10px 0 0;
margin:10px 0 0;
}

#main #newsArea ul li dd ul li{
padding:0 0 .5em;
margin:.5em 0 .5em;
}

#main .columnList{
padding:0;
margin:0 0 10px;
padding:0;
display:block;
}

#main .columnList li{
width:335px;
float:left;
display:inline;
background:none;
margin:0 5px 10px 0;
padding:4px;
border:1px solid #ddd;
}
	
#main .columnList li:hover{
background:#f0f7ff;
}

#main .columnList li:nth-child(2n){
float:right;
margin:0 0 10px 5px;
}

#main .columnList li a dl{
padding:0;
margin:0;
}

#main .columnList li a dl dd{
background:url(../img/common/arrow_blue.png) 310px center no-repeat;
color:#1d2088;
font-size:123.1%;
font-weight:bold;
margin:5px 0;
padding:4px 0 0 8px;
}

.mainBanner {
	border: 5px solid #1d2088;
	padding: 15px !important;
	text-align: center;
}
.mainBanner img {
	max-width: 100%;
}
.mainBanner ul {
	margin-top: 10px !important;

}

.mainBanner ul li a{
	background-color: #1d2088;
	display: block;
	color: #fff;
	padding: 10px;
	font-size: 123.1%;
}
.mainBanner ul li a:hover{
	opacity: .6;
}

.mainBanner ul li a strong{
	font-weight: bold;
	font-size: 123.1%;
	text-decoration: none !important;
}

/* width設定
-------------------------------------------------------------------- */
#main .wid1{width:1%;}#main .wid2{width:2%;}#main .wid3{width:3%;}#main .wid4{width:4%;}#main .wid5{width:5%;}#main .wid6{width:6%;}#main .wid7{width:7%;}#main .wid8{width:8%;}#main .wid9{width:9%;}#main .wid10{width:10%;}#main .wid11{width:11%;}#main .wid12{width:12%;}#main .wid13{width:13%;}#main .wid14{width:14%;}#main .wid15{width:15%;}#main .wid16{width:16%;}#main .wid17{width:17%;}#main .wid18{width:18%;}#main .wid19{width:19%;}#main .wid20{width:20%;}#main .wid21{width:21%;}#main .wid22{width:22%;}#main .wid23{width:23%;}#main .wid24{width:24%;}#main .wid25{width:25%;}#main .wid26{width:26%;}#main .wid27{width:27%;}#main .wid28{width:28%;}#main .wid29{width:29%;}#main .wid30{width:30%;}#main .wid31{width:31%;}#main .wid32{width:32%;}#main .wid33{width:33%;}#main .wid34{width:34%;}#main .wid35{width:35%;}#main .wid36{width:36%;}#main .wid37{width:37%;}#main .wid38{width:38%;}#main .wid39{width:39%;}#main .wid40{width:40%;}#main .wid41{width:41%;}#main .wid42{width:42%;}#main .wid43{width:43%;}#main .wid44{width:44%;}#main .wid45{width:45%;}#main .wid46{width:46%;}#main .wid47{width:47%;}#main .wid48{width:48%;}#main .wid49{width:49%;}#main .wid50{width:50%;}#main .wid51{width:51%;}#main .wid52{width:52%;}#main .wid53{width:53%;}#main .wid54{width:54%;}#main .wid55{width:55%;}#main .wid56{width:56%;}#main .wid57{width:57%;}#main .wid58{width:58%;}#main .wid59{width:59%;}#main .wid60{width:60%;}#main .wid61{width:61%;}#main .wid62{width:62%;}#main .wid63{width:63%;}#main .wid64{width:64%;}#main .wid65{width:65%;}#main .wid66{width:66%;}#main .wid67{width:67%;}#main .wid68{width:68%;}#main .wid69{width:69%;}#main .wid70{width:70%;}#main .wid71{width:71%;}#main .wid72{width:72%;}#main .wid73{width:73%;}#main .wid74{width:74%;}#main .wid75{width:75%;}#main .wid76{width:76%;}#main .wid77{width:77%;}#main .wid78{width:78%;}#main .wid79{width:79%;}#main .wid80{width:80%;}#main .wid81{width:81%;}#main .wid82{width:82%;}#main .wid83{width:83%;}#main .wid84{width:84%;}#main .wid85{width:85%;}#main .wid86{width:86%;}#main .wid87{width:87%;}#main .wid88{width:88%;}#main .wid89{width:89%;}#main .wid90{width:90%;}#main .wid91{width:91%;}#main .wid92{width:92%;}#main .wid93{width:93%;}#main .wid94{width:94%;}#main .wid95{width:95%;}#main .wid96{width:96%;}#main .wid97{width:97%;}#main .wid98{width:98%;}#main .wid99{width:99%;}#main .wid100{width:100%;}



/* clearfix
-------------------------------------------------------------------- */
#main .bnr,
#headerMenu #kandaiNav,
.clearfix{
display: inline-block;
}

#main .bnr,
#headerMenu #kandaiNav,
.clearfix{
display: block;
}

#main .bnr:after,
#headerMenu #kandaiNav:after,
.clearfix:after{
content: url(../img/common/pixel.gif);
display: block;
clear: both;
height: 0;
}