@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定
 * ---------------------------------------------------------------- */

body {
  background-color: #80CFE2;
}

#container {
  background-color: #80CFE2;
  width: 800px;
  /* --- ドキュメント本体の位置を設定 --- */
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 40px auto 0 auto;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定
 * ---------------------------------------------------------------- */

#header {
  background-color: #80CFE2;
  margin: 0 0 40px 0;
  padding: 0;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定
 * ---------------------------------------------------------------- */

#main {
  padding: 0 210px 0 0;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #80CFE2;
}


#gotop {
  text-align:right;
  padding:20px;
}

#gotop ul li{
	list-style:none;
}

.right {
  padding:0 0 10px 10px;
  margin:0;
  float:right;
}

/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定
 * ---------------------------------------------------------------- */

#sidenavi {
  background-color: #80CFE2;
  width: 200px;
  margin: 0;
  padding: 0;
  /* ★ --- メニューを左右どちらに寄せるかの設定 -- */
  /* Note：左寄せ：「left: 0; right: auto;」
           右寄せ：「left: auto; right: 0;」 */
  top: auto;
  left: auto;
  right: 0;
  /* --- 絶対配置することによって左サイドバーが選択できなくなってしまうため、他のカラムより上のレイヤーに配置する設定 --- */
  z-index: 1;
}

#sidenavi ul {
    margin: 0;
    padding: 8px;
}

#sidenavi ul li {
    margin: 0;
    padding: 5px 10px 5px 5px;
    list-style-type: none;
}

  /* Note：上マージンを確保し，IE6/IE7 で垂直配置がずれるバグを回避します。以降，指示に従って同じ値での指定を 2 回続けてください。 */
[id="sidenavi"]#sidenavi {
  /* ★ --- 上マージンを設定 --- */
  /* Note：コンテンツ部分の上マージンと同じ値を設定 */
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  /* Note：直前の指定と同じ値を設定 */
  margin-top: 0;
}

#info{
    padding:8px;
	margin:8px;
	line-height:1.2em;
}

#info p{
	line-height:1.2em;
	margin-top:4px;
}

.spec{}

/* ---------------------------------------------------------------- *
	コンテンツ部分の設定
 * ---------------------------------------------------------------- */

.contents {
  background: #80CFE2;
  margin: 0;
  padding: 15px;
}

/* ---------------------------------------------------------------- *
	フッタ部分の設定
 * ---------------------------------------------------------------- */

#footer {
    margin: 0;
    padding: 80px 10px 50px 10px;
    height:60px;
	width:auto;
    background: #80CFE2 /*url(../img/footer.gif) no-repeat*/;  
    clear:both;
}

#footer img.foot_left {
    padding:15px 0 0 0;
    float:left;
}

#footer img {
    float:right;
}

#footer address {
	padding: 5px 0 0 0;
	font-size:0.9em;
    float:right;
    clear:both;
}

.clear {
    clear:both;
}
/* ---------------------------------------------------------------- *
	トップ　ブログ
 * ---------------------------------------------------------------- */

ul.rss{
	list-style:none;
	margin:0 0 15px;
	padding: 0 10px;
}

ul.rss li{
	margin:5px 0;	
}

ul.rss li span{
	padding:0 0 0 0.7em;	
}


/* ---------------------------------------------------------------- *
	トップ　お知らせ
 * ---------------------------------------------------------------- */
p.accordion_toggle {
	display: block;
	color:#FFFFFF;
	width:auto;
	padding: 0 10px 0 10px;
	outline: none;
	cursor: pointer;
	margin: 0;
}

p.accordion_toggle:hover {
    background-color:#FFFF00;
	color:#000000;
}
p.accordion_toggle_active {
	color:#FFFFFF;
	padding: 0 10px 0 10px;
}

div.accordion_content {
	overflow: hidden;
	width:auto;
	padding: 0 10px 10px 10px;
	margin:0;
	color: #000000;
	clear:both;
}

/* ---------------------------------------------------------------- *
	アーカイブページ
 * ---------------------------------------------------------------- */
div#archive_ttl {
  margin:0 0 40px 0;
  padding:0;
  border-bottom: 4px solid #000000;
  height: 25px;
}

div#archive_ttl span{
	font-size: 145%;
	font-weight:bold;
	float:left;
	margin:0;
	padding: 0 0 0 10px;
}

div#archive_ttl a{
  font-size:13px;
  margin:5px 15px 0 0;
  padding:0;
  float:right;
}

div.event{
	clear:both;
	width:590px;
	position:relative;
}

div.event h3{
	margin:1em 0 0.25em;
	padding:3em 0 0.5em 0;
}

div.event ul{
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
}

div.event ul li{
	float:left;
	padding:3px;
	margin:0;
	position:relative;
}

div.event ul li a{
	padding:3px;
	margin:0;
	height:100px;
	width:100px;
	display:block;
}

/* ---------------------------------------------------------------- *
	メールフォーム
 * ---------------------------------------------------------------- */

td.mail{
    width:130px;
}

.iarea{
}