@charset "utf-8";
/* CSS Document */

/**********************/
/***** レイアウト *****/
/**********************/

*{
	margin:0;
	padding:0;}

body {
width:100% ;
background-image : url(../image/background.gif);
background-repeat : repeat-y;
background-position : center center;}

#outline {
position : relative ;
margin: 0 auto;
width: 780px;}

/***** ヘッダ *****/

#header{
	width:780px;
	height:auto;
}

/***** メイン枠 *****/

#main {
	width:780px;}

/***** フッタ *****/

#footer{
	width:780px;
	height:45px;
	clear:both;}

/******************/
/***** ヘッダ *****/
/******************/

/***** 文章 *****/

#header h1{
	display:block;
	padding:4px 0;
	font-size:small;}

/***** ヘッダロゴ *****/

#header img{
	padding-left:13px;}

/***** メニュー *****/

/*** 枠 ***/

#menu_box{
	width:780px;
	height:35px;
	padding-top:8px;
	clear:both;
	margin-top:5px;}

/*** 項目 ***/

ul.menu, ul.menu li ul{
	border:none;
	list-style-type:none;
	display:block;
	font-size:small;
	text-align:center;
}

ul.menu{
	width:780px;}

ul.menu li a, ul.menu li ul li a{
	display:block;}
	
ul.menu li a{
	padding:5px 8px;
	border-right:1px solid #FFFFFF;}

ul.menu li ul li a{
	padding:3px 7px 3px 10px;}

ul.menu li a:hover{
	z-index:100;
	white-space:normal;}

ul.menu li{
	margin:0;
	padding:0;
	border:none;
	display:block;
	float:left;
	position:relative;
	z-index:5;
	width: 14.28%;
}

ul.menu a{
	text-decoration:none;}

ul.menu li{
	background:url(../image/headermenu_background_off.gif) repeat-x;}

ul.menu li a{
	display:block;
	color:#3300FF;}

ul.menu a:hover, ul.menu li a:hover{
	background:url(../image/headermenu_background_on.gif) repeat-x;
	color:#FFFFFF;}

ul.menu li ul li{
	margin:0;
	padding:0;
	float:none;
	width:12em;
	background:#666666;
	filter:alpha(opacity=90);/*IE*/
	-moz-opacity:0.90;/*Firefox*/
	opacity:0.90;/*CSS3*/}

ul.menu li ul li a{
	display:block;
	border-top:1px solid #FFFFFF;
	color:#FFFFFF;}

ul.menu li ul li a:hover{
	background:#5E4BFE;
	color:#FFFFFF;
	filter:alpha(opacity=100);/*IE*/
	-moz-opacity:1.00;/*Firefox*/
	opacity:1.00;/*CSS3*/}

ul.menu li ul{
	background-color:#FFFFFF;
	filter:alpha(opacity=90);/*IE*/
	-moz-opacity:0.90;/*Firefox*/
	opacity:0.90;/*CSS3*/}

/*OFF*/

ul.menu li.off ul{
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:10;}

/*ON*/

ul.menu li.on ul{
	z-index:100;
	position:absolute;}

/*▼*/

.tr{
	font-size:xx-small;
	margin-left:0.6em;
	color:#FFFFFF;}

/***** ナビ *****/

.navi{
	font-size:small;
	width:365px;
	padding:5px 6px;
	float:left;
	text-align:left;}

.navi2{
	font-size:small;
	width:365px;
	padding:5px 6px;
	float:right;
	text-align:right;}

/********************/
/*****  C  *****/
/********************/

/*****  ͗pg  *****/

.sentence {
width:auto;
margin: 0;
padding:0 1em;}

/*****  摜  *****/

.img_center{
width:auto;
text-align:center;}

/*****  荞݉  *****/

.cl{
clear:both;}

/*****  oQ  *****/

.h2{
display:block;
font-size:x-large;
text-align:center;}

/*****  oR  *****/

.h3{
display:block;
font-size:large;
text-align:center;}

/*****  oRi񂹁j  *****/

.h3_left{
display:block;
font-size:large;
text-align:left;
padding-left:3em;}

/*****  oSi񂹁j  *****/

.h4_left{
display:block;
font-size:medium;
text-align:left;
padding-left:5em;
color:#0000CC;}

/*****  TCg}bvXgp  *****/

.sitemap{
margin-left:7em;}

.sitemap dd{
font-size:small;}

/*****  \iTvj  *****/

.table1{
text-align:left;
line-height:1.4em;}

/*****  \iAj  *****/

.table2{
text-align:left;
line-height:1.7em;}

/*****  \iNj  *****/

.table3{
text-align:left;
line-height:1.2em;}

/*****  \iZj  *****/

.table4{
text-align:left;}

/*****  \iwj  *****/

.table5{
text-align:left}

/*****  sԂL  *****/

.l_height{
line-height:1.6em;}

/************************/
/*****  tb^[  *****/
/************************/

/*****  쌠\  *****/

.copyright {
display: block;
margin: 0.4em 0;
font-size: small;
text-align:center;}