@import "color.css";
/* -----------------------------------------------------------*/
.bl{
	font-size:10pt;
}
.box{
	margin-top:10px;
	margin-bottom:50px;
	margin-right:100px;
	margin-left:100px;
	padding-right:30px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}
/************************************************
/ OUBO
/***********************************************/
.oubo{
	padding:10px;
}
.oubo_box{
}
.oubo_date{
	display:none;
}
.oubo_comment{
	margin-left:30px;
	font-size:small;
	line-height:200%;
}
.oubo form{
	padding:10px;
}
/************************************************
/ INFO
/***********************************************/
.info{
	padding:10px;
}
.info .exp{
	float:left;
}
.info .exp li{
	float:left;
	padding:7px;
	margin:5px;
	display:block;
}
.info .detail{
	margin:30px;
}
.info .detail div{
	margin-bottom:10px;
	margin-left:100px;
	line-height:170%;
	padding:10px 20px;
}
/************************************************
/ NEWS
/***********************************************/
.news{
	padding:10px;
}
.news_all{
}
.news_subject{
	font-size:large;
	font-weight:normal;
	padding:10px;
	margin:5px;
}
.news_box{
	font-size:small;
	margin:5px 50px;
	padding:0 10px;
}
.news_cate_all{
	width:300px;
	padding:5px;
}
.news_cate{
}
.news_genre{
	font-size:x-small;
}
.news_kind{
	font-size:x-small;
}
.news_link{
	font-size:medium;
	font-weight:bold;
	padding:5px;
}
/************************************************
/ WORKS
/***********************************************/
.works{
	padding:10px;
}
.works ul{
	font-size:small;
	padding-bottom:10px;
}
.works ul li{
	margin-bottom:10px;
}
.works ul ul li{
	font-size:x-small;
	margin-bottom:5px;
	padding:5px 10px;
}
.works_title{
	font-size:medium;
	letter-spacing:5px;
	padding:5px;
}
.works_date{
	font-size:medium;
	padding:5px;
}
.works_info,
.works_comment{
	font-size:small;
	line-height:150%;
	padding:10px;
	letter-spacing:2px;
	margin-left:30px;
}
/************************************************
/ EVENT
/***********************************************/
.event{
	padding:10px;
}
.event_img{
	padding:5px;
}
.event_title{
	padding:15px;
	font-size:medium;
	letter-spacing:15px;
	text-align:left;
}
.event_detail{
	padding:10px;
}
.event_date{
	padding:5px;
	font-size:medium;
	letter-spacing:5px;
}
.event_info,
.event_comment{
	line-height:180%;
	padding:10px;
	letter-spacing:2px;
}
/************************************************
/ MENU - ETC
/***********************************************/
.main_memo{
	padding:5px;
	text-align:left;
}
.main_contact{
	padding:5px;
}
.main_etc{
	text-align:right;
	margin-top:10px;
	margin-right:30px;
	margin-left:30px;
}
/************************************************
/ MENU
/***********************************************/
.menu{
	float:left;
	width:260px;
	margin:0;
	margin-left:12px;
}
.menu h2{
	padding:0;
	margin:0;
	display:none;
}
/** MENU / contents **/
.menu .contents{
	width:220px;
	margin-right:0;
	margin-left:auto;
	text-align:right;
}
.menu .contents h3{
	text-align:right;
	padding:10px;
}
.menu .contents .genre{
	margin-bottom:10px;
}
/** MENU / contents / main **/
.menu .contents .main{
	margin-bottom:10px;
}
.menu .contents .main .date{
	font-size:11pt;
	margin-left:10px;
	margin-right:10px;
}
.menu .contents .main .title{
	font-weight:bold;
}
/************************************************
/ SERIF
/***********************************************/
.serif_comment{
	margin-top:30px;
	padding:15px;
	margin:10px;
	line-height:180%;
	width:600px;
}
/************************************************
/ ETC
/***********************************************/
.etc{
	margin-top:100px;
}
/************************************************
/ HTML
/***********************************************/
h2, h3{
	padding:15px;
}
/************************************************
/ TOP - MENU
/***********************************************/
.topswf_serif{
	line-height:150%;
	text-align:left;
	padding:10px;
	margin:10px;
}
.topswf_menu{
	padding:10px;
	margin:10px;
	font-size:x-small;
	text-align:left;
}
/************************************************
/ HEADER
/***********************************************/
.header{
	float:left;
	width:640px;
	margin:0;
	padding:0;
	text-align:center;
}
.header h1{
	width:300px;
	margin:10px auto;
	padding:7px;
}
/***********************************************/
.lastupdate{
	padding-left:10px;
	margin-bottom:10px;
	font-size:small;
}
.page_info{
	padding-left:10px;
	margin-bottom:10px;
	font-size:x-small;
}
.contents_info{
	line-height:170%;
	font-size:small;
	margin-bottom:30px;
	padding-left:10px;
	text-align:center;
}
.contents_info .ben{
	color:lightblue;
}
.contents_info .bl{
	color:pink;
}

/************************************************
/ HTML
/***********************************************/
body{
	margin:0;
	padding:10px;
}
/************************************************
/ COPYRIGHT
/***********************************************/
.copyright{
	padding:5px;
	text-align:right;
}
/************************************************
/ BASIC
/***********************************************/
.hide{
	display:none;
}
.float_left{
	float:left;
}
.clear{
	clear:left;
}
.mini{
	font-size:x-small;
}