@charset "UTF-8";

/* ****************************************************
Title: top.css
Created date: 2009/04/22
Last Modified: 2009/04/22
Created by: iGrove
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 stay
#02 primary

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


/* #01 stay
---------------------------------------------------------------------------- */


div#headerField dl#gNavi dd ul li#gNaviHome a,
div#headerField dl#gNavi dd ul li#gNaviHome a:hover {
	background: url(/img/JKX/2010new/common/gnavi_home_o.gif) no-repeat;
}


/* #02 primary
---------------------------------------------------------------------------- */

.visual {
	position: relative;
	margin-bottom: 20px;
}

.visual span {
	position: absolute;
	right: 37px;
	top: 75px;
}

.carousel {
	border-top: 1px solid #CCC!important;
	border-bottom: 1px solid #CCC!important;
	padding: 3px 0;
}

.jCarouselLite {
	float: left;
	padding: 12px 0 0 0;
	height: 108px!important;
	width: 641px!important;
}

.jCarouselLite ul li {
	background: url(/img/JKX/2010new/top/bg_dot.gif) repeat-y right 0;
	height: 97px;
	text-align: center;
	width: 160px;
}

.prev {
	float: left;
}

.next {
	float: left;
}

.carouselTxt {
	color: #666;
	padding: 5px 5px 0 0;
	font-size: 120%;
	text-align: right;
}

div#contentsArea dl.attention {
	border: 1px solid #E41213;
	color: #E41213;
	font-size: 120%;
	padding: 7px 6px 6px 6px;
	margin-bottom: 20px;
}

div#contentsArea dl.attention dt {
	float: left;
}






/* ⇒▼dl.knowledgeをdivに変更 2011.3.7 */
div#contentsArea div.knowledge {
	border-top: 2px solid #479E34;
	margin: 30px 0 0 0;
	padding: 14px 0 0 0;
}

/* ⇒▼追加 2011.3.7 */
div#contentsArea div.knowledge h3 {
	float: left;
}

div#contentsArea div.knowledge h3 img {
	vertical-align: top;
}

div#contentsArea div.knowledge dt img {
	vertical-align: top;
}

/* ⇒▼追加 2011.3.10 */
div#contentsArea div.knowledge p {
	padding: 10px 0 20px 0;
	text-align: left;
	clear: both;
}
div#contentsArea div.knowledge ul.daily_date {
	float: right;	
}

/* ⇒▼dtを削除、spanをul liに変更 2011.3.7 */
div#contentsArea div.knowledge ul.daily_date li {
	display: inline-block;
	font-size: 120%;
	font-weight: bold;
	padding: 12px 0 0 0;
	text-align: right;
	width: 203px;
	float:left;
}

/* ⇒▼追加 2011.3.10 */
div#contentsArea div.knowledge ul.daily_date li img {
	vertical-align: text-top;
	padding-right: 3px;
}

/* ⇒▼ddをdivに変更 2011.3.7 */
div#contentsArea div.knowledge div {
	padding: 0; /* ⇒23px 0 0 0;から修正 2011.3.8 */
}

/* ⇒▼追加 2011.3.10 */
div#contentsArea div.knowledge div.daily_text {
	background: url(/img/JKX/2010new/top/bg_knowledgelist.gif) repeat-y 0 0;
}

div#contentsArea div.knowledge div.daily_text p {
    padding: 5px 0;
}
/* ⇒▲追加 2011.3.10 */

div#contentsArea div.knowledge div.daily_text div {
	float: left;
	padding: 0 12px 0 10px;
	width: 212px;
}

div#contentsArea div.knowledge div.daily_text div.first {
	padding-left: 0;
}

div#contentsArea div.knowledge div.daily_text div.right {
	padding-right: 0;
}

/* ⇒▼dlをdivに変更 2011.3.7 */
div#contentsArea div.knowledge div li div {
	padding: 8px 0 0 0;
	width: 207px; /* ⇒212pxから修正 2011.3.7 */
}

/* ⇒▼dtをdivに変更 2011.3.7 */
div#contentsArea div.knowledge div.daily_text p.daily_title {
	border: 1px solid #6E6E6E;
	padding: 3px 0 3px 6px;
}

/* ⇒▼追加 2011.3.7 */
div#contentsArea div.knowledge div.daily_text div dl {
	padding-top: 5px;	
}

div#contentsArea div.knowledge div.daily_text div dl dt {
	padding: 5px 0 5px 0;
}

div#contentsArea div.knowledge div.daily_text div dl dt a {
	color: #E41211;
	font-size: 120%;
	font-weight: bold;
}

div#contentsArea div.knowledge div.daily_text div dl dd {
	font-size: 120%;	
}










div#contentsArea div.knowledge div p {
	font-size: 120%;
}

div#contentsArea div.knowledge div p.link {
	clear: both;
	font-size: 100%!important;
	text-align: right;
}

div#contentsArea div.knowledge div p.link a {
	background: url(/img/JKX/2010new/common/ico_arrow.gif) no-repeat 0 3px;
	color: #575757;
	font-size: 100%;
	padding: 0 0 0 11px;
}

div#contentsArea div.knowledge div.right dl.knowledgeOther {
	float: left;
	width: 212px;
}

div#contentsArea div.knowledge div.right dl.knowledgeOther dd {
	float:left;
}

div#contentsArea div.knowledge div.right dl.knowledgeOther dd.contentImg {
	float: right;
	padding: 6px 0 0 0;
}

div#contentsArea div.knowledge div.right dl.knowledgeOther dd.contentImg img {
	border: 1px solid #CCC;
}






div#contentsArea div.knowledge div.right p.link {
	padding: 2px 0 0 0;
}

* html div#contentsArea div.knowledge div.right p.link {
	padding: 0;
}

*:first-child + html div#contentsArea div.knowledge div.right p.link {
	padding: 0;
}

/* ⇒▼h2からh3に変更 2011.3.3 */
h3.info {
	border-top: 2px solid #479E34;
	clear: both;
	margin: 30px 0 0 0;
	padding: 15px 0 6px 0;
}

ul.blockList li {
	 clear: both;
}

ul.blockList li.blockA ul {
	background: url(/img/JKX/2010new/top/bg_blockList_a.gif) no-repeat left bottom;
	padding: 0 0 1px 0;
}

ul.blockList li.blockB ul {
	background: url(/img/JKX/2010new/top/bg_blockList_b.gif) no-repeat left bottom;
	padding: 0 0 1px 0;
}

ul.blockList li.blockListLast ul {
	background: url(/img/JKX/2010new/top/bg_blockListLast.gif) no-repeat left bottom;
	padding: 0 0 1px 0;
}

ul.blockList li ul li {
	clear: none;
	float: left;
	margin: 10px 13px 2px 0;
	font-size: 120%;
	width: 333px;
}

ul.blockList li ul li.right {
	margin-right: 0;
}

ul.blockList li.bgColor {
	background: #FBFBF4;
}

ul.blockList li dl dt {
	background: url(/img/JKX/2010new/top/bg_contentList.gif) no-repeat 0 0;
	padding: 13px 0 0 54px;	
}

ul.blockList li dl dt.while {
	background: url(/img/JKX/2010new/top/bg_contentWhile.gif) no-repeat 0 0;
}

* html ul.blockList li dl dt {
	padding: 17px 0 0 54px;	
}

ul.blockList li dl dt span {
	font-size: 130%;
	font-weight: bold;
	float: left;
}

ul.blockList li dl dt span.date {
	font-size: 80%;
	font-weight: normal;
	float: right;
	padding: 10px 8px 0 0;
}

* html ul.blockList li dl dt span.date {
	padding: 6px 8px 0 0;
}

ul.blockList li dl dt span img {
	padding: 6px 0 0 9px;
	vertical-align: top;
}

* html ul.blockList li dl dt span img {
	padding: 2px 0 0 9px;
}

*:first-child + html ul.blockList li dl dt span img {
	padding: 2px 0 0 9px;
}

ul.blockList li dl dd {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	clear: both;
	padding: 1px 10px 6px 10px;
}

ul.blockList li dl dd p {
	background: url(/img/JKX/2010new/common/bg_dot02.gif) repeat-x 0 0;
	padding: 8px 0 0 0;
}

ul.blockList li dl dd.plane {
	position: relative;
}

ul.blockList li dl dd.plane p span.planeTxt {
	display: block;
	position: relative;
	width: 230px;
}

ul.blockList li dl dd p img {
	vertical-align: top;
	padding-top: 1px;
}

ul.blockList li dl dd.plane p img.plane {
	/* border: 1px solid #CCC; ⇒すでに枠があるため */
	position: absolute;
	right: 9px;
	top: -30px; /* ⇒-32px から修正 2010.6.3 */
	padding: 0px;
}

* html ul.blockList li dl dd.plane p img.plane {
	top: -30px;
}

*:first-child + html ul.blockList li dl dd.plane p img.plane {
	top: -31px;
}

ul.blockList li dl dd.plane p span.planeTxt em {
	color: #575757;
	font-size: 90%;
	position: absolute;
	right: 6px;
	bottom: 0;
}

dl.content {
	/* background: url(/img/JKX/2010new/common/bg_dot.gif) repeat-x left bottom; 不要のため削除 2010.10.26 */
	border-top: 2px solid #575757;
	clear: both;
	font-size: 120%;
	margin: 30px 0 0 0;
	padding: 15px 0 32px 0;
}

dl.content dd {
	border: 1px solid #CCC;
	padding: 0 10px;
	margin: 1px 0 0 0;
}

dl.content ul li {
	clear: both;
	background: url(/img/JKX/2010new/common/bg_dot.gif) repeat-x left bottom;
	padding: 12px 0 13px 0;
}

/* ⇒▼追加 2010.6.18 */
dl.content ul li dt.nolink	{
	background: url(/img/JKX/2010new/common/ico_arrow.gif) no-repeat 0 5px;
	padding: 0 0 0 11px;
}
/* ⇒▲追加 2010.6.18 */

dl.content ul li dt a {
	background: url(/img/JKX/2010new/common/ico_arrow.gif) no-repeat 0 2px;
	padding: 0 0 0 11px;
} 

dl.content ul li dd {
 margin: -1.4em  0 0 7.5em; /* ⇒-1.4em  0 0 7.0em;から修正 2010.5.20 */
 font-weight: bold;
 border: none;
}


#contentLeft {
	float: left;
	width: 560px;
}

.contentRight {
	float: right;
}

dl.content ul li p {
	padding: 3px 0 0 0;
}

dl.content ul li ul.contentBlock {
	padding: 0 0 0 9px;
}

dl.content ul li ul.contentBlock li  {
	background: url(/img/JKX/2010new/common/ico_arrow.gif) no-repeat 0 7px;
	padding: 1px 0 0 10px;
	margin: 0;
}

dl.content ul li ul.contentBlock li a {
	color: #E41211;
	text-decoration: none;
}

dl.content ul li ul.contentBlock li a:hover {
	text-decoration: underline;
}

dl.content ul li.last {
	background: none;
	padding-bottom: 20px;
}

p.corporateTxt  {
	padding: 14px 0 0 0;
}

p.corporateTxt a {
	background: url(/img/JKX/2010new/common/ico_arrow.gif) no-repeat 0 2px;
	padding: 0 0 0 11px;
}