@charset "utf-8";
/*------------------------------------------------------------------------------*/
/*	▼　基本設定　▼															*/
/*------------------------------------------------------------------------------*/

body {
	 background-image: url(../images/material/bg_01.png);
	 color: #333;
	 font-family: ヒラギノ丸ゴ Pro 4W;
	 font-size: 12px;
	 line-height: 16px;
	 margin: 0px;
	 scrollbar-base-color: #abf;
	 scrollbar-highlight-color: #fff;
	 scrollbar-shadow-color: #fff;
	 scrollbar-track-color: #56b;
	 scrollbar-arrow-color: #fff;
	 scrollbar-darkshadow-color: #abf;
}
div,span,p,form {
	 margin: 0px;
	 padding: 0px;
	 overflow: hidden;
}
*				{ box-sizing : border-box;}
*				{ -moz-box-sizing : border-box;}
a				{ text-decoration: none;}
a:link			{ color: #36c;}
a:hover			{ background: #def;}
a:active		{ color: #90f;}
a:visited		{ color: #909;}
img				{ border: 0px;}
input			{ border: none;}
.space_xxsmall	{ height: 2px;}
.space_xsmall	{ height: 4px;}
.space_small	{ height: 8px;}
.space_normal	{ height: 16px;}
.space_large	{ height: 32px;}
.space_xlarge	{ height: 64px;}
.margin_body	{ padding: 7px 10px;}
.text_aa		{ line-height: 14px;}
.text_pickup	{ color: #34c; font-weight: bold;}
.text_caution	{ color: #f00; font-weight: bold;}
.clear			{ width: 0px; height: 0px; clear: both;}
/*	▼リスト用リンク	*/
.link_01 {
	 width: 190px;
	 height: 20px;
	 line-height: 20px;
	 text-align: center;
}
.link_01 a {
	 width: 190px;
	 height: 20px;
	 display: block;
	 line-height: 20px;
	 text-align: center;
}
/*	▼メイン用リンク	*/
.link_02 {
	 width: 440px;
	 height: 20px;
	 line-height: 20px;
	 text-align: left;
}
.link_02 a {
	 width: 440px;
	 height: 20px;
	 display: block;
	 line-height: 20px;
	 text-align: left;
}
.link_03 {
	 width: 80px;
	 height: 20px;
	 float: left;
	 line-height: 20px;
	 text-align: center;
}
.link_03 a {
	 width: 80px;
	 height: 20px;
	 display: block;
	 float: left;
	 line-height: 20px;
	 text-align: center;
}

/*------------------------------------------------------------------------------*/
/*	▼　ページの大枠　▼														*/
/*------------------------------------------------------------------------------*/

#box_large {
	 width: 100%;
	 margin: 0px;
	 text-align: center;
}
#box_small {
	 width: 830px;
	 margin: 0px auto;
}
/*	■メイン部背景		*/
#body_bg_01 {
	 width: 100%;
	 background-image: url(../images/material/bg_main_01.png);
	 overflow: auto;
}
#header {
	 width: 830px;
	 height: 210px;
	 background: #333;
}
#body_left {
	 width: 230px;
	 display: inline;
	 float: left;
}
#body_right {
	 width: 600px;
	 height: auto;
	 display: inline;
	 float: right;
	 overflow: auto;
	 position: relative;
}
#footer {
	 width: 830px;
	 height: 20px;
	 background: #333;
	 clear: both;
	 color: white;
	 line-height: 20px;
	 text-align: center;
	 vertical-align: bottom;
}

/*------------------------------------------------------------------------------*/
/*	▼　ヘッダ　▼																*/
/*------------------------------------------------------------------------------*/

/*	■タイトル画像		*/
#header_title {
	 width: 830px;
	 height: 150px;
	 background-image: url(../images/material/bg_title.png);
	 float: left;
}
/*	▼ナビ左			*/
#navi_left {
	 width: 230px;
	 height: 60px;
	 clear: both;
	 float: left;
}
#index {
	 width: 230px;
	 height: 60px;
	 background-image: url(../images/material/btn_index.png);
	 display: block;
	 text-indent: -10000px;
}
#index:hover { background-position:0px -60px;}
/*	▼ナビ右			*/
#navi_right {
	 width: 600px;
	 height: 60px;
	 float: left;
}
.navi_menu {
	 width: 150px;
	 height: 30px;
	 float: left;
	 text-indent: -10000px;
}
.navi_menu a {
	 width: 150px;
	 height: 30px;
	 display: block;
	 text-indent: -10000px;
}
#res			{ background-image: url(../images/material/btn_res.png);}
#res:hover		{ background-position:0px -30px;}
#gallery		{ background-image: url(../images/material/btn_gallery.png);}
#gallery:hover	{ background-position:0px -30px;}
#dojin			{ background-image: url(../images/material/btn_dojin.png);}
#dojin:hover	{ background-position:0px -30px;}
#library		{ background-image: url(../images/material/btn_library.png);}
#library:hover	{ background-position:0px -30px;}
#pbbs			{ background-image: url(../images/material/btn_pbbs.png);}
#pbbs:hover		{ background-position:0px -30px;}
#bbs			{ background-image: url(../images/material/btn_bbs.png);}
#bbs:hover		{ background-position:0px -30px;}
#link			{ background-image: url(../images/material/btn_link.png);}
#link:hover		{ background-position:0px -30px;}
#up				{ background-image: url(../images/material/btn_up.png);}
#up:hover		{ background-position:0px -30px;}

/*------------------------------------------------------------------------------*/
/*	▼　リスト　▼																*/
/*------------------------------------------------------------------------------*/

/*	▼リスト外郭		*/
.list_contents {
	 width: 210px;
	 height: 25px;
	 background-image: url(../images/material/bg_list_contents.png);
}
.list_title {
	 width: 210px;
	 height: 25px;
	 background-image: url(../images/material/bg_list_title.png);
}
.list_name_01{
	 color: #fff;
	 font-size: 14px;
	 font-weight: bold;
	 letter-spacing: 1px;
	 line-height: 28px;
	 padding: 0px 20px;
	 text-align: left;
}
.list_name_02 {
	 color: #013;
	 font-size: 14px;
	 font-weight: bold;
	 letter-spacing: 1px;
	 line-height: 28px;
	 padding: 0px 20px;
	 text-align: left;
}
.list_main {
	 width: 210px;
	 height: auto;
	 background: #fff;
	 line-height: 15px;
}
.list_main_01 {
	 padding: 2px 10px;
	 text-align: left;
}
.list_main_02 {
	 padding: 2px 10px;
	 text-align: center;
}
.list_main_03 {
	 padding: 5px 0px;
	 text-align: center;
}
.list_top {
	 width: 210px;
	 height: 6px;
	 background-image: url(../images/material/bg_list_top.png);
}
.list_line {
	 width: 210px;
	 height: 16px;
	 background-image: url(../images/material/bg_list_line_01.png);
}
.list_bottom_01 {
	 width: 210px;
	 height: 20px;
	 background-image: url(../images/material/bg_list_bottom_01.png);
}
.list_bottom_02 {
	 width: 210px;
	 height: 6px;
	 background-image: url(../images/material/bg_list_bottom_02.png);
}
/*	▼各種履歴			*/
.text_news_title {
	 font-weight: bold;
}
.text_news_main {
	 color: #444;
	 padding: 2px 10px 8px;
}
/*	▼サイト内検索		*/
.search_area {
	 width: auto;
	 height: 66px;
}
.search_form {
	 border: 1px solid #999;
	 background-image: url(../images/material/bg_textarea.png);
	 margin: 5px 0px 6px;
	 padding: 2px;
	 width: 80%;
	 height: 30%;
}
.search_submit {
	 width: 80px;
	 height: 30px;
	 background: url(../images/material/btn_small.gif);
	 cursor: pointer;
	 text-indent: 0px;
}
.search_submit:hover	{ background-position: 0px -30px;}
.search_submit:active	{ background-position: 0px -60px;}

/*------------------------------------------------------------------------------*/
/*	▼　メイン　▼																*/
/*------------------------------------------------------------------------------*/

.body_line_01 {
	 width: 16px;
	 height: 24px;
	 float: left;
	 background-image: url(../images/material/bg_line_01.png);
	 background-repeat: repeat-x;
}
.body_line_02 {
	 width: 564px;
	 height: 24px;
	 float: left;
	 background-image: url(../images/material/bg_line_02.png);
	 background-repeat: repeat-x;
}
.body_line_03 {
	 width: 100%;
	 height: 15px;
	 background: url(../images/material/bg_line_03.png) repeat-x;
	 clear: both;
}
.body_contents_01 {
	 width: 580px;
	 height: 35px;
	 background: url(../images/material/title_contents_01.png) no-repeat;
	 font-size: 16px;
	 font-weight: bold;
	 line-height: 30px;
	 letter-spacing: 2px;
	 text-align: center;
}
.body_top {
	 width: 580px;
	 height: 100px;
	 background-image: url(../images/material/bg_diary.png);
	 padding-top: 63px;
	 text-align: center;
}
.body_bottom_01 {
	 width: 580px;
	 height: 100px;
	 background: url(../images/material/bg_main_bottom_01.png) no-repeat;
	 clear: both;
	 text-align: center;
}
.body_bottom_01_form {
	 width: 580px;
	 height: 35px;
	 clear: both;
	 text-align: center;
}
.body_bottom_01_submit {
	 width: 580px;
	 height: 30px;
	 clear: both;
	 text-align: center;
}
.body_bottom_01_top {
	 width: 580px;
	 height: 35px;
	 clear: both;
	 text-align: center;
}
.body_bottom_02 {
	 width: 480px;
	 height: 38px;
	 background-image: url(../images/material/bg_main_bottom_02.png);
	 clear: both;
	 text-align: center;
}
/*	▼web 拍手			*/
.clap_form {
	 width: 85%;
	 height: 60%;
	 border: 1px solid #999;
	 background-image: url(../images/material/bg_textarea.png);
	 margin: 8px 0px 8px;
	 padding: 2px;
}
.clap_submit {
	 width: 100px;
	 height: 30px;
	 background: url(../images/material/btn_normal.gif);
	 cursor: pointer;
	 text-indent: 0px;
}
.clap_submit:hover		{ background-position: 0px -30px;}
.clap_submit:active		{ background-position: 0px -60px;}
/*	▼最上部へ			*/
.go_top {
	 float: right;
	 padding: 0px 45px;
}
.top {
	 width: 50px;
	 height: 30px;
	 background: url(../images/material/btn_top.png);
	 display: block;
	 overflow: hidden;
	 text-indent: -10000px;
}
.top:hover				{ background: url(../images/material/btn_top.png) 0px -30px;}