@charset "UTF-8";

@import "default.css";
@import "common.css";


/*----------------------------------------------------------------------------
******************************************************************************
CSS for index
******************************************************************************
----------------------------------------------------------------------------*/

.contents h3 { width:665px; height:30px; text-indent:-99999px;}

.contents h3.h301 { background: url(../images/index_001.gif) 0 0 no-repeat; margin:0 0 9px 0;}
.contents h3.h302 { background: url(../images/index_002.gif) 0 0 no-repeat;}
.contents h3.h303 { background: url(../images/index_018.gif) 0 0 no-repeat; height:20px; margin:5px 0 5px 0;}
.contents h3.h304 { background: url(../images/index_019.gif) 0 0 no-repeat; height:20px; margin:20px 0 5px 0;}
.contents h3.h305 { background: url(../images/index_020.jpg) 0 0 no-repeat; margin:0 0 9px 0;}

/*----------------------------------------------------------------------------*/

.contentsBox { width:665px; margin-bottom:10px;}
.contentsBox2 { width:665px; margin:0 0 10px 1px;}
.contentsBox p,.contentsBox2 p{ font-size:78%; line-height:1.5;}

.contentsBox2 p a:link{color:#009900;text-decoration:underline;}
.contentsBox2 p a:visited{color:#009900;text-decoration:underline;}
.contentsBox2 p a:hover{color:#ff6600;text-decoration:none;}
.contentsBox2 p a:active{color:#ff6600;text-decoration:none;}
.contentsBox2 p a:focus{outline:none;}

.contentsBox div.inbnrL a{ 
float:left;
width:327px;
height:148px;
background: url(../images/index_003.jpg) 0 0 no-repeat;
display:block;
text-indent:-9999px;
outline:none;
}

.contentsBox div.inbnrL a:hover{background-position:-327px;}


.contentsBox div.inbnrR a{
float:right;
width:327px;
height:148px;
background: url(../images/index_004.jpg) 0 0 no-repeat;
display:block;
text-indent:-9999px;
outline:none;
}
.contentsBox div.inbnrR a:hover{background-position:-327px;}


/*----------------------------------------------------------------------------*/

.contentsBox p{
width:326px;
height:81px;
margin:9px 0 0 0;}

.contentsBox p.bnr01{ float:left;background: url(../images/index_007.jpg) 0 0 no-repeat;}
.contentsBox p.bnr02{ float:right;background: url(../images/index_008.jpg) 0 0 no-repeat;}
.contentsBox p.bnr03{ float:left;background: url(../images/index_009.jpg) 0 0 no-repeat; margin-bottom:5px;}
.contentsBox p.bnr04{ float:right;background: url(../images/index_010.jpg) 0 0 no-repeat; margin-bottom:5px;}

.contentsBox p a{
display:block;
width:326px;
height:81px;
text-indent:-99999px;}

.contentsBox p.bnr01:hover{ float:left;background: url(../images/index_007ov.jpg) 0 0 no-repeat;}
.contentsBox p.bnr02:hover{ float:right;background: url(../images/index_008ov.jpg) 0 0 no-repeat;}
.contentsBox p.bnr03:hover{ float:left;background: url(../images/index_009ov.jpg) 0 0 no-repeat;}
.contentsBox p.bnr04:hover{ float:right;background: url(../images/index_010ov.jpg) 0 0 no-repeat;}

/*----------------------------------------------------------------------------*/

div.unei {
width:650px;
height:23px;
background: url(../images/index_011.gif) 0 0 no-repeat; padding:17px 0 7px 15px;}

div.unei2 {
width:635px;
background: url(../images/index_013.gif) 0 100% no-repeat; padding:0 15px 10px 15px;}

div.unei2 div.box1 {
float:left;
width:98px;
height:47px;
background: url(../images/index_014.gif) 0 0 no-repeat;}

div.unei2 div.box1 a {
display:block;
width:98px;
height:47px;
text-indent:-99999px;}

div.unei2 div.box2 {
float:left;
width:350px;
padding:0 0 0 12px;}

div.unei2 div.box2 p{
line-height:1.5;
font-size:78%;}

div.unei2 div.box2 p.text1{
line-height:1.6;
font-weight:bold;}

div.unei2 div.box2 p.text2{
font-size:110%;
letter-spacing:-0.01em;
color:#ff6633;
font-weight:bold;}

div.unei2 div.box3 {
float:right;
width:157px;
text-indent:-99999px;}

div.unei2 div.box3 p.comp{
background: url(../images/index_015.gif) 0 0 no-repeat;
margin-bottom:7px;
width:157px;
height:24px;}
div.unei2 div.box3 p.privacy{
background: url(../images/index_016.gif) 0 0 no-repeat;
width:157px;
height:24px;}

div.unei2 div.box3 p a{
display:block;
width:157px;
height:24px;}

div.unei2 div.box3 p.comp a:hover { background: url(../images/index_015ov.gif) 0 0 no-repeat;}
div.unei2 div.box3 p.privacy a:hover { background: url(../images/index_016ov.gif) 0 0 no-repeat;}


/*-------------090413---------------*/
.img_fR {
	float: right;
	margin: 10px;
	padding: 0;
}