@import url("base.css");

/*-----------------------------------------------
	main_menu
-----------------------------------------------*/
#news_menu{
	height:43px;
	width: 730px;}
	
.news_list{
	width:730px;
	height:43px;
	background-image: url(../img/news/maru_btn_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
	
.news_list li{
	float:left;}
	
#news_menu .news_list a{
	height:43px;
	display:block;}

.news_list a.bt_menu1{
    width:148px;
	float:left;
	background-image: url(../img/news/maru_btn1.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
.news_list a.bt_menu2{ 
    width:148px;
	float:left;
	background-image: url(../img/news/maru_btn2.jpg);
	background-repeat: no-repeat;
	background-position: left top;}
.news_list a.bt_menu3{
    width:198px;
    float:left;
	background-image: url(../img/news/maru_btn3.jpg);
	background-repeat: no-repeat;
	background-position: left top;}

.news_list a.out{ background:none; }




/* サイドエリア
-----------------------------------*/
#side_area .calendar {
	width:200px;
	padding-bottom:20px;
	font-size:10px;
	text-align:center;
	font-family:Verdana;
}

#side_area .archive {
	width:200px;
	padding-bottom:40px;
}


/* タブ
-----------------------------------*/
#tab {
	width:581px;
	height:31px;
	padding:0px 0px 18px 149px;
	background-image:url(../img/news/tab_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#tab a.event_tab {
	width:141px;
	height:31px;
	display:block;
	background-image:url(../img/news/event_tab.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#tab a.event_tab:hover {
	background-position:top right;
}



/* 年月と一覧へ戻る（詳細用）
-----------------------------------*/
#contents .date {
	width:620px;}
#contents .date2 {
	width:620px;
	float: left;
	padding-top: 10px;
	padding-bottom: 5px;}

#contents .back {
	text-align:center;
	padding-bottom: 5px;
	float: right;
	padding-top: 10px;}
#contents .back2 {
	text-align:center;
	padding-top: 20px;
	padding-bottom: 20px;}

/* ボックス
-----------------------------------*/
#contents .box {
	width:700px;
	padding:15px;
	margin-bottom:20px;
	background-color:#F7F7F7;
}

#contents .box .photo {
	float:left;
	width:130px;
	height:120px;
}

#contents .box .date {
	float:left;
	width:570px;
	color:#B3B3B3;
	font-size:11px;
	font-family:Verdana;
}

#contents .box .title {
	float:left;
	width:570px;
}

#contents .box .comment {
	float:left;
	width:570px;
	line-height:13px;
	font-size:11px;
	padding-top:3px;
}

#contents .box .details {
	float:left;
	width:570px;
}


/* 詳細
-----------------------------------*/
#contents .details {
	width:700px;
	margin:auto;
	padding-bottom:20px;
}

#contents .details .photo {
	float:left;
	width:120px;
}

#contents .details .date {
	float:right;
	width:570px;
	line-height:15px;
	color:#B3B3B3;
	font-size:11px;
	font-family:Verdana;
}

#contents .details .title {
	float:right;
	width:570px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
}

#contents .details .comment {
	float:right;
	width:570px;
}

/* pdf_box
-----------------------------------*/
.pdf_box{
	background-image: url(../img/event/pdf_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 110px;
	width: 730px;}

.pdf_box_padding{
	height: 100%;
	padding-top: 10px;
	padding-bottom: 20px;}

.pdf_btn{
	display: block;
	text-align: center;
}

/* フラッシュエリア
-----------------------------------*/
#contents .flash_area {
	width:660px;
	margin:auto;
	padding-bottom:94px;
}

#contents .flash_area .flash {
	width:629px;
	height:458px;
	padding:26px 0px 0px 29px;
	border:1px solid #D9D9D9;
	background-image:url(../img/news/shoei_text.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}

#contents .flash_area .back {
	width:660px;
	text-align:center;
	padding-top:24px;
}


/* フォント
-----------------------------------*/
.font_verdana_gary14 {
	color:#B3B3B3;
	font-size:14px;
	font-family:Verdana;
}
.t_box {
	padding-top: 10px;
	padding-bottom: 5px;
}