@charset 'utf-8';
@import url("/common/css/mainarea.css");

/*----------------------------------------------------------
	Company Name
	Contents Name

	Build:2000.00.00
----------------------------------------------------------*/

/*======================================
	Color Glossary
	
	=>#
	=>#
	=>#
	=>#
	=>#
	=>#
	=>#
======================================*/


/*--------------------------------------
	Anchor List
--------------------------------------*/
.anchorlist {
	border:1px solid #ccc;
	margin-bottom:20px;padding:10px;
}
.anchorlist .odd{
	float:left;
}
.anchorlist .even{
	float:right;
}


/*--------------------------------------
	Style
--------------------------------------*/
.style {
	border:1px solid #ccc;
	margin:5px 0 15px;padding:10px;
	text-align:center;
}
.style a{
	background:url(/common/img/cmo_arrow_bl_r.gif) left center no-repeat;
	padding-left:15px;
}
.style .photo{
	margin-bottom:10px;
}



/*--------------------------------------
	Section Common
--------------------------------------*/
.sect {
	margin-bottom:20px;padding-top:5px;
}
.sect h4,
.sect h5{
	font-size:100%;
}
.sect {
	
}
.sect {
	
}
.sect {
	
}
.sect {
	
}
.sect {
	
}



/*--------------------------------------
	Section Common
--------------------------------------*/
.sect .column li{
	border:1px solid #ccc;
}
.sect .column {
	
}
.sect .column {
	
}
.sect .column {
	
}
.sect .column {
	
}

.sect .column2 li{
	float:left;
	width:309px;
	padding:7px;
}
.sect .column2 li.odd{
	margin-right:10px;
}


.sect .column3 li{
	float:left;
	width:204px;
	margin-right:6px;padding:5px;
}
.sect .column3 li.lineend{
	margin-right:0;
}
.sect .column2 {
	
}
.sect .column2 {
	
}
.sect .column2 {
	
}

.pinkbox {
width:660px;
background-color:#fcd9d9;
padding:10px;
}

.pinkbox .txt {
float:left;
width:420px;
padding:10px;

}

.pinkbox .txt .title {
font-size:108%;
margin-bottom:10px;
font-weight:bold;
}


.pinkbox .imgbox{
width:200px;
padding-top:10px;
float:right;
}


.bluebox {
width:660px;
background-color:#afb9df;
padding:10px;
}

.bluebox .txt {
float:right;
width:420px;
padding:10px;

}

.bluebox .txt .title {
font-size:108%;
margin-bottom:10px;
font-weight:bold;
}


.bluebox .imgbox{
width:200px;
padding-top:10px;
float:left;
}


/*--------------------------------------
	2010
--------------------------------------*/
.year2010 .columnsect .photo{
	float:right;
	margin-left:5px;
}
.year2010 .column h4{
	margin-bottom:10px;
}
.year2010 .column h5{
	font-size:110%;
	margin-bottom:10px;
}
.year2010 .column .detail{
	margin-bottom:5px;
}
.year2010 .column .cap{
	padding:10px 0 0;
	text-align:right;
	font-size:85%;
}


/*--------------------------------------
	2011
--------------------------------------*/
.year2011 .num{
	float:left;
	margin-right:8px;padding-bottom:20px;
}
.year2011 h4{
	margin-bottom:7px;
}
.year2011 .watch .num{
	padding-bottom:0;
}
.year2011 li{
	margin-bottom:5px;
}


/*--------------------------------------
	Visua
--------------------------------------*/
.visua .photo{
	margin-bottom:15px;
	text-align:center;
}
.visua h4{
	margin-bottom:15px;
}
.visua .cap{
	padding-top:10px;
	font-size:85%;
}
.visua li{

}
.visua {
	
}





/*--------------------------------------
	ClearFix
--------------------------------------*/
.anchorlist,
.sect .column2 li{
	_height:1%;
}
html>body .anchorlist,
html>body .sect .column2 li{
	overflow:hidden;
}
.anchorlist:after,
.sect .column2 li:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}