@charset "UTF-8";
/********************************
mainNav
*********************************/
.indexMainVisual{
background:url(../images/indexMainVisual.png) no-repeat;
float: right;
width:653px;
height:290px;
text-align:center;
padding-top:26px;
font-size:26px;
font-weight:bold;
letter-spacing: 0.16em;
}

/********************************
main
*********************************/
.clearfix{
}
.main .main-content{
padding: 0;
-webkit-border-radius: 6px;
-moz-border-radius:6px;
-webkit-border-radius:6px; 
border-radius:6px;
behavior: url("PIE.htc");
}
.main .main-content h3{
color: #fff;
font-size: 16px;
text-align:center;
padding: 5px 5px 8px;
line-height: 140%;
}
.main .con01 h3{background:#9bcd4f;}
.main .con02 h3{background:#F6712C;}
.main .con03 h3{background:#37C6BC;}
.main .con02 h3,
.main .con03 h3{
	display: table-cell;
	width: 313px;
	vertical-align: middle;
}
.main .con04 h3,
.main .con05 h3,
.main .con06 h3{
	display: table-cell;
	width: 195px;
	background:#3a90c3;
	vertical-align: middle;
}

.main .txt02 a{
padding-left: 15px;
color: #3a90c3;
font-size: 14px;
font-weight: bold;
line-height: 130%;
background:url(../images/arrow_blue.png) 0 center no-repeat;
}
.main .txt02 a:hover{
color: #2eb3d6;
}
.main .txt03{
padding: 5px 10px 0 25px;
text-indent: -1.2em;
}
.main .txt03 a{
padding: 0 0 0 1.2em;
color: #1157A3;
background:url(../images/link_icon02.png) 0 center no-repeat;
}
.main .txt03 a:hover{
text-decoration:underline;
}
.main .con02 img,
.main .con03 img{
float: left;
margin:8px 8px 0;
}
.main .con04 img,
.main .con06 img{
display:block;
margin:8px auto;
}


/* con01 */
.main .con01{
border:3px solid #9bcd4f;
}
.main .con01 img{
float: left;
margin:8px;
}
.con01-attention{
clear: both;
overflow: hidden;
margin: 0 10px;
padding:10px;
border-top: 1px solid #9bcd4f;
}
.con01-attention h4{
float: left;
width: 90px;
height: 90px;
margin:0 10px 0 0;
line-height: 90px;
-webkit-border-radius: 45px;
-moz-border-radius: 45px;
border-radius: 45px;
background-color: #faa424;
color: #fff;
font-size: 14px;
text-align: center;
}
.con01-attention p{
padding:0 0 0 100px;
}
.con01 .txt01{
padding: 10px 10px 5px;
line-height: 2;
}
.con01 .txt02{
margin: 0 0 5px;
padding: 0 0 0 210px;
color: #3a90c3;
font-size: 14px;
font-weight: bold;
text-indent:-15px;
}
/* con02,con03 */
.main .con02{
float: left;
width: 313px;
border:3px solid #F6712C;
margin: 15px 12px 0 0;
padding:0 0 5px;
}
.main .con03{
float: left;
width: 313px;
border:3px solid #37C6BC;
margin: 15px 0;
padding:0 0 5px;
}
.con02 .txt01,
.con03 .txt01{
padding: 10px 10px 5px 160px;
line-height: 1.4em;
}
.con02 .txt02,
.con03 .txt02{
padding: 0 10px 0 180px;
color: #3a90c3;
font-size: 14px;
font-weight: bold;
text-indent:-15px;
}
/* con04,5,6 */
.main .con04,
.main .con05,
.main .con06{
float: left;
width: 204px;
min-height:245px;
padding: 0 0 5px;
border:3px solid #3a90c3;
}
.main .con04{
margin:0 10px 15px 0;
}
.main .con05{
margin:0 10px 15px 0;
}
.main .con06{
margin:0 0 15px;
}
.con04 .txt01,
.con05 .txt01,
.con06 .txt01{
padding: 5px 10px 5px;
line-height: 2;
}
.con05 .txt02{
padding: 0 10px;
color: #3a90c3;
font-size: 14px;
font-weight: bold;
line-height: 130%;
}

.area ul li{
padding: 14px 40px;
border-bottom:#dcdcdc 1px dotted;
}
.area ul li a{
color:#3a90c3;
}
.area ul li .new{
background: #3a90c3;
color: #fff;
padding: 2px 14px;
margin: 0 10px;
}
.area ul li .txt{
display:block;
width:400px;
float:right;
text-align:left;
line-height:16px;
}
.area ul li.last{
border-bottom: none;
}
#event{
display:none;
}