@charset "EUC-JP";
@import url('joshibu_layout.css');


/****************************** layout ******************************/

body .main_contents{
	position:relative;
	padding:15px;
	background-image:url(/image/joshibu/bg_joshibu_frame_tape_001.png),
			 url(/image/joshibu/bg_joshibu_frame_tape_002.png),
			 url(/image/joshibu/bg_joshibu_frame_tape_003.png),
			 url(/image/joshibu/bg_joshibu_frame_top_news.png),
			 url(/image/joshibu/bg_joshibu_frame_bottom_news.png),
			 url(/image/joshibu/bg_joshibu_frame_side.png),
			 url(/image/joshibu/bg_joshibu_frame_news.png);
	background-repeat:no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat-y, repeat;
	background-position:left 200px, left bottom, right 1300px, center top, center bottom, center top, center top;
}


/****************************** common ******************************/

.clear_both{
	clear:both;
}

.center{
	text-align:center;
	margin:0 auto;
}

a{
	color:#bb337b;
}

.live_alert_popup{
	display:none !important;
}


/****************************** container ******************************/

.main_contents .container:before,
.main_contents .container:after{
	content:" ";
	display:block;
	position:absolute;
	width:580px;
	height:30px;
}

.main_contents .container:before{
	top:-25px;
	left:0px;
	background:url(/image/joshibu/bg_joshibu_news_top.png) no-repeat center top;
}

.main_contents .container:after{
	bottom:-25px;
	left:0px;
	background:url(/image/joshibu/bg_joshibu_news_bottom.png) no-repeat center top;
}

.main_contents .container{
	position:relative;
	width:534px;
	min-height:2300px;
	padding:0px 23px 30px;
	margin:90px auto 40px 20px;
	line-height:1.5em;
	text-align:left;
	border-radius:8px;
	background:url(/image/joshibu/bg_joshibu_news.png) repeat-y center top;
}

.right_contents{
	margin:70px 10px 20px auto;
	padding-bottom:0;
}

.search_subcontainer{
	display:none;
}


/************************ header ************************/

.review_search{
	display:none;
}

.search_header ul{
	overflow:hidden;
	position:absolute;
	top:-55px;
	left:0px;
	width:580px;
	height:50px;
	margin:0;
	background:url(/image/joshibu/bg_joshibu_search_header_back.png) no-repeat center 28px;
}

.search_header ul:before{
	content:" ";
	display:block;
	position:absolute;
	left:0;
	top:30px;
	width:580px;
	height:20px;
	background:url(/image/joshibu/bg_joshibu_search_header.png) no-repeat center top;
}

.search_header li{
	float:left;
	z-index:0;
	height:32px;
	padding-top:1px;
	margin:0 0px 0px 10px;
	font-size:13px;
	line-height:32px;
}

.search_header .gametitle_search{
	margin-left:25px;
}


/********** tab **********/

.search_header li a{
	text-decoration:none;
}

.search_header .gametitle_search a:hover,
.search_header .article_search a:hover,
.search_header .schedule_search a:hover{
	color:#3333ff;
}

.search_header a,
.search_header strong{
	border:6px solid #fff;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);
}

.search_header .gametitle_search a,
.search_header .article_search a,
.search_header .schedule_search a{
	display:block;
	padding:0px 10px;
	color:#000;
	background:#d0e6f5;
}

.search_header .gametitle_search strong,
.search_header .article_search strong,
.search_header .schedule_search strong{
	display:block;
	position:relative;
	z-index:1;
	padding:0px 10px;
//	font-weight:normal;
	color:#b45585;
	background:#f8e6f3;
}


/******************** select ********************/

.main_contents .search_select{
	width:538px;
	min-height:1.3em;
	margin:0 auto;
	padding:18px 6px 6px;
	line-height:140%;
	text-align:left;
}

.main_contents .search_select img{
	float:left;
	vertical-align:middle;
}

.main_contents #SEARCH_keywords a{
	padding:1px;
	margin-right:8px;
	text-decoration:none;
	color:#c13486;
	box-shadow:inset 0px -13px 0 0 #ffff9f;
}

.main_contents #SEARCH_keywords a:hover{
	color:#e0b;
}


/********** button **********/

.main_contents .search_select .buttom{
	position:absolute;
	right:15px;
	top:-6px;
	float:right;
}

.main_contents .search_select .buttom a{
	float:left;
	display:block;
	padding:2px 4px;
	margin-left:4px;
	font-size:10px;
	line-height:10px;
	text-decoration:none;
	border:3px solid #fff;
	border-radius:4px;
	box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);
	color:#333;
	background:#d0e6f5;
}

.main_contents .search_select .buttom a:hover{
	color:#3333ff;
}


/********** annotation **********/

.annotation{
	width:560px;
	padding:20px 20px 10px 0px;
	margin:10px 0px 0px -25px;
	font-size:10px;
	color:#888;
	text-align:right;
	background:url(/image/joshibu/bg_joshibu_h1.png) no-repeat center 10px;
}


/************************ middle ************************/

.main_contents .search_middle{
	height:138px;
	padding:10px;
	margin:0 auto 20px;
	background:#f2f2f2;
	border-radius:8px;
}


/********** title **********/

.search_middle .title{
	height:30px;
	font-size:11px;
	line-height:11px;
	text-align:left;
}

.search_middle .title img{
	margin-right:40px;
	vertical-align:middle;
}

.search_middle .title input{
	height:20px;
	vertical-align:middle;
}

.search_middle .title input.form{
	height:16px;
	margin-right:2px;
	width:140px;
}


/********* tab *********/

.search_middle .search_tab{
	position:relative;
	width:512px;
	height:23px;
	margin:0 auto;
	background:url(/image/bg_search_tab.gif) repeat-x left top #991717;
	text-align:center;
}

.search_middle .search_tab ul{
	position:absolute;
	left:0;
	right:0;
	height:23px;
	margin-left:10px;
}

.search_middle .search_tab ul.tab_default{
	z-index:100;
}

.search_middle .search_tab ul.tab_select{
	z-index:0;
}

.search_middle .search_tab ul li{
	margin:0 1px;
	font-size:10px;
	float:left;
}

.search_middle .search_tab ul.tab_default li{
	width:80px;
	line-height:19px;
	padding:1px 0;
	border-bottom:1px solid #4d0b0b;
	background:url(/image/bg_tab_dc_noselect.gif) repeat-x bottom #999999;
}

.search_middle .search_tab ul.tab_select li{
	width:76px;
	line-height:21px;
	padding:0 1px 1px;
	border:1px solid #4d0b0b;
	border-bottom:none;
	background:url(/image/tab_search_select.gif) repeat-x left top #991717;
	color:#ffffff;
}

.search_middle .search_tab ul.tab_default li a{
	display:block;
	margin:0 1px;
	border:1px solid #ffffff;
	border-bottom:none;
	background:url(/image/tab_dc_noselect_article.gif) repeat-x left top;
	color:#ffffff;
	text-decoration:none;
}


/********* block *********/

.search_middle .search_keyword{
	width:490px;
	height:68px;
	line-height:17px;
	margin:0 auto;
	padding:4px 8px;
	border-width:2px 3px 3px;
	border-style:solid;
	border-color:#991717;
	background:#ffffff;
	text-align:left;
	font-size:12px;
	overflow:auto;
}

.search_middle .search_keyword ul{
	list-style:none;
	font-size:12px;
}

.search_middle .search_keyword ul li{
	display:inline;
	padding-right:4px;
}

.search_middle .search_keyword ul li a:hover{
	color:#ff0087;
}


/************************ nav ************************/

.main_contents ul.search_navi:after{
	content:"";
	display:block;
	height:0px;
	clear:both;
}

.main_contents ul.search_navi{
	clear:both;
	width:545px;
	height:22px;
	line-height:13px;
	margin:0 auto 2px;
	font-size:12px;
	text-align:left;
	height:29px;
	margin-bottom:0;
}

.main_contents ul.search_navi li.radio{
	position:absolute;
	display:block;
	right:20px;
	margin-top:-1.5em;
}

.main_contents ul.search_navi li span{
	padding:0 2px;
}

.main_contents ul.search_navi li select{
	height:18px;
	vertical-align:middle;
}

.main_contents ul.search_navi li select.yaer{
	width:60px;
}

.main_contents ul.search_navi li select.month,
.main_contents ul.search_navi li select.day{
	width:40px;
}

.main_contents ul.search_navi li select.sorting{
	width:150px;
}

.main_contents ul.search_navi li select{
	vertical-align:baseline;
}

.main_contents ul.search_navi li input{
	height:14px;
	vertical-align:middle;
}


/********** ·ï¿ô **********/

.main_contents dl.search_navi{
	height:32px;
	margin:0px auto;
	line-height:32px;
	text-align:left;
}

.main_contents dl.search_navi dt,
.main_contents dl.search_navi dd{
	display:inline;
}

.main_contents dl.search_navi dt img{
	vertical-align:-2px;
}

.main_contents dl.search_navi dd{
	font-size:11px;
	font-weight:bold;
	color:#000000;
	margin:0 2px;
}

.main_contents dl.search_navi dd strong{
	font-size:22px;
	color:#dd0066;
	padding:0 4px 0 2px;
}


/********** ¥½¡¼¥È **********/

li.sort{
	background:#ffe5e5;
	padding:4px 4px 0 6px;
	height:23px;
	border-bottom:none;
	margin-right:14px;
	margin-left:6px;
	display:block;
	float:left;
	position:relative;
	top:2px;
	z-index:100;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

li.sort span{
	font-size:13px;
}

li.sort_release_date{
	display:block;
	float:right;
	margin:2px 15px 0 0;
}

li.sort_release_date span.error{
	color:#ff0000;
}

li.radio{
	display:block;
	margin:9px 0 0 4px;
}


/******************** paging ********************/

.main_contents ul.paging,
.main_contents ul.paging_bottom{
	min-height:22px;
	line-height:150%;
	padding:2px 0;
	margin:0 auto 2px;
	font-size:11px;
	background:#ffe5e5;
	text-align:center;
	border-radius:4px;

	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	-webkit-justify-content:center;
	justify-content:center;
}

.main_contents ul.paging_bottom{
	margin:10px auto 20px;
	border-top:none;
	clear:both;
}


/********** pages **********/

.main_contents ul.paging li,
.main_contents ul.paging_bottom li{
	padding:0px 4px;
	-webkit-order:2;
	order:2;
}

.main_contents ul.paging li.pages,
.main_contents ul.paging_bottom li.pages{
	width:475px;
}

.main_contents ul.paging li.pages a,
.main_contents ul.paging_bottom li.pages a{
	display:inline-block;
	padding:0 2px;
}

.main_contents ul.paging li.pages strong,
.main_contents ul.paging_bottom li.pages strong{
	padding:0 2px;
	font-size:14px;
	line-height:18px;
}


/********** next prev **********/

.main_contents ul.paging li.preview,
.main_contents ul.paging_bottom li.preview{
	float:left;
	-webkit-order:1;
	order:1;
}

.main_contents ul.paging li.next,
.main_contents ul.paging_bottom li.next{
	float:right;
	-webkit-order:3;
	order:3;
}

.main_contents ul.paging li.preview a,
.main_contents ul.paging li.next a,
.main_contents ul.paging_bottom li.preview a,
.main_contents ul.paging_bottom li.next a{
	text-decoration:none;
}

.main_contents ul.paging li.preview img,
.main_contents ul.paging_bottom li.preview img{
	padding-right:2px;
	vertical-align:middle;
}

.main_contents ul.paging li.next img,
.main_contents ul.paging_bottom li.next img{
	padding-left:2px;
	vertical-align:middle;
}

.main_contents ul.paging li.preview a span,
.main_contents ul.paging li.next a span,
.main_contents ul.paging_bottom li.preview a span,
.main_contents ul.paging_bottom li.next a span{
	padding:0;
	text-decoration:underline;
}

.main_contents ul.paging li.preview span,
.main_contents ul.paging li.next span,
.main_contents ul.paging_bottom li.preview span,
.main_contents ul.paging_bottom li.next span{
	display:none;
	padding:0 2px;
}


/**************************************** article **************************************/


/****************************** old ******************************/

.search_container .article_container:after{
	content:"";
	clear:both;
	height:0;
	display:block;
}

.search_container .article_container{
	min-height:0;
}

.search_container .article_container > h2{
	float:none;
	width:auto;
	padding:0 5px 20px;
}

.search_container .article_container.oneline > h2{
	padding-bottom:0;
}

.search_container .article_container .img_right_top,
.search_container .article_container .imgBox{
	display:none;
}

.search_container .article_container .article_tag{
	right:5px;
	width:524px;
}

.search_container .article_container .imgBox p{
	width:120px;
	margin:0;
}


/****************************** before 3.0 ******************************/

.article_container > p + p{
	display:block;
}

.search_container .article_container table{
	table-layout:fixed;
	width:100% !important;
	margin-bottom:20px;
}

.search_container .article_container td{
	vertical-align:top;
}

.search_container .article_container td[width="75%"],
.search_container .article_container td[width="60%"]{
	width:90% !important;
	text-indent:-1em;
}

.search_container .article_container td span{
	display:block;
	padding:0 5px;
}

.search_container .article_container td span.str{
	display:inline;
	padding:0 5px;
	font-weight:bold;
}

.search_container .article_container td a{
	font-size:15px;
	font-weight:bold;
	line-height:22px;
	color:#000;
	text-decoration:none;
}

.search_container .article_container table + br,
.search_container .article_container table + br + table,
.search_container .article_container table tr:first-child td:first-child,
.search_container .article_container td + td + td,
.search_container .article_container td img,
.search_container .article_container td span.copy{
	display:none;
}

.search_container .article_container td div.artic{
	position:relative;
	padding:5px 5px 0;
	font-size:11px;
	line-height:150%;
}

.search_container .article_container td div.artic *{
	display:inline;
}

.search_container .article_container td div.artic a{
	font-size:11px;
	line-height:150%;
	text-decoration:underline;
}

.search_container .article_container td div.artic > br,
.search_container .article_container td div.artic img{
	display:none;
}

.search_container .article_container td .date,
.search_container .article_container td span.newsdate,
.search_container .article_container td span.newstime{
	padding:0;
	font-size:13px;
}

.search_container .article_container td .signature{
	font-size:13px;
}