@charset "UTF-8";

/* //////////////////////////////////////////////////

　各ページ共通設定

////////////////////////////////////////////////// */
h2 {
	display:none;
}
.ui-tabs .ui-tabs-hide { display: none !important; }

/* --------------------------------------------------
　背景
-------------------------------------------------- */
#mainContent .header {
	height:12px;
	background:url(../img/common/bg_content_top1.png) no-repeat;
}
#news #mainContent .header,
#movie #mainContent .header,
#screen .lower .header {
	height:131px;
	background:url(../img/common/bg_content_top2.png) no-repeat;
}
#mainContent {
	position:relative;
	padding-bottom:100px;
	background:url(../img/common/bg_content_btm1.png) no-repeat bottom;
}
*html #mainContent {
	padding-bottom:99px;
}

#system #mainContent,
#best #mainContent,
#news #mainContent,
#movie #mainContent,
#screen .lower {
	padding-bottom:110px;
	background:url(../img/common/bg_content_btm3.png) no-repeat bottom;
}
#mainContent .content {
	padding-top:45px;
	background:url(../img/common/bg_content_mid1.png) repeat-y;
}
#news #mainContent .content,
#movie #mainContent .content,
#screen .lower .content {
	padding-top:0;
}

#system .subheader,
#best .subheader {
	height:91px;
	background:url(../img/common/bg_content_top3.png) no-repeat;
}

/* --------------------------------------------------
　パンくず
-------------------------------------------------- */
#topicPass {
	position:absolute;
	top:11px;
	left:20px;
	height:35px;
	font-family:"Courier New", Courier, monospace;
	font-size:1.1em;
	background:url(../img/common/bg_topicpass_l.png) no-repeat 0 0;
}
*html #news #topicPass,
*html #movie #topicPass {
	top:-120px;
}
#topicPass ul {
	padding:0 15px 0 45px;
	height:35px;
	background:url(../img/common/bg_topicpass_r.png) no-repeat right 0;
}
*html #topicPass ul {
	display:inline;
}
#topicPass li {
	float:left;
	margin-right:3px;
	line-height:35px;
}
/* --------------------------------------------------
　ページャ
-------------------------------------------------- */
#news .pager {
	position:absolute;
	bottom:73px;
	z-index:10;
	width:100%;
	font-family:"Courier New", Courier, monospace;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
*html #news .pager {
	bottom:76px;
}
#news .pager li {
	display:inline;
}
#news .pager .prev {
	position:absolute;
	top:-4px;
	left:65px;
	padding-top:8px;
	width:153px;
	height:22px;
	background:url(../img/common/bg_prev.png) no-repeat;
}
#news .pager .next {
	position:absolute;
	top:-6px;
	right:80px;
	padding-top:7px;
	width:153px;
	height:22px;
	background:url(../img/common/bg_next.png) no-repeat;
}


/* //////////////////////////////////////////////////

　CHARACTER

////////////////////////////////////////////////// */
#chara #characterList {
	margin-left:15px;
}
#chara #characterList li {
	float:left;
}

/* --------------------------------------------------
　下層
-------------------------------------------------- */
#chara .lower .content {
	padding-left:20px;
	padding-right:30px;
}
/* 左側BOX
-------------------------------------------------- */
#chara .leftBox {
	float:left;
	margin-top:70px;
	width:290px;
	background:url(../img/character/bg_leftbox_mid.png) repeat-y top;
}
#chara .leftBox .inner {
	padding-top:13px;
	background:url(../img/character/bg_leftbox_top.png) no-repeat top;
}
#chara .leftBox .message {
	padding:10px 15px;
	background:url(../img/character/bg_leftbox_btm.png) no-repeat bottom;
}
#chara #left-container {
	float:left;
	padding:0 10px 0 30px;
	width:500px;
}
#chara #left-container .leftBox {
	float:none;
	margin:20px auto 30px;
}

/* 名前 指紋 */
#chara .leftBox .personal {
	background:url(../img/character/bg_personal.png) no-repeat;
}
#chara .leftBox .personal-other {
	background:url(../img/character/bg_personal_2.png) no-repeat;
}
#chara .leftBox .personal img {
	float:right;
	padding-right:5px;
}
#chara .leftBox .personal .name {
	padding:50px 0 0 11px;
}
#chara .leftBox .personal .aka {
	padding:0px 0 0 50px;
}
/* メッセージ */
#chara .leftBox .message p {
	margin-bottom:10px;
}
/* other */
#chara .other h3 {
	margin-bottom:10px;
	font-size:1.1em;
	color:#000;
}
#chara .other li {
	position:relative;
	margin-bottom:20px;
}
#chara .other li.last {
	margin-bottom:0;
}
#chara .other p {
	padding-left:140px;
}
#chara .other .mask {
	position:absolute;
	top:-10px;
	left:-10px;
}
#chara .other .left {
	padding-right:5px;
}

/* ギャラリー
-------------------------------------------------- */
#chara .gallery {
	position:relative;
	float:right;
	width:266px;
}
/* prev next ボタン */
#chara #tabs .mover {
	position:absolute;
	top:110px;
	width:29px;
	height:32px;
	z-index:100;
}
#chara #tabs .next {
	right:-10px;
	background:url(../img/character/btn_right.png) 0 0;
}
#chara #tabs .next:hover { background-position:0 -32px; }

#chara #tabs .prev {
	left:-10px;
	background:url(../img/character/btn_left.png) 0 0;
}
#chara #tabs .next:hover { background-position:0 -32px; }
/* 枠画像 */
#chara .gallery .mask {
	position:absolute;
	top:-10px;
	left:-10px;
}
/* サムネイル */
#chara #tabs ul {
	margin:0 8px;
}
#chara #tabs li {
	float:left;
	padding:9px 15px 0 15px;
}
#chara #tabs .ui-tabs-selected {
	background:url(../img/movie/bg_img_active.png) no-repeat center top;
}
#chara #tabs li img {
	margin-bottom:3px;
	border:2px solid #919191;
	opacity:0.70;
	-moz-opacity:0.70;
	filter:alpha(opacity=70);
}
#chara #tabs .ui-tabs-selected img,
#chara #tabs a:hover img {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
/* 角丸 */
#chara #tabs .corner8 {
	margin:15px 0 10px;
	padding:10px;
	background:#f6f196;
	border:3px solid #c1bb85;
}
/* post it */
#chara #post-it {
	margin:10px 0 10px 5px;
	padding:20px 20px 70px;
	width:211px;
	height:138px;
	color:#666;
	font-size:1.7em;
	font-family:"Comic Sans", "Comic Sans MS", sans-serif;
	background:url(../img/character/bg_post-it.png) no-repeat;
}


/* //////////////////////////////////////////////////

　MOVIE

////////////////////////////////////////////////// */
#movie .content #tabs {
	width:773px;
	margin-left:18px;
	padding:0 30px 5px;
	background:url(../img/common/bg_content_mid3.png) repeat-y;
}
#movie #tabs ul {
	margin-top:30px;
	text-align:center;
}
#movie #tabs li {
	display:inline-block;
	padding:9px 10px 0 10px;
	width:120px;
	text-align:center;
	line-height:1;
	font-family:"Courier New", Courier, monospace;
	vertical-align:top;
}
*html #movie #tabs li {
	float:left;
}
#movie #tabs .ui-tabs-selected {
	background:url(../img/movie/bg_img_active.png) no-repeat center top;
}
#movie #tabs img {
	margin-bottom:3px;
	border:2px solid #919191;
	opacity:0.80;
	-moz-opacity:0.80;
	filter:alpha(opacity=80);
}
#movie #tabs .ui-tabs-selected img,
#movie #tabs a:hover img {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}


/* //////////////////////////////////////////////////

　SCREEN SHOT

////////////////////////////////////////////////// */
#screen #screenshotList {
	padding-left:70px;
}
#screen #screenshotList li {
	display:inline;
	float:left;
	margin:10px 45px;
}
/* --------------------------------------------------
　下層
-------------------------------------------------- */
#screen .lower .content .inner {
	width:803px;
	margin-left:18px;
	padding:0 15px;
	background:url(../img/common/bg_content_mid3.png) repeat-y;
}
/* スクリーンショット
---------------------------------------------------*/
#screen #tabContents {
	margin-bottom:10px;
	width:auto;
	padding:40px 0 0;
	background:#000;
	text-align:center;
}
#screen #art #tabContents div,
#screen #propaganda #tabContents div,
#screen #wallpapers #tabContents div {
	height:500px;
}
#screen #art .vertical {
	margin-top:75px;
}
#screen #propaganda .vertical {
	margin-top:50px;
}
#screen #fullScreen {
	margin-right:5px;
	padding:5px 20px 15px 0;
	background:url(../img/screenshot/btn_fullscreen.png) no-repeat right 7px;
	font-family:"Courier New", Courier, monospace;
	text-align:right;
}
#screen #fullScreen a:hover {
	color:#fff;
}
/* next prev */
#screen #tabs .mover {
	position:absolute;
	top:340px;
	width:29px;
	height:32px;
	z-index:100;
}
#screen #art #tabs .mover,
#screen #propaganda #tabs .mover,
#screen #wallpapers #tabs .mover {
	top:380px;
}
*html #screen #tabs .mover {
	top:240px;
}
*html #screen #art #tabs .mover,
*html #screen #propaganda #tabs .mover,
*html #screen #wallpapers #tabs .mover {
	top:280px;
}

#screen #tabs .next {
	right:40px;
	background:url(../img/character/btn_right.png) 0 0;
}
#screen #tabs .next:hover { background-position:0 -32px; }

#screen #tabs .prev {
	left:25px;
	background:url(../img/character/btn_left.png) 0 0;
}
#chara #tabs .next:hover { background-position:0 -32px; }
/* カルーセル
-----------------------------------------------------*/
#screen #scroll {
	position:relative;
	margin:0 0 0 30px;
	height:93px;
	padding:0 38px;
	background:url(../img/screenshot/bg_thumb.png) no-repeat 0 0;
	overflow:hidden;
}
#screen #jCarouselLite li {
	float:left;
	padding:10px;
}
#screen #jCarouselLite a img {
	opacity:0.80;
	-moz-opacity:0.80;
	filter:alpha(opacity=80);
}
#screen #jCarouselLite .ui-tabs-selected a img,
#screen #jCarouselLite a:hover img {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
/* next prev */
#screen #scroll a.sprite {
	position:absolute;
	top:28px;
	width:33px;
	height:35px;
	z-index:1000;
	cursor:pointer;
}
#screen #scroll a.sprite:hover {
	background-position:-33px 0;
}
#screen #scroll a.carouselPrev {
	left:8px;
	background:url(../img/screenshot/btn_prev.png);
}
#screen #scroll a.carouselNext {
	right:43px;
	background:url(../img/screenshot/btn_next.png);
}

/* Locations
---------------------------------------------------- */
#chara .screenshot #left-container {
	padding:0;
	width:546px;
	background:url(../img/screenshot/locations/bg_leftbox_mid.jpeg) repeat-y;
}
#chara .screenshot .top {
	padding-top:75px;
	background:url(../img/screenshot/locations/bg_leftbox_top.jpg) no-repeat top;
}
#chara .screenshot .btm {
	padding:30px 35px 20px;
	background:url(../img/screenshot/locations/bg_leftbox_btm.jpeg) no-repeat bottom;
}
#chara .screenshot #left-container .leftBox {
	margin:0 auto;
}
#chara .screenshot .other h3 {
	color:#8d1d00;
}

#chara .screenshot .leftBox {
	background:url(../img/screenshot/locations/bg_letter_mid.png) repeat-y top;
}
#chara .screenshot .leftBox .inner {
	background:url(../img/screenshot/locations/bg_letter_top.png) no-repeat top;
}
#chara .screenshot .leftBox .message {
	background:url(../img/screenshot/locations/bg_letter_btm.png) no-repeat bottom;
}
#chara .screenshot #left-container {
	position:relative;
}
#chara .screenshot .tl {
	position:absolute;
	top:0;
	left:0;
}
#chara .screenshot .br {
	position:absolute;
	bottom:0;
	right:0;
}
#chara .screenshot .gallery {
	margin-top:11px;
}

/* //////////////////////////////////////////////////

　NEWS

////////////////////////////////////////////////// */
#news #newsList {
	width:773px;
	margin-left:18px;
	padding:0 30px 10px 30px;
	background:url(../img/common/bg_content_mid3.png) repeat-y;
}
#news #newsList li {
	padding:5px 0;
	margin-bottom: 20px;
}
#news #newsList img {
	border:1px solid #aaa;
}
#news #newsList h3 {
	color:#822037;
	font-size:1.1em;
}
#news #newsList .date {
	margin:5px 0 20px 0;
	font-size:0.9em;
	color:#888;
}

#news #newsList .text {
	margin:0 0 10px 0;
	width: 555px;
	float: right;
}

table.news_tbl th{
text-align: left;
font-weight: normal;
padding:5px 10px 5px 0;
width:25%;
border-bottom: 1px solid #999;
}

table.news_tbl td{
text-align: left;
font-weight: normal;
padding:5px 10px 5px 0;
border-bottom: 1px solid #999;
}

/* //////////////////////////////////////////////////

　SYSTEM

////////////////////////////////////////////////// */
#system #sysList {
	width:773px;
	margin-left:18px;
	padding:0 30px 10px 30px;
	background:url(../img/common/bg_content_mid3.png) repeat-y;
}
#system #sysList li {
	padding:5px 0 25px;
	border-bottom: 1px dashed #999999;
	margin-bottom: 20px;
}
#system #sysList img {
	border:1px solid #aaa;
}
#system #sysList h3 {
	color:#822037;
	font-size:1.1em;
	margin:0 0 20px 0;
}

#system #sysList .text {
	margin:0 0 10px 0;
}

#system #sysList dl.add {
	margin:0 0 10px 0;
	padding: 15px;
	border: 1px solid #822037;
}

#system #sysList dl.add dt {
	margin:0 0 5px 0;
	color:#822037; 
}

#system #sysList dl.add dd {
	margin:0 0 10px 10px;
}


#screenshotList {
	padding-left:70px;
}
#screenshotList li {
	display:inline;
	float:left;
	margin:10px 45px;
}


table.news_tbl th{
text-align: left;
font-weight: normal;
padding:5px 10px 5px 0;
width:25%;
border-bottom: 1px solid #999;
}

table.news_tbl td{
text-align: left;
font-weight: normal;
padding:5px 10px 5px 0;
border-bottom: 1px solid #999;
}

/* //////////////////////////////////////////////////

　廉価版ページ

////////////////////////////////////////////////// */
#best .sysList {
	width:773px;
	margin-left:18px;
	padding:0 30px 10px 30px;
	background:url(../img/common/bg_content_mid3.png) repeat-y;
}
#best .sysList li {
	padding:5px 0 25px;
	border-bottom: 1px dashed #999999;
	margin-bottom: 20px;
}
/*
#best .sysList img {
	border:1px solid #aaa;
}
*/
#best .sysList h3 {
	color:#822037;
	font-size:1.1em;
	margin:15px 0 10px;
}

#best .sysList .text {
	margin:0 0 10px 0;
}

#best .sysList dl.add {
	margin:0 0 10px 0;
	padding: 15px;
	border: 1px solid #822037;
}

#best .sysList dl.add dt {
	margin:0 0 5px 0;
	color:#822037; 
}

#best .sysList dl.add dd {
	margin:0 0 10px 10px;
}


#best .screenshotList {
	padding-left:70px;
}
#best .screenshotList li {
	display:inline;
	float:left;
	margin:10px 45px;
}


.tabSet .tabs{
	margin: 20px 0 0 30px;
	overflow: hidden;
	zoom: 1;
}

.tabSet .tabs li{
	float: left;
	width:300px;
}

.tabSet .tabs li a{
	display: block;
	color: #CCCCCC;
	padding-left: 80px;
	width: 220px;
}

.tabSet .tabs li a.on,
.tabSet .tabs li a:hover{
	color: #822037;
	text-decoration: none;
}

.tabSet .tabs li#tab01 a{
	background: url(../img/best/icon_baa_g.jpg) no-repeat left center;
}

.tabSet .tabs li#tab02 a{
	background: url(../img/best/icon_bac_g.jpg) no-repeat left center;
}

.tabSet .tabs li#tab01 a.on,
.tabSet .tabs li#tab01 a:hover{
	background: url(../img/best/icon_baa.jpg) no-repeat left center;
}

.tabSet .tabs li#tab02 a.on,
.tabSet .tabs li#tab02 a:hover{
	background: url(../img/best/icon_bac.jpg) no-repeat left center;
}

.tab_ttl{
	font-size: 20px;
	text-align: center;
	color: #822037;
}

#best .sysList li ul li {
	padding:0px;
	border-bottom: none;
	margin-bottom: 5px;
	list-style-type: disc;
	margin-left: 20px;
}


#best ul li.mainimg {
	text-align: center;
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#best ul li .spec_2l {
	width:170px;
	float: left;
	margin-left: 20px;
}