@charset "UTF-8";
/* ******************************
 *
 * Since:    2009-09-17
 * Modified: 2009-09-17
 * Editor:   uchimura
 *
 * Information: CSS for root/index.html
 *
 * ******************************
 */
 
h1{
	font-size:10px;
	line-height:100%;
	padding:8px 0;
}

h2{
	text-indent:-9999px;
	margin-bottom:28px;
	height:26px;
}

/*********************/
/***** container *****/
/*********************/

div#container{
	width:940px;
	margin:20px auto 50px auto;
}


/********************/
/***** localnav *****/
/********************/

div#localnav{
	padding:15px 0 15px 10px;
}

div#localnav li{
	float:left;
	margin-left:10px;
}

div#localnav li.first-child{
	margin-left:0;
}

div#localnav li a{
	height:60px;
	text-indent:-9999px;
	width:300px;
}

div#localnav li#interview01 a:link,
div#localnav li#interview01 a:visited{
	background:url(../img/top/btn_interview01.jpg) left top no-repeat;
}

div#localnav li#interview01 a:hover,
div#localnav li#interview01 a:active{
	background:url(../img/top/btn_interview01.jpg) left -60px no-repeat;
}
div#localnav li#interview02 a:link,
div#localnav li#interview02 a:visited{
	background:url(../img/top/btn_interview02.jpg) left top no-repeat;
}

div#localnav li#interview02 a:hover,
div#localnav li#interview02 a:active{
	background:url(../img/top/btn_interview02.jpg) left -60px no-repeat;
}

div#localnav li#interview02.off{
	background:url(../img/top/btn_interview02.jpg) left top no-repeat;
	height:60px;
	text-indent:-9999px;
	width:300px;

}

div#localnav li#interview03 a:link,
div#localnav li#interview03 a:visited{
	background:url(../img/top/btn_interview03.jpg) left top no-repeat;
}

div#localnav li#interview03 a:hover,
div#localnav li#interview03 a:active{
	background:url(../img/top/btn_interview03.jpg) left -60px no-repeat;
}

div#localnav li#interview03.off{
	background:url(../img/top/btn_interview03.jpg) left top no-repeat;
	height:60px;
	text-indent:-9999px;
	width:300px;

}


/*******************/
/***** content *****/
/*******************/

div#content{
	background:url(../img/top/bg_content.jpg) left top no-repeat;
	padding:20px 0 0 16px;
	height:100%;
}


/************************/
/***** introduction *****/
/************************/

div#content div#introduction{
	float:left;
	width:256px;
}

div#introduction h2{
	background:url(../img/top/img_case.jpg) left top no-repeat;
}

div#introduction p.img-txt{
	background:url(../img/top/img_case_txt.jpg) left top no-repeat;
	height:55px;
	border-bottom:1px dashed #666666;
	text-indent:-9999px;
}

div#introduction p{
	margin-top:12px;
}

/******************/
/*****  news  *****/
/******************/

div#content div#news{
	margin-left:20px;
	float:left;
	width:404px;
}

div#news h2{
	background:url(../img/top/img_news.jpg) left top no-repeat;
}

div#news ul.news{
	height:390px;
	overflow:auto;
}

div#news dl{
	margin-bottom:20px;
	width:379px;
}

div#news dl dt{
	background:transparent url(../img/point_triangle.jpg) no-repeat scroll left 2px;
	border-bottom:1px dashed #666666;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	line-height:100%;
	padding:0 0 3px 10px;
}

div#news dl dd{
	font-size:13px;
	margin-top:5px;
	word-break:break-all;/*IE用自動改行禁止*/
}

/*********************/
/*****  sidebar  *****/
/*********************/

div#content div#sidebar{
	float:left;
	width:210px;
	background:url(../img/top/bg_sidebar.jpg) left top no-repeat;
	padding:0 0 0 10px;
	margin-left:20px;
}

div#sidebar ul li{
	margin:10px 0 0 0;
}

div#sidebar ul li a{
	width:190px;
	text-indent:-9999px;
}