@charset "utf-8";

body#Top #Container{
	background-image:url(../images/bg.jpg);
	}
	
#Container{
	background-image:url(../images/bg_2.jpg);
	background-repeat:no-repeat;
	width:985px;
	min-height:900px;
	height: auto !important;
       height: 900px;
	margin-right:auto;
	margin-left:auto;
	font-size:11px;}	
	
#Container h1,p#Copyright{
	display:none;}	
	
p#Copyright{
	float:none;
	clear:both;}	
	
#Navi{
	width:494px;
	height:27px;
	padding-left:405px;
	padding-top:20px;}	

body#Top #Navi{
	padding-top:305px;
	padding-left:100px;}
	
	
#MainBox{
	background-image:url(../images/mainbox.png);
	width:795px;
	height:574px;
	background-repeat:no-repeat;
	margin-left:100px;
	margin-top:50px;}	
	
#MainBox h2{
	text-indent:-9999px;
	background-repeat:no-repeat;
	width:279px;
	height:54px;
	margin-left:30px;
	}	

#MainBox h2#ttl_i{
	background-image:url(../images/ttl_1.png);}	

#MainBox h2#ttl_p{
	background-image:url(../images/ttl_2.png);}	
	
#MainBox h2#ttl_g_i{
	background-image:url(../images/ttl_3.png);}
#MainBox h2#ttl_g_c{
	background-image:url(../images/ttl_4.png);}
#MainBox h2#ttl_g_o{
	background-image:url(../images/ttl_5.png);}		

#MainBox h2#ttl_w{
	background-image:url(../images/ttl_6.png);}	

#MainBox h2#ttl_l{
	background-image:url(../images/ttl_7.png);}	

	
#MainBox #MainBoxInner{
	padding:30px 60px;}	
	
/*navi/////////////////////////////////*/	

#Navi ul li{
	list-style:none;
	height:20px;
	display:block;
	float:left;
	}

body#Top #Navi ul li a{
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
	display:block;
	height:20px;
	margin-right:25px;
	cursor:pointer;
	
	}	
	
#Navi ul li a{
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
	display:block;
	height:20px;
	margin-right:20px;
	cursor:pointer;
	}	
		

#Navi ul li a#Navi_t{
	background-image:url(../images/navi_t.png);
	width:24px;}

#Navi ul li a#Navi_i{
	background-image:url(../images/navi_i.png);
	width:27px;}
	
#Navi ul li a#Navi_p{
	background-image:url(../images/navi_p.png);
	width:40px;}
	
#Navi ul li a#Navi_g{
	background-image:url(../images/navi_g.png);
	width:50px;}		
	
#Navi ul li a#Navi_w{
	background-image:url(../images/navi_w.png);
	width:39px;}	

#Navi ul li a#Navi_b{
	background-image:url(../images/navi_b.png);
	width:28px;}	
	
#Navi ul li a#Navi_l{
	background-image:url(../images/navi_l.png);
	width:29px;}	

#Navi ul li a#Navi_c{
	background-image:url(../images/navi_c.png);
	width:57px;}	
	
#Navi ul li a:hover,.active{
	background-position:left -20px;}	
	
	
.TextBox{
	margin-bottom:40px;}	
	

#InfoArea{
	width:770px;
	margin-top:320px;}
	
#WhatsNew{
	width:280px;
	margin-left:70px;	
	float:left;}	
	
#WhatsNew h2{
	text-indent:-9999px;
	background-image:url(../images/wn_ttl.jpg);
	background-repeat:no-repeat;}	
	
#WhatsNew table{
	border-collapse:collapse;
	margin-top:10px;
	}
		
#WhatsNew table td{
	font-size:10px;
	vertical-align:top;
	padding:2px 5px;}	
	
	
#InfoBanar{
	width:420px;
	float:right;}	
	
#InfoBanar a{
	border:1px solid #CCC;
	width:400px;
	height:90px;
	display:block;}	
	
#InfoBanar a:hover{
	border:1px solid #666}		
	
/*プロフィール*/
p#Name{
	font-size:14px;
	margin-left:20px;
	
	}
	
table.history{
	margin:20px;}		
	
table.history td,table.history th{
	padding:5px;}	
	
h3{
	font-size:12px;
	margin-bottom:10px;
	background-image:url(../images/h3_icon.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	padding-left:20px;	
	color:#000;
	}

table.exhibitionlist{
	border-collapse:collapse;
	margin-left:20px;}	
	
table.exhibitionlist th,table.exhibitionlist td{
	padding:8px 10px 8px 0px;
	vertical-align:top;
	border-bottom:#999999 1px dotted;}
	
/*リンク*/
.bookmark{
width:300px;
padding-left:30px;
float:left;}	

.bookmark ul{
list-style:square inside;
line-height:200%;
margin-bottom:20px;}


	
/*スクロール*/	
	
	
#mycustomscroll {
/* percentage width without the fix*/
width:100%;
height: 430px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;

}

/*
percentage width: the real percentage is done by the wrapper
this is to fix various IE6 bugs
*/
.percentagewrap {
	width: 80%;
	margin: 0 auto;
	padding: 10px;
	}
	
.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 4px;
background-color:#E8E8E8;
}
.vscrollerbar {
width: 4px;
background-color:#999999;
}
.hscrollerbase {
height: 4px;
background-color:#E8E8E8;
}
.hscrollerbar {
height: 4px;
background-color:#999;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}