@CHARSET "utf-8";
/*
* COLOR MEMO
* 配色パターン
* #F96611
* #F79910
* #D8D8D8
*
* アクセントカラー
* #3298C3
*/
/*
* top right left bottom
*/
* {
	margin: 0px;
	padding: 0px;
}

html {
	background-color: #D8D8D8;
	height: 100%;
}


body {
	background-color: #D8D8D8;
	padding: 0px;
	margin: 0px;
	height: 100%;
}

h1, h2, h3, h4, h5, h6, h7{
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-weight: bold;
}
h2 a {
	text-decoration: none;
}

p {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#outer {
	height: 100%;
	background: #D8D8D8;
}

/*----- 共通 -----*/
/* HR に clear をさせる*/
hr.cl {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	clear: left;
}
hr.cr {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	clear: right;
}
hr.cb {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	clear: both;
}
.defCenterize{
	/*background-color: aqua;*/
	position: relative;
	left: 50%;
	width: 800px;
	margin-left: -400px;	
}
.expCenterize{
	background-color:purple;
	position: relative;
	left: 50%;
	width: 100%;
	margin-left: -100%;	
}


/*----- Header部分 -----*/
#header {
	background-color: #F79910;
	min-width: 800px;
}

#headerInner{
	min-width: 800px;
}

/* logo */
#logo {
	position: relative;
	height: 120px;
}

#logo h1 {
	position: absolute;
	top: 0.25em;
	left: 0.25em;
	colorb: gray;
}
#logo span {
position: absolute;
	top: 0px;
	left: 0px;
}
#logo a * {
	border: none;
}



/* header-menu */
#hmenu{
	background-color:#777777;

	height: 35px;
}
#hmenuInner{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-family:"Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; 
	font-size:14px;
	font-weight:bold;
	
	height: 35px;
	background-color: #AAA;
	padding: 0px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	
}
#hmenu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	/*center*/
	width: 800px;
	margin-left: auto;
	margin-right: auto;

	/*
	position: relative;
	left:50%;
	float:left;
	*/
	
	}
	#hmenu ul li{
		float:left;
		display: block;
		padding:0px;
		/*center*/
		/*
		position: relative;
		left: -50%;
		*/
	}
	#hmenu ul li a{
		/*background:#333333 url("images/seperator.gif") bottom right no-repeat;*/
		background:#333333;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		#hmenu ul li a:hover, #hmenu ul li:hover a{
			/*background: #2580a2 url("images/hover.gif") bottom center no-repeat;*/
			background: #2580a2;
			color:#FFFFFF;
			text-decoration:none;
			}
	#hmenu ul li ul{
		/*background:#333333;*/
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;

		/* fix center-effect */
/*		left: auto;*/
		/*top:1em;
		/*left:0;*/
		/*left:50%;*/
		}
	#hmenu ul li:hover ul{
		display:block;
		}
	#hmenu ul li ul li {
		background-color: #333;
		/*background:url('images/sub_sep.gif') bottom left no-repeat;*/
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;

		/* fix center-effect */
/*		left: auto;*/
		/*left:-50%;*/
		}
	#hmenu ul li:hover ul li a{
		background:none;
		
		}
	#hmenu ul li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#hmenu ul li ul a:hover, #hmenu ul li ul li:hover a{
			background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	#hmenu p{
		clear:left;
		}
/*----- コンテンツ部分 -----*/
/*
* 極力contensInnerなどのボックス要素ではpaddingをせず、
* インライン要素でmarginを付加する。
*/
#contents {
	width: 800px;
	margin: 0 auto;
	min-height: 100%;
	background-color: #E8E8E8;
}
#contentsInner {
	padding: .1em 0px;
}
#contentsInner * {
	padding: auto;
}

#contents h2 {
	margin-top: 1em;
	margin-bottom: 0.3em;
	padding: 0.3em 0.5em;
	font-size: 18pt;
	border-left: solid 1em #D8D8D8;
	line-height: 1em;
	color: #F96611;
}
#contents h2 a{
	color: #F96611;
}

#contents p {
	font-size: 12pt;
	padding: 0px 1em;
	line-height: 1.5em;
	margin: 0.5em;
}
/* #contents 共通*/
#contents del{
	text-decoration: line-through;
	margin-left: 0.2em;
	margin-right: 0.2em;
}
#contents span.carefull {
	background: #F8F8F8;
	color: #F96611;
}

/* div.news */
#contents div.news {
	margin: 0.5em 0em 1em 1.5em;
	padding: 0em 0em 0.5em 0.5em;
	background-color: white;
	border: solid 5px #D8D8D8;
	border-right: none 0px;
}
#contents div.news ul{
	list-style-type: none;
	padding-top: 0.5em;
	padding-left: 0.5em;
	margin: 0;
}
#contents div.news ul li{
/*	background-color: red;*/
/*	margin: 0.5em;*/
	margin: 0.5em 0em 0.5em 0em;
}
#contents div.news ul li span.title {
	font-weight: bold;
	border-bottom: solid 5px #D8D8D8;
	/*padding: 0.5em 0.2em 0.2em 0.2em;*/
	list-style-type: square;
	color: #3298C3;
	display: block;
}
#contents div.news ul li span.info {
	text-indent: 2em;
}

/* div.menber */



/* div.album */




/*----- フッター部分 -----*/
#footer {
	min-width: 800px;
}
#footerInner{
	text-align: center;

}
#footerInner p{
	margin: 0;
	background-color: #777777;
	line-height: 1.8em;
	font-size: 10pt;
	/*color: #F96611;*/
	color: #FFFFFF;
}
#footerInner p span{
}