@charset "UTF-8";
/* CSS Document */


body {
	margin: 0px;
	padding: 0;
	font-family:  Helvetica, "Hiragino Kaku Gothic Pro W3", "�l�r �o�S�V�b�N", "MS P Gothic", Geneva, Arial, Verdana, sans-serif;
	background: #f9f9f9 ;
	font-size: 12px;
	color: #4d4d4d;	
}


p, ul, ol {
	font-size: 12px;
	margin-top: 0;
	line-height: 160%;
	color: #4d4d4d;	
}



ul5 {
	margin-top: 0;

	text-align: justify;
}




blockquote { }

a { color: #AAAAAA;  }

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

a img {
	border: none;
}


a { color: #AAAAAA;  }

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



a.link2:link,
a.link2:visited {color:#4d4d4d; text-decoration:none;}
a.link2:hover,
a.link2:focus {color:#4d4d4d; border-bottom:1px dotted #4d4d4d;}


a.link5:link,
a.link5:visited {color: #4d4d4d; border-bottom:1px dotted #4d4d4d;text-decoration:none;font-size: 12px;}
a.link5:hover,
a.link5:focus {color:#37AADC; border-bottom:1px dotted #37AADC;text-decoration:none;font-size: 12px;}


a.link6:link,
a.link6:visited {color: #37AADC; border-bottom:1px dotted #37AADC;text-decoration:none;font-size: 12px;}
a.link6:hover,
a.link6:focus {color:#4d4d4d; border-bottom:1px dotted #4d4d4d;text-decoration:none;font-size: 12px;}


a.link10:link,
a.link10:visited {border-bottom:1px dotted #4d4d4d;text-decoration:none;font-size: 14px;	letter-spacing:0;color: #000000; line-height:1.5em;	font-weight: bold;}
a.link10:hover,
a.link10:focus {color:#37AADC; border-bottom:1px dotted #37AADC;text-decoration:none;font-size: 14px;	letter-spacing:0;color: #000000; line-height:1.5em;	font-weight: bold;}


a.link8:link,
a.link8:visited {color: #37AADC; border-bottom:1px dotted #37AADC;text-decoration:none;font-size: 22px;font-weight: bold;}
a.link8:hover,
a.link8:focus {color:#4d4d4d; border-bottom:1px dotted #4d4d4d;text-decoration:none;font-size: 22px;font-weight: bold;}







a img {
	border: none;
}


a.link3{
color: #37AADC; 
}

a.link3:hover {
	 text-decoration: none;color: #37AADC;
	}
	






img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

hr { display: none; }

.list1 {
}

.list1 li {
	float: left;
	line-height: normal;
}

.list1 li img {
	margin: 0 30px 30px 0;
}

.list1 li.alt img {
	margin-right: 0;
}

#wrapper {
}

/* Header */

#header-wrapper {
}

#header {
	width: 1260px;
	height:100px;
	padding-left: 0px;
	background: #f9f9f9;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;	
}


#menulist {
	width: 1260px;
	height:50px;
	padding-left: 0px;
	background: #f9f9f9;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}



#movie {
	width: 1260px;
	height: 500px;
	margin: 0 auto;
	padding: 0px;
}





/** LOGO */

#logo {
	float: left;
	width: 340px;
	height: 50px;
	margin-top: 0;
	margin-right: 40px;
	margin-bottom: 0;
	margin-left: 40px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background: #f9f9f9;
}


/* Search */

#search {
	float: right;
	width: 240px;
	padding: 10px 20px 0px 0px;
}

#search form {
	float: right;
	margin: 0;
	padding: 4px 0px 0 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search input {
	float: left;
	font: 12px " Helvetica", "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro W3","�l�r �o�S�V�b�N", "MS P Gothic", Geneva, Arial, Verdana, sans-serif;
}

#search-text {
	width: 150px;
	height: 18px;
	padding: 3px 0 0 5px;
	border: none;
	background: #EFEFDF;
	color: #FFFFFF;
}

#search-submit {
	height: 21px;
	margin-left: 10px;
	padding: 0px 5px;
	background: #98CA2E;
	border: none;
	color: #FFFFFF;
}

/* Page */

#page {
	width: 1260px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#page3 {
	width: 1260px;
	height: 2200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#page5 {
	width: 1260px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}







#left {
	width: 880px;
	margin-right:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	float: left;
}
#left2 {
	background: url(http://www.anoutcommune.com/hdback.gif);
	width: 800px;
	margin-right:0;
	padding-top: 0px;
	padding-right: 110px;
	padding-bottom: 0px;
	padding-left: 40px;
	float: left;
}


#left p {
	margin: 0;
	padding: 30px 0px 0px 0px;
	text-align: left;
color: #4d4d4d;
	font-size: 12px;
	line-height:1.5em;
	text-transform:none;
}

#right {
	float: left;
	width: 300px;
	height: 1300px;
	padding: 0px;
	background: #f9f9f9;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#right2 {
	float: left;
	width: 300px;
	
	padding: 0px;
	background: #f9f9f9;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}







#banner {
	padding-bottom: 20px;
}

/* Content */

#content {
	float: left;
	width: 620px;
}

/* Post */

.post {
	width: 620px;
	margin-bottom: 20px;
	padding: 20px 0px;
	background: #FFFFFF;
}

.post .title {
	height: 44px;
	padding: 0px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.post .title a {
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 30px;
	color: #238EC6;
}

.post .date {
}

.post .meta {
	height: 32px;
	margin-top: -10px;
	margin-left: 2px;
	padding: 4px 30px 6px 20px;
	background: url(images/img04.jpg) no-repeat left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #66665E;
}

.post .meta span {
	display: block;
	margin-top: -10px;
}

.post .meta a { }

.post .entry {
	padding: 10px 20px;
}

.post .links {
	background: #90BF35;
	border: 1px solid #5F817E;
}

.post .links {
	display: block;
	width: 120px;
	height: 18px;
	margin: 0px 0px 4px 0px; 
	padding: 3px 0px 0px 40px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

.post .comments {
	display: block;
	width: 120px;
	height: 18px;
	margin: 0px; 
	padding: 3px 0px 0px 40px;
	background: #90BF35;
	border: 1px solid #5F817E;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}


/* Calendar */

#calendar {
}

#calendar caption {
	padding-bottom: 5px;
	font-weight: bold;
}

#calendar table {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #24130F;
	border-left: 1px solid #24130F;
	border-right: 1px solid #24130F;
}

#calendar thead th {
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #24130F;
	border-left: 1px solid #24130F;
	background: #24130F;
}

#calendar tbody td {
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #24130F;
	border-left: 1px solid #24130F;
	border-bottom: 1px solid #24130F;
}

#calendar tfoot td {
	padding: 5px;
	border-left: 1px solid #24130F;
	border-bottom: 1px solid #24130F;
}

#calendar tfoot #next {
	border-top: 1px solid #24130F;
	text-align: right;
}

#calendar tfoot #prev {
	border-top: 1px solid #24130F;
}

#calendar .pad {
	border-bottom: 1px solid #24130F;
}

#calendar #today {
	background: #24130F;
}

/* Footer */

#footer {
	width: 100%;
	height: 520px;
	margin: 0 auto;
	padding: 0;
	background-color: #2f2f2f;
}

#footermain {
	width: 1260px;
	height: 520px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0x;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #2f2f2f;
}




#footer p {
	margin: 0;
	padding: 30px 0px 0px 0px;
	text-align: left;
	line-height: normal;
	text-transform: uppercase;
	font-size: 10px;
}

#footer a {
}






.acmain	{
	width: 100%;
	margin-top: 40px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	background-color: #2f2f2f;
}

.acmain2	{
	width: 280px;
	text-align: left;
	margin-bottom: 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;	
}




dl	{
	margin-bottom: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;	
}

dl2	{
	margin-bottom: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;	
}


dt	{
	background: #F9F9F9;
	padding: 0px 0px 10px 0px;
	font-weight: bold;	
}
dt2	{
	background: #F9F9F9;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	
}

dp	{
	background: #F9F9F9;
	padding: 0px 0px 10px 0px;
	
	
}

dr	{
	padding: 30px 0px 20px 0px;
}


dd	{
	padding: 30px 0px 20px 0px;
}

dd2	{
	padding: 30px 0px 20px 0px;
}

dd li	{
		padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	display: inline;
	margin-right: 10px;
}

dd2 li	{
		padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	display: inline;
	margin-right: 10px;
}



address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}

caption, th	{
	text-align: left;
}
q:before ,q:after	{
	content: '';
}
object, embed	{
	vertical-align: top;
}
hr, legend	{
	display: none;
}


h1, h2, h3 {

	margin: 0;
	
	font-weight: bold;
	color: #000000;
	text-transform:none;
}

h1 { font-size: 44px; }

h2 { font-size: 19px; 

	margin:10px 0 0 0px;
	
	float:left;
	
}

h3 { }


img, abbr, acronym, fieldset	{
	border: 0;
}
li	{
	list-style-type: none;
}

/* ----------------------- Basic Style */
/* ------------ Font Style */


.style2 {font-size: 9px;	letter-spacing:0;}
.style3 {font-size: 11px;	letter-spacing:0;color: #4d4d4d; line-height:1.5em;}
.style4{
	font-size: 13px;
	letter-spacing:0;
	color: #000000;
	line-height:1.3em;
	font-weight: bold;
	padding: 0px 0px 20px 0px;
}
.style5{
	font-size: 19px;
	letter-spacing:0;
	color: #000000;
	line-height:1.2em;
	font-weight: bold;
}
.style6{font-size: 14px;	letter-spacing:0;color: #000000; line-height:1.5em;	font-weight: bold;

	
}

	.style15{font-size: 14px;	letter-spacing:0;color: #000000; line-height:1.5em;	font-weight: bold;
border-bottom:1px dotted #4d4d4d;
	
}

	


.style11{font-size: 16px;	letter-spacing:0;color: #000000; line-height:1.5em;	font-weight: bold;

	}
	



.style9 {color: #37AADC;}

.style7{
	font-size: 11px;
	letter-spacing:0;
	color: #4D4D4D;
	line-height:1.2em;
	
}

.style8{
	font-size: 11px;
	letter-spacing:0;
	color: #37AADC;
	line-height:1.2em;
	
}

.style18{
	font-size: 13px;
	font-weight: bold;

}
.style25{
	font-size: 23px;
	font-weight: bold;
	color: #000000;

}


.style20{
	font-size: 20px;
		color: #2062FD;

}



.style19{
	font-size: 10px;
	
}


.style30{
		color: #cc0000;
	
}








.style1 {color: #37AADC}


#slider {
width: 100%;
margin: 0 auto;
position: relative;z-index: 1;

}

.scroll {
padding-top:33px;
padding-bottom:32px;
	height: 380px;
	width: 1050px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


.scrollContainer div.panel {
height: 380px;
width: 1050px;
overflow: hidden;

}



.ivhead {
padding-top:23px;
padding-bottom:22px;
	height: 380px;
	width: 1000px;

	position: relative;
	clear: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	
.ivhead2 {
padding-top:33px;
padding-bottom:32px;
	height: 400px;
	width: 1000px;

	position: relative;
	clear: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	









#shade {
height: 50px;
}

.scrollButtons {
position: absolute;
top: 165px;
cursor: pointer;
}

.scrollButtons.left {
left: 15px;
}

.scrollButtons.right {
right: 15px;
}

.hide {
display: none;
}


/* Begin Content Slider */
#featured {
	width: 100%;
	height: 445px;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#thevideo {
width: 100%;
float: left;
background: #131313 url(http://www.colorfarm.jp/tv/wp-content/themes/on-demand/images/videobgtop.jpg) top left repeat-x;
padding: 15px 0 0 0;
}

#thevideoinside {
width: 100%;
float: left;
background: url(http://www.colorfarm.jp/tv/wp-content/themes/on-demand/images/videobgbottom.jpg) bottom left repeat-x;
position: static;
padding: 0 0 15px 0;
min-height: 350px;
}

#videoembed {
margin: 0px auto;
width: 980px;
text-align: center;
}

.watchnow {
position: absolute;
top: 330px;
left: 850px;
width: 180px;
height: 29px;
background: url(http://www.anoutcommune.com/imagesrenewal/watch1.jpg) top left no-repeat;
cursor: pointer;
}

.watchnow:hover {
background: url(http://www.anoutcommune.com/imagesrenewal/watch2.jpg) top left no-repeat;
}

.insert {
width: 220px;
height: 445px;
background: url(http://www.anoutcommune.com/imagesrenewal/titlebg.png) top left no-repeat;
margin: 0 0 0 830px;
color: #FFFFFF;
padding: 10px;
line-height: 1.2em;
}

.insert h2 {
line-height: 1em;
font-size: 22px;
font-weight: normal;
margin: 0 0 10px 0;
}

.insert a:link, .insert a:hover, .insert a:visited {
color: #FFFFFF;
text-decoration: none;
}
/* End Content Slider */




/* maincontents */


#cmheader{
	
	width:300px;
	height:20px;
	padding: 0px;
	float: left;
	margin:0px;
}
#cm{
	width:300px;
	height:290px;
	padding:0px;
	float: left;
	margin:0px;
}


#cmmain{
	width:300px;
	height:250px;
	padding:0px;
	float: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#tw{
	width:65px;
	height:20px;
	padding-left:235px;
	float: left;
	margin:0px;
}









#hdheader{
	background: #f9f9f9;
	width:200px;
	height:20px;
	padding: 0px;
	float: left;
	margin:0px;
}
#hd{
	width:200px;
	height:220px;
	padding:0px;
	float: left;
	margin-top:40px;
}


#hdmain{
	width:200px;
	height:200px;
	padding:0px;
	float: left;
	margin:0px;
}










/* contact*/


#contactheader{
background-image:url(../imagesrenewal/contactbg.gif);	

	width:370px;
	height:20px;
	padding: 0px; 
	 float: left;
	  margin:0px;
}
#contact{

	text-align: left;
	width:370px;
	height:470px;
	padding-top:50px;
	float: left;
	margin-left:40px;
	padding-right: 110px;
}


#contactmain{
	width:360px;
	height:410px;
	padding-left:0px;
	padding-left:0px;
	padding-top:30px;
	padding-bottom:10px;
	float: left;
	margin:0px;
	text-align: left;
	padding-right: 10px;
}
#contact p {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
		padding-bottom: 10px;
	text-align: left;
	
		font-size: 12px;
	color:#aaaaaa;
	text-transform:none;
	
}
#contact b {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
		padding-bottom: 10px;
	
	
}

#contactmain2{
	width:280px;
	height:350px;
	padding-left:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:10px;
	margin:0px;
	text-align: left;
	padding-right: 0px;
}
#contact2 p {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
		padding-bottom: 10px;
	text-align: left;
	
		font-size: 12px;
	color:#aaaaaa;
	text-transform:none;
	
}
#contact1 b {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
		padding-bottom: 10px;
	
	
}











/* about*/


#aboutheader{
background-image:url(../imagesrenewal/aboutbg.gif);	

	width:250px;
	height:20px;
	padding: 0px; 
	 float: left;
	  margin:0px;
}
#about{
background-color: #2f2f2f;	
	text-align: left;
	width:250px;
	height:470px;
	padding-top:50px;
	float: left;
	margin:0px;
	padding-right: 80px;
}


#aboutmain{
	width:240px;
	height:400px;
	padding-left:0px;
	padding-left:0px;
	padding-top:30px;
	padding-bottom:20px;
	float: left;
	margin:0px;
	text-align: left;
	padding-right: 10px;
}




#about p {
padding-top: 0px;
		padding-bottom: 10px;
	text-align: left;
			font-size: 12px;
text-transform:none;
	
}


dc li	{
text-transform:none;
		font-size: 12px;
		padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
	}


#anoutheader{
	background-image:url(../imagesrenewal/anoutbg.gif);
	width:410px;
	height:20px;
	padding: 0px;
	float: left;
	margin:0px;
}
#anout{

background-color: #2f2f2f;	
	text-align: left;
	width:410px;
	height:470px;
	padding-top:50px;
	float: left;
	margin:0px;
	padding-right: 0px;
}


#anoutmain{
	width:410px;
	height:340px;
	padding-left:0px;
	padding-left:0px;
	padding-top:30px;
	padding-bottom:20px;
	float: left;
	margin:0px;
	text-align: left;
	padding-right: 0px;
}

#anoutfooter{
	background-image:url(../imagesrenewal/anoutcopybg.gif);
	width:273px;
	height:20px;
	padding-left:137px;
	padding-top:40px;
	float: left;
	margin:0px;
	text-align: left;
	padding-right: 0px;
	}


#anout p {
padding-top: 0px;
		padding-bottom: 10px;
	text-align: left;
			font-size: 12px;
text-transform:none;
	
}



#whats{
	text-align: left;
	width:880px;
	height:380px;
	float: left;
	margin:0px;
	padding:0px;
}



#whatsheader{
	background-image:url(../imagesrenewal/whatsbg.gif);
	width:880px;
	height:20px;
	padding: 0px;
	float: left;
	margin:0px;
}

#whatsmain{
	width:880px;
	height:340px;
	padding-top:20px;
	float: left;
	margin:0px;
	text-align: left;
}

#whats2{
	text-align: left;
	width:880px;
	height:760px;
	float: left;
	margin:0px;
	padding:0px;
}



#whatsheader2{
	background-image:url(../imagesrenewal/whatsbg.gif);
	width:880px;
	height:20px;
	padding: 0px;
	float: left;
	margin:0px;
}

#whatsmain2{
	width:880px;
	height:340px;
	padding-top:20px;
	float: left;
	margin:0px;
	text-align: left;
}






.wh{
	background-color: #F0F0F0;
	text-align: left;
	width:280px;
	height:308px;
	float: left;
	margin-right:20px;	
}

.whimg{
	text-align: left;
	width:280px;
	height:154px;
	float: left;
	margin:0px;
}

.whtx{
	background-color:#F0F0F0;
	text-align: left;
	width:260px;
	height:134px;
	float: left;
	padding:10px;
	margin:0px;
}





.wh2{
	background-color: #F0F0F0;
	text-align: left;
	width:280px;
	height:308px;
	float: left;
	margin:0px;
	padding:0px;
}



.gallery img {

background-color:#F0F0F0;	
}

div#newitem img {

background-color:#F0F0F0;	
}


#nc{
	text-align: left;
	width:880px;
	float: left;
	padding:0px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}


#nc5{
	text-align: left;
	width:880px;
	float: left;
	padding:0px;
	margin-top: 65px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}



#ncheader{
	background-image:url(../imagesrenewal/newbg.gif);
	width:880px;
	height:20px;
	padding: 0px;
	float: left;
	margin:0px;
}

#ncmain{
	background: url(../imagesrenewal/newbg.gif) top left no-repeat;
	width:880px;
	padding-top:0px;
	float: left;
	margin:0px;
	text-align: left;
}



.newitem{
	background-color: #F9f9f9;
	text-align: left;
	width:160px;
	height:250px;
	float: left;
	margin-right:20px;
	margin-bottom: 20px;
}
.newitem2{
	background-color: #F9f9f9;
	text-align: left;
	width:160px;
	height:250px;
	float: left;
	margin-bottom: 20px;
}

.branditem{
	background-color: #F9f9f9;
	text-align: left;
	width:160px;
	height:220px;
	float: left;
	margin-right:20px;
	margin-bottom: 20px;
}
.branditem2{
	background-color: #F9f9f9;
	text-align: left;
	width:160px;
	height:220px;
	float: left;
	margin-bottom: 20px;
}


.saleitem{
	background-color: #F9f9f9;
	text-align: left;
	width:100px;
	height:190px;
	float: left;
	margin-right:30px;
	margin-bottom: 20px;
}
.saleitem2{
	background-color: #F9f9f9;
	text-align: left;
	width:100px;
	height:190px;
	float: left;
	margin-bottom: 20px;
}


.saleitembox{
	background-color: #F9f9f9;
	text-align: left;
	width:100px;
	height:100px;
	float: left;
	margin:0px;	
	
}


.saleitemtx{
	background-color: #f0f0f0;
	padding: 5px;
	text-align: center;
	width:90px;
	height:80px;
	float: left;
	margin:0px;
}






.newitembox{
	background-color: #F9f9f9;
	text-align: left;
	width:160px;
	height:160px;
	float: left;
	margin:0px;	
	
}
.newitemtx{
	background-color: #f0f0f0;
	padding: 5px;
	text-align: left;
	width:150px;
	height:80px;
	float: left;
	margin:0px;
}

.newitemtx2{
	background-color: #f0f0f0;
	padding: 5px;
	text-align: center;
	width:150px;
	height:50px;
	float: left;
	margin:0px;
}





.newitemtx3{
	background-color: #f0f0f0;
	padding: 5px;
	text-align: center;
	width:150px;
	height:80px;
	float: left;
	margin:0px;
}







#pickup {
		width: 880px;
	margin-right:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	float: left;
	background: #f9f9f9;
	float: left;
	
		
	
}
#pickupleft {
	width: 580px;
	margin-right:40px;
	background: #f9f9f9;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 80px;	
}
#pickupright {
	width: 250px;
	margin:0px;
	padding: 0px;
	background: #f9f9f9;
	float: left;	
}


#pickup p {
	margin: 0;
	padding: 30px 0px 0px 0px;
	text-align: left;
color: #4d4d4d;
	font-size: 12px;
	line-height:1.5em;
	text-transform:none;
}

#ivmain {
	background: #f9f9f9;
	width: 895px;
	margin-right:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	float: left;	
	
}

#ivmain3 {
	background: #f9f9f9;
	width: 880px;
	margin-right:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin-top:40px;
	float: left;	
	
}
#ivmain4 {
	background: #f9f9f9;
	width: 880px;
	margin-right:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin-top:0px;
	float: left;	
	
}


#ivmain5 {
	background: #f9f9f9;
	width: 880px;
	margin-right:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	margin-top:0px;
	float: left;	
}


#ivpan {
	background: #f9f9f9;
	width: 895px;
	height:15px;
	margin-right:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	float: left;
	margin-bottom: 20px;	
}

#ivpan2 {
	background: #f9f9f9;
	width: 895px;
	height:30px;
	margin-right:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	float: left;
	margin-bottom: 0px;	
}


#ivpan3 {
	background: #f9f9f9;
	width: 895px;
	height:45px;
	margin-right:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	float: left;
	margin-bottom: 0px;	
}


#ivpan5 {
	background: #f9f9f9;
	width: 895px;
	height:180px;
	margin-right:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	float: left;
	margin-bottom: 0px;	
}




#ivmain p {
	margin:0 0 8px 0;
	text-align: left;
color: #4d4d4d;
	font-size: 12px;
	
	text-transform:none;
}




#ivmainleft {
	width: 435px;
	float: left;
	margin-right:25px;
	float: left;
}

#ivmainleft2 {
	width: 800px;
	float: left;
	margin-right:95px;
	float: left;
}




#ivmainright {
	width: 435px;
	float: left;
	margin-left:0px;
}












/*----------------------------------
 .pagination
------------------------------------*/
.pagination {
	text-align: center;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.pagination ul {
}

.pagination ul li {
		font-size: 9px;
	display: inline;
}

.pagination ul li em {
	font-style: normal;
	color: #ffffff;
	text-align: center;
	line-height: 1;	
	margin: 2px 6px 2px 0;
	padding: 3px 10px;
	background:#37AADC;
	border: 1px solid #4d4d4d;
}
.pagination ul li a,
.pagination ul li a:visited {
	color: #4d4d4d;
	text-align: center;
	line-height: 1;
	margin: 2px 6px 2px 0;
	padding: 3px 10px;
	display: inline;
	background: #fff;
	border: 1px solid #4d4d4d;;
		font-size: 9px;
	display: inline;
	
	
}
.pagination ul li.first a,
.pagination ul li.first a:visited {
	padding-left: 15px;
	background: url(http://www.anoutcommune.com/gif/hidari.gif) no-repeat .6em center;
}
.pagination ul li.first a:hover {
	background: #37AADC; url(http://www.anoutcommune.com/gif/hidariwh.gif) no-repeat .6em center;
}
.pagination ul li.last a,
.pagination ul li.last a:visited {
	padding-right: 15px;
	background: url(http://www.anoutcommune.com/gif/migi2.gif) no-repeat right center;
}
.pagination ul li.last a:hover {
	background: #37AADC; url(http://www.anoutcommune.com/gif/migi2wh.gif) no-repeat right center;
}

.pagination ul li strong a,
.pagination ul li strong a:visited {
	color: #fff;
	background: #333;
	border: 1px solid #4d4d4d;
}
.pagination ul li a:hover {
	color: #fff;
	text-decoration: none;
	background: #37AADC;
	border: 1px solid #4d4d4d;
}
.pagination ul.bottom {
	padding: 20px 0 50px;
}



img.box {
	border: 1px solid #aaaaaa;
padding:10px;

}

.lo {	background-image:url(../gif/lo.gif);
	
	height:20px;
		margin:0;
		
		width: 435px;
	
}

#af{
	width:300px;
	padding:0px;
	float: left;
	margin-top:20px;
}

.afbox{
	width:145px;
		height:145px;
		padding:0;
	float: left;
	margin-right:10px;
	margin-top:30px;
}



.afbox2{
width:145px;
		height:145px;
		padding:0;
	float: left;
	margin:0px;
	margin-top:30px;
}


img.box2 {
	border: 1px solid #aaaaaa;
padding:9px;

}



#cmsite{
	width:820px;
	height: 90px;
	padding:0px;
	float: left;	
	
	
}

#cmsitemain{
	width:728px;
	height: 90px;
		padding:0px;
	float: left;
background: #f9f9f9;


	
	
}
#cmsitetitle{
	width:17px;
	height: 90px;
		padding:0px;
	float: left;
	background-image:url(../imagesrenewal/PR.jpg);

margin-left:0px;	


	
}


#searchbox2{
	width:278px;
	height: 50px;
	
	padding-left:360px;
	float: left;	
	
}
#searchboxmain2{
	width:278px;
	height: 43px;
	
	padding-top:7px;
	float: left;	
	
	
}



body#tab_sample div#javascript_tab_sample {
	margin:0;
	width:880px;
	text-align:left;
	
	}

div#javascript_tab_sample ul#tab {
	border-bottom:1px solid #F9F9F9;
	float:left;
	width:100%;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 120px;
	}

div#javascript_tab_sample ul#tab li {
	text-align:center;
	float:left;
	width:25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #aaaaaa;
	border-right-color: #aaaaaa;
	border-bottom-color: #aaaaaa;
	border-left-color: #aaaaaa;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1em;
	padding-top: 0.1em;
	padding-right: 0;
	padding-bottom: 0.1em;
	padding-left: 0;
	}

div#javascript_tab_sample ul#tab li.selected {
	background-color:#F9F9F9;
	}

div#javascript_tab_sample ul#tab li.selected a {
	color:#4D4D4D;
	}

div#javascript_tab_sample dl {
	margin:0;
	padding:0;
	color:#4D4D4D;
	border:0px solid #ccc;
	border-top:none;
	background-color:#F9F9F9;
	clear:both;
	}

div#javascript_tab_sample dl dt {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0px dotted #000;
	}

div#javascript_tab_sample dl dd {

	}

div#javascript_tab_sample dl dd p {
	margin-bottom:1em;
	}



.wh3img{
	text-align: left;
	width:300px;
	height:154px;
	float: left;
	margin:0px;
}

.wh3tx{
	background-color:#F0F0F0;
	text-align: left;
	width:280px;
	height:114px;
	float: left;
	padding:10px;
	margin:0px;
}





.wh3{
	background-color: #F0F0F0;
	text-align: left;
	width:300px;
	height:288px;
	float: left;
	padding:0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}




.wh5{
	background-color: #F0F0F0;
	text-align: left;
	width:300px;
	height:288px;
	float: left;
	padding:0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}


.wh3img2{
	text-align: left;
	width:300px;
	height:170px;
	float: left;
	margin:0px;
}




.wh3-2{
	background-color: #F0F0F0;
	text-align: left;
	width:300px;
	height:170px;
	float: left;
	padding:0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}


.boxtw{
	
	width:300px;
	height:450px;
	float: left;
	padding:0px;
	margin: 0px;
}











.boxtw{
	
	width:300px;
	height:450px;
	float: left;
	padding:0px;
	margin: 0px;
}


#febox{
	width:880px;
	height:800px;
	float: left;
	padding:0px;
	margin: 0px;
}

#ifbox{
	width:800px;
	float: left;
	padding:0px;
	margin: 0px;
}

#febox p {
	margin:0 0 8px 0;
	text-align: left;
color: #4d4d4d;
	font-size: 12px;
	
	text-transform:none;
}

#hdmain{
	 
	width:880px;
	height:300px;	
	float: left;
	padding:0px;
	margin: 0px 0 10px 0; 
}

#hdleft{
	
	width:440px;
	
	float: left;
	padding:0px;
	margin: 0px 30px 0 0;
}

#hdright{

	width:330px;
	
	float: left;
	padding:0px;
	margin: 0px 0px 0 0;
}
.hdrightbox{

	width:330px;
	
	float: left;
	padding:0px;
	margin: 0px 0px 10px 0;
}

.hdrightbox1{

	width:330px;
		height:11px;	
		float: left;
	padding:0px;
	margin: 0px;
}













.hdline{
	width:800px;
	height:5px;	
	   border-bottom: 1px solid #cccccc;
	float: left;
	padding:0px;
	margin: 15px 0px 22px 0;
}






.hdcontents{
	 
	width:800px;
	
	float: left;
	padding:0px;
	margin: 0px 0 50px 0; 
}

.hdcleft{
	text-align: left;
	width:200px;
	height:20px;
	float: left;
	padding:0px;
	margin-top: 0px;
	margin-right: 200px;
	margin-bottom: 15px;
	margin-left: 0;
}

.hdcright{
	text-align: right;
	width:200px;
	height:20px;
	float: left;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 200px;
}



.hdctitle{
	 
	width:800px;
	height:35px;
	float: left;
	padding:0px;
	margin: 0px 0px 0px 0; 
}

.hdctime{
	 
	width:800px;
	height:25px;
	float: left;
	padding:0px;
	margin: 0px 0px 20px 0; 
}

.hdccontents{
	 
	width:800px;
	float: left;
	padding:0px;
	margin: 0px 0px 20px 0; 
}

.hdcimg{
	 
	width:800px;
	float: left;
	padding:0px;
	margin: 0px 0px 50px 0; 
}


img.box {
	border: 1px solid #cccccc;
padding:10px;

	background-color: #ffffff;
}


#tpmain{
	width:300px;
	float: left;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	border-bottom: 1px solid #cccccc;
}

#tptop{
	width:300px;
	height:207px;
	float: left;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}

#tpbottom{
	width:290px;
	float: left;
	padding:5px 5px 10px 5px;
	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #f0f0f0;
	
}


.hdrightbox{

	width:330px;
	
	float: left;
	padding:0px;
	margin: 0px 0px 10px 0;
}

.hdrightbox1{

	width:330px;
		height:11px;	
		float: left;
	padding:0px;
	margin: 0px;
}

.tpbox1{

	width:300px;
		height:11px;	
		float: left;
	padding:0px;
	margin: 0px;
		margin: 0px 0px 5px 0;
}


.tpbox{

	width:300px;
	
	float: left;
	padding:0px;
	margin: 0px 0px 5px 0;
}




.hdline2{
	width:300px;
	height:5px;	
	   border-bottom: 1px solid #cccccc;
	float: left;
	padding:0px;
	margin: 10px 0px 10px 0;
}

#rssbox{
	width:800px;
	height:16px;
	float: left;
	padding: 0px;
	text-align: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}




#itembox{
	width:600px;

	float: left;
	margin: 0 15px 0  0;	
	padding: 0px;
	
}

#itembox2{
	width:572px;
	float: left;
	margin: 0 43px 0 0;
	padding: 0px;
}


#bsbox{
	width:600px;
	float: left;
	margin: 0;
	padding: 0px;
}






#itemboxunder{
	width:600px;
	height:175px;
	float: left;
	margin: 15px 0 0 0;
	padding: 0px;
}
#itemboxunder2{
	width:450px;
	height:370px;
	float: left;
	margin: 0px 15px 0 0;
	padding: 0px;
}

#itemboxunder3{
	width:600px;
	height:132px;
	float: left;
	margin: 15px 0px 25px 0;
	padding: 0px;
}


#itemboxright{
	width:280px;

	float: left;
	margin: 0 0px 0  0;	
	padding: 0px;
	
}



.ixm{
	width:130px;
	float: left;
	padding:0px;
	margin: 15px 15px 0px 0;
}

.itemboxmini{
	width:130px;
	float: left;
	padding:0px;
	margin: 0px 18px 0px 0;
}




.itemboxmini2{

	width:130px;
	
	float: left;
	padding:0px;
	margin: 0px 0px 0px 0;
}


.itemboxmini3{
	width:130px;
	float: left;
	padding:0px;
	margin: 15px 18px 0px 0;
}


.itemboxmini4{

	width:130px;
	
	float: left;
	padding:0px;
	margin: 15px 0px 0px 0;
}


.itemboxmini5{
	width:130px;
	float: left;
	padding:0px;
	margin: 15px 18px 0px 0;
}


.itemboxmini6{

	width:130px;
	
	float: left;
	padding:0px;
	margin: 15px 0px 0px 0;
}







#newtpheader{
	background-image:url(../imagesrenewal/newtopics.gif);
	width:300px;
	height:20px;
	padding: 0px;
	float: left;
	margin:0px;
	text-align: right;
	
}
#newtp{
	width:300px;
	float: left;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0;	
}


#newtpmain{
	width:300px;
	padding:0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

.r10spbox{
	background-color: #F0F0F0;
	text-align: left;
	width:400px;
	height:200px;
	float: left;
	margin-right:80px;	
}
.r10spbox2{
	background-color: #F0F0F0;
	text-align: left;
	width:400px;
	height:200px;
	float: left;
	margin:0px;	
}



