﻿.white_center {
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
#styleone{
position:relative;
display:block;
height:1.5em;
font-size:100%;
font-weight:bold;
background:url('../image/page/bgOFF.gif') repeat-x left top;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック" ;
border-bottom:1px solid #d9d9d9;
}
#styleone ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
}
#styleone ul li{
display:block;
float:left;
margin:0 1px 0 0;
}
#styleone ul li a{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:2px 8px 0 8px;
height:1.5em;
}
#styleone ul li a.current{
color:#ffff00;
background:transparent url(../image/page/bgON.gif) repeat-x top left;}

#styleone ul li a:hover{
color:#ffff00;
background:transparent url(../image/page/bgON.gif) repeat-x top left;}

.footerStyle {
	background-color: #666666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック" ;
	font-size:50%;
	color: #FFFFFF;
	line-height: 2em;
	text-align: center;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", 
	font-size: 100%;
}
.menu_table {
	border: 1px solid #FFFFFF;
}
.menu_box {
	border: 1px solid #800000;
	height: 100%;
	width: 100%;
}
.menu_cont {
	font-size: 70%;
	text-align: left;
	height: 90px;
}
.menu_cont60 {
	font-size: 70%;
	text-align: left;
	height: 60px;
}
.font_xx_small {
	font-size:xx-small;
}
.font_xx_small {
	font-size:xx-small;
}
.font_x_small {
	font-size:x-small;
}
.font_small {
	font-size:small;
}
.font_xx_midium {
	font-size:medium;
}
.font_large {
	font-size:large;
}
.font_x_large {
	font-size:x-large;
}
.font_xx_large {
	font-size:xx-large;
}
.font_menu {
	font-size: 90%;
	text-align: center;
	color: #800000;
	font-weight: bold;
	line-height: 90%;
	height: 60px;
}
.font_c_menu {
	font-size: 100%;
	text-align: center;
	color: #800000;
	font-weight: bold;
	line-height: 100%;
	height: 40px;
}
.font_c2_menu {
	font-size: 90%;
	text-align: center;
	color: #800000;
	font-weight: bold;
	line-height: 90%;
	height: 75px;
	width: 50%;
}
.font_c3_menu {
	font-size: 80%;
	text-align: center;
	color: #800000;
	line-height: 100%;
}
.font_c4_menu {
	font-size: 100%;
	text-align: center;
	color: #800000;
	font-weight: bold;
	line-height: 100%;
	height: 40px;
	width: 50%;
}
#navigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#navigation li {
	float: left;
	margin: 0　0 0 2px;
	padding: 0 5px 0 0;
	border-bottom: 1px solid #fff;
	font-size: xx-small;
	white-space: nowrap;
	color: #666;
	background: url(../image/menu/tab.gif) 100% 0px no-repeat ;
}
#navigation li.current {
	background-position: 100% -400px;
}
#navigation li.current span{
	display:block;
	padding:5px 0 3px 10px;
}
#navigation a{
	display:block;
	padding:5px 0 3px 10px;
}
#navigation a {
	color: #FFF;
	text-decoration: none;
	background: url(../image/menu/tab.gif) 0% 0px no-repeat ;
}
#navigation li.current span {
	color:#666;
	background: url(../image/menu/tab.gif) 0% -400px no-repeat ;
}
#navigation li:hover		 	{background-position:100% -200px;}
#navigation li.current:hover 	{background-position:100% -400px;}
#navigation li:hover a			{background-position:0% -200px;}


#navigation2 ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#navigation2 li {
	float: left;
	padding: 0 8px 0 0;
	border-bottom: 2px solid #fff;
	font-size: x-small;
	white-space: nowrap;
	color: #FFFFFF;
	background: url(../image/menu/tab2.gif) 100% 0px no-repeat;
	height: 25px;
}
#navigation2 li.current {
	background-position: 100% -400px;
	font-weight: bold;
}
#navigation2 li.current span{
	display:block;
	padding:5px 0 3px 10px;
}
#navigation2 a{
	display:block;
	padding:5px 0 3px 10px;
}
#navigation2 a {
	color: #FFF;
	text-decoration: none;
	background: url(../image/menu/tab2.gif) 0% 0px no-repeat ;
}
#navigation2 li.current span {
	color:	yellow;
	background: url(../image/menu/tab2.gif) 0% -400px no-repeat ;
}
#navigation2 li:hover		 	{background-position:100% -200px;}
#navigation2 li.current:hover 	{background-position:100% -400px;}
#navigation2 li:hover a			{background-position:0% -200px;}

.Line_R {
	background-image: url('../image/menu/line_r.gif');
	width: 10px;
}
.Line_L {
	background-image: url('../image/menu/line_l.gif');
	width: 10px;
}
.panel_center {
	text-align: center;
}
.menu_box_w33 {
	width: 33%;
	vertical-align: top;
	padding:3px;
}
.menu_box_w50 {
	width: 50%;
	vertical-align: top;
	padding:3px;
}
.h_145px {
	height: 145px;
}
.h_160px {
	height: 160px;
}

/* PopUp Menu */

.thumbnail{
position: relative;
z-index: 0;
font-size:x-small;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:	silver;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
}
/* PopUp Menu ここまで*/


/* PopUp Menu 右端対策 -100 */

.thumbnail_r{
position: relative;
z-index: 0;
font-size:x-small;
}

.thumbnail_r:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail_r span{ /*CSS for enlarged image*/
position: absolute;
background-color:	silver;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_r span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_r:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -100px; /*position where enlarged image should offset horizontally */
}
/* PopUp Menu ここまで*/

/* PopUp Menu 右端対策 -150 */

.thumbnail_r150{
position: relative;
z-index: 0;
font-size:x-small;
}

.thumbnail_r150:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail_r150 span{ /*CSS for enlarged image*/
position: absolute;
background-color:	silver;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_r150 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_r150:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -150px; /*position where enlarged image should offset horizontally */
}
/* PopUp Menu ここまで*/

/* PopUp Menu 右端対策 -200 */

.thumbnail_r200{
position: relative;
z-index: 0;
font-size:x-small;
}

.thumbnail_r200:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail_r200 span{ /*CSS for enlarged image*/
position: absolute;
background-color:	silver;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_r200 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail_r200:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -200px; /*position where enlarged image should offset horizontally */
}
/* PopUp Menu ここまで*/

