@charset "UTF-8";

/* ==============================
  css-home
=================================
contentWrap
---------------------------------
mainImg
---------------------------------
content
---------------------------------
main
---------------------------------
topics
---------------------------------
siteLink
---------------------------------
side
============================== */

@import "../common/reset.css";
@import "base.css";

/* ------------------------------
  contentWrap
------------------------------ */
#contentWrap {
	width: 950px;
	min-height: 500px;
	padding-bottom: 60px;
	background-color: #FFF;
}
* html #contentWrap {
	height: 500px;
}

/* ------------------------------
  mainImg
------------------------------ */
#mainImg {
	position: relative;
	width: 950px;
	height: 269px;
	background: url(../../img/jp/home/main.jpg) no-repeat;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
}

#mainImg #btnItem {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 137px;
	height: 31px;
}
#mainImg #btnItem a {
	display: block;
	overflow: hidden;
	width: 137px;
	height: 31px;
	background: url(../../img/jp/home/btn_item.gif) no-repeat;
	text-decoration: none;
}
#mainImg #btnItem a:hover {
	background-position: bottom;
}

/* ------------------------------
  content
------------------------------ */
#content {
	width: 908px;
	padding-top: 50px;
	padding-right: 22px;
	padding-left: 20px;
	background: url(../../img/jp/home/bg_content.gif) no-repeat top right;
}
/* clearfix */
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#content { display: inline-block; min-height: 1%; /* for IE7 */ }
/* Hides from IE-mac \*/
* html #content { height: 1%; }
#content { display: block; }
/* End hide from IE-mac */

/* ------------------------------
  main
------------------------------ */
#main {
	float: left;
	width: 577px;
}

/* ------------------------------
  topics
------------------------------ */
#topics {
	width: 577px;
	margin-bottom: 22px;
	background: url(../../img/jp/home/bg_news_ctr.gif) repeat-y;
}

#topicsTop {
	overflow: hidden;
	width: 577px;
	height: 35px;
	background: url(../../img/jp/home/title_news.jpg) no-repeat top;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
}
/* clearfix */
#topicsTop:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#topicsTop { display: inline-block; min-height: 1%; /* for IE7 */ }
/* Hides from IE-mac \*/
* html #topicsTop { height: 1%; }
#topicsTop { display: block; }
/* End hide from IE-mac */

#topicsTop h2 {
	float: left;
	width: 280px;
}

#topicsTop p {
	float: right;
	width: 34px;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 7px;
}
* html #topicsTop p {
	padding-bottom: 7px;
}
#topicsTop p a {
	display: block;
	overflow: hidden;
	width: 34px;
	height: 16px;
	background: url(../../img/jp/home/btn_list.gif) no-repeat;
	text-decoration: none;
}
#topicsTop p a:hover {
	background-position: bottom;
}

#topicsCtr {
	width: 548px;
	padding: 2px 14px 15px 15px;
}

#topicsCtr dl.topiWrap {
	width: 548px;
	padding-bottom: 1px;
	background: url(../../img/jp/common/line_dot.gif) repeat-x bottom;
}
/* clearfix */
#topicsCtr dl.topiWrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#topicsCtr dl.topiWrap { display: inline-block; min-height: 1%; /* for IE7 */ }
/* Hides from IE-mac \*/
* html #topicsCtr dl.topiWrap { height: 1%; }
#topicsCtr dl.topiWrap { display: block; }
/* End hide from IE-mac */

#topicsCtr dt.tag {
	float: left;
	width: 77px;
	height: 18px;
	padding-top: 7px;
	background-repeat: no-repeat;
	background-position: 0 7px;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
}
#topicsCtr dt.tagNewly { background-image: url(../../img/jp/news/tag_newly.gif); }
#topicsCtr dt.tagInfo { background-image: url(../../img/jp/news/tag_info.gif) }
#topicsCtr dt.tagRevise { background-image: url(../../img/jp/news/tag_revise.gif); }
#topicsCtr dt.tagSeminar { background-image: url(../../img/jp/news/tag_seminar.gif); }

#topicsCtr dd.infoAria {
	float: right;
	width: 465px;
	padding: 5px 0;
}

#topicsCtr dl.infoWrap {
	width: 465px;
	padding-top: 2px;
}
/* clearfix */
#topicsCtr dl.infoWrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#topicsCtr dl.infoWrap { display: inline-block; min-height: 1%; /* for IE7 */ }
/* Hides from IE-mac \*/
* html #topicsCtr dl.infoWrap { height: 1%; }
#topicsCtr dl.infoWrap { display: block; }
/* End hide from IE-mac */

#topicsCtr dt.date {
	float: left;
	width: 80px;
	color: #c90026;
	font-size: 12px;
}

#topicsCtr dd.info {
	float: right;
	width: 380px;
}

#topicsCtr dd.info img.tagUp {
	vertical-align: middle;
	padding-left: 4px;
}

#topicsCtr dd.info a {
	color: #333;
	text-decoration: none;
}
#topicsCtr dd.info a:visited {
	color: #333;
	text-decoration: none;
}
#topicsCtr dd.info a:hover {
	color: #69C;
	text-decoration: underline;
}

#topicsBtm {
	overflow: hidden;
	width: 577px;
	height: 10px;
	background: url(../../img/jp/home/bg_news_btm.gif) no-repeat bottom;
	font-size: 10px;
	line-height: 10px;
}

/* ------------------------------
  siteLink
------------------------------ */
#siteLink {
	width: 563px;
	padding: 0 7px;
}

#siteLink ul {
	width: 563px;
}

#siteLink li {
	display: inline;
}
#siteLink li img {
	margin-right: 15px;
	vertical-align: top;
}



/* ------------------------------
  side
------------------------------ */
#side {
	float: right;
	width: 310px;
	padding-top: 4px;
}

#side ul.bnr {
	width: 310px;
	margin-bottom: 10px;
}
#side ul.bnr li {
	width: 310px;
	margin-bottom: 8px;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
}
#side ul.bnr li#sideBnr03 {
	margin-bottom: 18px;
}
#side ul.bnr li a {
	display: block;
	overflow: hidden;
	width: 310px;
	height: 87px;
	background-repeat: no-repeat;
	text-decoration: none;
}
#side ul.bnr li#sideBnr01 a { background-image: url(../../img/jp/home/bnr01.jpg); }
#side ul.bnr li#sideBnr02 a { background-image: url(../../img/jp/home/bnr02.jpg); }
#side ul.bnr li#sideBnr03 a { background-image: url(../../img/jp/home/bnr03.jpg); }

#side ul.bnr li a:hover {
	background-position: bottom;
}

#side li#btnSuiro {
	width: 310px;
	font-size: 10px;
	line-height: 10px;
	text-indent: -9999px;
}
#side li#btnSuiro a {
	display: block;
	overflow: hidden;
	width: 310px;
	height: 49px;
	background: url(../../img/jp/home/btn_suiro.gif) no-repeat;
	text-decoration: none;
}
#side li#btnSuiro a:hover {
	background-position: bottom;
}