/*-----------------------------*/
/*---author  :Takumi Kitamura---*/
/*---updated:12,14,2009-------*/
/*---lastupdated:12,14,2009----*/
/*-----------------------------*/

/*---
=====================================
---目次
     １：全体構造（ボディ）
     ２：全体の周り(cont)
     ３：ヘッダ(header)
     ４：ヘッダ中央(heades)
     ５：メニュー全体(menubar)
     ６：メニュー中央(menuc)
     ７：メイン全体(mainn)
     ８：メイン中央(mainc)
     ９：フッター全体(foot)
     １０：フッター中央(footer)
     
=====================================
*/
/*=====1：全体構造=====*/
  * {
    margin : 0;
    padding : 0;
    font-style : normal;
    font-weight : normal;
  }

  body {
    color : #333;
    background : #fff url(img/bodyback.gif); 
    scrollbar-face-color:#ff6600;
    scrollbar-highlight-color:#fff;
    scrollbar-shadow-color:#000;
    scrollbar-arrow-color:#cc3300;
    scrollbar-track-color:#fff;
    scrollbar-3dlight-color:#000;
    scrollbar-darkshadow-color:#fff;
    text-align : left;
    line-height : 1.5;  
    font-size : x-small;
    voice-family : "\"}\"";
    voice-family : inherit;
    font-size : small;  
    font-family:verdana,"ＭＳ Ｐゴシック",osaka,sans-serif;
  }

.CNT{ text-align:center;}
.R{ text-align:right;}
.L{ text-align:left;}

  html>body {
    font-size : small;  
  }

  textarea {
    width : 90%;
  }
  a{
	text-decoration: none;
	}
a:link{
    color:#66cc66;
    }
a:visited {
    color : #ff6600;    /* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
  }
a:hover{
	color: #ffffff;/*マウスが乗った時の通常のリンクテキストカラー*/
	background-color: #cc3300;
	}
a:active {
    color : #cc3300;    /* 文字の色（important＝サイト制作者のスタイルよりもユーザーが設定した色を優先する） */
    background-color: ff6600;
  }
  /* リンク画像の枠を表示しない */
a img {
    border-style : none;      /* 枠を非表示 */
    border-width : 0px;        /* 枠の幅を0pxに設定 */
    text-decoration : none;      /* 装飾を表示しない */
    }
#container {
    width : 800px;
    margin-left : 0;
    margin-right : auto;
    background: transparent;  /* 背景を透過（bodyで指定した値が有効になります）*/
    text-align : left;  
  }

  /* タイトル部分 */
#header {
  width: 800px;
  height : 300px;
  background : url(img/top.jpg) no-repeat left;
  }
#header h1{
	width: 590px;
	padding: 24px 0 0 10px;
	}
#header h1 a{
	text-decoration:none;
	color:#FFFFFF;
	font-size:24px;
	font-weight:normal;
	text-decoration:none;
	}
#header h1 a:hover{
	color:#FFFFFF;
	text-decoration: none;
	}
#header h2{
	line-height:20px;
	height:20px;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	text-indent:10px;
	}
#header div#right{
	float: right;
	width:200px;
	}
#header div#right p{
	color:#FFFFFF;
	margin:24px 20px 20px 20px;
	}
	
/*メニューとメインの指定*/	
#contents {
    clear: both;
    margin : 0;
    background: transparent;/* 背景を透過（bodyで指定した値が有効になります）*/
	width:800px;
	text-align:left;
  }
#contents div.txt{
	
	}
#contents div.txt p{
	line-height:180%;
	margin:0 0 20px 0;
	}
/*左サイド*/
#g_menu {
    float : left;            /* 左側に回り込む */
    margin-top: 10px;
    width : 220px;           /*左側メニュー*/
    background: transparent;  /* 背景を透過（bodyで指定した値が有効になります）*/
    overflow: hidden;
  }
#g_menu ul{
	list-style-type:none;
	padding:6px 0 0 0;/*上 右 下 左*/
	}
#g_menu ul li{
    margin-left: 5px;
    padding:7px 0 5px 0;
	background:url(img/born-1.gif) no-repeat left;
	text-indent: 20px;
	line-height:1.2em;
	vertical-align:top;
	}

.menu {
    margin:0;
    padding: 0;
    background-color: #ffffff;
    width: 200px;
    }
h4 {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #cc3300;
    font-size: 14px;
    font-weight: bold;
    background: #ff6600 url(img/sub-title02.gif) center no-repeat;
    width: 200px;
}
#g_menu p{
    padding:2px 10px 10px 10px;
	line-height:160%;
    color: #333333;
}
.left-head{
    margin: 0;
    padding: 0;
    height: 10px;
    background: url(img/sub-head02.gif)  bottom left no-repeat;
}
.left-foot{
    margin: 0;
    padding: 0;
    height: 10px;
    background: url(img/sub-foot02.gif) top left no-repeat;
}
/*メイン部分*/
.con{
float: right;
margin-top: 10px;
padding: 0;
}
#main{
    padding: 20px 10px 10px 10px;
    width : 560px;            /* 古いIE用の幅（コンテンツ幅＋ボーダー幅＋左右パディングの幅） */
    background: #ffffff url(img/main-back.jpg) no-repeat;
    background-position: 70% 80%;
    background-attachment: fixed;  
    voice-family : "\"}\"";        /* おまじない */
    voice-family : inherit;        /* おまじない */
    width : 580px;            /* CSSを正しく解釈出来るブラウザ用のコンテンツ幅 */
    overflow: hidden;
  }

html>body #main {
    width : 560px;            /* Opera用のコンテンツ幅 */
  }
  
/* メインの上部と下部 */
.main-head {
    margin: 0;
    padding: 0;
    height: 10px;
    background: url(img/main-head.gif) bottom center no-repeat;
}
.main-foot {
    margin: 0;
    padding: 0;
    height: 10px;
    background: url(img/main-foot.gif) top center no-repeat;
}

#main h3{
	font-size:25px;
	color: #cc3300;
	background: url(img/title02.gif) bottom left no-repeat;
	height: 40px;
	}

#main h5{
	margin:10px 0 5px 0;
	background:url(img/born-0.gif) no-repeat left;
	text-indent: 35px;
	line-height:1.2em;
	font-size:18px;
	vertical-align:top;
	}
#main ul{
	list-style-type:none;
	padding:6px 0 0 0;/*上 右 下 左*/
	}
#main ul li{
    padding:10px 0 5px 0;
	background:url(img/born.gif) no-repeat left;
	text-indent: 20px;
	line-height:1.2em;
	vertical-align:top;
	}

/*トップ*/
#top{}
#top div#news{
	width:100%;
	padding:0 10px 10px 10px;
	}
#top div#news p.day{
	color:#666666;
	font-weight:bold;
	font-size:100%;
	background:url(img/orange1.gif) no-repeat center left;
	text-indent:20px;
	vertical-align:top;
	margin:10px 0 0 0;
	}
#top div#news p{
	margin:2px 10px 10px 10px;
	line-height:160%;
	}
.kuki{
    color: #ff6600;
}
.4koma{
    color: #000000;
    font-weight: bold;
}
#foot {
    clear : both;
    font-size:10px;
    text-align: center;
    width: 800px;
    background: #ff6600;
    color: #ffffff;
  }
#foot a{
	color:#ffffff;
	text-decoration:none;
	}
#foot a:hover{
	color:#ffffff;
	}