/* CSS Document */


body {
	 background:url(/nol/houou/images/bg_temp.jpg);
}

a { outline: none; }

/*-- houou common --*/

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


#contents {
	width:800px;
	text-align: left;
	background: url(/nol/houou/images/cont_bg.jpg) top center repeat-y;
}

#contents_head {
	background:url(/nol/houou/images/main_new.jpg) top center no-repeat;
	text-indent:-9999px;
	height:620px;
}


#contents_head h1 {
	display:none;
}



#contents_footer {
	text-align:right;
	padding-right:30px;
	padding-bottom:20px;
	background:url(/nol/houou/images/cont_foot_bar.jpg) bottom center no-repeat;
}

#contents_footer a {
	color:#000;
}


.footer_txt {
	text-align:right;
	padding-right:30px;
	padding-top:10px;
}


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

.inter_cont {
	background:url(/nol/houou/images/inter_cont.png) top center repeat-y;
}

.inter_foot {
	background:url(/nol/houou/images/inter_foot.png) bottom center no-repeat;
	height:32px;
}

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

.inter2_cont {
	background:url(/nol/houou/images/inter2_cont.png) top center repeat-y;
}

.inter2_foot {
	background:url(/nol/houou/images/inter2_foot.png) bottom center no-repeat;
	height:32px;
}

.inter2_text {
	padding:0 25px;
	font-size:10px;
}


.inter3_bg {
	background:url(/nol/houou/images/cont_bg_in.png);
	margin:20px;
	padding:20px 10px;
}


#back_top {
	display:block;
	height:62px;
	width:367px;
	margin:0 auto;
	padding-top:30px;
}

#back_top:hover {
	opacity: 0.6;
}



.img_m10b5 {
	margin:5px 0px 5px 10px;
	border:#fda solid 5px;
}

.font10 {
	font-size:10px;
}

/*  --------- table ---------  */

.table_s {
	margin:10px 20px;
}

.table_s th {
	padding:10px;
	background:#ffc;
	font-weight:bold;
	border:#eee solid 1px;
}

.table_s td {
	padding:10px;
	background:#fff;
	border:#eee solid 1px;
}




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

#garally {
	height:440px;
	padding-top:7px;
	padding-left:10px;
}


.controls {
	margin:-80px 10px 10px 20px;
}


.controls a {
	padding:8px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#fff;
	width:28px;
	border:#f60 solid 1px;
	text-decoration:none;
}

.controls a:hover {
	background:#333;
	color:#fff;
	border:#fff solid 1px;
}


div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 690px; 
	height: 430px;
	overflow: hidden;
}
div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 680px; 
	height: 420px;
	overflow:hidden;
	float:left;
	border:#fda solid 5px;
}

div.scroller div.content {
	width: 10000px;
}




#garally-2 {
	height:400px;
	padding-top:7px;
	padding-left:10px;
}


#garally-2 .controls {
	margin:-45px 10px 10px 20px;
}


#garally-2 .controls a {
	padding:8px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#fff;
	width:28px;
	border:#f60 solid 1px;
	text-decoration:none;
}

#garally-2 .controls a:hover {
	background:#333;
	color:#fff;
	border:#fff solid 1px;
}


#garally-2 div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 690px; 
	height: 393px;
	overflow: hidden;
}

#garally-2 div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 680px; 
	height: 383px;
	overflow:hidden;
	float:left;
	border:#fda solid 5px;
}

#garally-2 div.scroller div.content {
	width: 10000px;
}





#garally-3 {
	height:400px;
	padding-top:7px;
	padding-left:10px;
}


#garally-3 .controls {
	margin:-45px 10px 10px 20px;
}


#garally-3 .controls a {
	padding:8px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#fff;
	width:28px;
	border:#f60 solid 1px;
	text-decoration:none;
}

#garally-3 .controls a:hover {
	background:#333;
	color:#fff;
	border:#fff solid 1px;
}


#garally-3 div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 690px; 
	height: 393px;
	overflow: hidden;
}

#garally-3 div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 680px; 
	height: 383px;
	overflow:hidden;
	float:left;
	border:#fda solid 5px;
}

#garally-3 div.scroller div.content {
	width: 10000px;
}








#garally-s {
	height:360px;
	padding-top:7px;
	padding-left:5px;
}


#garally-s .controls {
	margin:-40px 10px 10px 20px;
}


#garally-s .controls a {
	padding:5px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff;
	width:15px;
	border:#f60 solid 1px;
	text-decoration:none;
}

#garally-s .controls a:hover {
	background:#333;
	color:#fff;
	border:#fff solid 1px;
}


#garally-s div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 610px; 
	height: 348px;
	overflow: hidden;
}
#garally-s div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	width: 600px; 
	height: 338px;
	overflow:hidden;
	float:left;
	border:#fda solid 5px;
}

#garally-s div.scroller div.content {
	width: 10000px;
}