/* CSS Document */

/*------------------------------------------------------------------------------
　　タグ プロパティ初期化 & CSS HACK
------------------------------------------------------------------------------*/

/*h1, h2, h3, h4, h5, h6, p, ol, ul, li, table, th, td, pre, blockquote, form, input, select, textarea{ */
h1, h2, h3, h4, h5, h6, p, ol, ul, li, table, th, td, pre, blockquote, textarea{ 
    font-weight: normal;  
	margin: 0; padding:0;
	font-size:100% ;
	line-height:1.1;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック",sans-serif;
}

a:link,
a:visited {
  text-decoration: underline;
  color:#2356bd;
/*\*/
   overflow: hidden; /* text-indent: -xxxxem 対策 */
/**/
}
a:hover,
a:active {
  text-decoration: underline;
  color:#7c93f7;
/*\*/
   overflow: hidden; /* text-indent: -xxxxem 対策 */
/**/
}

img{border:none;}

ul{	list-style:none; }

table{
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	}
td{
	border: none;
	border-spacing: 0;
	vertical-align:top;
	text-align:left;
	}
	
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.center{
	text-align:center;
	}
.right{
	text-align:right;
	}
.bold{
	font-weight:bold;
	}	
.big{
	font-size:1.125em;
	}
.small{
	font-size:0.95em;
	}
.nobottom{
	margin-bottom:none;
	}	
	
/*------------------------------------------------------------------------------
　　基本構造
------------------------------------------------------------------------------*/
body{
	margin:0; padding:0;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック",sans-serif;	
	font-size:0.75em ; /* 75% */
	color: #3b3b3b ;
	background:#f5fafe url(../img/back.jpg) repeat-x fixed ;
	}	
#wrapper{
	position:relative; text-align: left;
	margin: 0 auto 0 auto;
	padding:0 ;
	width:800px; /* 800px */
	border-left:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	background:#fff url(../img/wrapper.jpg) repeat-x;
	}
	
	
/*------------------------------------------------------------------------------
　　ヘッダー
------------------------------------------------------------------------------*/
#header{
	position:relative;
	width:800px; height:117px;
	margin:0; padding:0;
	background:url(../img/header.jpg) no-repeat right top;
	}
#header h1{
	position:absolute; top:22px; left:7px;
	}
	
#header ul#g_navi{
	position:absolute; top:83px; left:0px;
	width:800px; height:34px;
	}
#header ul#g_navi li{
	float:left;
	font-size:1px;
	text-indent:-7777px;
	}	
#header ul#g_navi li a{
	text-decoration:none;
	display:block; cursor:pointer;
	height:34px;
	}
#header ul#g_navi li#bt01 a:link,
#header ul#g_navi li#bt01 a:visited{ /* TOPへ */
	width:124px;
	background: url(../img/g_navi.gif) no-repeat 0 0 ;
	}
#header ul#g_navi li#bt01 a:hover,
#header ul#g_navi li#bt01 a:active{
	background: url(../img/g_navi.gif) no-repeat 0 -34px ;
	}
#header ul#g_navi li#bt02 a:link,
#header ul#g_navi li#bt02 a:visited{ /* CREC概要 */
	width:124px;
	background: url(../img/g_navi.gif) no-repeat -124px 0 ;
	}
#header ul#g_navi li#bt02 a:hover,
#header ul#g_navi li#bt02  a:active{
	background: url(../img/g_navi.gif) no-repeat -124px -34px ;
	}
#header ul#g_navi li#bt03 a:link,
#header ul#g_navi li#bt03 a:visited{ /* 活動内容 */
	width:124px;
	background: url(../img/g_navi.gif) no-repeat -248px 0 ;
	}
#header ul#g_navi li#bt03 a:hover,
#header ul#g_navi li#bt03  a:active{
	background: url(../img/g_navi.gif) no-repeat -248px -34px ;
	}
#header ul#g_navi li#bt04 a:link,
#header ul#g_navi li#bt04 a:visited{ /* 会員紹介 */
	width:123px;
	background: url(../img/g_navi.gif) no-repeat -372px 0 ;
	}
#header ul#g_navi li#bt04 a:hover,
#header ul#g_navi li#bt04 a:active{
	background: url(../img/g_navi.gif) no-repeat -372px -34px ;
	}
#header ul#g_navi li#bt05 a:link,
#header ul#g_navi li#bt05 a:visited{ /* お問い合わせ・入会案内 */
	width:169px;
	background: url(../img/g_navi.gif) no-repeat -495px 0 ;
	}
#header ul#g_navi li#bt05 a:hover,
#header ul#g_navi li#bt05 a:active{
	background: url(../img/g_navi.gif) no-repeat -495px -34px ;
	}
#header ul#g_navi li#bt06 a:link,
#header ul#g_navi li#bt06 a:visited{ /* 会員専用ページ */
	width:136px;
	background: url(../img/g_navi.gif) no-repeat -664px 0 ;
	}
#header ul#g_navi li#bt06 a:hover,
#header ul#g_navi li#bt06 a:active{
	background: url(../img/g_navi.gif) no-repeat -664px -34px ;
	}									

#header #search_box{
	position:absolute; top:35px; right:13px;
	padding:0 ;
	width:188px;
	height:24px;
	}
#header #search_box #text_search{
	float:left;
	margin:0 3px 0 0;
	width:130px; height:19px; 
	background:#f6fbff;
	border:1px solid #a8b4bf;
	line-height:1.4;
	}
#header #search_box #bt_search{
	float:left;
	}

/*------------------------------------------------------------------------------
　　TOPページ Indexテンプレート
------------------------------------------------------------------------------*/
#index_contents{
	position:relative;
	width:800px;
	margin:0; padding:0;
	background:#fff;
	}
#index_contents h2{
	width:800px; 
	height:151px ; 
	margin:0 0 17px 0;
	padding:0;
	text-indent:-7777px;
	background:#93ccef url(../img/top_image.jpg) no-repeat ;
	}

#index_main{
	width:780px; 
	margin:0 0 0 10px;
	padding:0;
	background:url(../img/index_main.gif) repeat-y ;	
	}
#index_left{ /* TOPページ左サイド */
	float:left;
	width:553px;
	margin:0; padding:0;
	}

#index_left #h3_box{
	position:relative;
	width:540px; height:38px;
	}
#index_left h3{
	width:540px; height:38px;
	margin:0;
	padding:0;
	line-height:1;
	text-indent:-7777px;
	}
#index_left #link{
	position:absolute;
	line-height:1.3;
	top:5px; right:11px;
	}
	
#index_left h3#info{
	background: url(../img/h3_index_01.jpg) no-repeat ;
	}
#index_left h3#schedule{
	background: url(../img/h3_index_02.jpg) no-repeat ;
	}
#index_left h3#message{
	background: url(../img/h3_index_03.jpg) no-repeat ;
	}
#index_left h3#about{
	background: url(../img/h3_index_04.jpg) no-repeat ;
	}


#index_left ul{
	margin:0 0 20px 7px;
	}
#index_left ul li{
	line-height:1.1;
	margin:0 0 10px 0;
	}
#index_left ul li span{ /* 日付 */
	padding:0 12px 0 0 ;
	}	
	
#index_left p{
	width:526px; 
	margin:0 0 27px 7px;
	padding:0;
	line-height:1.4;
	}
#index_left p span#terashima{
	float:right;
	margin:0 0 5px 15px;
	}
#index_left p span#name{
	text-align:right;
	font-weight:bold;
	font-size:1.125em;
	}

	
#index_right{ /* TOPページ右サイド */
	float:left;
	width:222px; /* 227 - 5 */
	margin:0;
	padding:5px 0 0 5px;
	background: url(../img/index_right.jpg) repeat-x ;
	}	
#index_right #box01{
	width:217px;
	padding:8px 0 0 0;
	background:#f7f8fc;
	border-right:1px solid #e6e6e6;
	}
#index_right #box01 h3{
	display:block;
	width:176px; height:18px;
	margin:0 0 5px 8px;
	padding:0;
	text-indent:-7777px;
	background: url(../img/h3_index_05.gif) no-repeat ;
	}
	
#index_right #box01 form table{
	margin:0 0 15px 14px;
	}
#index_right #box01 form table td{
	line-height:1.6;
	}
#index_right #box01 form input{
	float:left;
	margin:0 3px 0 0;
	width:130px; height:19px; 
	background:#fff;
	border:1px solid #666da3;
	line-height:1.4;
	}
#index_right #box01 form input#bt_login{
	float:left;
	margin:0;
	width:52px; height:20px; 
	background:none;
	border:none;
	line-height:1.1;
	}	
#index_right #box01 form table td p{
	padding:6px 0 0 0;
	line-height:1.6;
	}	


#index_right #box02{
	width:217px;
	padding:0 0 25px 0;
	background:#fff;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	}
#index_right #box02 h3{
	display:block;
	width:217px; height:20px;
	margin:0 0 10px 0;
	padding:0;
	text-indent:-7777px;
	background: url(../img/h3_index_06.gif) no-repeat ;
	}
#index_right #box02 p{
	margin:0 0 10px 11px;
	width:180px;
	line-height:1.3;
	}
#index_right #box02 p.link_mail{
	padding:0 0 0 21px;
	background: url(../img/icon_mail.gif) no-repeat 0 4px ;
	}


/*------------------------------------------------------------------------------
　　フッター
------------------------------------------------------------------------------*/
#footer{
	text-align: left;
	margin: 0 ; padding:20px 0 0 0 ;
	width:800px;
	}

#footer a:link,
#footer a:visited{
	color:#434343;
	text-decoration:none;
	}
#footer a:hover,
#footer a:active{
	color:#7c93f7;
	text-decoration:underline;
	}

#footer #box01{
	position:relative;
	width:800px; height:27px;
	background:#d6eaff url(../img/footer.jpg) repeat-y ;
	border-bottom:1px solid #7bafe1;
	}

#footer #box01 ul{
	position:absolute;
	top:8px; right:150px;
	text-align:left;
	}
#footer #box01 ul li{
	display:inline;
	padding:0 5px 0 5px;
	border-right:1px solid #bdd1ee;
	}
#footer #box01 p#totop{
	position:absolute;
	top:8px; right:10px;
	line-height:1.1; padding-left:16px;
	background: url(../img/totop.gif) no-repeat left 1px ;
	}
	


#footer #box02{
	position:relative;
	width:800px; height:35px;
	background:#fff;
	}
	
#footer #box02 p#copyright{
	position:absolute; top:11px; left:10px;
	line-height:1.1; font-size:12px;
	}
#footer #box02 ul{
	position:absolute;
	top:11px; right:10px;
	text-align:left;
	}
#footer #box02 ul li{
	display:inline;
	padding:0 5px 0 5px;
	border-right:1px solid #bdd1ee;
	}



			
/*------------------------------------------------------------------------------
　　テーブル装飾
------------------------------------------------------------------------------*/
table#data{
	width:519px; margin:15px 0 20px 0;
	border-top:1px solid #b2b1b2;
	border-right:1px solid #b2b1b2;
	border-left:1px solid #b2b1b2;
	border-bottom:1px solid #b2b1b2;
	}
table#data th,
table#data td{
	vertical-align:top;
	border-bottom:1px solid #d5d5d5;
	}
table#data th{
	padding:11px 7px 9px 18px;
	color:#fff; font-weight:bold; line-height:1.2;
	background:#717886 url(../img/th_back_blue.gif) no-repeat 0 16px ;
	}
table#data th span.must{
	font-weight:normal; font-size:0.95em;
	padding:0 2px 0 3px; color:#91d7ff;
	}		
table#data td{
	padding:10px 0px 9px 8px;
	line-height:1.4;
	}
table#data td ul{
	margin:0;
	}
table#data td ul li{
	border-left:3px solid #ffbd6e;
	margin:0 0 9px 0; padding:0 0 0 6px;
	line-height:1.2;
	}

	
/* 入力フォーム設定
---------------------------------------------------- */

table#data td input,
table#data td select,
table#data td textarea {
	line-height:1.4;
	border-style: solid;
	border-width: 1px;
	border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
	vertical-align: middle;
	color: #696969;
	background: #f4f8fa;
	}
table#data td input{
	height:1.5em;
	}

/* 入力フォームの幅設定
---------------------------------------------------- */

table#data td #company,
table#data td #name1,
table#data td #name2 {
  width: 150px;
}
table#data td #mail1,
table#data td #mail2,
table#data td #address,
table#data td #comment {
  width: 350px;
}
table#data td #post1,
table#data td #post2 {
  width: 60px;
}
table#data td #tel1,
table#data td #tel2,
table#data td #tel3,
table#data td #fax1,
table#data td #fax2,
table#data td #fax3 {
  width: 60px;
}
/* 入力フォーム 送信ボタン
---------------------------------------------------- */

table#data td #reset {
	height:22px; margin-right:15px;
	padding:2px 10px 4px 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #cecfd0 #a0a2a3 #7a7d7e #bec1c3;
	font-weight:bold; color: #ffffff;
	background: #acadae;
}
table#data td #submit {
	height:22px;
	padding:2px 10px 4px 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #8dcbf9 #2679be #1d629b #72bef6;
	font-weight:bold; color: #ffffff;
	background: #539cdf;
}
table#data td label{	
	float:left; display:block;
	width:130px;
	margin:0 10px 5px 0;
	line-height:1.3;
	}
table#data td label input{
	margin:0px 3px 0 0;
	border:none; background:none;
	}			
table#data td#submit_form{	
	padding:10px 0 14px 0; text-align:center;
	background:#fff url(../img/submit_form.jpg) repeat-x 0 bottom;
	}
table#data td#submit_form p{
	padding:0 ;
	}





/*------------------------------------------------------------------------------
　　第二階層以降の基本構造
------------------------------------------------------------------------------*/

#contents{
	position:relative;
	width:800px; margin:0; padding:0 0 0px 0;
	background:#fff;
	}	

#contents h2{
	width:800px; height:64px;
	margin:0 0 12px 0;
	text-indent:-7777px;
	background:#fff;
	}
#contents h2#about{ /* CREC概要 */
	background: url(../img/h2_about.jpg) no-repeat ;
	}
#contents h2#activity{ /* 活動内容 */
	background: url(../img/h2_activity.jpg) no-repeat ;
	}
#contents h2#profile{ /* 会員紹介 */
	background: url(../img/h2_profile.jpg) no-repeat ;
	}	
#contents h2#inquiry{ /* お問い合わせ */
	background: url(../img/h2_inquiry.jpg) no-repeat ;
	}
#contents h2#member{ /* 会員専用ページ */
	background: url(../img/h2_member.jpg) no-repeat ;
	}			
	
#contents ul#pan_navi{
	margin:0 0 13px 9px;
	}
#contents ul#pan_navi li{
	display:inline;
	padding:0 0 0 5px;
	font-size:0.95em;
	}

#contents #main{ /* #left #rigth を内包 */
	position:relative;
	width:800px;
	padding:0 0 30px 0;
	background: url(../img/main.gif) repeat-y ;
	}
	
	
#contents #right{
	float:left;
	width:568px;
	margin:0 0 0 23px;
	padding:0 0 30px 0;
	}	

#contents #right .red{
	color:#eb2807;
	}
#contents #right .blue{
	color:#3190e1;
	}
#contents #right .green{
	color:#649d20;
	}
#contents #right .orange{
	color:#ff861b;
	}
#contents #right .purple{
	color:#5668d4;
	}	

#contents #right h3{
	width:545px; /* 558 - 13 */
	margin:0 0 15px 0;
	padding:1px 0 7px 13px;
	font-weight:bold;
	color:#000000;
	font-size:1.3em;
	line-height:1.2;
	letter-spacing:0.2em;
	background: url(../img/right_h3.gif) no-repeat 1px 1px;
	border-bottom:1px solid #565785;
	}
#contents #right p{
	width:558px;
	margin:0 0 30px 3px;
	line-height:1.6;
	}
	
#contents #right h4{
	width:547px; /* 558 - 11 */
	height:27px; /* 32 - 5 */
	margin:0 0 10px 0;
	padding:4px 0 0 11px;
	font-weight:bold;
	color:#1e3380;
	font-size:1.125em;
	line-height:1.1;
	background: url(../img/right_h4.gif) no-repeat ;
	}

	




#contents #right ul.number{
	width:507px;
	margin:0 0 30px 8px;
	}
#contents #right ul.number li{
 	line-height:1.6;
	margin:2px 0 2px 0;
	padding:3px 0 5px 0;
	border-bottom:1px solid #e5e4df;
	}
#contents #right ul.number li:first-letter {
	display:block;
	margin:0 4px 0 0; /* margin-topとbottom × */
	padding:2px ;
	font-size:1.05em;
	font-weight:bold;
	color:#fff;
	line-height:1.6;
	background:#717886;
	border:1px solid #789be2;
	}


#contents #right ul.news{
	width:507px;
	margin:0 0 30px 8px;
	}
#contents #right ul.news li{
	margin:0 0 20px 0;
	padding:0 0 0 6px;
	line-height:1.2;
	border-left:3px solid #ffc66b;
	}





#contents #left{
	float:left;
	position:relative;
	width:194px;
	margin: 0 0 0 1px;
	background:#f7f8fc;
	}
#contents #left #category_box{
	width:194px;
	margin:0 0 40px 0;
	padding:2px 0 0 0;
	background: url(../img/category_box.jpg) no-repeat ;
	}	

#contents #left #category_box ul{
	width:194px;
	margin:0;
	background: url(../img/category_box_ul.jpg) repeat-y ;
	}
#contents #left #category_box ul li{
	font-weight:bold;
	color:#515151;
	border-bottom:1px solid #92c5e9;
	}
	
#contents #left #category_box ul li a:link,
#contents #left #category_box ul li a:visited{
	font-weight:normal;
	color:#1769c0;
	text-decoration:none;
	
	display:block;
	width:173px; /* 194 -21 */
	padding:7px 0px 8px 21px;
	line-height:1.1;
	
	background: url(../img/arrow_left.gif) no-repeat 11px 12px;
	}
#contents #left #category_box ul li a:hover,
#contents #left #category_box ul li a:active{
	color:#fff;
	text-decoration:underline;
	
	background:#3894e8 url(../img/arrow_left.gif) no-repeat 11px 12px;
	}