@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
キングダム ライジング default_CSS
/////////////////////////////////////////////////////////////////////////*/
* { margin:0;padding:0;}
body { text-align:center; font:13px/1.231 sans-serif; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", sans-serif; *font-size:small; *font:x-small;}
h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%;}
a,object,embed { outline:none;}
img { border:none;}
hr { display:none;}
ul { list-style:none;}
.alt { position:absolute; top:-5000px; left:-9999px;}
.bold { font-weight:bold !important;}
.normal { font-weight:normal !important;}
.floatL { float:left;}
.floatR { float:right;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix { height: 1px;
	/*?*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
/*font*/
.f10 { font-size:77% !important;}
.f11 { font-size:85% !important;}
.f12 { font-size:93% !important;}
.f13 { font-size:100% !important;}
.f14 { font-size:108% !important;}
.f15 { font-size:116% !important;}
.f16 { font-size:123.1% !important;}
.f17 { font-size:131% !important;}
.f18 { font-size:138.5% !important;}
.f19 { font-size:146.5% !important;}
.f20 { font-size:153.9% !important;}
.f21 { font-size:161.6% !important;}
.f22 { font-size:167% !important;}
.f23 { font-size:174% !important;}
.f24 { font-size:182% !important;}
.f25 { font-size:189% !important;}
.f26 { font-size:197% !important;}
/*font_color*/
.red, .red a { color:#d00 !important;}
a:hover img { opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100)";}

/*/////////////////////////////////////////////////////////////////////////
共通CSS
/////////////////////////////////////////////////////////////////////////*/
body { background:#fff; text-align:center; min-width:990px;}
#bg1 { background:#090909 url(../img/bg.png) repeat-x;}
#bg2 { background:url(../img/bg_bottom.jpg) no-repeat center bottom;}
#bg3 { background:url(../img/bg_head.jpg) no-repeat center 0;}
#contentsArea {
	width:990px; text-align:left; margin:0 auto; padding:315px 0 0;
	background:url(../img/bg_head.jpg) no-repeat center 0; position:relative;
}
#contentsArea h2, #contentsArea dl { display:none;}
#contentsMain { padding:0 5px;}
#contentsArea .maincopy { font-size:93%; color:#fff; text-align:center; padding:10px 0;}

/*video*/
#video { width:400px; height:225px;position:absolute; top:49px; right:10px; border:1px solid #a22326; background:#000;}

/*col1*/
#col1 { width:220px; float:left; margin-top:18px;}
#col1 li { background:#000; margin-bottom:20px;}
#col1 li a { display:block; width:220px; background:url(../img/partsLeft.png) no-repeat; text-indent:-5000px;}
	#col1 li#bn01 a { height:227px; background-position:0 0;}
	#col1 li#bn02 a { height:107px; background-position:0 -240px;}
	#col1 li#bn03 a { height:67px; background-position:0 -480px;}
	#col1 li#bn04 a { height:107px; background-position:0 -360px;}
	#col1 li#bn01 a:hover { background-position:-230px 0;}
	#col1 li#bn02 a:hover { background-position:-230px -240px;}
	#col1 li#bn03 a:hover { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
	#col1 li#bn04 a:hover { background-position:-230px -360px;}

/*col2*/
#col2 { width:530px; float:left;}
#col2 h3 { height:120px; background:url(../img/partsMiddle.png) no-repeat 0 0; text-indent:-5000px;}
#col2 #inner1 { background:url(../img/partsMiddle.png) repeat-y -540px 0;}
#col2 #inner2 { background:url(../img/partsMiddle.png) no-repeat -1080px bottom; padding:10px 29px 35px; /*min-height:750px;*/}
#col2 li { line-height:1.35; border-bottom:1px solid #a22326; padding-bottom:15px; margin-bottom:20px;}
	#col2 li .pic { width:75px; float:left;}
	#col2 li .pic img { border:2px solid #a22326;}
	#col2 li a:hover .pic img { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
	#col2 li .text { display:block; width:390px; float:left;}
	#col2 li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
	#col2 li a { color:#222; text-decoration:none;}
	#col2 li .title {
		display:inline-block; font-size:108%; font-weight:bold; color:#880b0e;
		text-decoration:underline; padding-bottom:5px;
	}
	#col2 li a:hover .title { color:#222; text-decoration:none;}
	#col2 li .innertxt { display:inline-block; font-size:93%; padding-bottom:5px;}
	#col2 li .date { display:inline-block; font-size:85%;}

/*col3*/
#col3 {
	width:230px; float:right; color:#fff; text-align:center; margin-top:18px;
	background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.5);
}
#col3 .inner { background:url(../img/partsRight.png) no-repeat 0 14px;}
#col3 img { border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
#col3 h3 { height:60px; text-indent:-5000px;}
#col3 h4 {
	min-height:50px; background:url(../img/partsRight.png) no-repeat -240px 3px;
	font-size:138.5%; color:#e20308; position:relative;
	}
	#col3 h4 .innertxt { display:inline-block; width:195px; position:absolute; top:12px; left:18px;}
	#col3 h4 .ruby { font-size:60%;}
#col3 p { text-align:left; padding:0 16px 20px;}

/*sns*/
.snsparts { position:absolute; top:288px; left:620px;}
.snsparts .mixi { position:absolute; top:0; left:0;}/*70*/
.snsparts .hatena { position:absolute; top:0; left:0;}/*50*/
.snsparts .gplus { position:absolute; top:0; left:60px;}/*63*/
.snsparts .facebook { position:absolute; top:0; left:128px;}/*103*/
.snsparts .twitter { width:110px; position:absolute; top:0; left:236px; overflow:hidden;}/*105*/

/*footer*/
#footerBG { width:100%; text-align:center; background:#fff url(../img/bg_line.png) repeat-x; padding:50px 0 10px;}
#footer { border:none; font-size:93%; line-height:1.5;}
#footer a { color:#333;}

/*///////////////////////////////////////////////////////*/
/*original*/
.head-before-login,
#pre-com-GlobalNav { font-size:93%; font-family:"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; line-height:1.4;}

/*scrl*/
/** CSS Styles that are needed by jScrollPane for it to operate correctly.* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */
.jspContainer { overflow:hidden; position:relative;}
.jspPane { position:absolute;}
.jspVerticalBar { position:absolute; top:0; right:1px; width:7px; height:100%; background:red;}
.jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:16px; background:red;}
.jspVerticalBar *, .jspHorizontalBar * { margin:0; padding:0;}
.jspCap { display:none;}
.jspHorizontalBar .jspCap { float:left;}
.jspTrack { background:#e9e7dc; position:relative;}
.jspDrag { background:#d00; position:relative; top:0; left:0; cursor:pointer;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%;}
.jspArrow { background:#50506d; text-indent:-20000px; display:block; cursor:pointer;}
.jspArrow.jspDisabled { cursor:default; background:#80808d;}
.jspVerticalBar .jspArrow { height:16px;}
.jspHorizontalBar .jspArrow { width:16px; float:left; height:100%;}
.jspVerticalBar .jspArrow:focus { outline:none;}
.jspCorner { background:#eeeef4; float:left; height:100%;}
* html .jspCorner { margin:0 -3px 0 0;}