@charset "Shift_JIS";



#index-header h1{
	text-indent:		-9999px;
	height:			361px;
	overflow:hidden;
	position:relative;
}
	#index-header h1.spring{
		background:		url(/coc/img/ind_main_01.jpg) no-repeat center top;
	}
	#index-header h1.summer{
		background:		url(/coc/img/ind_main_02.jpg) no-repeat center top;
	}
	#index-header h1.fall{
		background:		url(/coc/img/ind_main_03.jpg) no-repeat center top;
	}
	#index-header h1.winter{
		background:		url(/coc/img/ind_main_04.jpg) no-repeat center top;
	}
	

	h1 div{
		text-indent:0;
	}

#index-header .navi-area{
	background-color:	#000000;
	border-top:		2px solid #E2DECA;
	border-bottom:		2px solid #F6F4E5;
}

#index-header .navi-area .page-navi{
	width:			988px;
	margin:			0 auto;
	border-left:		1px solid #F6F4E5;
}

#index-header .navi-area .page-navi li{
	float:			left;
	border-right:		1px solid #F6F4E5;
}

#index-header .navi-area .page-navi li a{
	text-indent:		-9999px;
	display:		block;
	height:			75px;
	width:			139px;
	background-repeat:	no-repeat;
	background-position:	0 0;
}

#index-header .navi-area .page-navi li a.w{
	width:			140px;
}

#index-header .navi-area .page-navi li a.n1{
	background-image:	url("/coc/img/ind_navi_01.gif");
}
#index-header .navi-area .page-navi li a.n2{
	background-image:	url(/coc/img/ind_navi_02.gif);
}
#index-header .navi-area .page-navi li a.n3{
	background-image:	url(/coc/img/ind_navi_03.gif);
}
#index-header .navi-area .page-navi li a.n4{
	background-image:	url(/coc/img/ind_navi_04.gif);
}
#index-header .navi-area .page-navi li a.n5{
	background-image:	url("/coc/img/ind_navi_05.gif");
}
#index-header .navi-area .page-navi li a.n6{
	background-image:	url(/coc/img/ind_navi_06.gif);
}
#index-header .navi-area .page-navi li a.n7{
	background-image:	url(/coc/img/ind_navi_07.gif);
}



#index-header .navi-area .page-navi li a.n1:hover{
	background-image:	url("/coc/img/ind_navi_01_on.gif");
}
#index-header .navi-area .page-navi li a.n2:hover{
	background-image:	url(/coc/img/ind_navi_02_on.gif);
}
#index-header .navi-area .page-navi li a.n3:hover{
	background-image:	url(/coc/img/ind_navi_03_on.gif);
}
#index-header .navi-area .page-navi li a.n4:hover{
	background-image:	url(/coc/img/ind_navi_04_on.gif);
}
#index-header .navi-area .page-navi li a.n5:hover{
	background-image:	url(/coc/img/ind_navi_05_on.gif);
}
#index-header .navi-area .page-navi li a.n6:hover{
	background-image:	url(/coc/img/ind_navi_06_on.gif);
}
#index-header .navi-area .page-navi li a.n7:hover{
	background-image:	url("/coc/img/ind_navi_07_on.gif");
}




#index-main{
	padding:		40px 0 50px 0;
	border-top:		1px solid #E2DECA;
	border-bottom:		1px solid #E2DECA;
}

#index-main .inner{
	width:			980px;
	margin:			0 auto;
}

#index-main .fltR{
	width:			220px;
}

#index-main .fltR p{
	padding-bottom:		10px;
}

#index-main .fltL{
	width:			730px;
}


#index-main h2{
	padding:		50px 0 15px 0;
}

#index-main .project li{
	float:			left;
	padding-right:		13px;
}

#index-main .project li.last{
	padding-right:		0;
}

#index-main .event dl{
	border-top:		1px dotted #666666;
	padding:		12px 0 10px 0;
}

#index-main .event dl.first{
	border-top:		none;
	padding-top:		0;
}

#index-main .event dl dd{
	float:			right;
	width:			220px;
	text-align:		right;
	padding-top:		6px;
}

#index-main .event dl dt{
	float:			left;
	width:			510px;
}

#index-main .event dl.noimg dt{
	width:			730px;
}

#index-main .event dl dt .date{
	font-size:		14px;
	font-weight:		bold;
	color:			#333333;
}

#index-main .event dl dt .title{
	font-size:		22px;
	font-weight:		bold;
	line-height:		1.3;
	color:			#333333;
}

#index-main .event dl dt .txt{
	font-size:		12px;
}

#index-main .event .hidden{
	display:		none;
}

#index-main .event .more{
	width:			730px;
	height:			40px;
	background:		url(/coc/img/ind_btn_more.gif) no-repeat 0 0;
	text-align:		center;
	font-size:		18px;
	color:			#333333;
	padding-top:		6px;
	cursor:			pointer;
}

#index-main .news{
	font-size:		12px;
	padding-bottom:		10px;
	border-bottom:		1px dotted #666666;
}

#index-main .news li{
	padding:		0 0 2px 3px;
	color:			#777777;
}

#index-main .news li span{
	font-weight:		bold;
	color:			#000000;
}


.index #footer .page-top{
	display:		none;
}