@charset "euc-jp";

/* ============================================

1:header

============================================ */

/* ---------- 1-2:top page  ---------- */

#yjContentsHeader {position:relative;background: url(../img/bg.png) repeat-x 0 0;}

/*title*/
#topTtl {
	width: 950px;
	height: 103px;
	background: url(../img/top_header.png) no-repeat 0 0;
}
#topTtl h1 {
	position: absolute;
	top: 15px;
	left: 10px;
	width: 690px;
	height: 70px;
	text-indent:-9999px;
}
#topTtl .term {
	position: absolute;
	top: 55px;
	right: 9px;
	width: 226px;
	height: 16px;
	text-indent:-9999px;
}
#topTtl .logo {
	position: absolute;
	top: 13px;
	right: 13px;
	width: 129px;
	height: 35px;
	text-indent:-9999px;
}
#topTtl .logo a{
	display:block;
	width: 129px;
	height: 35px;
	text-indent:-9999px;
	overflow: hidden;
}

/* ============================================

 2:main column

============================================ */

#yjContentsBody {
	position:relative;
	width: 950px;
	background: url(../img/top_bg.jpg) no-repeat 0 0;
}
.yj950-2 #yjMain{margin-left:10px;width: 615px;}
.yjMainGrid{
	height: 490px;
	/zoom:1;
}
#newly {
	position:absolute;
	top: 0;
	left:10px;
	border:1px solid #4f930d;
	background:#fff;
}
#newly dl{
	float:left;
	border-left:1px solid #b3e390;
	background:#5dc313 url(../img/top_newly_ttl.png) no-repeat 6px 50%;
}
#newly dt{
	float:left;
	width: 73px;
	display: block;
	background:transparent;
	text-indent:-9999px;
}
#newly dd{
	float:left;
	display: block;
	padding:0 5px;
	background:#fff;
	font-weight:bold;
	line-height:1.7;
}
#subTtl {
	position:absolute;
	top: 50px;
	left:10px;
	width:605px;
	height: 92px;
	text-indent:-9999px;
}
#topNav {
	position:absolute;
	width: 618px;
	height: 204px;
	left:10px;
	top:275px;
	background: url(../img/top_nav.png) no-repeat 0 0;
}
#topNav ul{
	position:relative;	
}
#topNav li{
	position:absolute;
	top: 6px;
	width: 188px;
	height: 188px;
}
#topNav li a{
	display: block;
	width: 188px;
	height: 188px;
	text-indent: -9999px;
	overflow: hidden;
}
#topNav #why{
	left: 6px;
}
#topNav #katei{
	left: 214px;
}
#topNav #biz{
	left: 421px;

}

/* ============================================ 

 3:side column

============================================ */

/* sub */
.yj950-2 #yjSub {margin-right:10px;}
#yjSub .sub a{background:url(../img/right_columnbanner.png);background-repeat:no-repeat;}
#yjSub .sub a{display:block;text-indent:-9999px;overflow:hidden;}
#yjSub .banner01 a{background-position:0 0; height:53px;}
#yjSub .banner02 a{background-position:0 -53px; height:85px;}
#yjSub .banner03 a{background-position:0 -138px; height:72px;}
#yjSub .banner04 a{background-position:0 -210px; height:67px;}
#yjSub .banner05 a{background-position:0 -277px; height:86px;}
#yjSub .banner06 a{background-position:0 -363px; height:64px;}
#yjSub .banner07 a{background-position:0 -427px; height:70px;}

.twitterMod {position:relative;border: 1px solid #67bbcc;line-height: 1.1;}
.twitterMod .twitterHd{background: #67bbcc;margin: 1px;padding: 5px;}
.twitterMod .twitterHd h2{width: 225px;height: 28px;margin: 0 auto;background: url(../img/twitter_ttl.png) no-repeat 0 0;text-indent: -9999px;}
.twitterMod .twitterLead{padding:5px;}
.twitterMod strong {font-weight:bold;}
.twitterMod h3{margin-bottom: 5px;color: #67bbcc;font-weight: bold;text-align:center;}
.twitterExternalLink{display: block;position:absolute;bottom: 6px;right: 5px;color: #fff;}


/* ------------------------------
4:footer
------------------------------ */

/* bottom navigation */
#bottomNavi{text-align: center;}
#bottomNavi li{margin-bottom: 10px;}