body{
	text-align: center;
	background-position: center;
	background-color: #333333;
	background-image: url(../../images/ind_bg.gif);
	background-repeat: repeat-y;
}

#flashcontent {
	width: 100%;
	height:400px;
	z-index: 1;
}

#flashcontent .noflash{
	height:400px;
	background-position: center;
	background-color: #FFFFCC;
	background-image: url(../../swf/images/01.jpg);
}


/*    ------------ menu ------------    */
#index-menu{
	position:relative;
	width: 780px;
	margin: 0px auto 0px;
	text-align: left;
	z-index: 3;
}

#index-menu .leftarea{
	position:absolute;
	width: 210px;
	background-color: #333333;
	height: 578px;
}

#index-menu .leftarea .buttonarea{
	padding: 0px 15px 80px 15px;
}

#index-menu .leftarea .buttonarea li{
	border-top: solid 1px #5E4359;
}

/*    ------------ menu吹き出し ------------    */

#index-menu .balloon {
	display: none;
	position: absolute;
	top: 0.4em;	/*省略不可、ブラウザ初期値バラバラ*/
	left: 14em;	/*Firefoxでhoverが無効になる*/
}

#index-menu a:hover {
	position:relative;
	text-decoration:none;

}

#index-menu a:hover .balloon {
	display: block;
	white-space: pre;
	background-color: #333333;
	/*border: solid 1px #333;*/
	padding:10px;
	color:#FFF;

	/*半透明 macFFでFlash上で使うとFlashが止まるバグあり*/
	/*filter:alpha(opacity=75); *//*IE*/
	/*-moz-opacity:0.75; *//*FF*/
	/*opacity:0.75;*/
}

#index-menu a:hover .balloon .leftarrow{
	width:6px;
	height:12px;
	position: absolute;
	background:  url(../../images/ind_balloon_arrow.gif);
	margin : 0px 0px 0px -16px;

}

/*    ------------ main ------------    */

#main-wrapper {
	min-height: 100%;
	height: auto !important; /*IE6でmin-heightを適用*/
	/*width: 780px;*/
	height: 100%;
	margin: 0 auto -81px; /* フッタ用マージン　フッタの高さに合わせること */
	text-align: left;
}



#main-wrapper .push {
	height: 81px; /* フッタ用マージン　フッタの高さに合わせること */
}

/*    ------------ main contents ------------    */

#indexcont{
	width: 570px;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 210px;
	/*background: #42223C;*/
}

#indexcont .contents{
	width: 540px;
	padding: 30px 0px 30px 30px;

}

#indexcont .contents a:link{color: #2C5561;}
#indexcont .contents a:visited{color: #2C5561;}
#indexcont .contents a:hover{color: #7F0019;}
#indexcont .contents a:active{color: #2C5561;}
#indexcont .contents a:focus{outline:none;}
/*    ------------ ヘッダ ------------    */

#head-wrapper {
	width: 780px;
	height: 80px;
	margin: 0px auto 0px;
	text-align: left;
}

#head-wrapper .index_hd_bg{
	width: 210px;
	float:left;
}

/*ヘッダ左側色付け*/
#head-wrapper #head-helper{
	position:relative;
	background-color: #333333;
	height: 80px;
	margin-right: 780px;
	margin-left: -10000px;
	padding-left: 10000px;
}

#head-wrapper #head-helper .head-area {
	position: absolute;
	width: 780px;
	height: 80px;
	/*margin: 0px 0px 0px 210px;*/
	text-align:left;
	/*background: url(../../images/common/head_bg.jpg) no-repeat;*/
	background: #333333;
	float:left;
}

#rightarea{
	position:absolute;
	background-color: #333333;
	width: 100%;
	height: 80px;
}






/*▼▼言語ボタン▼▼*/

#head_lang{
	width: 570px;
	height:20px;
	padding: 10px 0px 10px 0px;
	float:left;

}

#head_lang a:link{color: #8C8C8C; text-decoration:none;}
#head_lang a:visited{color: #8C8C8C; text-decoration:none;}
#head_lang a:hover{color: #555;}
#head_lang a:active{color: #8C8C8C;}
#head_lang a:focus{outline:none;}



#head_lang  li{
	color: #FFF;
	background:transparent url(../../images/common/arrow01.gif) 0px 5px no-repeat;
	text-align:left;
	padding: 0px 10px 0px 7px;
	display:inline;
	float:right;
}



/*▼▼コンテンツボタン▼▼*/

#head_cont{
	position:relative;
	width: 570px;
	height:20px;
	padding: 10px 0px 10px 0px;
	float:left;
}

#head_cont a:link{color: #F1F1F1; text-decoration:none;}
#head_cont a:visited{color: #F1F1F1; text-decoration:none;}
#head_cont a:hover{color: #888;}
#head_cont a:active{color: #F1F1F1;}
#head_cont a:focus{outline:none;}


#head_cont .cont_link_box{
	position:absolute;
	bottom:10px; 
	right:0px;
}


#head_cont  .cont_link_box li{
	font-color: #FFF;
	background:transparent url(../../images/common/arrow01.gif) 0px 4px no-repeat;
	text-align:left;
	padding: 0px 10px 0px 7px;
	display:inline;
	float:right;
}


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

#foot-wrapper{
	border-top: solid 1px #CCC;
	background-color: #333333;
}

#foot-wrapper a:link{color: #8C8C8C; text-decoration:none;}
#foot-wrapper a:visited{color: #8C8C8C; text-decoration:none;}
#foot-wrapper a:hover{color: #555;}
#foot-wrapper a:active{color: #8C8C8C;}
#foot-wrapper a:focus{outline:none;}

#foot-wrapper .foot-area {
	width: 780px;
	height: 80px;
	/*background:url(../../images/ind_ft_bg.gif) repeat-y;*/
	margin: 0 auto;
	text-align: left;
}

#foot-wrapper .button-area {
	width: 780px;
	height:20px;
	padding: 10px 0px 10px 0px;
}



#copy-area {
	position: relative;
	width: 780px;
	height:20px;
	padding: 10px 0px 10px 0px;
}

#copy-area .copy-text {
	position:absolute;
	bottom:20px; 
	right:10px;
	/*font-size:10px;*/
	color:#8C8C8C;
}

#foot-wrapper .button-area   li{
	font-color: #FFF;
	/*font-size:11px;*/
	background:transparent url(../../images/common/arrow01.gif) 0px 5px no-repeat;
	text-align:left;
	padding: 0px 15px 0px 7px;
	display:inline;
	float:right;
}