@charset "utf-8";

/* XHTML タグ */
* {
	border: 0;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
body{
	font-family: Meiryo, "メイリオ", Futura, geneva, verdana, "Hiragino Maru Gothic Pro", HiraMaruPro-W4, "ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック", Osaka,sans-serif;
	font-size: 11px;
	line-height: normal;
	text-align: center;
}
* html body{
	font-family: Meiryo, "メイリオ", Futura, helvetica, arial;
	font-size: 70%;
}

a:link{
	color: #336699;
}
a:visited{
	color: #0A7AAF;
}
a:hover{
	color: #8F3331;
	text-decoration: underline;
}
a:active{
	color: #336699;
}

/* basic */
#header{
	border-top: 5px solid #660000;
	border-bottom: 1px solid #ccc;
	margin: 0 auto 1.5em auto;
	padding: 15px 0;
	width: 820px;
}
#container{
	background: transparent url("../media/bg_container.gif") repeat-y 0 0;
	margin: 0 auto 0.5em auto;
	padding: 0 0 1em 0;
	text-align: left;
	width: 820px;
}
#section{
	float: left;
	width: 300px;
}
#content{
	float: right;
	padding: 0 0 0 40px;
	width: 480px;
}
/* ************************************-************************************ */

/* footer */
#footer{
	border-top: 5px solid #660000;
	color: #333;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
	width: 820px;
}
#footer a{ color: #000; }
/* ************************************-************************************ */

/* tube */
#tube{
	background: transparent url("../media/bg_tube.gif") no-repeat 0 100%;
	text-align: center;
	width: 300px;
	padding: 0 0 10px 0;
}
#tube h3{
	color: #48463B;
	font-size: 1.1em;
	padding: 0 10px 5px 15px;
	text-align: left;
}
/* ************************************-************************************ */

/* news */
#news #latest{
	border-bottom: 5px solid #660000;
	color: #666;
	font-size: 1.1em;
	line-height: 1.4;	
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
}
#news #latest p{
	margin: -2.5em 0 0 0;
}
/* #news #latest p br:first-child{ display: none; } */
#news #latest a{
	font-size: 1.4em;
	font-weight: bold;
}
#news ul{
	list-style: square inside url("../media/li_news.gif");
}
#news ul li{
	font-size: 1.2em;
	list-style: square inside url("../media/li_news.gif");
	margin: 0 0 0.3em 0;
}
/* ************************************-************************************ */

/* photo */
#photo{
	border-bottom: 5px solid #660000;
	padding: 0 0 10px 0;
	margin: 0 auto 10px auto;
	text-align: center;
	width: 820px;
}
#photo ul{
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 780px;
}
#photo li{
	display: inline;
}
#photo li .thumb{
	border: 4px solid #CCC;
	float: left;
	height: 68px;
	margin: 0 4px;
	overflow: hidden;
	position: relative;
	width: 138px;
}
#photo li .thumb img{
	left: -10px;
	position: relative;
	top: -20px;
}
/* ************************************-************************************ */

/* bottomlet */
#bottomlet{
	background: transparent url("../media/bg_bottomlet.gif") repeat-y 0 0;
	padding: 0 0 10px 0;
	margin: 0 auto 1em auto;
	width: 820px;
}
#bottomlet .newsarea{
	float: left;
	font-size: 1.2em;
	margin: 0 0 0 0;
	text-align: left;
	width: 260px;
}
#bottomlet .area{ margin: 0 20px 0 0; }
#bottomlet .newsarea h2{
	margin: 0 0 0.25em 0;
}
#bottomlet .newsarea ul{
	list-style: square outside url("../media/li_news.gif");
	padding: 0 0 0 21px;
}
#bottomlet .newsarea ul li{
	list-style: square outside url("../media/li_news.gif");
	line-height: 1.4;
	margin: 0 0 0.2em 0;
}
/* ************************************-************************************ */

.clr:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clr{display: inline-table;}

/* Hides from IE-mac \*/
* html .clr {height: 1%;}
.clr {display: block;}
/* End hide from IE-mac */