@charset "Shift_JIS";

/*------------------------------------------------------------------------------
　リセット
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

/* よく登場する要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}
/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }



/*------------------------------------------------------------------------------
　ハック
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

/* float解除用 clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* clearfixここまで */



/*------------------------------------------------------------------------------
　ページ全体の基本レイアウト
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 12px;
    line-height: 1.3em;
	color:#434343;
	background: #e1e3e3;
}
#container,#footer {
	margin: 0;
	padding: 0;
	width: 950px;
	font-family:sans-serif !important; /*共通のブラウザでフォントをゴシック系にする*/
	font-family/**/:/**/"MS PGothic";/* ==IE6専用==*/
}
#container {
	margin: 0 0 -100px 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(images/bg_con.gif) repeat-y left;
}
#footer,#stopper {
	height: 100px;
}
#header {
	padding: 15px 10px;
	border-bottom: solid 10px #996633;
	background: #a8c97f;
}
#contents{
	padding: 0 0 30px 0;
	width: 950px;
}
#maincol {
	float: right;
	padding: 0 15px 0px 20px;
	width: 725px;
}
#subcol {
	float: left;
	padding: 20px 10px 15px;
	width: 170px;
}
#footer {
	color:#FFFFFF;
	background: #765c47 ;
}	

/*   link
------------------------------------------------------------------- */
a { 
  color:#996633;
  text-decoration: none;
  }
a:hover {
  text-decoration: underline;
  }


/*------------------------------------------------------------------------------
　ヘッダー
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

h1#title {
	float: left;
	width: 209px;
}


/*------------------------------------------------------------------------------
　メインコンテンツ
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/


/*--------------- INDEXのみのスタイル ---------------*/
#pu_box {
	margin: 20px 0 15px;
	padding-top: 6px;
	width: 725px;
	height: 26px;
	background: url(images/title_pu.png) no-repeat;
}
h2#title_pu {
	width: 250px;
	text-indent: -9999px;
} 
h3#name_pu a { 
	font-weight: bold;
	font-size: 16px;
}
h2#title_rec {
	margin: 20px 0 15px;
	width: 725px;
	height: 32px;
	text-indent: -9999px;
}
h2#title_rec {
	background: url(images/title_rec.png) no-repeat;
} 
.left_box01 {
	float: left;
	width: 380px;
}
.right_box01 {
	float: right;
	width: 326px;
}
.right_box01 img {
	border: solid 3px #99CC99;
}
.left_box02 {
	float: left;
	text-align: center;
	width: 320px;
}
.right_box02 {
	margin-left: 340px;
	width: 340px;
}
.block_01 {
	padding: 15px 0 10px;
	background: #ffffea;
}
.block_02 {
	padding: 10px;
	background: #fff7ef;
}
.news_box {
	float: left;
	padding-left: 20px;
	width: 156px;
	}
.news_box img {
	margin-bottom: 10px;
	border: solid 3px #99CC99;
}
#book_box {
	padding: 15px;
	border: solid 4px #CCCCCC;
	margin: 30px 0 20px;
}
/*.inner_block {
	float: right;
	width: 225px;
}
*/h2.sub_title {
	margin: 0 0 20px 0;
	padding:0 15px 10px 15px;
	color:#38a1db;
	font-size: 20px;
	font-weight: bold;
    line-height: 100%;
	letter-spacing: 0.2em;
	border-bottom: dotted 3px #89c3eb;
}
/*---------------------------------------------------*/




/*------------------------------------------------------------------------------
　サブコンテンツ
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

h3#title_subc,
#subcol ul.menu li a,
#subcol p.menu a {
	display: block;
	margin-bottom: 5px;
	width: 170px;
	height: 45px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(images/menu.png) no-repeat;
}
	h3#title_subc { height: 35px;}

#subcol ul.menu li#menu_01 a { background-position: 0 -35px;}
#subcol ul.menu li#menu_02 a { background-position: 0 -80px;}
#subcol ul.menu li#menu_03 a { background-position: 0 -125px;}
#subcol ul.menu li#menu_04 a { background-position: 0 -170px;}
#subcol ul.menu li#menu_06 a { background-position: 0 -240px; height: 65px;}
#subcol ul.menu li#menu_08 a { background-position: 0 -350px;}
#subcol ul.menu li#menu_09 a { background-position: 0 -395px;}
#subcol ul.menu li#menu_10 a { background-position: 0 -440px;}
p.menu#menu_11 a { background-position: 0 -485px;}

#subcol ul.menu li#menu_01 a:hover { background-position: -170px -35px;}
#subcol ul.menu li#menu_02 a:hover { background-position: -170px -80px;}
#subcol ul.menu li#menu_03 a:hover { background-position: -170px -125px;}
#subcol ul.menu li#menu_04 a:hover { background-position: -170px -170px;}
#subcol ul.menu li#menu_06 a:hover { background-position: -170px -240px;}
#subcol ul.menu li#menu_08 a:hover { background-position: -170px -350px;}
#subcol ul.menu li#menu_09 a:hover { background-position: -170px -395px;}
#subcol ul.menu li#menu_10 a:hover { background-position: -170px -440px;}
p.menu#menu_11 a:hover { background-position: -170px -485px;}

#subcol ul li#menu_05 {
	margin: 0 0 5px 30px;
	list-style-type: disc;
}
#subcol ul li#menu_05 a {
	line-height: 30px;
}


#subcol p#menu_07 {
	display: block;
	width: 170px;
	height: 45px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(images/menu.png) no-repeat 0 -305px;
}

#favorite_box {
	margin-bottom: 5px;
	padding: 3px;
	border-right: solid 1px #96c56f;
	border-left: solid 1px #96c56f;
	border-bottom: solid 1px #96c56f;
	background: #FFFFFF;
}


/*------------------------------------------------------------------------------
　フッター
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

#footer a {
	color: #FFFFFF;
}