@charset "UTF-8";

/* ▼ 全体のリセット ▼ */
*{
	margin:0;
	padding:0;
	font-style:normal;
	}

img{
	border:0;
	}
	
h1, h2, h3, h4, h5, h6,
div, p {
	font-size:14px;
 	}
 
hr {
	display: none;
	}
	

br.CL{
	clear:both;
	}	
	
	
/* ▼ 全体のレイアウト設定 ▼ */


body { 
	text-align: center;			/* IE5.5以前でcontainerを中央配置する為 */
	font-size:13px;
	*font-size:75%;/*IE*/
	font-family:Arial, Helvetica, verdana, Meiryo, 'メイリオ', "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #666;
	}

#container {
	width: 780px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;		/* containerを中央配置する為 */
	margin-left: auto;		/* containerを中央配置する為 */
	text-align: left;		/* body の text-align:center を無効にする為 */
	border-left: 1px solid #594C8C;	
	border-right: 1px solid #594C8C;	
	overflow: hidden;
	}

#header {
	position: relative;
	height: 151px;
	background:url("/img/bg_header.jpg") no-repeat;
	}

#mainnavi {
	float: left;
	width: 180px;
	padding: 0 10px 20px;
	}

#main {
	float: right;
	width: 540px;
	padding: 0 20px 20px;
	_padding: 0 10px 20px;
	}

#footer {
	clear: both;
	background-color: #594C8C;
	height: 30px;
	}


/* ▼ リンク設定 ▼ */

a:link		{
	color: #060;
	text-decoration: none;
	}
a:visited	{
	color: #090;
	text-decoration: none;
	}
a:active	{
	color: #060;
	text-decoration: none;
	}
a:hover		{
	color: #66f;
	text-decoration: underline;
	}


/* ▼ ヘッダ ▼ */ 

#header #sitelogo h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 770px;
	height: 93px;
        text-align: right;
        font-size: 9px;
        color: #fff;
        font-weight: normal;
	}

#header #sitelogo h1 a {
        color: #fff;

	}

#header #sitedesc h2 {
	position: absolute;
	top: 41px;
	right: 20px
	}

#sitedesc p {
	position: absolute;
	top: 93px;
	left: 0;
	}

#sitedesc address {
	position: absolute;
	top: 95px;
	left: 610px;
	padding-left: 23px;
	background: url(img/icon_mail.gif) no-repeat 0 50%;
	}
	
#sitedesc address a {
	color: #fff;
	font-style: normal;
	}

#dirnavi {
	position: absolute;
	top: 135px;
	right: 20px;
	font-size: 10px;
	color: #999;
	text-align: right;
	}

#dirnavi strong {
	font-weight: normal;
	}

#dirnavi a {
	text-decoration: underline;
	color: #999;
	}


/* ▼ メインコンテンツ ▼ */ 
/*トップページ*/
#main h3 {
	margin-bottom: 15px;
	}

#topnews {
	}

#topnews h3 {
	}

#topnews h4 {
	padding-left: 20px;
	color: #6E5F93;
	background: url(img/icon_topnews.gif) no-repeat 0 50%;
	}

#topnews p {
	margin: 0 10px 10px 20px;
	font-size: 10px;
	line-height: 1.8;
	}

#topnews ul {
	margin:5px 20px;
	}

#topabout #topinfo {
	float: left;
	width: 330px;
	}
	
#topabout #topinfo h4 {
	margin-bottom: 20px;
	}

#topabout #topinfo p {
	line-height: 2;
	}

#topabout p#map {
	float: right;
	}
	
#topabout p#time {
	clear: both;
	}
	

	
/*セカンドページ*/

#main #contents h2 {
	margin: 10px 0 15px;
	}

#main #contents h3 {
	padding-left: 20px;
	color: #6E5F93;
	background: url(img/icon_topnews.gif) no-repeat 0 50%;
	}

#main #contents p {
	line-height: 1.5;
	}
/*　スタッフ　*/
ul.stafflist {
	margin: 0 10px;
	padding: 0;
	list-style: none;
	font-size: 100%;
	color: #666;
	}

ul.stafflist li {
	clear: both;
	padding:  5px;
	}

.staffphoto {
	margin: 0  5px 15px 5px;
	padding: 5px;
	float: left;
	border: 1px solid #CCC;
	}

/* ▼ メインナビゲーション ▼ */ 

#mainnavi ul {
	list-style: none;
	}

#mainnavi li {
	margin-bottom: 10px;
	color: #333;
	}

#mainnavi a {
	display: block;
	text-decoration: none;
	color: #333;
	padding: 0;
	}

#mainnavi a:hover {
	text-decoration: none;
	}

#mainnavi ul ul {
	margin: 10px 0 10px 5px;
	padding: 0;
	}

#mainnavi ul ul li {
	margin: 3px 0;
	padding: 0 0 0 15px;
	vertical-align:top;
	background: url(img/icon_navi.gif) no-repeat;
	font-size: 10px;
	line-height: 1.4;
	}

#mainnavi ul ul a:hover {
	text-decoration: none;
	}


/* ▼ フッタ ▼ */ 

#copyright {
	font-size: 10px;
	text-align: center;
	color: #FFF;
	padding: 10px;
	}