/************/
/*  GLOBAL  */
*{padding:0; margin:0;}

html , body {height:100%;}

body {
 		font-size:62.5%;
 		background: url(../img/bg_main.jpg)	;
		background-repeat: repeat-x;
 		filter: expression(document.execCommand("BackgroundImageCache", false, true));		
 	}
 	
.page-container {
		height: auto !important /*Non-IE6*/; height:100%  /*IE6*/ ;
		min-height:100%;
		position:relative;

		width:700px; 
		margin:0px auto; 
		margin-top:8px; 
		margin-bottom:8px;
		border:solid 1px rgb(51,0,0); 
		background-color:rgb(255,255,255);
		font-size:1.0em;
		background:transparent url(../img/bg_main_std.jpg) top left repeat-y; 
	}
	
*html .page-container {
		margin-top:8px; 
		margin-bottom:28px;
	}


.main {
		width:700px; 
		padding-bottom:30px;
	}


.main-navigation {
		display:inline /*Fix IE floating margin bug*/; 
		float:right; 
		width:156px;
		 
		overflow:visible; 
	}
*html .main-navigation {overflow:hidden;}

.main-content {
		display:inline; /*Fix IE floating margin bug*/; 
		float:left; 
		width:508px; 
		margin:0 1em 0 2em; 
		overflow:visible;
	}
*html .main-content {overflow:hidden;}
	
.main-content .topsp30 {
		margin-top:42px;
		border:none; 
	}
*html .main-content .topsp30 {
		margin-top:52px;
		overflow:hidden; 
	}


/*　■　HEADER SECTION　*/
/* ----- header ----- */
.header {
		clear:both; 
		width:700px; 
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; 
	}
.header-top {
		width:700px; 
		height:10px; 
		background:rgb(51,0,0) url(../img/h_top_bg.jpg); 
		overflow:visible;
	}
*html .header-top {overflow:hidden;}
	
.header-middle {
		width:700px; 
		height:120px; 
		background:transparent url(../img/bg_main_std.jpg) top left repeat-y;
		overflow:visible;
	}
*html .header-middle {overflow:hidden;}
	
.header-middle-short {
		width:700px; 
		height:240px; 
		overflow:visible;
	}
*html .header-middle-short {overflow:hidden;}

.header-bottom {
		width:700px; 
		height:38px; 
	}
	
.header-breadcrumbs {
		clear:both; 
		width:700px; 
		padding:1.0em 0 1.5em 0; 
		background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;
	}

.sitelogo {
		width:485px; 
		height:75px; 
		position:absolute; 
		z-index:1; 
		margin:30px 0 0 60px;
		background: url(../img/logo.gif); 
		overflow:visible;
	}
*html .sitelogo {overflow:hidden;}

.sitelogo1 {
		width:90px; 
		height:56px; 
		position:absolute; 
		z-index:2; 
		margin:10px 0 0 590px; 
		background: url(../img/logo1.gif); 
		overflow:visible;
	}
*html .sitelogo1 {overflow:hidden;}

/* ----- sitename ----- */
.sitename {
		width:700px; 
		height:50px; 
		position:absolute; 
		z-index:3; 
	}
.sitename h1 {
		width:300px; 
		text-align:left; 
		color:rgb(153,0,0); 
		font-size:140%;
		margin:10px 0px 0px 560px; 
}

/* ----- sitemessage ----- */
.sitemessage {
		width:700px; 
		height:50px; 
		position:absolute; 
		z-index:4; 
	}
.sitemessage h1 {
		text-align:left; 
		color:rgb(0,204,0); 
		font-size:180%;
		margin:90px 0px 0px 65px; 
		}


.nav2 {
		float:left; width:700px; 
		border:none; 
		background: url(../img/h_top_bg.jpg) no-repeat; 
		color:rgb(255,255,255); 
		font-size:130%;
	}
	
.nav2 ul {
		list-style-type:none;
	}
	
.nav2 ul li {
		float:left;
		position:relative;
		z-index:auto; 
	}
	
*html .nav2 ul li {
		z-index:1000;
	}
	
.nav2 ul li a {
		float:none;
		display:block; 
		height:40px; 
		line-height:40px; 
		padding:0 18px 0 18px; 
		font-weight:normal; 
		color: rgb(255,255,255);
		text-decoration:none; 
	}
*html .nav2 ul li a {
		float:left;
	} 


.nav2 ul li ul {
		display:none; 
		border:none;
	}

.nav2 ul li:hover {position:relative;}

.nav2 ul li:hover a {background-color:rgb(102,0,0); text-decoration:none;}

*:first-child+html .nav2 ul li:hover a {
		height:36px;
	}


.nav2 ul li:hover ul {
		display:block; width:10.0em; position:absolute; z-index:999; 
		top:40px; left:0;
	}
	
*:first-child+html .nav2 ul li:hover ul {
	top:37px;
}
	

	
	
.nav2 ul li:hover ul li a {
		white-space:normal; display:block; 
		width:10.0em; height:auto; 
		line-height:1.3em; margin-left:-1px; 
		padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); 
		border-bottom: solid 1px rgb(175,175,175); background-color:rgb(102,0,0); 
		font-weight:normal; 
		color:rgb(255,255,255);
}

.nav2 ul li:hover ul li a:hover {
	background-color:rgb(128,0,0); 
		color: rgb(255,255,255);
	text-decoration:none;
} 

	  
	    

/* ----- IE6 hovering ----- */
.nav2 table {
		position:absolute; 
		top:0; left:-1px; 
		border-collapse:collapse;
	}
.nav2 ul li a:hover {
		position:relative /*Sylvain IE hack*/; 
		z-index:1000 /*Sylvain IE hack*/; 
		background-color:rgb(102,0,0);
		text-decoration:underline;
	} 
.nav2 ul li a:hover ul {
		display:block; 
		width:10.0em; 
		position:absolute; 
		z-index:999; 
		top:3.1em;  
		left:0; 
		margin-top:0em;
	}
.nav2 ul li a:hover ul li a {
		white-space:normal; 
		display:block; 
		width:10.0em; 
		height:1px; 
		line-height:1.3em; 
		padding:4px 4px 4px 4px; 
		border-left:solid 1px rgb(175,175,175); 
		border-bottom: solid 1px rgb(175,175,175);
		background-color:rgb(102,0,0); 
		font-weight:normal; 
		color:rgb(255,255,255);
	}
.nav2 ul li a:hover ul li a:hover {
		background-color:rgb(128,0,0); 
		text-decoration:none;
	} 




/*　■ MAIN CONTENT　*/

.column1-unit {
		width:500px;
		float:left; 
		margin-top:1em;
	}
.column1-unit-center {
		text-align:center; 
		margin-top:6em;
	}
.column1-unit .Leftsp{
		margin:2em 0 0 2em;
	}
	
	
.column2-unit-left {
		float:left; 
		width:248px; 
		margin:1em 0em 2em 0em;
		border:solid 1px rgb(192,192,192); 
	}
.column2-unit-right {
		float:right; 
		width:248px;
		margin:1em 0em 2em 0em;
		border:solid 1px rgb(192,192,192); 
		}
.columnsp1-unit {
		margin-top:1em; 
	}
.columnsp2-unit {
		margin-top:2em; 
	}

/* MAIN NAVIGATION */

.main-navigation {
		display:inline /*Fix IE floating margin bug*/; 
		float:right; 
		width:156px;
		overflow:visible; 
	}


.main-navigation .topspace {
		margin-top:10px; 
		border:none;;
	}

.main-navigation .graphic{
		width:125px;
		margin:10px 0px 0px 0px;
}	
.main-navigation .graphic_t{
		width:125px;
		margin:30px 0px 0px 0px;
}	



/* ----- MAIN SUBCONTENT ----- */

.subcontent-unit-border {
		width:130px; 
		margin:0.5em 0 1em 0.5em; 
		padding:0 0 0.5em 0; 
		border:solid 1px rgb(255,255,255); 
		background:rgb(0,0,235);
	}
.subcontent-unit-border-green {
		width:140px; 
		margin:3em 0.5em 0em 0em; 
		border:solid 1px rgb(0,204,0);
		background-color:rgb(235,235,235); 
	}
.subcontent-unit-border-blue  {
		width:158px; 
		margin:0.5em 0 1em 1em; 
		padding:0 0 0.5em 0; 
		border:solid 1px rgb(137,170,214); 
		background-color:rgb(235,235,235);
	}
.subcontent-unit-border-orange {
		width:158px; 
		margin:0.5em 0 1em 1em; 
		padding:0 0 0.5em 0; 
		border:solid 1px rgb(232,177,13); 
		background-color:rgb(248,224,150);
	}

.subcontent-unit-noborder {
		width:158px; 
		margin:0em 0 1.5em 0.5em; 
		padding:0 0 0.5em 0; 
	}
.subcontent-unit-noborder-green {
		width:158px; 
		margin:0.5em 0 1em 1em; 
		padding:0 0 0.5em 0; 
		background-color:rgb(217,239,185);
	}
.subcontent-unit-noborder-blue  {
		width:158px; 
		margin:0.5em 0 1em 1em; 
		padding:0 0 0.5em 0; 
		background-color:rgb(213,225,240);
	}
.subcontent-unit-noborder-orange {
		width:158px; 
		margin:0.5em 0 1em 1em; 
		padding:0 0 0.5em 0; 
		background-color:rgb(248,224,150);
	}


/*　■ FOOTER SECTION　*/

.footer {
		clear:both; 
		float:left;
	    position:absolute;
	    bottom:0px;
		width:700px; 
		height:24px;
		background:rgb(51,0,0);
		color:rgb(245,245,245);
		overflow:visible; 
	}

.footer p {
		margin:0.5em 0em 0em 34em;
		color:rgb(230,230,250);
		font-size:110% ;
	}
	

.footer li {
	   list-style:none;
		float:left;
		position:relative;
		margin:0.5em 0em 0em 2em;
		padding-left:2em;
		font-size:123.1%;
	    background:url(../img/arrow-w.gif) no-repeat center left;
	    background-position:0.2em 0 0 0;
		z-index:auto; 
	}

.footer li a {
	    color:rgb(255,255,255);
	}
	
.footer li a:visited {
	   list-style:none;
		color:rgb(139,0,139);
	}

.footer li a:hover {
		color:rgb(152,251,152);
	}


/*　■ CLEAR FLOATS　*/

.page-container:after, .header:after, .header-top:after, .header-middle:after, .header-shortmiddle:after, .header-bottom:after, .header-breadcrumbs:after {
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
	}
.main:after, .main-navigation:after, .main-content:after, .main-content .main-subcontent:after {
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
	}
	
	
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .columnsp1-unit:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
	}
p:after {
		content:"."; 
		display:block; 
		height:0; /*clear:both*/; 
		visibility:hidden;
	}
.footer:after, .footer p:after,  .footer a:after {
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
	}
.clear-contentunit {
		clear:both; 
		width:520px;
		height:0.1em; 
		border:none; 
		background:rgb(210,210,210); 
		color:rgb(210,210,210);
	}