@charset "UTF-8";

/* CSS Document */

/* ----------------------------------------------------------------------------------
contents
---------------------------------------------------------------------------------- */

#seoArea {
font-size: 24px;
margin: 0px auto;
padding: 7px 2px;
}

#mainPhotoArea {
background: url(../../img/index/main_photo1.jpg) no-repeat center top;
width: 700px;
height: 310px;
margin: 0px auto;
margin-bottom: 15px;
padding: 0px;
}

#indexLeftArea {
float: left;
width : 700px;
margin: 0px;
padding: 0px;
}

#higashinihon {
margin: 0px auto;
padding: 12px;
border: 1px solid #ccc;
border-radius: 5px;         /* CSS3 */
-moz-border-radius: 5px;    /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
}

#indexRightArea {
float: right;
width : 260px;
margin: 0px;
padding: 0px;
}

.subTitle {
margin: 15px 0px 10px 0px;
}

.firstOneAreaBody {
width: 700px;
margin: 0px;
}

.firstOneAreaBodyB {
width: 652px;
margin: 0px auto;
padding: 0px 15px;
border-left: 1px solid #14A83B;
border-right: 1px solid #14A83B;
}

.firstOneAreaBodyBtop {
background: url(../../img/index/first_one_bg_top.gif) no-repeat;
width: 684px;
height: 20px;
margin: 0px auto;
padding: 0px;
}

.firstOneAreaBodyBbottom {
background: url(../../img/index/first_one_bg_bottom.gif) no-repeat;
width: 684px;
height: 10px;
margin: 0px auto;
padding: 0px;
}

.firstOneAreaBodyBMenu {
background: url(../img/mark.gif) no-repeat;
background-position: 0px 12px;
margin: 0px auto;
padding: 10px 0px 9px 22px;
border-bottom: 1px dotted #99cc33;
}

.firstOneAreaBodyBMenu a:link	 { color: #4c4c4c; text-decoration: none }
.firstOneAreaBodyBMenu a:visited { color: #4c4c4c; text-decoration: none }
.firstOneAreaBodyBMenu a:active	{ color: #4c4c4c; } 
.firstOneAreaBodyBMenu a:hover	{ color: #ff6600; text-decoration: underline }

.firstOneAreaBodyBMenuB {
background: url(../img/mark.gif) no-repeat;
background-position: 0px 12px;
margin: 0px auto;
padding: 10px 0px 9px 22px;
}

.firstOneAreaBodyBMenuB a:link	 { color: #4c4c4c; text-decoration: none }
.firstOneAreaBodyBMenuB a:visited { color: #4c4c4c; text-decoration: none }
.firstOneAreaBodyBMenuB a:active	{ color: #4c4c4c; } 
.firstOneAreaBodyBMenuB a:hover	{ color: #ff6600; text-decoration: underline }

#whatsNewBottom {
font-size: 12px;
margin: 0px auto;
padding: 10px 0px;
}

#memberArea {
background: url(../../img/index/member_bg.jpg) no-repeat left;
width: 260px;
height: 150px;
text-align: center;
margin: 10px 0px 0px 0px;
padding: 0px;
}

#memberAreaInner {
width: 230px;
text-align: left;
margin: 0px auto;
padding-top: 45px;
}

#systemArea {
width: 260px;
text-align: left;
margin: 10px 0px;
padding: 0px;
}

#systemAreaTop {
background: url(../../img/index/system_top_bg.jpg) no-repeat;
width: 260px;
height: 40px;
margin: 0px;
padding: 0px;
}

#infoAreaTop {
background: url(../../img/index/info_bg.jpg) no-repeat;
width: 260px;
height: 40px;
margin: 0px;
padding: 0px;
}

.systemAreaMiddle {
background: url(../../img/index/system_middle_bg.jpg) repeat-y;
width: 260px;
margin: 0px;
padding: 0px;
}

.systemAreaBottom {
background: url(../../img/index/system_bottom_bg.jpg) no-repeat;
width: 260px;
height: 10px;
margin: 0px;
padding: 0px;
}

.systemAreaInner {
width: 230px;
text-align: left;
margin: 0px auto;
padding: 7px 0px;
}

.systemAreaInnerMenu {
position: relative;
background: url(../img/mark.gif) no-repeat;
background-position: 0px 4px;
width: 208px;
font-size: 16px;
line-height: 130%;
margin: 0px auto;
padding-left: 22px;
}

#pageTopIndex {
clear: both;
width: 983px;
text-align: right;
margin-top: 15px;
padding: 0px;
}

#logoBannerArea {
overflow: hidden;
margin: 0px auto;
padding: 0px;
}


#logoBannerAreaL {
float: left;
width: 125px;
margin-top: 10px;
padding: 0px;
}

#logoBannerAreaR {
float: right;
width: 123px;
height: 158px;
margin-top: 10px;
padding: 0px;
border: 1px solid #ccc;
}

#logoBannerAreaInner {
font-size: 12px;
text-align: center;
margin-top: 3px;
padding: 0px;
line-height: 16px;
}

#jtriArea {
clear: both;
background-color: #FFFFCC;
width: 238px;
font-size: 12px;
margin: 10px 0px;
padding: 10px;
border: 1px solid #ccc;
}

#news dt {
float: left;
font-size: 12px;
padding: 10px 0px;
}

#news dd {
font-size: 12px;
padding: 10px 0px 10px 18px;
border-bottom: 1px dotted #ccc;
}

.kumamoto {
position: relative;
background: #FFECE8;
float: right;
width: 342px;
font-size: 16px;
color: #B20C4C;
padding: 18px;
border: 1px solid #B20C4C;
border-radius: 5px;
box-sizing: border-box;
}

.kumamotoImg {
position: absolute;
right: 2px;
top: -22px;
}

/* ----------------------------------------------------------------------------------
firstOneButton
---------------------------------------------------------------------------------- */

#firstOneArea {
position: relative;
width: 700px;
height: 164px;
margin-bottom: 8px;
}

#firstOneNavigation ul li {
position: absolute;
height: 164px;
}

#firstOneNavigation ul li a {
display: block;
outline-width: 0px; 
font-size:1px;
line-height: 100%;
height: 164px;
}

#firstOneNavigation ul li a span { display: none; }


#firstOneNavigation01 {
background: url(../../img/index/first_one_button01.jpg) no-repeat left top;
top: 0px;
left: 5px;
width: 228px;
}

#firstOneNavigation01 a {
width: 228px;
}

#firstOneNavigation01 a:hover {
background: url(../../img/index/first_one_button01_f2.jpg) no-repeat left top;
}

#firstOneNavigation02 {
background: url(../../img/index/first_one_button02.jpg) no-repeat left top;
top: 0px;
left: 238px;
width: 228px;
}

#firstOneNavigation02 a {
width: 228px;
}

#firstOneNavigation02 a:hover {
background: url(../../img/index/first_one_button02_f2.jpg) no-repeat left top;
}

#firstOneNavigation03 {
background: url(../../img/index/first_one_button03.jpg) no-repeat left top;
top: 0px;
left: 471px;
width: 228px;
}

#firstOneNavigation03 a {
width: 228px;
}

#firstOneNavigation03 a:hover {
background: url(../../img/index/first_one_button03_f2.jpg) no-repeat left top;
}

.smallRed12 {
font-size: 12px;
color:#CC0000;
}

#koukokuArea {
margin: 18px auto;
padding: 17px 20px;
border: 1px solid #999;	
}

#koukokuCenter {
text-align: center;
margin: 0px auto;
padding: 0px;
}

.koukokuRight {
text-align: right;
margin: 0px auto;
padding: 0px;
}

#infoT {
background-color: #FFF2F2;
color: #D90000;
font-size: 16px;
margin: 0px auto;
padding: 20px;
border: 1px solid #D90000;
border-radius: 5px;	
}