/*
-----------------------------------------------

update:2008/9/6
----------------------------------------------- */

/*
===== CONTENTS =====

	1: layout
	2: parts
	
====================
*/


/* 1: layout
----------------------------------------------- */

body{	background:url(../img/home/body.jpg) 0px 45px repeat-x #fff;}
#home-p{	background:url(../img/home/body.jpg) 0px 26px repeat-x #fff;}
#flash{	margin:22px 0 26px 0;}

#first{
	width:360px;
	float:left;
}

#second{
	width:366px;
	float:left;
	margin-left:14px;
	display:inline;
}

#second .frame{
	border:1px solid #ccc;
	padding:5px 5px 10px 6px;
	margin-bottom:10px;

}

#third{
	width:200px;
	margin-left:9px;
	display:inline;
	float:left;
}
#third .frame{
	border:1px solid #ccc;
	padding:5px 8px 3px 7px;
	margin-bottom:10px;
}

/* 2: parts
----------------------------------------------- */

.position{
	position:absolute;
	left:-9000px;
}

/*
===== first =====
*/

#first h2{
	margin-bottom:15px;
	height:19px;
	text-indent:-9000px;
	overflow:hidden;
}

/* info */
#info{margin-bottom:20px;}

#info h2{background-image:url(../img/home/first-info.jpg);}

#info dt{color:#5a3d1c; font-weight:bold; font-size:120%;}

#info dd{
	background:url(../img/common/border.gif) left bottom repeat-x;
	padding-bottom:10px;
	margin-bottom:10px;
}

#info dd a{
	background:url(../img/common/link-arrow.jpg) left no-repeat;
	padding-left:15px;
}

/* news */

#news h2{background-image:url(../img/home/first-news.jpg);}

#news dl{
	position:relative;
}

#news dt{
	position:absolute;
	left:0px;
}

#news dd{
	background:url(../img/common/border.gif) left bottom repeat-x;
	padding:0 0px 5px 60px;
	margin-bottom:10px;
}

#news dd a{padding-right:30px; color:#063070;}
#news dd .new{background:url(../img/home/first-news-icon.jpg) 265px 3px no-repeat; display:block;}

#news .back{text-align:right;}

/* topics */

#topics{margin-bottom:10px;}
#topics h2{
	margin-bottom:15px;
	background-image:url(../img/home/second-topics.jpg);
	height:19px;
	overflow:hidden;
	text-indent:-9000px;
}

#topics .case{
	background:url(../img/common/border.gif) left bottom repeat-x;
	padding-bottom:10px;
	display: inline-block;
	width:343px;
	margin-bottom:10px;
}

#topics .case:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}

#topics .text{ width:250px;float:left;}
#topics .image{width:90px;float:left;}

#topics h3{ font-weight:bold;}
#topics a{color:#063070;}

/* pickup */

#pickup h2{
	margin-bottom:10px;
	background-image:url(../img/home/third-pickup.jpg);
	height:24px;
	text-indent:-9000px;
}

#pickup .case{
	border-top:1px solid #ccc;
	padding-top:5px;
	margin:0px 10px 15px 10px;
}

#pickup .case img{display:block; margin:0 auto; text-align: center;}
#pickup dt{font-weight:bold;}
#pickup dd{font-size:80%;}

#pickup dd a{ font-size:100%;}