@charset "UTF-8";

/* CSS Document */

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

#seoArea {
	font-size: 12px;
	margin: 0px auto;
    padding: 5px 2px;
}

#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 #ffcc00;
	border-right: 1px solid #ffcc00;
}

.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: 10px auto;
    padding: 7px 0px;
	border-top: 1px dotted #ccc;
}

#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;
}

#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 {
    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;
}

/* ----------------------------------------------------------------------------------
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;
}