@charset "euc-jp";


@import url("txt_style.css");
@import url("lightbox.css");

/* CSS Document */


/* すべて */
* {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, sans-serif;
	color: #555555;
	line-height:1.3em;
}
body {
    font-size: small;
}
html>body {
    font-size: small;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
	font-size: small;
}


.clear{
    clear:both;
	font-size:0;
}


/* リンク */
a,
a:link{
    color: #336699;
    text-decoration: none;
}
a:visited {
    color: #09F;
    text-decoration: none;
}
a:hover {
    color: #09F;
    text-decoration: underline;
}
a:active {}

/* リンクつき画像 */
a img {
    border: none;
}

/* フォーム */
form {
    margin: 0px;
}


/* パンくず */
#pan_box{
	padding:2px 5px;
	background:#f1f1f1;
	font-size:11px;
	color: #666666;
}
#pan_box a{
    text-decoration:none;
	color: #666666;
}

#pan_box a:hover{
    text-decoration:underline;
	color: #33CCCC;
}

/* 見出し*/

#heading{
	margin:25px 0 5px 0;
	padding:2px 0 0 15px;
	background:url(../img/heading_bg.gif) no-repeat left center;
	border:#CCCCCC solid 1px;
	background-color:#F7F7F7;
	font-size:14px;
	color:#336699;
	font-weight: bold;
}

/* サブ見出し*/

#sub_heading{
   margin:15px 0 5px 10px;
   padding:2px 0 0 18px;
   background:url(../img/sub_heading_point.gif) no-repeat left center;
   font-size: small;
   color:#336699;
   font-weight: bold;  
}


/* ページトップ・ページバック*/

#page_top{
	font-size:11px;
	text-align:right;
	margin: 0 5px;
	border-top:#999999 dotted 1px;
	padding-top:5px;
}

#page_top a:hover,#page_buck a:hover{
    color: #33CCCC;
    text-decoration: underline;
}

#page_top a,#page_buck a{
    color: #336699;
    text-decoration: none;
}


#page_buck{
	font-size:11px;
	margin: 20px auto 0 auto;
	text-align: right;
}



 /* テーブル自動カラー */
.rowTint {
	background-color: #F6F6F6;
}


/*///////////////////////////////////////////////////////////////////// 各ページタイトル*/
#title {
	width:548px;
	height:82px;
}
#title h1,#title h2{
    text-indent:-5000px;
	font-size:9px;
}

/* 会員一覧CGIスタイル*/
#meibo_table{
    font-size:12px;
}


/*パスワード再発行*/
.pass{
    background: url(../img/pass_title.gif) no-repeat;
}

/*ログインページ*/
.login{
    background: url(../img/login_title.gif) no-repeat;
}
/*サイトマップ*/
.sitemap{
    background: url(../img/sitemap_title.gif) no-repeat;
}

/*検索結果*/
.search{
    background: url(../img/search_title.gif) no-repeat;
}

/*////////////////////////////////////////////////////////////////////////////// ヘッダー */

#header {
	width:100%;
	background: url(../img/bg.gif) repeat-x;
	padding: 0;
	margin: 0;
	height: 115px;
}
#header_box{
   position:relative;
   background:url(../img/header_bg.gif) no-repeat;
   height:115px;
   width:940px;
   margin:0 auto;
}

/* ロゴ */
#rogo_box{
   width:390px;
   height:40px;
   position:absolute;
   left:0;
   top:20px;
   background:url(../img/rogo.gif) no-repeat;
}

#rogo_box a{
   text-indent:-5000px;
   width:390px;
   height:40px;
   display:block;
}

/* サイト内検索 */
#search_box{
	width:500px;
	height:25px;
	position:absolute;
	top:30px;
	right:0px;
	text-align: right;
	padding-right: 20px;
}
/* SEOテキスト */
#header_text_box{
	height:15px;
	position:absolute;
	top:0px;
	width: 100%;
}
#header_text_box h1{
    font-size:12px;
	color:#FFFFFF;
}

/* メニュー */
#header_menu {
	padding:0;
	margin:0;
	height:22px;
	position:absolute;
	right: 15px;
	top: 66px;
	bottom: 0px;
	}

#header_menu a{
	width:147px;
	height:30px;
	padding:0px;
    display:block;
	text-decoration:none;
	margin:0;
	}
		
#header_menu ul{
	list-style: none;
	margin:0px;
	padding: 0px;
	}
		
#header_menu li{
	display: inline;
	float:left;
}
		
#header_a a{
	text-indent:-5000px;
	background: url(../img/header_menu.gif) 0px 0px no-repeat;
	}
#header_a a:hover{
	text-indent:-5000px;
	background: url(../img/header_menu.gif) 0px -30px no-repeat;
	}
	
#header_b a{
	text-indent:-5000px;
	background: url(../img/header_menu.gif) -147px -0px no-repeat;
	}
#header_b a:hover{
	text-indent:-5000px;
	background: url(../img/header_menu.gif) -147px -30px no-repeat;
	}

#header_c a{
	text-indent:-5000px;
	background: url(../img/header_menu.gif) -294px -0px no-repeat;
	}
#header_c a:hover{
	text-indent:-5000px;
	background: url(../img/header_menu.gif) -294px -30px no-repeat;
	}

#header_d a{
	text-indent:-5000px;
	background: url(../img/header_menu.gif) -441px -0px no-repeat;
	}
#header_d a:hover{
	text-indent:-5000px;
	background: url(../img/header_menu.gif) -441px -30px no-repeat;
	}


/*////////////////////////////////////////////////////////////////////////////// フッター */

#footer {
   width:100%;
   margin:0;
}

#footer_box {
   position:relative;
   background:url(../img/footer_bg.gif) no-repeat;
   height:50px;
   width:940px;
   margin:0 auto;
}


#footer_menu {
	padding:0;
	margin:0;
	position:absolute;
	right: 0px;
	bottom: 8px;
	width: 300px;
	}

#footer_menu a{
	padding:0px;
    display:block;
	text-decoration:none;
	margin:0;
	color:#FFFFFF;
	font-size:10px;
	}
#footer_menu a:hover{
	padding:0px;
    display:block;
	color: #33CCCC;
    text-decoration: underline;
	margin:0;
	font-size:10px;
	}
		
#footer_menu ul{
	list-style: none;
	}
		
#footer_menu li{
	display: inline;
	float:left;
	background:url(../img/menu_point.gif) no-repeat;
	list-style:none;
	margin:0 0 2px 6px;
	padding-left:12px;
}




/*////////////////////////////////////////////////////////////////////////////// 全体レイアウト */

#box {
	width:940px;
	background:url(../img/box_bg.gif) repeat-y;
	margin:0px auto;
	display:block;
	padding: 0px;
}

/* サイド */

#side_l{
   margin:0;
   float:left;
   width:190px;
   padding-left:6px;
}

#side_r{
	margin:0;
	float:right;
	width:191px;
	padding-left: 5px;
}



#member_menu_title{
    background: url(../img/member_menu_title.gif) no-repeat;
	height:28px;
    text-indent:-5000px;
	font-size:10px;
}

#member_menu_list{
	background:url(../img/member_menu_bg.gif) repeat-y;
	margin: 0;
	padding: 3px 3px 3px 0;
}

#member_menu_list ul{
	list-style:none;
}


#member_menu{
    background:url(../img/menu_point.gif) no-repeat 0 2px;
	list-style:none;
	margin:3px 0 3px 6px;
	padding-left:12px;
}

#member_menu_bottom {
    background: url(../img/member_menu_bottom.gif) no-repeat top;
	height:10px;
}








#member_login {
	padding:0;
	margin:5px 5px 0 6px;
	height:39px;
	width:171px;
	}

#member_login a{
	height:39px;
	width:171px;
	padding:0px;
    display:block;
	text-decoration:none;
	margin:0;
	}
		
#member_login ul{
	list-style: none;
	margin:0px;
	padding: 0px;
	}
		
#member_login li{
	display: inline;
}
		
#login a{
	text-indent:-5000px;
	background: url(../img/login_botan.gif) 0px 0px no-repeat;
	}
#login a:hover{
	text-indent:-5000px;
	background: url(../img/login_botan.gif) 0px -39px no-repeat;
	}


















#menu_box{
    width:185px;
	font-size:12px;
}

#menu_title_01{
    background: url(../img/menu_title_01.gif) no-repeat;
	height:25px;
}
#menu_title_02{
    background: url(../img/menu_title_02.gif) no-repeat;
	height:25px;
}
#menu_title_03{
    background: url(../img/menu_title_03.gif) no-repeat;
	height:25px;
}
#menu_title_04{
    background: url(../img/menu_title_04.gif) no-repeat;
	height:25px;
}
#menu_title_05{
    background: url(../img/menu_title_05.gif) no-repeat;
	height:25px;
}
#menu_title_06{
    background: url(../img/menu_title_06.gif) no-repeat;
	height:25px;
}
#menu_title_07{
    background: url(../img/menu_title_07.gif) no-repeat;
	height:25px;
}
#menu_title_08{
    background: url(../img/menu_title_08.gif) no-repeat;
	height:25px;
}

#menu_title_01 h2,#menu_title_02 h2,#menu_title_03 h2,#menu_title_04 h2,#menu_title_05 h2,#menu_title_06 h2,#menu_title_07 h2,#menu_title_08 h2{
    text-indent:-5000px;
	font-size:10px;
}



#menu_list{
	background:url(../img/menu_bg.gif) repeat-y;
	margin: 0;
	padding: 3px 3px 3px 0;
}

#menu_list ul{
	list-style:none;
}


#menu_list li{
    background:url(../img/menu_point.gif) no-repeat 0 2px;
	list-style:none;
	margin:3px 0 3px 6px;
	padding-left:12px;
}



#login_box{
    background: url(../img/login.gif) no-repeat left center;
	background-color:#FDFDDA;
	list-style:none;
	margin:0 5px 3px 8px;
	padding: 3px 3px 3px 20px;
	border: #cccccc solid 1px;
	color: #3492D3;
}

#menu_bottom {
    background: url(../img/menu_bottom.gif) no-repeat top;
	height:10px;
}


#banner_box {
	text-align:center;
	width: 185px;
}

#banner_box img{
    margin:5px 0;
}

/* タブボックス */

#tabContent {
	margin: 10px 6px 0px 6px;
	width: 534px;
	height:213px;
	background: url(../img/tab/tab_bg.gif) no-repeat;
}

#tabIndex {
	margin: 0px;
	padding: 0px;
}


#tabIndex li {
	float:left;
	font-weight: bold;
	list-style-type: none;
	cursor: pointer;
	display: block;
	height: 15px;
	margin: 13px 30px 0 35px;
	padding: 0;
	text-align: center;
}

*html #tabIndex li {
	float:left;
	font-weight: bold;
	list-style-type: none;
	cursor: pointer;
	display: block;
	height: 15px;
	margin: 13px 40px 0 20px;
	padding: 0;
	text-align: center;
}



#tabIndex a{
    color:#FFFFFF;
	font-size:12px;
}

#tabIndex .close {
  text-decoration: none;
  color:#ffffff;
}
#tabIndex .open {
  text-decoration: none;
  color:#ffffff;
}

#tabBoxIndex {
	clear: both;
	margin:0;
	padding:6px 3px 3px 3px;
}

*html #tabBoxIndex {
	clear: both;
	margin:0;
	padding:3px;
}


*:first-child+html #tabBoxIndex {
	clear: both;
	margin:0;
	padding:3px;
}

#tabBox1,#tabBox2{
    width: 529px;
	height:185px;
	padding-top:1px;
}

#tab_overflow1{
	overflow: auto;
	width:390px;
	height: 155px;
	margin: 6px 3px 5px 130px;
	padding:5px 3px;
	scrollbar-face-color:#69c22e;
	scrollbar-arrow-color:#ffffff;	
	scrollbar-3dlight-color:#f3ffe7;
	scrollbar-highlight-color:#f3ffe7;
	scrollbar-shadow-color:#69c22e;
	scrollbar-darkshadow-color:#69c22e;
	scrollbar-track-color:#f3ffe7;

}

#tab_overflow2{
	overflow: auto;
	height: 155px;
	width:390px;
	margin: 6px 3px 5px 130px;
	padding:5px 3px;
	scrollbar-face-color:#efa913;
	scrollbar-arrow-color:#ffffff;
	scrollbar-3dlight-color:#fdf4e2;
	scrollbar-highlight-color:#fdf4e2;
	scrollbar-shadow-color:#efa913;
	scrollbar-darkshadow-color:#efa913;
	scrollbar-track-color:#fdf4e2;
}


#tab_overflow1 li,#tab_overflow2 li{
    background:url(../img/menu_point.gif) no-repeat 0 2px;
	list-style:none;
	margin:3px 0 3px 6px;
	padding-left:12px;
}


#tabBox1{
	background:url(../img/tab/tab_bg_01.gif) no-repeat left top;
}
#tabBox2{
    background:url(../img/tab/tab_bg_02.gif) no-repeat left top;
}



/* コンテンツ部分 */

#contents{
	margin:0;
	float: left;
	width: 548px;
}


#contents_details{
	line-height:1.3em;
	letter-spacing: 0.1em;
	font-size: small;
	padding: 0 10px 25px 10px;
}

#contents_details h4{
    margin:15px 0 5px 0;
}



#top_box{
	margin: 5px auto;
	width: 534px;
}

#top_schedule_title {
    background: url(../img/top/top_schedule_title.gif) no-repeat;
	height:27px;
}
#top_topics_title {
    background: url(../img/top/top_topics_title.gif) no-repeat;
	height:27px;
}

#top_schedule_title h2,#top_topics_title h2{
    text-indent:-5000px;
}

#topics_list{
	background:url(../img/top/top_box_bg.gif) repeat-y;
	margin: 0;
	padding: 5px 10px;
}

#top_box_list{
	background:url(../img/top/top_box_bg.gif) repeat-y;
	margin: 0;
	padding: 5px 10px;
}

#topics_list,#top_box_list ul{
	list-style:none;
}


#topics_list,#top_box_list li{
    background:url(../img/menu_point.gif) no-repeat 0px 3px;
	list-style:none;
	margin:5px 0;
	padding-left:12px;
}


#top_box_bottom {
	background: url(../img/top/top_box_bottom.gif) no-repeat bottom;
	text-align: right;
	padding: 1px 10px 4px 0;
	font-size: 11px;
}




/* カラーボックス */

#box_black{
   padding:5px;
   margin:10px auto;
   border:#333333 solid 1px;
}
#box_gray{
   padding:5px;
   margin:10px auto;
   border:#999999 solid 1px;
}

#box_blue{
   padding:5px;
   margin:10px auto;
   border:#3399CC solid 1px;
}

#box_green{
   padding:5px;
   margin:10px auto;
   border:#339900 solid 1px;
}

#box_red{
   padding:5px;
   margin:10px auto;
   border:#FF0000 solid 1px;
}

#box_white{
   padding:5px;
   margin:10px auto;
   border:#ffffff solid 1px;
}

#box_brown{
   padding:5px;
   margin:10px auto;
   border:#CC6633 solid 1px;
}

#box_orange{
   padding:5px;
   margin:10px auto;
   border:#FF6600 solid 1px;
}


/* 左10pxスペースボックス */

#text_indent_box{
    margin: 5px 0 0 2em
}
#text_indent_box02{
    margin: 5px 0 0 1em
}

#text_indent {
    text-indent:-2em;
	margin-left:4em
}

#text_indent02 {
    text-indent:-1em;
	margin: 5px 0 0 2em
}

#text_indent03 {
    text-indent:1em;
	margin-left:1em
}

#text_indent04 {
    text-indent:-3em;
	margin: 5px 0 0 4em
}
#text_indent05 {
    text-indent:-1em;
	margin: 5px 0 0 1em
}


#text_indent06 {
    text-indent:-10px;
	margin: 5px 0 0 15px
}






/*****************************************************検索結果*******/


.asset-name{
    font-size:14px;
	font-weight:bold;
}

.entry-asset{
    padding:10px 0;
	border-bottom:#CCCCCC dotted 1px;
}


/*****************************************************ファイル別リンク*******/


#pdf{
	background: url(../img/icon_pdf.gif) no-repeat 5px;
	padding:3px 3px 3px 2em;
	margin:0;
}

#doc{
	background: url(../img/icon_doc.gif) no-repeat 5px;
	padding:3px 3px 3px 2em;
	margin:0;
}

#xls{
	background: url(../img/icon_xls.gif) no-repeat 5px;
	padding:3px 3px 3px 2em;
	margin:0;
}

#txt{
	background: url(../img/icon_txt.gif) no-repeat 5px;
	padding:3px 3px 3px 2em;
	margin:0;
}





div.baloon {
   font-size: 11px;
   color: #900;
   position: absolute;
   padding-left: 5px;
   background: url("../img/baloon.gif") no-repeat top left;
   z-index: 1;
}

div.baloon a {
   color: blue;
   text-decoration: none;
   padding: 2px;
   margin-right: 2px;
}

div.baloon a:hover {
   background-color: #eef;
}

div.baloon div {
   background: url("../img/baloon_right.gif") no-repeat top right;
   padding: 7px 7px 14px 0;
   white-space: nowrap;
}





/*********************************************サイトマップ****/

#sitemap_table {
	width:500px;
	margin: 10px;
	border-collapse:collapse;
}


#sitemap_folder{
    background:url(../img/folder_icon.gif) no-repeat center;
	width:30px;
	height:18px;
}

.sitemap_line_top{
    background: url(../img/sitmap_top_line.gif) no-repeat center;
	width:20px;
	height:18px;
}  

.sitemap_line_center{
    background: url(../img/sitmap_center_line.gif) no-repeat center;
	width:20px;
	height:18px;
}

.sitemap_line_bottom{
    background: url(../img/sitmap_bottom_line.gif) no-repeat center;
	width:20px;
	height:18px;
}


.sitemap_line_joint{
    background: url(../img/sitmap_joint_line.gif) no-repeat center;
	width:20px;
	height:18px;
}



/*********************************************ログインページ****/

#login_table{
	width:100%;
	border:#CCCCCC solid 1px;
	border-collapse:collapse;
	margin: 10px 0;
	background:#F6F6F6;
}

#login_table td{
   padding:3px;
   text-align:center;
}


#err_box{
    padding:10px;
	border:#CCCCCC solid 1px;
	background:#F6F6F6;
	color:#FF0000;
	margin:10px 0 10px 0;
}


#pass_comp_box{
   border:#CCCCCC solid 1px;
   margin: 10px 0;
   height:150px;
   padding:50px 0 0 0;
   text-align:center;
}


/*********************************************トピックス****/

#topics_title {
	background: url(../img/top/topics_title.gif) no-repeat;
	height:20px;
	padding: 7px 0 0 30px;
}
#topics_title h2{
	color:#FFFFFF;
	font-weight:bold; 
}




/*ページ別タイトル画像*/

.topics{
    background: url(../../topics/img/title.gif) no-repeat;
}


/*********************************************フォームレイアウト****/


#form_table{
	border:#cccccc solid 1px;
	border-collapse:collapse;
	width:100%;
	margin:10px 0;
}

#form_table td{
    border:#cccccc solid 1px;
	padding:3px;
}


.form_item{
    background:#EEEEEE;
	width:100px;
}



#form_comp_box{
	padding:20px 80px;
	border:#CCCCCC solid 1px;
	margin: 10px 0;
}





/*******************************************トップページキャンペンバナー****/



.campaign_banner{
	margin:10px auto;
	overflow:hidden;
	padding: 0 8px;
}

.campaign_banner_l{
	float:left;
}

.campaign_banner_r{
	float:right;
}
