@charset "euc-jp";
/* CSS Document */

body p {
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:140%;
}


iframe {
	padding:0;
	margin:0;
	border:none;
	overflow:hidden;
}


strong {
	font-weight:bold;
}

.clear {
	clear:both;
	height:0;
}


a { outline: none; }

#outline {
	background:url(/nol/houou/startcampaign/images/outline_bg.png) top center repeat-y;
}



#container {
	width:800px;
	text-align: left;
	background:url(/nol/houou/startcampaign/images/header.png) top center no-repeat;
}

#header {
	height:640px;
}

#shindanWrap {
	background:url(/nol/houou/startcampaign/images/shindan.png) top center no-repeat;
	height:780px;
	margin:0 auto;
	text-align:center;
	padding-top:60px;
	margin-top:20px;
}


#footer {
	margin-bottom:0;
}

#foot {
	line-height:100%;
}

.cont {
	background:url(/nol/houou/startcampaign/images/cont_bg.png) top repeat-y;
	width:760px;
	margin:30px auto 0 auto;
}

.cont_foot {
	background:url(/nol/houou/startcampaign/images/cont_foot.png) top center no-repeat;
	height:35px;
}

.cont p {
	margin:5px 30px;
}

.fontBold {
	font-weight:bold;
	color:#C60;
}

.fontSmall {
	font-size:12px;
}



#cont01_ttl {
	background:url(/nol/houou/startcampaign/images/title01.png) top center no-repeat;
	height:110px;
	margin-bottom:20px;
}

#cont02_ttl {
	background:url(/nol/houou/startcampaign/images/title02.png) top center no-repeat;
	height:110px;
	margin-bottom:20px;
}

#cont03_ttl {
	background:url(/nol/houou/startcampaign/images/title03.png) top center no-repeat;
	height:110px;
	margin-bottom:20px;
}

#cont04_ttl {
	background:url(/nol/houou/startcampaign/images/title04.png) top center no-repeat;
	height:110px;
	margin-bottom:20px;
}


.borderBox {
	border:#ccc;
	background:url(/nol/houou/images/cont_bg_in.png);
	margin:10px 20px;
	padding:20px 5px;
}


.borderBoxWhite {
	border:#ddd;
	background:#fff;
	margin:10px;
	padding:10px 0;
}




#btn_acc a {
	background:url(/nol/houou/startcampaign/images/btn_acc01.png) top left no-repeat;
	width:640px;
	height:70px;
	display:block;
	margin:20px 0 20px 60px;
}


#btn_acc a:hover {
	background-position:0 -70px;
}
















body#nol_shindan {
	background:none;
}








#shindan p {
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}

.clear {
	clear:both;
}

.selectArea {
	width:310px;
	float:left;
}

.selectArea p {
	margin:20px 10px;
}

.selectArea label {
	line-height:24px;
	font-size:14px;
	padding:5px;
	border-radius:4px;
	background:#fff;
	width:280px;
	height:24px;
	display:block;
}

.selectArea label:hover {
	background:#d8b83a;
	color:#fff;
	cursor:pointer;
}

.selectArea input {
	margin-right:10px;
}

.imgArea {
	float:right;
	width:320px;
	padding-top:30px;
}

h2 {
	font-size:24px;
}

#shindan {
	width:692px;
	text-align:left;
	background:url(/nol/houou/startcampaign/images/shindan_bg.png) top left no-repeat;
}

.quiz , .answer {
	height:387px;
	padding:20px;
}

.quiz h2 , .answer h2 {
	background:#fff;
	text-align:center;
	height:60px;
	margin:0 0 20px 0;
	padding:10px;
	line-height:30px;
	font-weight:bold;
	font-family:"£Í£Ó £ÐÌÀÄ«", "MS PMincho", "¥Ò¥é¥®¥ÎÌÀÄ« Pro W3", "Hiragino Mincho Pro", serif;
	border-radius:4px;
}


#index {
	background:url(/nol/houou/startcampaign/images/shindan_index.png) top center no-repeat;
}

#start {
	background:url(/nol/houou/startcampaign/images/btn_start.png) top center no-repeat;
	height:80px;
	width:450px;
	margin:240px auto 0 auto;
}

#start:hover {
	background-position:0 -80px;
	cursor:pointer;
}






a:link {
	color:#aaa;
}


#tweetBox {
	padding:160px 0 0 15px;
}

#tweetBox textarea {
	width:418px;
	height:55px;
	padding:5px;
	border:#eee;
}

#tweetBtn a {
	background:url(/nol/houou/startcampaign/images/btn_twet.png) top left no-repeat;
	height:35px;
	width:170px;
	display:block;
}

#tweetBtn a:hover {
	background-position:0 -35px;
}

#tweetBtn {
	margin:5px 0 0 260px;
}

.retry {
	margin-top:25px;
	background:url(/nol/houou/startcampaign/images/btn_retry.png) top left no-repeat;
	width:110px;
	height:20px;
}

.retry:hover {
	background-position:0 -20px;
	cursor:pointer;
}


#btn_shindan_acc a {
	background:url(/nol/houou/startcampaign/images/btn_acc02.png) top left no-repeat;
	width:170px;
	height:50px;
	display:block;
	margin:9px 0 0 280px;
}


#btn_shindan_acc a:hover {
	background-position:0 -50px;
}



#a01 { background:url(/nol/houou/startcampaign/images/a01.png) top left no-repeat; }
#a02 { background:url(/nol/houou/startcampaign/images/a02.png) top left no-repeat; }
#a03 { background:url(/nol/houou/startcampaign/images/a03.png) top left no-repeat; }
#a04 { background:url(/nol/houou/startcampaign/images/a04.png) top left no-repeat; }
#a05 { background:url(/nol/houou/startcampaign/images/a05.png) top left no-repeat; }
#a06 { background:url(/nol/houou/startcampaign/images/a06.png) top left no-repeat; }
#a07 { background:url(/nol/houou/startcampaign/images/a07.png) top left no-repeat; }
#a08 { background:url(/nol/houou/startcampaign/images/a08.png) top left no-repeat; }
#a09 { background:url(/nol/houou/startcampaign/images/a09.png) top left no-repeat; }
#a10 { background:url(/nol/houou/startcampaign/images/a10.png) top left no-repeat; }
#a11 { background:url(/nol/houou/startcampaign/images/a11.png) top left no-repeat; }
#a12 { background:url(/nol/houou/startcampaign/images/a12.png) top left no-repeat; }
#a13 { background:url(/nol/houou/startcampaign/images/a13.png) top left no-repeat; }
#a14 { background:url(/nol/houou/startcampaign/images/a14.png) top left no-repeat; }
#a15 { background:url(/nol/houou/startcampaign/images/a15.png) top left no-repeat; }
#a16 { background:url(/nol/houou/startcampaign/images/a16.png) top left no-repeat; }










/* twitter-ticker
=======================================*/

#twitterArea {
	padding-top:20px;
}


#twitter-ticker{
	width:692px;
	height:254px;
	background: url(/nol/houou/startcampaign/images/twitterTicker_bg.png) top center no-repeat;
	color:#333;
	display:none;
	text-align:left;
}

#tweet-container{
	height:195px;
	width:auto;
	overflow:hidden;
	outline:none;
}

#twitIcon{
	/*position:absolute;
	top:-25px;
	left:-10px;
	width:64px;
	height:64px;*/
}

#top-bar{
	height:53px;
	/*border-bottom:1px solid #333;*/
	position:relative;
}

.tweet{
	padding:5px;
	margin:0 8px 8px;
	font-size:12px;
	/*border:1px solid #333;*/
	background:url(/nol/houou/startcampaign/images/transparent.png) #fff;
	width:auto;
	overflow:hidden;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
	float:left;
	font-family:Verdana, Geneva, sans-serif;
}

.tweet .user {
	font-size:18px;
}


.tweet .time{
	text-transform:uppercase;
	font-size:10px;
	color:#999;
	white-space:nowrap;
	margin-left:20px;
	margin-top:8px;
}


.tweet .avatar img{
	width:20px;
	height:20px;
	border:2px solid #aaa;
	margin:0 5px 5px 0;
}

.tweet .txt{
	clear:both;
	line-height:140%;
}

.tweet .user{
	font-weight:bold;
}


#loading{
	margin:200px 0 0 300px;
	height:24px;
	width:24px;
}





/* jScrollPane */




.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right:4px;
	top:0;
	height: 100%;
	background: #ddd;
}
.jScrollPaneDrag {
	position: absolute;
	background: #999;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}