@charset "shift_jis";
/* =======================================================
  file name  :  toppage.css
  style info :  トップページ用
========================================================== */



/* -------------------------------------------------------
  #topcontent
  トップコンテンツ
---------------------------------------------------------- */

#topcontent{
	width:850px;
	margin:0 auto;
}

div.topimage{
	padding:0 0 20px 0;
}

#topcontent h4{
	font-weight:bold;
	line-height:1;
	background:url(../imgs/ttl02_bg.gif) no-repeat 0 0;
	font-size:116%;/*15px*/
	padding:5px 0 6px 10px;
	margin-bottom:5px;
	color:#046379;
}
#topcontent h4 span{
	padding:5px 10px;
	background-color:#FFFFFF;
}

div.toplinkarea{
	width:850px;
	height:420px;
	position:relative;
}


/*　linkbox用
---------------------------------------------------------- */

.linkbox{
	position:absolute;
}
div.toplinkarea a{
	text-decoration:none;
}
div.toplinkarea p.img{
	padding:1px;
	border:1px solid #B4B4B5;
}

div.toplinkarea p.txt{
	line-height:1;
	border: solid #B4B4B5;
	border-width:0 1px 1px 1px;
	padding:7px 5px 7px 25px;
	background:url(../imgs/icon01.gif) no-repeat 8px 6px;
	font-size:108%;
}

div.toplinkarea div:hover p.txt{
	background-image:url(../imgs/icon01_on.gif);
}

div.toplinkarea div.box7{top:0;left:0;width:279px;height:202px;}
div.toplinkarea div.box1{top:0;left:286px;width:279px;height:202px;}
div.toplinkarea div.box2{top:0;left:572px;width:278px;height:202px;}

div.toplinkarea div.box3{top:215px;left:0;width:279px;height:202px;}
div.toplinkarea div.box4{top:215px;left:286px;width:279px;height:202px;}
div.toplinkarea div.box5{top:215px;left:572px;width:278px;height:202px;}



/*　carousel用
---------------------------------------------------------- */

.html_carousel {
	position: relative;
	margin-bottom:20px;
}
.html_carousel div.slide {
	position: relative;
	width: 850px;
	height: 370px;
	background:no-repeat 0 0;
}


.html_carousel div.carb1{ background-image:url(../../imgs/topimage01.jpg); }
.html_carousel div.carb2{ background-image:url(../../imgs/topimage02.jpg); }
.html_carousel div.carb3{ background-image:url(../../imgs/topimage03.jpg); }
.html_carousel div.carb4{ background-image:url(../../imgs/topimage04.jpg); }
.html_carousel div.carb5{ background-image:url(../../imgs/topimage05.jpg); }
.html_carousel div.carb6{ background-image:url(../../imgs/topimage06.jpg); }


.html_carousel div.slide div {
	background:url(../../imgs/topimage_bg.png) repeat 0 0;
	width: 520px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
#topcontent .html_carousel div.slide h3,
#topcontent .html_carousel div.slide p{
	color:#FFF;
	margin:0 10px;
}

#topcontent .html_carousel div.slide h3{
	padding: 10px 0 5px 0;
	font-size:131%;/*17px*/
	font-weight:bold;
	border-bottom:1px dotted #CCCCCC;
}
#topcontent .html_carousel div.slide p{
	padding: 5px 0 5px 0;
	font-size:108%;/*14px*/
	line-height:1.5;
}
#topcontent .html_carousel div.slide p.btn_here{
	text-align:right;
	padding:5px 0 10px 0;
}
.clearfix {
	float: none;
	clear: both;
}




#pager {
	width: 244px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#pager li{
	list-style:none;
	line-height:1;
	font-size:108%;/*14px*/
}
#pager a {
	color: #fff;
	text-decoration: none;
	line-height: 30px;
	display: block;
	padding: 0 0 3px 25px;
	background:url(../../imgs/topimage_menubg_off.png) no-repeat 0 0;
}
#pager a:hover {
	color: #000;
	background-image:url(../../imgs/topimage_menubg_on.png);
}
#pager li.selected a {
	color: #000;
	background-image:url(../../imgs/topimage_menubg_on.png);
}