@charset "utf-8";
@import "deco.css";

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

2007.10/19更新

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

/*初期設定
----------------------------------------------------------------*/

*{
  margin:0;
  padding:0;
}
body {
	margin:0px;
	font-family: "ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	color: #472810;
	font-size:12px;
	line-height:20px;
	text-align:center;
	background-color:#1c1c1c;
	background-image:url(../common_img/bg.gif);
	background-repeat:repeat-y;
	background-position:center top;
}
h1,h2,h3,h4,h5,h6,p{
	margin:0;
	padding:0;
	font-size:12px;	
	line-height:20px;
	font-weight:100;	
	}
td,th{
	color: #472810;
	font-size:12px;
	line-height:20px;
	font-family: "ＭＳ Ｐゴシック", Osaka,sans-serif, "ヒラギノ角ゴ Pro W3";
	text-align:left;
	vertical-align:top;
	margin:0;
	padding:0;
	font-weight:100;
	}
form {
	margin:0;
	padding:0;
	}	
select,input {
	margin:0 5px 0 0;
	padding:0;
	}
img {
	margin:0px;
	padding:0px;
	border:0px;
	}
ul,li {
	list-style:none;
	margin:0;
	padding:0;
	}	

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


/*ラッパー
----------------------------------------------------------------*/
#WRAPPER{
	width:820px;
	text-align:left;
	margin:0 auto;
	padding:0;
	background-color:#FFF;
	}
	

/*ヘッダ
----------------------------------------------------------------*/
.topHead {
	width:820px;
	height:330px;	
	background-image:url(../common_img/top_head.jpg);
	background-repeat:no-repeat;
	margin:0px;
	}
	
.pageHead {
	width:820px;
	height:210px;	
	background-image:url(../common_img/page_head.jpg);
	background-repeat:no-repeat;
	margin:0px;
	}	
.headContent {
	width:740px;
	height:330px;
	margin:0px 0 0 40px;
	padding:0 0 0 0;
	position: relative;
	}
.pageheader {
	height:210px;
	position: relative;
}

.headContent .logo{
	position:absolute;
	top:25px;
	left:0;
	width:145px;
	height:40px
	}
		
.headContent h1{
	position:absolute;
	width:500px;	
    height:20px;
	top:20px;
	right:0;
	font-size:11px;
	line-height:15px;
	text-align:right;
	color:#ACA291;
	}

.headContent ul{
	width:380px;
	position:absolute;
	top:40px;
	right:0;
	}	
.headContent li{
	width:auto;
	float:right;
	padding:0 0 0 5px;
	}
.headContent li img {
	vertical-align:top; 
	margin:0;
	padding:0 0 0 0px;
	}		
.headContent .fla{
	position:absolute;
	width:740px;
	height:220px;
	top:90px;
	left:0;
}

.pageheader .fla {
	height:100px;
}
#flashcontent {
	width:740px;
	height:220px;
}
/*
.headContent {
	width:740px;
	margin:0px 0 0 40px;
	padding:25px 0 0 0;
	}
.headContent h1{
	float:left;
	width:185px;
	}
		
.headContent ul{
	width:500px;
	margin:15px auto 0 auto;
	padding:0;
	float:right;
	}	
.headContent li{
	width:auto;
	float:right;
	padding:0 0 0 5px;
	}
.headContent li img {
	vertical-align:top; 
	margin:0;
	padding:0 0 0 0px;
	}		
.headContent .fla{
	margin:25px 0 0 0;
	}
*/

/*メイン	
----------------------------------------------------------------*/
#MAIN{
	width:740px;
	margin:20px 0 0 40px;
	}	
	
			
	
/*左枠
----------------------------------------------------------------*/
#LEFTSIDE {
	width:170px;
	float:left;
	margin:0;
	padding:10px 0;
	}
	


/*縦ナビ
----------------------------------------------------------------*/
.navBtn{
	margin:0;
	padding:0;
	}
.navBtn li {
	margin:0;
	padding:0;
	}
.navBtn li img{
	vertical-align:top; /*必須*/
	margin:0 0 10px 0;
	padding:0;
	}		
	
.nav_menu {
	width:170px;
	height:505px;
	background-image:url(../common_img/v_nav02_bg.gif);
	background-repeat:no-repeat;
	background-position:0 0 ;
	margin-bottom:10px;
	}
.nav_menu h3{
	margin:0 5px;
	padding:5px 0;
	}	
.nav_menu ul{
	margin:0;
	padding:0 5px;
	}	
	
.nav_menu li {
	margin:0 0 5px 0;
	padding:0;
	}
.nav_menu li img{
	vertical-align:top; /*必須*/
	margin:0;
	padding:0;
	}		

.navReceela {
	width:170px;
	background-image:url(../common_img/nav_recella_bg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}
.navReceela h4{
	margin:10px;
	}	
.navReceela p{
	margin:0 10px;
	line-height:16px;
	font-size:11px;
	padding-bottom:3px;
	}	
.navReceela p a{
	color:#999;
	text-decoration:none;
	border-bottom:dotted 1px #CCC;
	}
.navReceela p a:hover{
	color:#ff749a;
	border-bottom:dotted 1px #ff749a;
	}		
	
.navReceela .link{
	text-align:right;
	padding-bottom:10px;
	}	

/*テキストナビ
----------------------------------------------------------------*/		
.txtnav {
	margin:10px 0;
	border-top:dotted 1px #DDD;
	}
.txtnav ul {
	margin:0;
	}
.txtnav li {
	background-image:url(../common_img/arrow03.gif);
	background-position:5px 10px;
	background-repeat:no-repeat;
	padding:3px 0 2px 13px;
	border-bottom:dotted 1px #DDD;
	font-size:11px;
	line-height:20px;
	}	
	.txtnav a{
		color:#472810;
		text-decoration:none;	
		}
	.txtnav a:hover{
		color:#f74d91;
		text-decoration:none;
		}			
		
/*右枠
----------------------------------------------------------------*/
#MAINSIDE {
	width:555px;
	float:right;
	margin:0;
	padding:0;
	}
	
.topContent {
	width:370px;
	float:left;
	}
	
.blogContent {
	width:370px;
	float:left;
	}	
.systemContent {
	width:370px;
	float:left;
	}		
		
.subContent {
	padding:10px 0;
	width:170px;
	float:right;
	}
	
		

/*フッタ
----------------------------------------------------------------*/
#FOOTER {
	width:820px;
	margin:0 auto;
	height:60px;
	background-image:url(../common_img/foot_bg.gif);
	background-repeat:no-repeat;
	text-align:center;
	}
#FOOTER p{
	color:#cba58a;
	font-size:10px;
	letter-spacing:0.1em;
	}
	
#FOOTER .copyright {
	padding:10px 0 0 0;
}
#FOOTER a {
	color:#cba58a;
}

/*新着情報 #TOPICS2
----------------------------------------------------------------*/
#TOPICS2{
	width:370px;
	margin:0px 0 0 0px;
	padding-bottom:20px;
	}	
#TOPICS2 h3{
	margin-bottom:5px;
	}	
	
/*新着情報 プログラム部分　横に並べるタイプ　 #NPG2
----------------------------------------------------------------*/	
#NPG2 {
	width:370px;
}
#NPG2 dl {	/*　文字全体　*/
	line-height:15px;
	margin:10px 5px;
	padding:0;
}
#NPG2 dt {	/*　日付部分　*/
	color:#9c2141;
	font-size:11px;
	line-height:15px;	
	font-weight:bold;
	letter-spacing:0.1em;
	margin:0 5px;
	padding:0;
	float:left;
	}
#NPG2 dl dd {	/*　本文部分　*/
	font-size:11px;
	line-height:15px;
	margin:0 0 5px 0;
	padding:0 5px 5px 5px;
	background-image:url(../common_img/dot_line01.gif);/* 01~02 */
	background-position:bottom;
	background-repeat:repeat-x;			
}
#NPG2 dl dd a{
	color: #472810;
	font-weight:normal;
}
#NPG2 dl dd a:hover{
	color:#ff749a;
	text-decoration:none;
	}	


/*コラム
----------------------------------------------------------------*/
.colmn {
	padding-bottom:15px;
	}
	
.colmn h3{
	margin:0 0 10px 0;
	}	
.colmn p{
	padding:0 5px;
	}	

.topContent .colmn h4{
	float:right;
	}
.topContent .colmn h5{
	float:left;
	}
.colmn span {
	font-size:11px;
	line-height:20px;
	font-weight:100;
	}	
.colmn strong {
	font-weight:100;
}

.read-colmn {
	padding-bottom:10px;
	}
	
.colmn .arw3{
	background-image:url(../common_img/arrow03.gif);
	background-position:0 5px;
	background-repeat:no-repeat;
	padding:0 0 5px 8px;
	}