@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 url(images/bgmain3.jpg) repeat-x left top;
	font-size: 12px;
	color: #4d4d4d;
	
}


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


ul.slideintro

{margin: 0px;
	padding: 0;

}


ul.slideintro.li

{margin: 0px;
	padding: 0;

}


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 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: 0px;
	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;
}

#page2 {
	width: 1260px;
	height: 2000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 45px;
	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 {
	width: 880px;
	margin-right:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	float: left;
	height: 1600px;
}



#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;
	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;
}

#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;	
	
}




/* 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;
}





dl	{
	margin-bottom: 0px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;	
}
dt	{
	background: #F9F9F9;
	padding: 0px 0px 10px 10px;
	font-weight: bold;
	
}
dd	{
	padding: 30px 0px 20px 0px;
}
dd 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;

	
}

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

	}
	



.style9 {color: #37AADC;}

.style26 {
	font-size: 16px;
	color: #999999;
}
.style27 {font-size: 17px}

.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;

}

.style19{
	font-size: 9px;
	
}

.style20{
	font-size: 23px;
	font-weight: bold;

		color: #2062FD;

}
.style21{
	font-size: 19px;
	font-weight: bold;

		color: #000000;

}

.style22{
	font-size: 17px;
	font-weight: bold;

		color: #2062FD;

}
.style24{
	font-size: 13px;
	font-weight: bold;

		color: #EB1063;

}


.style23{
	font-size: 15px;
	font-weight: bold;

		color: #000000;

}

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

}

.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: hidden;
	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;
}





#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;
	
}











#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;
	
	
}


/* 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;
	float: left;
	margin:0px;
	padding:0px;
	height: 720px;
}



#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;
	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;
}



#whatsmain3{
	width:880px;
	height:340px;
	padding-top:20px;
	float: left;
	margin:0px;
	text-align: left;
}
#whatsmain5{
	width:880px;
	height:340px;
	padding-top:0px;
	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: 0px;
	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;
}

.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;
}




.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;	
	
}

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

#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: 100px;
	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:760px;
	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;
}
.wh3img2{
	text-align: left;
	width:300px;
	height:170px;
	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;
}
.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;
}


#febox{
	width:880px;
	height: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;
}

#hdleft{
	background-color:#F0F0F0;
	width:550px;
	height:100px;
	float: left;
	padding:0px;
	margin: 0 30px 0 0;
}
#hdleft{
	background-color:#cc0000;
	width:300px;
	height:100px;
	float: left;
	padding:0px;
	margin: 0px;
}



#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:290px;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	height: 15px;
}


.tpbox{
	width:290px;
	float: left;
	padding:0px;
	margin: 0px;
}

.tpbox2{
	width:290px;
	height:11px;
	float: left;
	padding:0px;
	margin: 5px 0 0 0;
}



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

	background-color: #ffffff;
}


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


#rssbox{
	width:800px;
height:34px;	
	float: left;
	margin: 0 0 15px 0;	
	padding: 0px;
		text-align: right;
}




#itembox{
	width:600px;

	float: left;
	margin: 0 15px 0  0;	
	padding: 0px;
	
}
/* slider2 */

		#slider2 ul, #slider2 li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider2, #slider2 li{ 
			height:380px;
			width:1050px;
			overflow:hidden;
			}	
		#slider2{ 
			margin-left:0px;
			}	
		#prevBtn, #nextBtn{ 
			display:block;
			width:90px;
			height:100px;
			position:absolute;
			left:-50px;
			top:170px;
			}	
		#nextBtn{ 
			left:800px;
			}														
		#prevBtn a, #nextBtn a{  
			display:block;
			width:90px;
			height:100px;
			background:url(http://www.anoutcommune.com/imagesrenewal/left.png) no-repeat 0 0;	
			}	
		#nextBtn a{ 
			background:url(http://www.anoutcommune.com/imagesrenewal/right.png) no-repeat 0 0;	
			}								
	
	/* // slider */													

	.col strong, .full strong{
		padding:0 2px;
		background:#f1f1f1;
		}
	.col a, .full a{
		font-weight:bold;
		text-decoration:underline;
		}		


	.full ul, .full li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.full li{
		padding:3px 15px;　
		background:#f1f1f1;
		margin-bottom:1px;
		}		




/* SLIDESHOW */
#slideshow div{position:absolute;left:50%;z-index:5;margin-left:-815px;}
#slideshow div.active{z-index:7;}
#slideshow div.last-active{z-index:6;}
#slideshow img{
	width:1630px;
	height:445px;
}
body.accueil #slideshow{
	background-color:#000;
	width:100%;
	height:445px;
	text-align:center;
	overflow:hidden;
	position:relative;
	z-index:90;
}








.rspbox{
	background-color: #ffffff;
	text-align: left;
	width:415px;
	height:310px;
	float: left;
	margin-right:46px;	
	
	
}


.rspbox2{
	background-color: #ffffff;
	text-align: left;
	width:415px;
	height:310px;
	float: left;
		
	
}

.rspbox3{
	background-color: #ffffff;
	text-align: left;
	width:415px;
	height:310px;
	float: left;
	margin-top:30px;
	margin-right:46px;	
	
}


.rspbox4{
	background-color: #ffffff;
	text-align: left;
	width:415px;
	height:310px;
	margin-top:30px;
	float: left;		
	
}










.r10spbox{
	background-color: #ffffff;
	text-align: left;
	width:415px;
	height:200px;
	float: left;
	border:1px solid #cccccc;
	
}
.r10spbox2{
	background-color:  #ffffff;
	text-align: left;
	width:415px;
	height:200px;
	float: left;
	margin:0px;	
		border:1px solid #cccccc;
}


.r10spstylebox{
	background-color: #ffffff;
	text-align: left;
	width:203px;
	height:203px;
	margin-right:20px;
	float: left;
	border:1px solid #cccccc;
	
}

.r10spstylebox2{
	background-color: #ffffff;
	text-align: left;
	width:203px;
	height:203px;
		float: left;
	border:1px solid #cccccc;
	
}








.r10spbox3{
	background-color: #ffffff;
	text-align: left;
	width:415px;
	height:200px;
	float: left;
	margin-right:46px;	
	margin-top:30px;	
	border:1px solid #cccccc;
	
}
.r10spbox4{
	background-color:  #ffffff;
	text-align: left;
	width:415px;
	height:200px;
	float: left;
	margin-top:30px;
		border:1px solid #cccccc;
}


.r10spboxtx{
	background-color: #F0F0F0;
	text-align: left;
	width:395px;
	height:80px;
	float: left;
	margin-top:10px;
	border:1px solid #cccccc;
	padding:10px;
	
	
	
}

.r10spboxtx2{
	background-color: #F0F0F0;
	text-align: left;
	width:395px;
	height:80px;
	float: left;
	margin-top:10px;
		border:1px solid #cccccc;
		padding:10px;

}




#rspmain{
	width:880px;
	height:900px;
	padding-top:20px;
	float: left;
	margin-bottom:30px;
	text-align: left;
}

#rspstyle{
	width:880px;
	height:205px;
	float: left;
	margin-top:70px;
	margin-bottom:30px;
	text-align: left;
}





#rspheader{
	background-image:url(../imagesrenewal/r-sp.jpg);
	width:880px;
	height:20px;
	padding: 0px;
	float: left;
	margin:0px;
}