@charset "UTF-8";

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


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

/* main-Img 
----------------------------------------------------------------------------*/
.main p.mainImg {
width:780px;
height:213px;
margin:0 0 11px 9px;
text-indent:-99999px;
background: url(../common/main_img.jpg) 0 0 no-repeat;}

/* index01 
----------------------------------------------------------------------------*/

.contents div.index01 {
width:576px;
border:solid 1px #999999;
padding:1px;
margin-bottom:18px;}

.contents div.index01 h3 {
width:576px;
height:25px;
text-indent:-99999px;
background: url(../images/index_01.gif) 0 0 no-repeat;}

.contents div.index01 p.left {
float:left;
display:inline;
margin:10px 0 8px 11px;
background: url(../images/index_02.jpg) 0 0 no-repeat;}

.contents div.index01 p.right {
float:right;
margin:10px 0px 4px 11px;
display:inline;
}

.contents div.index01 p.left a{
display:block;
width:270px;
height:88px;
text-indent:-99999px;}

.contents div.index01 p.left a:hover{ background: url(../images/index_02ov.jpg) 0 0 no-repeat;}

.contents div.index01 p.right a{
display:inline;
width:130px;
height:35px;
margin: 0 11px 10px 0;
}

.contents div.index01 p.right a img{
margin: 0;
}

/* index02 
----------------------------------------------------------------------------*/

.contents div.index02 { width:580px; margin-bottom:19px;background: url(../images/index_06.jpg) 0 0 repeat-y;}

.contents div.index02 p {
width:580px;
height:46px;
text-indent:-99999px;
background: url(../images/index_04.jpg) 0 0 no-repeat;}

.contents div.index02 ul {
padding:0 0 17px 0;
background: url(../images/index_05.jpg) 0 100% no-repeat;}

.contents div.index02 ul li {
margin:0 0 0 10px;
padding:6px 0 2px 20px;
font-size:78%;
line-height:1.4;
background: url(../images/index_07.jpg) 0 100% no-repeat;}

.contents div.index02 ul li a:link{ color:#FF6600;text-decoration:none;}
.contents div.index02 ul li a:visited{ color:#FF6600;text-decoration:none;}
.contents div.index02 ul li a:hover{ color:#FF6600;text-decoration:underline; padding-bottom:1px;}
.contents div.index02 ul li a:active{ color:#FF6600;text-decoration:underline; padding-bottom:1px;}

/* index03 
----------------------------------------------------------------------------*/

.contents h4 {
width:580px;
height:21px;
padding-bottom:4px;
text-indent:-99999px;
background:#FFFFFF url(../images/index_08.jpg) 0 0 no-repeat;}

.contents div.index03 {
width:570px;
padding:5px;
background: url(../images/index_09.jpg) 0 0 repeat;}

.contents div.index03 div.bgw {
width:550px;
padding:10px;
background:#FFFFFF;}

.contents div.index03 div.bgw h5 { height:19px; text-indent:-99999px;}
.contents div.index03 div.bgw h5.ttl01 {
width:280px;
background:#FFFFFF url(../images/index_10.jpg) 0 0 no-repeat;}
.contents div.index03 div.bgw h5.ttl02 {
width:462px;
margin-bottom:10px;
background:#FFFFFF url(../images/index_11.jpg) 0 0 no-repeat;}

.contents div.index03 div.bgw p { font-size:78%; line-height:1.4; padding-bottom:7px;}

/* index04 
----------------------------------------------------------------------------*/

.contents h3.ttl03 {
width:580px;
height:36px;
margin-top:20px;
text-indent:-99999px;
background: url(../images/index_12.jpg) 0 0 repeat;}

.contents div.index04 {
width:580px;
margin:0 0 10px 0;
background: url(../images/index_15.jpg) 0 0 repeat-y;}

.contents div.index04 div.index04bg {
width:580px;
padding:0 0 7px 0;
background: url(../images/index_14.jpg) 0 100% no-repeat;}

.contents div.index04 p {
font-size:78%;
line-height:1.5;
padding:10px 15px 15px 15px;}

.contents div.index04 dl{
width:558px;
margin:0 0 0 5px;
padding:10px 5px 2px 5px;
background:#FFFFFF;
border:solid 1px #CCCCCC;}

.contents div.index04 dl dt{
padding:0 0 2px 20px;
margin:0 0 0 5px;
font-size:85%;
line-height:1.4;
font-weight:bold;
background: url(../images/index_13.jpg) 0 1px no-repeat;}

.contents div.index04 dl dt a{ color:#FF6600;}
.contents div.index04 dl dt a:hover{ color:#FF6600; text-decoration:underline;}

.contents div.index04 dd{
font-size:78%;
line-height:1.2;
color:#333333;
margin:0 0 8px 8px;
font-weight:normal;}