img {vertical-align: bottom;}
html{
	margin: 0;
	padding: 0;
	background:url(/nol/kakusei/img/01/body_bg.jpg) #000 top center repeat-x;
	font-size: 16px;
	line-height: 1.5;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

body{
	margin: 0;
	padding: 0;
	background:url(/nol/kakusei/img/01/body_bg.jpg) #000 top center repeat-x;
}

.main_bg{width: 1100px; height: 330px; margin: 0 auto -45px auto; text-align: left; }

#kakusei1 .main_bg{ background:url(/nol/kakusei/img/01/header.jpg) top center no-repeat #000;}
#kakusei2 .main_bg{ background:url(/nol/kakusei/img/02/header.jpg) top center no-repeat #000;}
#kakusei3 .main_bg{ background:url(/nol/kakusei/img/03/header.jpg) top center no-repeat #000;}
#kakusei4 .main_bg{ background:url(/nol/kakusei/img/04/header.jpg) top center no-repeat #000;}
#kakusei5 .main_bg{ background:url(/nol/kakusei/img/05/header.jpg) top center no-repeat #000;}

.cont_box{ width: 690px; height: auto; margin: 0 auto; padding: 0 55px; text-align: center;}

/* common_menu
---------------------------------------------------------------- */

.common_menu{ width: 220px; margin: 0 auto; text-align:left; padding-left:880px;}
.common_menu_box{ width: 220px; height: 236px; margin: 0 auto; text-align:center; padding-top: 5px; background:url(/nol/kakusei/img/common/common_menu_box.png) top center no-repeat;}
.common_menu_box li{ width: 210px; margin: 0 auto; text-align: center;}
.common_menu_box a{ width: 100%; display: block; height: 50px;}
.common_menu_box a:hover{ background:#fff; filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity:0.50; opacity:0.50;}
.common_menu_box strong{ position: absolute; width: 0; height: 0; overflow: hidden;}


/* cont_menu
---------------------------------------------------------------- */
.cont_menu{ width: 812px; height: 56px; padding-top: 101px; margin: 0 auto; text-align:center;}
.cont_menu ul{ width: 740px; margin: 0 auto; text-align: center;}
.cont_menu a{ width: 100%; display: block; height: 50px;}
.cont_menu a:hover{ background:#fff; filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity:0.25; opacity:0.25;}
.cont_menu strong{ position: absolute; width: 0; height: 0; overflow: hidden;}
.cont_menu li.new{background:url(/nol/kakusei/img/common/new.gif) no-repeat 10px 0;}

/* tab_menu
---------------------------------------------------------------- */

/* 章切り替え */
.tab_menu{ width: 812px; height: 29px; margin: -73px auto 0 auto; text-align:center;}
.tab_menu li{width: 100px; float: right; margin-left: 5px;}
.tab_menu img:hover{ filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity:0.50; opacity:0.50;}

.tab_menu li.season{width: 120px; float: right; margin-left: 5px;}

.txt_box{ width: 660px; padding-top: 5px; padding-bottom: 5px; margin: 0 auto; text-align: left;}
.ss_box{ width: 650px; margin: 0 auto; padding: 10px 0; text-align: left;}
.ss_lead{font-size: 14px; padding-top: 10px;}
.ss_lead strong{font-weight: bold;}

table.list_box{width: 660px; margin: 0 auto; font-size: 12px;}
table.list_box th{border: solid 1px #000; padding: 5px;}
table.list_box td{border: solid 1px #000; padding: 5px; text-align: left;}
table.list_box th.th_title{text-align: center;}


/* page-top
------------------------------------------------------------------ */
.page_top{ width: 700px; margin: 0 auto; padding-bottom: 10px;}
.page_top img:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}





/* garally1 cp無し
=======================================*/
.garally {width: 650px; height:366px; margin: 10px auto 0 auto; text-align: center; padding: 0; border: solid 2px #254993;}
.garally .g_cont {}
.garally .controls { margin-top:-30px; margin-left:10px;}
.garally .controls a { height:15px; width:15px; background:#933; display:block; z-index:1000; float:left; border:#fff solid 1px; margin-left:5px;}
.garally .controls a:hover { background:#fff; color:#000; height:20px; width:20px; margin-top:-5px;}
.garally div.scroller { width: 650px; height:366px; overflow: hidden; margin: 0 auto; text-align: center;}
.garally div.scroller div.section {width: 650px; height:366px; overflow:hidden; float:left;}
.garally div.scroller div.content {width: 10000px;}


/* garally2 cp1稼業で使用
=======================================*/

/* garally3 cp1
=======================================*/
.ss_box_type3 .garally {width: 650px; height:390px; margin: 10px auto 0 auto; text-align: center; padding: 0; border: solid 2px #254993;}
.ss_box_type3 .garally .g_cont {}
.ss_box_type3 .garally .controls { margin-top:-55px; margin-left:10px;}
.ss_box_type3 .garally .controls a { height:15px; width:15px; background:#933; display:block; z-index:1000; float:left; border:#fff solid 1px; margin-left:5px;}
.ss_box_type3 .garally .controls a:hover { background:#fff; color:#000; height:20px; width:20px; margin-top:-5px;}
.ss_box_type3 .garally div.scroller { width: 650px; height:390px; overflow: hidden; margin: 0 auto; text-align: center;}
.ss_box_type3 .garally div.scroller div.section {width: 650px; height:390px; overflow:hidden; float:left;}
.ss_box_type3 .garally div.scroller div.content {width: 10000px;}

/* garally4 軍神
=======================================*/
.ss_box_type4 {}
.ss_box_type4 .garally {width: 660px; height:371px; margin: 10px auto 0 auto; text-align: center; padding: 0; border: solid 2px #254993;}
.ss_box_type4 .garally .g_cont {}
.ss_box_type4 .garally .controls { margin-top:-25px; margin-left:10px;}
.ss_box_type4 .garally .controls a { height:15px; width:15px; background:#933; display:block; z-index:1000; float:left; border:#fff solid 1px; margin-left:5px;}
.ss_box_type4 .garally .controls a:hover { background:#fff; color:#000; height:20px; width:20px; margin-top:-5px;}
.ss_box_type4 .garally div.scroller { width: 660px; height:371px; overflow: hidden; margin: 0 auto; text-align: center;}
.ss_box_type4 .garally div.scroller div.section {width: 660px; height:371px; overflow:hidden; float:left;}
.ss_box_type4 .garally div.scroller div.content {width: 10000px;}

/* garally5 cp2
=======================================*/
.ss_box_type5 .garally {width: 650px; height:400px; margin: 10px auto 0 auto; text-align: center; padding: 0; border: solid 2px #254993;}
.ss_box_type5 .garally .g_cont {}
.ss_box_type5 .garally .controls { margin-top:-60px; margin-left:10px;}
.ss_box_type5 .garally .controls a { height:15px; width:15px; background:#933; display:block; z-index:1000; float:left; border:#fff solid 1px; margin-left:5px;}
.ss_box_type5 .garally .controls a:hover { background:#fff; color:#000; height:20px; width:20px; margin-top:-5px;}
.ss_box_type5 .garally div.scroller { width: 650px; height:400px; overflow: hidden; margin: 0 auto; text-align: center;}
.ss_box_type5 .garally div.scroller div.section {width: 650px; height:400px; overflow:hidden; float:left;}
.ss_box_type5 .garally div.scroller div.content {width: 10000px;}


/* 大名物
=======================================*/
.quest_box1, .quest_box2{ width: 685px; border: solid 2px #000; margin-top: 10px; text-align:left; background:#000;}


.data_fit{width: 100%; font-size: 10px; background:#000; color: #fff; padding: 3px 1px; line-height: 1; letter-spacing: 0.1em;}
.item_name{width: 98%; font-size: 30px; background:#254993; color: #fff; padding: 8px 5px 8px 8px; line-height: 1; letter-spacing: 0.1em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: bold;}
.quest_box1 .new{ width: 95.6%; padding: 8px 0 8px 30px; background:url(/nol/kakusei/img/01/no04/new.png) top left no-repeat #254993;}
.quest_box2 .new{ width: 94.2%; padding: 8px 0 8px 30px; background:url(/nol/kakusei/img/01/no04/new.png) top left no-repeat #254993;}

.item_name .furigana{font-size:14px; padding-left:6px; font-weight: normal; line-height: 1;}
.item_name .furigana2{font-size:12px; padding-left:0px; font-weight: normal; line-height: 1; letter-spacing: -0.01em;}
.item_property{width: 98.5%; background:#c9d6f1; color: #13264d; padding: 8px 5px; line-height: 1; letter-spacing: 0.1em; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: bold;}
.item_data{width: 98.5%; color: #13264d; background:#fff; padding: 8px 5px; line-height: 1; letter-spacing: 0.1em; font-size:14px;}

.quest_box2 .item_data{min-height: 58px;}

.quest_box_left{ width: 472px; margin: 0 auto; text-align: left; float: left;}
.quest_box_right{ width: 200px; margin: 0 auto; padding: 0 2px 2px 5px; text-align: left; float: right;}



.quest_box1 .item_name_left{ width: 81%; margin: 0 auto; text-align: left; float: left;}
.quest_box1 .item_name_right{ width: 20%; max-width: 100px; margin: 0 0 0 0; text-align: left; float: right; background:#c9d6f1;  color: #13264d; text-align: center; font-size: 12px; padding: 9px 5px;}


.quest_box2 .item_name_left{ width: 75%; margin: 0 auto; text-align: left; float: left;}
.quest_box2 .item_name_right{ width: 20%; max-width: 100px; margin: 0 0 0 0; text-align: left; float: right; background:#c9d6f1;  color: #13264d; text-align: center; font-size: 12px; padding: 9px 5px;}

.new .item_name_right{margin-right: 5px;}

.at{font-size: 12px;}
.atpage_bottom{font-size: 12px; color: #fff; width: 750px; margin: -15px auto 20px auto; text-align: left;}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}