﻿@charset "utf-8";


/* トップページ(body#topPage)
------------------------------------*/
/*上段■■■■■■■■■■■■■■■■■*/
/*左メイン写真*/

#topPage #mainContent{
	background:url(../images/top/top_line01.gif) no-repeat left bottom;
	padding:0 0 6px;
	margin-bottom:20px;
}

#topPage #mainPhoto{
	width: 498px;
	margin:0 0 0 -30px;
	position:relative;
	float:left;
}

/*右メイン写真*/
#topPage #contentRight{
	width: 450px;
	float: right;
	padding:35px 0 0;
	line-height:0;
}

#topPage #contentRight p.right{
	text-align:right;
	margin:15px 0 0 0;
	padding:0 8px 15px 0;
	background:url(../images/top/top_line02.gif) no-repeat left bottom;
}

/*下段■■■■■■■■■■■■■■■■■*/
/* 左お知らせー-------------------*/
#topPage #newsBox{
	float:left;
	width:420px;
}

/* お知らせ一覧ボタン */
#topPage h3{
	position:relative;
	margin-bottom:5px;
}
#topPage h3 span{
	position:absolute;
	top:-1px;
	left:324px;
}

/*for IE7 only*/
*:first-child+html #topPage h3 span{
	top:-7px;
}

/*■ アイコン(お知らせと共通 body#informationPage) ■*/

#topPage dl{
	margin-top:-4px;
}

#topPage dt,
#topPage dd{
	line-height:145%;
}

#topPage dl.newsList dt{
	width:128px;
	padding:0 ;
	margin:0;
	float:left;
	clear:both;
}

#topPage dl.newsList dd{
	padding:7px 2px 7px 128px;
	margin:0;
	background:url(../images/common/dot_x.gif) repeat-x left bottom;
}

/* 右バナー-------------------*/

#topPage div.fRight{
	float:right;
	width:490px;
}

#topPage #banner{
	width:490px;
	margin:0 0 11px;
	padding:0;
}

#topPage #banner p{
	float:left;
}

#topPage #banner p.fRight{
	float:right;
}

/* ■グレー枠（背景・ボーダー）■ */
#topPage #grayBorder{
	width:448px !important;
	width:488px;
	border:1px solid #e1dece;
	background-color:#f5f3e8;
	padding:15px 20px 20px !important;
	padding:15px 20px 15px;
	margin:0;
}

p#detailBt{
	width:117px;
	height:11px;
	float:right;
	margin:5px 0 0;
	background:url(../images/top/top_bt_detail.gif) no-repeat 0 0;
}

p#detailBt a{
	width:117px;
	height:11px;
	display:block;
}

p#detailBt a:hover{
	background:url(../images/top/top_bt_detail_hover.gif) no-repeat 0 0;
}

p#detailBt img{
	vertical-align:top;
}


p#detailBt a:hover img{
	visibility:hidden;
}






