@charset "Shift_JIS";
/**
 :タイトル "トップページ用 スタイル";
 :一行説明 "トップページ用のスタイルシートです";
 :作成日 "2008-12-08";
 :改訂版 [:版 "1.1.0"; :作成日 "2009-02-03"];
*/

/* ヘッダー
   --------------------------------------------- */
#hdHeader{
	height: 71px;
	margin-bottom: 12px;
	background: url(../image/bg_hdheader01.gif) repeat-x left top;
}
#hdHeader div.inner{
	background: url(../image/top/bg_hdheader01.jpg) no-repeat left top;
}
#hdHeader div.inner h1{
	top: 26px;
	left: 19px;
	margin: 0;
	padding: 0;
	font-size: 6px;
}
#hdHeader div.inner ul.lang{
	bottom: 0px;
}


/* トップページ メニュー
   --------------------------------------------- */
#topIndex{
	overflow: hidden;
	position: relative;
	width: 740px;
	height: 444px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#topIndex div.box{
	position: relative;
	float: left;
	width: 240px;
	height: 226px;
	margin: 0 10px 10px 0;
}
#topIndex div.box img{
	vertical-align: bottom;
}
#topIndex div.box h2{
	margin: 0 0 10px;
	font-size: 6px;
}
#topIndex div.box ul{
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 6px;
}
#topIndex div.box ul li{
	margin: 0 0 6px;
	padding: 0;
	line-height: 1;
	font-size: 6px;
}
#topIndex div.box ul li img{
	vertical-align: bottom;
}
#topIndex div.box ul li.contact{
	position: absolute;
	bottom: 13px;
	left: 9px;
	margin: 0;
}
#topIndex div.box1{
	background: url(../image/top/bg_top-cat01.jpg) no-repeat top left;
}
#topIndex div.box2{
	background: url(../image/top/bg_top-cat02.jpg) no-repeat top left;
}
#topIndex div.box3{
	margin-right: 0;
	background: url(../image/top/bg_top-cat03.jpg) no-repeat top left;
}
#topIndex div.box4{
	height: 208px;
	background: url(../image/top/bg_top-cat04.jpg) no-repeat top left;
}
#topIndex div.box5{
	height: 208px;
	background: url(../image/top/bg_top-cat05.jpg) no-repeat top left;
}
#topIndex div.box6{
	position: absolute;
	bottom: 99px;
	right: 0px;
	height: 109px;
	margin: 0;
}
#topIndex div.box7{
	position: absolute;
	top: 354px;
	right: 0px;
	height: 88px;
	margin: 0;
}
#topIndex div.box7 ul{
	margin: 0;
}


/* #topMain
   --------------------------------------------- */
#topMain{
	width: 740px;
	margin-bottom: 30px;
	margin-left: 20px;
}
#topMain:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #topMain{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */
#topPrimary{
	float: left;
	width: 510px;
}
#topSecondary{
	float: right;
	width: 210px;
}

#topMain h2.hdImg{
	margin: 0 0 10px;
	font-size: 8px;
}


/* バックナンバー リンク
   --------------------------------------------- */
#topMain ul.backnumber{
	list-style: none;
	margin: 0;
	padding: 0;
}
#topMain ul.backnumber li{
	margin: -30px 0 15px;
	padding-right: 7px;
	text-align: right;
}
#topMain ul.backnumber li a{
	padding-left: 10px;
	color: #0077cc;
	background: url(../image/icn01.gif) no-repeat left center;
}


/* セクション
   --------------------------------------------- */
#topMain div.topSection{
	clear: both;
	margin-bottom: 1.25em;
}
#topSecondary div.topSection{
	margin-bottom: 1.65em;
}


/* トピックス
   --------------------------------------------- */
#topics div.topics{
	clear: both;
	width: 510px;
	margin-bottom: 1em;
	background: url(../image/bg_border02.gif) repeat-y left top;
}
#topics div.topics:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #topics div.topics{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */
#topics div.topics p.pct{
	float: left;
	width: 70px;
	margin: 0;
}
#topics div.topics dl{
	float: right;
	width: 420px;
	margin: 0;
	padding: 0;
}
#topics div.topics dt,
#topics div.topics dd{
	margin: 0;
	padding: 0;
}
#topics div.topics dt{
	margin-bottom: 0.2em;
	font-weight: bold;
}
#topics div.topicsl{
	width: 510px;
	margin-bottom: 1em;
	background: url(../image/bg_border01.gif) repeat-x left bottom;
}
#topics div.topicsl:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}
#topics div.topicsl dl{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#topics div.topicslast{
	width: 510px;
	margin-bottom: 1em;
}
#topics div.topicslast dl{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#topics div.topicslast dt{
	margin-left: 0.2em;
}


/* ニュースリリース
   --------------------------------------------- */
#news dl{
	margin: 0;
	padding: 0;
}
#news dl dt{
	width: 6.5em;
	margin: 0 0 0.7em;
	
}
#news dl dd{
	margin: -2.05em 0 1em 7em;
	padding-left: 0.9em;
	background: url(../image/bg_border03.gif) repeat-y left top;
}


/* 更新履歴
   --------------------------------------------- */
#whatsnew dl{
	margin: 0;
	padding: 0;
}
#whatsnew dt{
	margin: 0 0 0.35em;
	padding: 0 0 0 10px;
	background: url(../image/icn01.gif) no-repeat left center;
}
#whatsnew dd{
	margin: 0 0 0.6em;
	padding: 0 0 0.6em 10px;
	background: url(../image/bg_border01.gif) repeat-x left bottom;
}


/* "tripleA"
   --------------------------------------------- */
#tripleA{
	width: 210px;
	margin-bottom: 1.5em;
	background: url(../image/top/bg_triple05.gif) repeat-y left top;
}
#tripleA div.inner{
	width: 210px;
	padding-bottom: 1px;
	background: url(../image/top/bg_triple06.gif) no-repeat left bottom;
}
#tripleA div.heading{
	position: relative;
	width: 210px;
	height: 60px;
	background: url(../image/top/bg_triple04.gif) no-repeat left top;
}
#tripleA div.heading h2{
	position: absolute;
	left: 9px;
	top: 8px;
	margin: 0;
}
#tripleA div.heading p.number{
	position: absolute;
	right: 12px;
	bottom: 8px;
	margin: 0;
	font-weight: bold;
	color: #fff;
	text-align: right;
}
#tripleA div.topics{
	clear: both;
	width: 200px;
	margin: 0 5px 5px;
	background: url(../image/top/bg_triple03.gif) no-repeat left bottom;
}
#tripleA div.topics div.topicsInner{
	clear: both;
	width: 188px;
	padding: 6px;
	background: url(../image/top/bg_triple01.gif) no-repeat left top;
}
#tripleA div.topics div.topicsInner:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #tripleA div.topics div.topicsInner{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */
#tripleA div.topics p.pct{
	float: left;
	width: 53px;
	margin: 0;
}
#tripleA div.topics dl{
	float: right;
	width: 128px;
	margin: 0;
}
#tripleA div.topics dt{
	margin: 0 0 0.2em;
	padding: 0 0 0.2em;
	font-weight: bold;
	border-bottom: 1px solid #d7d8d9;
}
#tripleA div.topics dd{
	margin: 0;
	padding: 0;
}


/* "tripleA+"
   --------------------------------------------- */
#topSecondary #tripleaplus .tripleaBnrBlock {
	background: url(../image/bg_tripleaplus_01.gif) no-repeat left top !important;
	padding: 0 4px;
}
#topSecondary #tripleaplus p,
#topSecondary #tripleaplus div {
	margin: 0;
	padding: 0;
}
#topSecondary #tripleaplus h2 a span,
#topSecondary #tripleaplus h2 a {
	color: #FFFFFF;
	text-decoration: none;
}
#topSecondary #tripleaplus h2 a:hover span,
#topSecondary #tripleaplus h2 a:hover {
	color: #ffba0d !important;
	text-decoration: none !important;
}
#topSecondary #tripleaplus h2 {
	font-size: 100%;
}
#topSecondary #tripleaplus img {
	display: block;
}
#topSecondary #tripleaplus {
	position: relative;
	margin-bottom: 1.25em;
}
#topSecondary #tripleaplus h2 {
	margin: 0;
	padding: 0;
}
#topSecondary #tripleaplus .tripleaBnr {
	margin-bottom: 4px;
	width: 202px;
}
#topSecondary #tripleaplus .last {
	margin-bottom: 0 !important;
}


/* その他リンク
   --------------------------------------------- */
#otherLink{
	width: 210px;
	margin-bottom: 1.5em;
	background: url(../image/top/bg_otherlink02.gif) no-repeat left bottom;
}
#otherLink div.inner{
	padding: 10px 10px 5px;
	background: url(../image/top/bg_otherlink01.gif) no-repeat left top;
}
#otherLink ul{
	margin: 0;
	padding: 0;
}
#otherLink li{
	margin: 0 0 0.3em;
	padding: 0 0 0 10px;
	background: url(../image/icn01.gif) no-repeat left 3px;
}


/* ＜印刷向け調整＞
   --------------------------------------------- */
@media print{
	* html #topIndex,
	*:first-child+html #topIndex{
		overflow: hidden;
		position: relative;
		width: 750px;
		margin-left: 10px;
	}
	* html #topIndex div.box6,
	* html #topIndex div.box7,
	*:first-child+html #topIndex div.box6,
	*:first-child+html #topIndex div.box7{
		right: 10px;
	}
}