@charset "utf-8";

#mainArea #contentsArea{
padding-top:3px;
}
#keyimgArea h2{
margin-bottom:0;
}

.bnr01 {
background:url(../img/index_img_001.jpg) no-repeat left top;
width:640px;
height:103px;
margin:0 ;
}

.bnr01 a{
display:block;
width:640px;
height:103px;
text-indent:-9999px;
}

.bnr01 a:hover{
background:url(../img/index_img_001ov.jpg) no-repeat left top;
}

.bnr03 {
background:url(../cmn_img/index_bnr_004.gif) no-repeat left top;
width:640px;
height:83px;
margin:0 0 20px;
}

.bnr03 a{
display:block;
width:640px;
height:83px;
text-indent:-9999px;
}

.bnr03 a:hover{
background:url(../cmn_img/index_bnr_004ov.gif) no-repeat left top;
}


#modelBox{
background:url(../img/index_img_007.gif) no-repeat left top;
width:640px;
height:219px;
margin-bottom:10px;
}

#modelBox ul:after {
	content: "."; 
	display:block; 
	height:0; 
	clear: both;
	visibility: hidden;}
#modelBox ul { display: inline-block; }

/* Hides from IE-mac \*/
* html #modelBox ul {height:1%;}
#modelBox ul {display:block;}
/* End hide from IE-mac */

#modelBox ul{
margin:0 15px 10px;
}

#modelBox li{
float:left;
width:298px;
height:92px;
}

#modelBox li#model01{
background:url(../img/index_img_002.jpg) no-repeat left top;
margin:10px 14px 10px 0;
}

#modelBox li#model01 a{
display:block;
width:298px;
height:92px;
text-indent:-9999px;
}
#modelBox li#model01 a:hover{
background:url(../img/index_img_002ov.jpg) no-repeat left top;
}

#modelBox li#model02{
background:url(../img/index_img_003.jpg) no-repeat left top;
margin:10px 0 10px 0;
}

#modelBox li#model02 a{
display:block;
width:298px;
height:92px;
text-indent:-9999px;
}
#modelBox li#model02 a:hover{
background:url(../img/index_img_003ov.jpg) no-repeat left top;
}

#modelBox li#model03{
background:url(../img/index_img_004.jpg) no-repeat left top;
margin:0 14px 0 0;
}

#modelBox li#model03 a{
display:block;
width:298px;
height:92px;
text-indent:-9999px;
}
#modelBox li#model03 a:hover{
background:url(../img/index_img_004ov.jpg) no-repeat left top;
}

#modelBox li#model04{
background:url(../img/index_img_005.jpg) no-repeat left top;
}

#modelBox li#model04 a{
display:block;
width:298px;
height:92px;
text-indent:-9999px;
}
#modelBox li#model04 a:hover{
background:url(../img/index_img_005ov.jpg) no-repeat left top;
}

.bnr02 {
background:url(../img/index_img_006.gif) no-repeat left top;
width:640px;
height:122px;
margin-bottom:9px;
}

.bnr02 a{
display:block;
width:640px;
height:122px;
text-indent:-9999px;
}

.bnr02 a:hover{
background:url(../img/index_img_006ov.gif) no-repeat left top;
}

.mainBnrBlock{
width:640px;
}
.mainBnrBlock li{
float:left;
}

.mainBnrBlock li.reason{
background: url(../cmn_img/index_bnr_001.gif) no-repeat left top;
width:203px;
height:92px;
margin-right:15px;
}
.mainBnrBlock li.reason a{
display:block;
width:203px;
height:92px;
text-indent:-9999px;
}
.mainBnrBlock li.reason a:hover{
background: url(../cmn_img/index_bnr_001ov.gif) no-repeat left top;
}

.mainBnrBlock li.effect{
background: url(../cmn_img/index_bnr_002.gif) no-repeat left top;
width:203px;
height:92px;
margin-right:15px;
}
.mainBnrBlock li.effect a{
display:block;
width:203px;
height:92px;
text-indent:-9999px;
}
.mainBnrBlock li.effect a:hover{
background: url(../cmn_img/index_bnr_002ov.gif) no-repeat left top;
}

.mainBnrBlock li.flow{
background: url(../cmn_img/index_bnr_003.gif) no-repeat left top;
width:204px;
height:92px;
}
.mainBnrBlock li.flow a{
display:block;
width:204px;
height:92px;
text-indent:-9999px;
}
.mainBnrBlock li.flow a:hover{
background: url(../cmn_img/index_bnr_003ov.gif) no-repeat left top;
}