@charset "EUC-JP";   /*   ʸ»ú¥³¡¼¥É   */

/* Reset
=======================================*/

* {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
}
.contBox{ color: #491b1c;}
h1{ margin:0; padding: 0;}
h2{ margin:0; padding: 0;}
p{margin: 0; padding: 0;}

body {
	font: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", "Lucida Grande", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", "Meiryo", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", sans-serif;
	font-size: small;
	font-size: 12px;
	text-align: center;
}

table {
	font: 100%;
	font-size: inherit;
}

hr {
	margin: 20px 0;
	border-width: 0;
	border-top: 1px solid #333;
}

img {
	border: none;
	vertical-align: bottom;
}

strong {
	font-weight: bold;
}

/* Layout
=======================================*/



#wrapper {
	margin: 0 auto;
	text-align: left;
	filter: alpha(opacity=100);
}

#outline {
	text-align: center;
}

.at{
	width: 700px;
	text-align: left;
	font-size: 11px;
	margin: 0 auto;
	line-height: 1.2;
	padding-bottom: 40px;
}


#footer {
	margin-top: 520px;
	padding: 12px 30px;
	text-align: right;
}

/* Hypertext
=======================================*/

a:link {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #ff0000;
	text-decoration: none;
}

a:active {
	color: #000;
	text-decoration: underline;
}

/* Style
=======================================*/




/*
------------------------------------------------------------------------------- */
#container{
	width: 800px;
	text-align: left;
	padding-bottom: 10px;
	background:url(/nol/campaign/100nobu/img/main_bg.jpg) top center;
}

#cont1{
	width: 800px;
	height: 286px;
	text-align: left;
	background:url(/nol/campaign/100nobu/img/cont1.jpg) top center;
}

#cont2{
	width: 800px;
	height: 290px;
	text-align: left;
	background:url(/nol/campaign/100nobu/img/cont2.jpg) top center;
}

#cont3{
	width: 800px;
	height: 445px;
	text-align: left;
	background:url(/nol/campaign/100nobu/img/cont3.jpg) top center;
}

#cont3_2{
	width: 800px;
	height: 342px;
	text-align: left;
	background:url(/nol/campaign/100nobu/img/cont3_2.jpg) top center;
}

#cont1_day{
	width: 800px;
	height: 80px;
	text-align: left;
	background:url(/nol/campaign/100nobu/img/cont1_day.jpg) top center;
}

.cont1_leftbox{
	width: 340px;
	height: auto;
	float: left;
	margin-left: 30px;
	padding: 5px 10px;
	/* border: solid 1px #000; */
}

.cont1_rightbox{
	width: 340px;
	height: auto;
	float: right;
	margin-right: 30px;
	padding: 5px 10px;
	/* border: solid 1px #000; */
}

.cont1Text{
	height: 90px;
	padding-top: 5px;
	border-bottom: dotted 1px #000;
}

#cont1_day p{
	color: #fff;
	text-align: center;
	padding-top: 5px;
}



.cont2_leftbox{
	width: 280px;
	height: auto;
	float: left;
	margin-left: 30px;
	padding: 30px 0 5px 25px;
	/* border: solid 1px #000; */
}

.cont2_rightbox{
	width: 315px;
	height: auto;
	float: right;
	margin-right: 30px;
	padding: 30px 25px 5px 25px;
	/* border: solid 1px #000; */
}


.cont3_leftbox{
	width: 330px;
	height: auto;
	float: left;
	margin-left: 30px;
	margin-top: 130px;
	padding: 5px 10px 5px 25px;
	/* border: solid 1px #000; */
}

.cont3_rightbox{
	width: 325px;
	height: auto;
	float: right;
	margin-right: 30px;
	margin-top: 145px;
	padding: 5px 20px 5px 10px;
	/* border: solid 1px #000; */
	color: #fff;
}

.cont3Text{
	line-height: 1.2;
}

.infoLink{
	border-top: dotted 1px #000;
	padding: 5px 0;
	text-align: left;
}

.infoLink2{
	width: 200px;
	border-top: dotted 1px #000;
	padding: 5px 0;
	text-align: left;
}

.cont3_2leftbox{
	width: 170px;
	height: auto;
	float: left;
	margin-left: 30px;
	margin-top: 115px;
	padding: 5px 10px 5px 68px;
	/* border: solid 1px #000; */
	font-size: 10px;
	line-height: 1.2;
}

.cont3_2rightbox{
	width: 440px;
	height: auto;
	float: right;
	margin-right: 30px;
	margin-top: 270px;
	padding: 5px 20px 5px 10px;
	/* border: solid 1px #000; */
	font-size: 15px;
}



/* btn
-------------------------------------------------------------------------------------- */
#btn_newgame{margin-top: 3px;}
#btn_newgame a{
	background: url(/nol/campaign/100nobu/img/btn_newgame.jpg);
	width: 276px;
	height: 60px;
	display: block;
}

#btn_newgame a:hover{
	background: url(/nol/campaign/100nobu/img/btn_newgame.jpg) 0 -60px;
}
#btn_newgame strong{ position: absolute; width: 0; height: 0; overflow: hidden;}

/*
--------------------------------------------------------------------------------------- */

#btn_pre{margin-top: 3px;  width: 294px; height: 45px; background: url(/nol/campaign/100nobu/img/btn_pre.jpg) bottom right no-repeat;}

/*
#btn_pre a{
	background: url(/nol/campaign/100nobu/img/btn_pre.jpg);
	width: 294px;
	height: 45px;
	display: block;
}

#btn_pre a:hover{
	background: url(/nol/campaign/100nobu/img/btn_pre.jpg) 0 -45px;
}
*/

#btn_pre strong{ position: absolute; width: 0; height: 0; overflow: hidden;}

/* garally
-------------------------------------------------------------------------------------- */

#garally_ss01 { width:330px; height: auto; padding: 0 0 3px 0;}
#garally_ss01 .g_cont{ margin:0px;}
#garally_ss01 .controls{ width:330px; margin:0 auto; margin-top: -25px; margin-left: 5px;}
#garally_ss01 .controls div{float: left;}
#garally_ss01 .controls a{ width:20px; height: 20px; display: block; text-align: center; padding: 0; background : #fff; margin-right: 2px;}
#garally_ss01 .controls a:hover{ background : #f00; text-align: center; botder: solid 1px #f00; padding: 0;}

#garally_ss01 div.scroller { width:330px; height: 186px; overflow: hidden; padding-top: 5px; margin: 0 auto;}
#garally_ss01 div.scroller div.section { width:330px; height: 186px; overflow:hidden; float:left;margin: 0 auto;}
#garally_ss01 div.scroller div.content { width: 10000px;}


#garally_ss02 { width:187px; height: auto; padding: 10px 0 0 3px;}
#garally_ss02 .g_cont{ margin:0px;}
#garally_ss02 .controls{ width:187px; margin:0 auto; margin-top: -25px; margin-left: 5px;}
#garally_ss02 .controls div{float: left;}
#garally_ss02 .controls a{ width:20px; height: 20px; display: block; text-align: center; padding: 0; background : #fff; margin-right: 2px;}
#garally_ss02 .controls a:hover{ background : #f00; text-align: center; botder: solid 1px #f00; padding: 0;}

#garally_ss02 div.scroller { width:187px; height: 187px; overflow: hidden; padding-top: 5px; margin: 0 auto;}
#garally_ss02 div.scroller div.section { width:187px; height: 187px; overflow:hidden; float:left;margin: 0 auto;}
#garally_ss02 div.scroller div.content { width: 10000px;}




/*
------------------------------------------------------------------------------- */


.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}