﻿@charset "utf-8";

@import "reset.css";
@import "screen.css";
@import "common.css";

/*----------------------------------------------------------------------------
******************************************************************************
Index
******************************************************************************
----------------------------------------------------------------------------*/
	

/* main image
------------------------------------------------------------ */
#mainimg{background:url(../idx_img/main_img.jpg) 0 0 no-repeat; margin-bottom:20px;}
#mainimg p{font-size:1%;}

#mainimg p.idx01{width:600px; padding-bottom:199px;	float:left; text-indent:-99999px;}
#mainimg ul.idx02{width:198px; padding:8px 0 3px 2px; float:left;}
#mainimg ul.idx02 li{margin-bottom:5px;}
#mainimg ul.idx02 li a{
	width:190px;
	height:55px;
	padding-bottom:3px;
	display:block;
	text-indent:-99999px;}

#mainimg ul.idx02 li.mbtn01 a:hover{background:url(../idx_img/main_btn01_hover.jpg) 0 0 no-repeat;}
#mainimg ul.idx02 li.mbtn02 a:hover{background:url(../idx_img/main_btn02_hover.jpg) 0 0 no-repeat;}
#mainimg ul.idx02 li.mbtn03 a:hover{background:url(../idx_img/main_btn03_hover.jpg) 0 0 no-repeat;}

/* section01
------------------------------------------------------------ */
#NewBox{
	background:url(../idx_img/idx_bg01.gif) 0 100% no-repeat; padding-bottom:5px; margin-bottom:20px;}
#NewBox p.new01{
	font-size:1px;
	padding-bottom:29px;
	text-indent:-99999px;
	background:url(../idx_img/idx_ttl01.jpg) 0 0 no-repeat #FFFFFF;}
#NewBox div.newbg{
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	padding:7px 11px;}
	
/* section02
------------------------------------------------------------ */
h2{
	background:url(../idx_img/idx_ttl02.gif) 0 0 no-repeat;
	font-size:1px;
	height:43px;
	text-indent:-99999px;}
p.sec2txt{
	font-size:90%;
	padding:0 10px;
	margin-bottom:20px;}
	
/* section02
------------------------------------------------------------ */
#IntroBox{
	width:555px;
	background:url(../idx_img/idx_img03.jpg) 0 100% no-repeat #FFFBEC;
	padding-bottom:5px;}
#IntroBox01{
	width:555px;
	background:url(../idx_img/idx_img01.jpg) 0 0 no-repeat;
	padding-top:5px;}
#IntroBox02{
	width:553px;
	background:url(../idx_img/idx_img02.jpg) 0 0 no-repeat;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;}
	
#IntroBox02 div.Lbox{
	width:290px;
	padding:5px 0 0 10px;
	float:left;}
#IntroBox02 p.LboxT{
	width:228px;
	margin-bottom:10px;
	height:28px;
	text-indent:-99999px;}	
#IntroBox02 p.LboxB{
	width:278px;
	height:228px;
	margin-bottom:10px;
	text-indent:-99999px;}
	
#IntroBox02 ul.Rbox{
	width:218px;
	float:left;
	padding:42px 5px 0 30px;}
#IntroBox02 ul.Rbox li{
	background:url(../cmn_img/list_icon01.jpg) 0 4px no-repeat;
	padding-left:20px;}
#IntroBox02 ul.Rbox li span{color:#FF0000;}



.attention {
	color: #00f;
}

.attention02, .attention02 a {
	color: #f00;
	text-decoration: none;
}

	.attention02 a:hover {
		text-decoration: underline;
	}