@charset "UTF-8";


/* contentsWrap_history
---------------------------------------------------------------------------------------------------*/
#history #contentsWrap{
	background:url(/en/km-history/img/bgi-contentsWrap.gif) repeat 0 0;
	padding:14px 14px 20px 12px;
}
#history #contentsWrap .container {margin-bottom:0;}
#history #mainContents{
	width:750px;
	background:url(/en/km-history/img/bgi-contents_middle.gif) repeat-y 0 0;
}
/* promotion */
#history #mainContents #promotion_top {margin-bottom:30px;}
#history #mainContents #promotion_top .catch{display:none;}

/* contents_top */
#history #mainContents #contents{
	width:720px;
	overflow:hidden;
	zoom:1;
	padding:0 15px 40px;
}
#history #mainContents #contents #linkBox {width:643px;}
#history #mainContents #contents #linkBox #link01 {	background:url(/en/km-history/img/lnk-box_01.jpg) no-repeat 0 0;}
#history #mainContents #contents #linkBox #link02 {	background:url(/en/km-history/img/lnk-box_02.jpg) no-repeat 0 0;}
#history #mainContents #contents #linkBox #link03 {	background:url(/en/km-history/img/lnk-box_03.jpg) no-repeat 0 0;}
#history #mainContents #contents #linkBox #link01,
#history #mainContents #contents #linkBox #link02,
#history #mainContents #contents #linkBox #link03 {
	height:134px;
	padding:30px 0 0 35px;
}
#history #mainContents #contents #linkBox h2 {margin-bottom:10px;}
#history #mainContents #contents #linkBox p { width:420px;}
#history #mainContents #contents #linkBox a{color:#3a3a3a;text-decoration:none;cursor:pointer;}

/* contents */
#history #mainContents #promotion{
	background:url(/en/km-history/img/img-main_02.jpg) no-repeat 0 0;
	width:750px;
	height:145px;
	margin-bottom:20px;
}
#history #mainContents #promotion h1{display:none;}
#history #mainContents #promotion ul#tabPager{
	margin: 0 20px;
    overflow: hidden;
    padding: 85px 0;
}
#history #mainContents #promotion ul#tabPager li{
	float:left;
	width:225px;
	height:51px;
}
#history #mainContents #promotion ul#tabPager li a {
	display:block;
}
#history #mainContents #promotion ul#tabPager li a:hover img{visibility:hidden;}
#history #mainContents #promotion ul#tabPager li a:hover{background:none;}
#history #mainContents #promotion ul#tabPager li {background-repeat:no-repeat;}
#history #mainContents #promotion ul#tabPager li#tab01 {background:url(/en/km-history/img/btn-tab1st_on.gif);}
#history #mainContents #promotion ul#tabPager li#tab02 {background:url(/en/km-history/img/btn-tab2nd_on.gif);}
#history #mainContents #promotion ul#tabPager li#tab03 {background:url(/en/km-history/img/btn-tab3rd_on.gif);}

#history #mainContents .innerContents {margin-left:12px;padding-right:12px;}
#history #mainContents .innerContents h3{
	padding:10px;
	margin-bottom:20px;
	color:#fff;
	font-size:12px;
}
#history #mainContents .innerContents h3 span{
	background:url(/en/km-history/img/bdr-ttlLeft.png) repeat-y 0 0;
	padding-left: 10px;
	display:block;
}
#history #mainContents .innerContents h3.ttl01 {
	background:url(/en/km-history/img/bgi-2ndTtl_01.png) repeat-y 0 0;
}
#history #mainContents .innerContents h3.ttl02 {
	background:url(/en/km-history/img/bgi-2ndTtl_02.png) repeat-y 0 0;
}
#history #mainContents .innerContents h3.ttl03 {
	background:url(/en/km-history/img/bgi-2ndTtl_03.png) repeat-y 0 0;
}
#history #mainContents .innerContents img,
#history #mainContents .innerContents p{float:left;}
#history #mainContents .innerContents p{
	width:435px;
	margin-left:18px;
}
#history #mainContents .innerContents p.lead{
	float:none;
	width:auto;
	margin-left:0;
}

#history #mainContents .innerContents p.rekimini {
	float:left;
	font-size:85%;
	color:#660000;
	border:1px solid #660000;
	background-color:#EECBA4;
	padding:4px;
	margin-left:18px;
	margin-top:6px;
	margin-right:6px;
}

/* pager */
#history #mainContents #pagerArea{
	height:25px;
	margin-bottom:25px;
}
#history #mainContents #pagerArea  a,
#history #mainContents #pagerArea  a span{
	text-decoration:none;
	cursor:pointer;
}
#history #mainContents #pagerArea a span {width:25px;height:25px;display:inline-block;}
#history #mainContents #pagerArea a:hover span img{visibility:hidden;}
#history #mainContents #pagerArea a:hover .prev {background:url(/en/km-history/img/btn-prevOver.png) no-repeat;}
#history #mainContents #pagerArea a:hover .next {background:url(/en/km-history/img/btn-nextOver.png) no-repeat;}
#history #mainContents #pagerArea.pager01{margin-left:330px;width:400px;}
#history #mainContents #pagerArea.pager02{margin-left:160px;width:580px;}
#history #mainContents #pagerArea.pager03{margin-left:130px;width:550px;}

/* contensFooter */
#history #mainContents #contensFooter {
	clear:both;
	width:720px;
	overflow:hidden;
	zoom:1;
	background:url(/en/km-history/img/bgi-contents_bottom.gif) no-repeat 0 bottom;
	padding:0 15px 25px;
}
#history #mainContents #contensFooter .innerbox {
	border-top:3px solid #545050;
	padding-top:5px;
}

/* tools */
ul.list_disc {padding-left:15px;margin-bottom:20px;}
ul.list_disc li {list-style:disc;texy-indent:2.5em;}

ul.list_disc2 {padding-left:25px;margin-bottom:20px;}
ul.list_disc2 li {list-style:disc;}

#history #mainContents .innerContents div.hist_pict {
	float: left;
	width: 231px;
	margin-right: 20px;
}
#history #mainContents .innerContents div.hist_text {
	float: left;
	width: 435px;
}
#history #mainContents .innerContents div.rekimini {
	font-size:85%;
	color:#660000;
	border:1px solid #660000;
	background-color:#EECBA4;
	padding:4px;
	margin-left:10px;
	margin-top:6px;
	margin-right:6px;
}
#history #mainContents .innerContents ul.reki_list { padding-left:20px; }
#history #mainContents .innerContents ul.reki_list li { list-style:disc;texy-indent:2.5em; }
