@charset "utf-8";

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

	[ファイル名]	home.css
	
	[概要]	トップページ専用CSS
	
	[目次]
			・clearFix
			・画像代替
			・非表示部
	
------------------------------------------------------------------------------*/

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

	clearFix
								
------------------------------------------------------------------------------*/
body#home div#mainContent ul:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

/* Win IE7 */
*:first-child + html body#home div#mainContent ul
{
	min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html body#home div#mainContent ul
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
body#home div#mainContent ul
{
	display: inline-table;
}
/* End Mac IE */

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

	テキスト画像代替
							
------------------------------------------------------------------------------*/
#xxx
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}

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

	非表示部
								
------------------------------------------------------------------------------*/
#xxx
{
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -9999;
	width: 0;
	height: 0;
	overflow: hidden;
}

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

	div#wrapper
								
------------------------------------------------------------------------------*/
div#wrapper{
	background:url(../../images/common/wrapper_bg_home.gif) repeat-y;
}

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

	div#globalNav
								
------------------------------------------------------------------------------*/
body#home div#globalNav{
	width: 900px; height: 75px;
	background: url(../../images/common/content_bg.gif) no-repeat scroll 1px 53px;
}

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

	div#mainContent
								
------------------------------------------------------------------------------*/
div#mainContent{
	width:617px;
	float:right;
	margin-right:19px;
}

/* Win IE6 \*/
* html div#mainContent
{
	margin-right:10px;
}
/* End Win IE6 */

div#mainContent .section{
	margin-bottom:18px;
}
div#mainContent .section.last{
	margin-bottom:0;
}


/*  h2  */
/**/
body#home div#mainContent h2
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}

body#home div#mainContent h2{
	width:617px;
	height:36px;
	margin-bottom:9px;	
}


body#home div#mainContent #sectionProducts h2{ background:url(../../images/home/home_ttl_product.jpg) no-repeat;}
body#home div#mainContent #sectionFacilities h2{ background:url(../../images/home/home_ttl_facilities.jpg) no-repeat;}


body#home div#mainContent .liBox{
	background:url(../../images/home/home_list_bg.jpg) no-repeat top center;
	margin-bottom:10px;
}

body#home div#mainContent h3{
	height:23px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	font-size:100%;
	line-height:100%;
}
/*------------------------------------------------------------------------------
	ul.categoryList
------------------------------------------------------------------------------*/
body#home div#mainContent ul.categoryList{
	font-size:85%;
}

body#home div#mainContent ul.categoryList{
	background:url(../../images/home/home_list_bg.jpg) no-repeat center;
	padding:14px 30px 5px 30px;
	margin-bottom:0px;
}

body#home div#mainContent ul.categoryList li{
	float:left;
	background:url(../../images/home/icon_tri_01.jpg) no-repeat left center;
	padding:5px 15px 5px 5px;
	line-height:100%;
	white-space: nowrap;
}

body#home div#mainContent ul.categoryList li a{
	color: #000000;
}

body#home div#mainContent ul.categoryList li a:hover,body#home div#mainContent ul.categoryList li a:active{
	color: #666666;
	text-decoration: underline;
}

body#home div#mainContent p.details{
	background:url(../../images/home/home_list_bg.jpg) no-repeat bottom;
	height:22px;
	position:relative;
}

body#home div#mainContent p.details a
{
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}

body#home div#mainContent p.details a{
	background:url(../../images/home/btn_details.jpg) no-repeat;
	display:block;
	width:123px;
	height:22px;
	position:absolute;
	right:0;
	bottom:0;
}

/*------------------------------------------------------------------------------
	ul.pickUpList
------------------------------------------------------------------------------*/
ul.pickUpList{
	width:617px;
}

ul.pickUpList li{
	float:left;
	width:209px;
	margin-bottom: 8px;
}

ul.pickUpList li.by3{
	width:199px;
}

ul.pickUpList li p.pic{
	width:195px; height: 126px;
	padding: 2px;
	overflow: hidden;
	background: url(../../images/home/pickup_img_bg.gif) no-repeat scroll left top;
}

/* Win IE6 \*/
* html ul.pickUpList li p.pic{
	width:199px; height: 130px;
}
/* End Win IE6 */

ul.pickUpList li p.caption{
	display:block;
	width:193px;
	background: url(../../images/home/home_img_bg.jpg) no-repeat bottom;
	padding:5px 3px 7px 3px;
	font-size:93%;
	line-height:160%;
	text-align:center;
}

/* Win IE6 \*/
* html ul.pickUpList li p.caption{
	width: 199px;
	padding: 7px 3px 7px 3px;
}
/* End Win IE6 */

ul.pickUpList li p.caption span{
	display: block;
	padding-left:10px;
	padding: 1px 0px;
	background: url(../../images/home/icon_tri_02.jpg) no-repeat;
	line-height:100%;
	color:#ffffff;
}




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

	div#subContent
								
------------------------------------------------------------------------------*/
div#subContent{
	width:233px;
	margin-left:19px;
	padding:0;
	background:none;
}

div#subContent .section{
	margin-bottom:18px;
}
div#subContent .section{
	margin-bottom:18px;
}


/*  h2  */
body#home div#subContent h2
{
	display: block;
	margin:0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}

body#home div#subContent h2{
	width:233px;
	height:36px;
	margin-bottom:9px;	
}

body#home div#subContent #sectionCompany h2{ background:url(../../images/home/home_ttl_company.jpg) no-repeat;}
body#home div#subContent #sectionWhatsNew h2{ background:url(../../images/home/home_ttl_whatsnew.jpg) no-repeat;}

/* #sectionCompany */
body#home div#subContent #sectionCompany dt a
{
	display: block;
	margin:0;
	padding: 0;
	text-indent: -10000px;
	text-decoration: none;
	text-align: left;
/*\*/
	overflow: hidden;
/* */
}

body#home div#subContent #sectionCompany dt a{
	display:block;
	width:233px;
}
body#home div#subContent dt.homePresident a{ height:92px; background:url(../../images/home/home_company_ban_01.jpg) no-repeat;}
body#home div#subContent dt.homeOverview a{ height:69px; background:url(../../images/home/home_company_ban_02.jpg) no-repeat;}
body#home div#subContent dt.homeLineup a{ height:69px; background:url(../../images/home/home_company_ban_03.jpg) no-repeat;}
body#home div#subContent dt.homeHistory a{ height:68px; background:url(../../images/home/home_company_ban_04.jpg) no-repeat;}

body#home div#subContent dt.homePresident { height:92px; background:url(../../images/home/home_company_ban_01.jpg) no-repeat;}
body#home div#subContent dt.homeOverview { height:69px; background:url(../../images/home/home_company_ban_02.jpg) no-repeat;}
body#home div#subContent dt.homeLineup { height:69px; background:url(../../images/home/home_company_ban_03.jpg) no-repeat;}
body#home div#subContent dt.homeHistory { height:68px; background:url(../../images/home/home_company_ban_04.jpg) no-repeat;}

body#home div#subContent #sectionCompany dd{
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: -9999;
	width: 0;
	height: 0;
	overflow: hidden;
}



/* sectionWhatsNew */

body#home div#subContent #sectionWhatsNew dl {
	border:1px solid #CCCCCC;
}
body#home div#subContent #sectionWhatsNew dt {
	display:block;
	padding:9px;
	font-weight:bold;
	background:#F2F2F2;
	font-size:93%;
}
body#home div#subContent #sectionWhatsNew dd {
	padding:9px;
	background: url(../../images/home/line_01.gif) repeat-x bottom;
	font-size:93%;
	line-height:160%;
}

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

	p#anchorTop
								
------------------------------------------------------------------------------*/
p#anchorTop{
	height: 18px;
	margin-bottom: -4px; padding-top: 23px;
}

/* Win IE6 \*/
* html p#anchorTop{
	height: 41px;
}
/* End Win IE6 */