/*
	TOP MENU
*/

ul#topMenu {
	margin		:0;
	width		:800px;
	height		:40px;
         text-decoration: none;
         border-top: 1px solid #fff;
         border-bottom: 1px solid #fff;
    background-color: #333; /* 背景色 */
	background-repeat	:no-repeat;
	background-position	:0 bottom;
	
	_width	:800px;
	_height	:40px;
}

ul#topMenu li,
ul#registMenu li {
	display		:block;
	float		:left;
	text-indent	:-9999px;
	font-size	:12pt;
}


ul#topMenu li {
	margin	:0px 0px 0px 0px;
	width	:109px;
	height	:40px;
}


ul#topMenu    li a:hover,
ul#topMenu    li a:focus {
	background-position :0px -40px;
text-decoration: none;
}






ul#topMenu    li a { float	:left; }

li#home       a { width : 109px; height:40px; background :transparent url(img/btn/001.gif)    no-repeat 0 0;}
li#news a { width :109px; height:40px; background :transparent url(img/btn/002.gif) no-repeat 0 0; }
li#mission   a { width :109px; height:40px; background :transparent url(img/btn/003.gif)     no-repeat 0 0; }
li#approch   a { width :109px; height:40px; background :transparent url(img/btn/004.gif)       no-repeat 0 0; }
li#services    a { width :109px; height:40px; background :transparent url(img/btn/005.gif)    no-repeat 0 0; }
li#contact    a { width :109px; height:40px; background :transparent url(img/btn/006.gif)    no-repeat 0 0; }
li#gallery    a { width :109px; height:40px; background :transparent url(img/btn/007.gif)    no-repeat 0 0; }

/* ナビゲーションバー全体のスタイル */
#navbar {
    margin-top: 5px;
    padding: 0 0 0 0;
    border-top: 1px solid #CCC;
    text-align: center; /* 配置 */
    font-family: Verdana, Arial, sans-serif; /* フォントスタイル */
    font-weight: normal; /* フォントの太さ */
    font-size: 11px; /* フォントサイズ */
    width: 100%; /* 全体の幅 */
    line-height: 200%; /* テキストの高さ */
}

 
/* リンクのスタイル */
#navbar a{
    background-color: #ffffff; /* 背景色 */
    color:#666666; /* 文字色 */
    padding: 2px 5px 2px 5px; /* リンク文字のパディング */
}
 
/* リンクをポイントした時のスタイル */
#navbar a:hover{
    background-color: #8FABBE; /* 背景色 */
    color:#ffffff; /* 文字色 */
    text-decoration: none; /* テキストの装飾をなくす */
}
/* ナビゲーションバー全体のスタイル */
#rogo {
    text-align: right; /* 配置 */
    margin: 10px 0px 5px 0px;
    padding: 20px 0px 10px 0px;
}

ul#topMenu3 {
       margin: 5px 0px 0px 0px;
       _margin: 5px 5px 0px 0px;
	padding		:0px 0px 0px 0px;
	width		:98%;
	height		:16px;
       text-decoration: none;

    margin-bottom: 0px;
	
	_width	:99%;
	_height	:16px;
}

ul#topMenu3    li  { 
	display: block; 
	line-height: normal;
}

ul#topMenu3    li a:hover,
ul#topMenu3    li a:focus {
	background-position :0px -16px;
text-decoration: none;
}

ul#topMenu3    li a { 
	display: block;
	text-indent: -10000px;
	color: #ffffff;
	text-align: center;
	font-size: 1px;
	text-decoration: none;
	float: right;
}

li#detail       a { width : 80px; height:16px; background :transparent url(/img/btn/006.gif)    no-repeat 0 0; }
li#back       a { width : 80px; height:16px; background :transparent url(/img/btn/010.gif)    no-repeat 0 0; }
li#up       a { 
width : 187px; 
height:16px;
margin-right: 0px;
margin-bottom: 0px;
_margin-bottom: 0px;
background :transparent url(img01/btn/btn_up.png)    no-repeat 0 0; 
}

ul#topMenu4 {
       margin: 20px 0px 20px 0px;
       _margin: 20px 0px 20px 0px;
	padding		:0px 0px 0px 0px;
	width		:98%;
	height		:20px;
       text-decoration: none;

    
	_width	:99%;
	_height	:20px;
}

ul#topMenu4    li  { 
	margin	:0px 1px 0px 0px;
	width	:109px;
	height	:20px;
	display: block; 
	line-height: 5;
}

ul#topMenu4    li a:hover,
ul#topMenu4    li a:focus {
	background-position :0px -20px;
text-decoration: none;
}

ul#topMenu4    li a { 
	display: block;
	text-indent: -10000px;
	color: #ffffff;
	text-align: center;
	font-size: 1px;
	text-decoration: none;
	float: right;
}


li#backnumber       a { width : 109px; height:20px; background :transparent url(/img/btn/009.gif)    no-repeat 0 0; }

.up-btn {
    width: 800px;
    margin: 30px 0 0 0;
    padding: 0 0 0 0;
    background: #FFF;
    color: #444444;
    font-size: 1px;
    _font-size: 1px;
    line-height: 100%;
    text-align: right;
    display: block;
}

.layout-two-column-left #footer,
.layout-two-column-right #footer {
    width: 800px;
    margin: 0 0 0 0;
    padding: 10px;
    border-top: 1px solid #666699;
    color: #ffffff;
    background: #8fabbe;
    font-size: 12px;
    text-align: center;
    display: block;

}
.footer{
    width: 801px;
    height:100%;
    margin: 0 0 0 0;
    padding: 10px;
    border-top: 1px solid #000;
    color: #ffffff;
    background: #8fabbe;
    font-size: 12px;
    text-align: right;
    display: block;


}


.main {
    width: 580px;
    margin: 10px 10px 10px 10px;
    padding: 10px 0 0 0;
    border-bottom: 0px solid #666;
    border-top: 0px solid #666;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
    text-align: left;
    background-color: #fff;
    font-size: 80%;
}

.mainfooter {
    width: 580px;
    margin: 10px 10px 10px 10px;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #666;
    border-left: 0px solid #000;
    border-right: 0px solid #000;
    text-align: left;
    background-color: #fff;
    font-size: 80%;
}

.cell {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 82%;
    line-height: 2.5;
}

.celltittle {
    color: #ffffff;
}


span.new {
    display: none;
 padding: 5px 5px 5px 5px;
    text-align: left;
    font-size: 11px;
    line-height: 2.0;
    list-style-type: none;

    color: red;
    font-weight: bold;
}

*{
	outline			:none;
}

/*  サーチ */

.serch {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 82%;
    line-height: 2.5;
}

.fla {
margin-bottom: 5px;
}

ul#topMenu5 {
       margin: 230px 0px 0px 0px;
       _margin: 230px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	width		:98%;
	height		:24px;
       text-decoration: none;

    margin-bottom: 0px;
	
	_width	:99%;
	_height	:24px;
}

ul#topMenu5    li  { 
	display: block; 
	line-height: normal;
}

ul#topMenu5    li a:hover,
ul#topMenu5    li a:focus {
	background-position :0px -24px;
text-decoration: none;
}

ul#topMenu5    li a { 
	display: block;
	text-indent: -10000px;
	color: #ffffff;
	text-align: center;
	font-size: 1px;
	text-decoration: none;
	float: right;
}

li#enter       a { width : 100px; height:24px; background :transparent url(/img/btn/enter.gif)    no-repeat 0 0; }

.arrow-bar {
	border: 0;
	margin: 0;
	padding: 0 5px 15px 0;
	width: auto;
	height: 16px;
	overflow: hidden;
	float: right;
}

.arrow-bar  img {
	visibility: hidden;
}
.arrow-bar  a,
.arrow-bar  a:link,
.arrow-bar  a:visited {
	background-position: 0px 0px;
	float:left;
}
.arrow-bar a:focus,
.arrow-bar a:hover,
.arrow-bar a:active {
	background-position: 0px -16px;
	float:left;
}

.arrow-bar .m-top a {
	background-image: url(img/cnbtn_up.gif);
}
