﻿/* 共通CSS */

/*-- 通常非表示 --*/
#naviskip {
	display:none;
}
.none {
	display:none;
}

/*-- テキスト・画像 --*/
#genre_alink:hover {color: #330033; text-decoration: none;}
#genre_alink:active {color: #330033; text-decoration: none;}

a:link {color: #0075A1;}
a:visited {color: #0075A1;}
a:hover {color: #E64800; text-decoration: none;}
a:active {color: #E64800; text-decoration: none;}
img {border:none;}

.right{
text-align:right;
}
.left{
text-align:left;
}

#column_left img{
	margin-top:3px;
}
#column_right img{
	margin-top:3px;
}


/*-- レイアウト --*/
*{
	margin: 0;
	padding: 0;
}

body{
	text-align: left;
	padding: 0px 5px;
	font-family: "Lucida Grande","Verdana", "Arial","qMmpS Pro W3","sans-serif";
	color:#333333;
}
back_l
#container{
	width: 790px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}

/*-- header ---------------------------------------------------------*/
/*-- タイトル --*/
/* タイトルエリア（中央イメージ） */
#title{
float:left;
width:100%;
height:40px;
background: url(../image/back2.jpg) no-repeat left 0px;
background-color:#66BBFF;
	border-top: 1px #008cc1 solid;
	border-bottom: 1px #008cc1 solid;
}

/* タイトルエリア（サブサイト） */
#title2{
float:left;
width:100%;
height:40px;
background: url(../image/title_back.gif) repeat-x left 0px;
background-color:66BBFF;
border-top: 6px #DDDDDD double;
border-bottom: 6px #DDDDDD double;
margin-top:3px;
}

/* タイトルエリア（左側イメージ） */
#title #back_l {
float:left;
width:100%;
height:40px;
background:url(../image/top_header.jpg) no-repeat 0px 0px;
border-top: 1px #FFFFFF solid;
}

/* タイトルエリア（サブサイト） */
#title2 #back_l {
float:left;
width:100%;
height:40px;
border-top: 1px #FFFFFF solid;
}

.title_font_en {
font:bold 60% "Arial";
vertical-align:middle;
color: #575757;
letter-spacing: 0px;
}

#head_menu{
	clear:both;
	position:absolute;
	top:0px;
	right:0px;
	float:right;
	text-align:right;
	font-size: 80%;
	color: #575757;
	font-family: "HGP創英角ｺﾞｼｯｸUB","ＭＳ Ｐゴシック", "Osaka";
	width:46%;
}

#head_menu .navi{
	float:right;
	margin:0px;
	padding:1px 1px 1px 1px;
}

#head_menu .navi A{
	color:#575757;
	text-decoration:none;
	background: url(../image/point02.gif) no-repeat left center;
	padding-top:2px;
	padding-left:15px;
	margin-left:5px;
}

.form{
	padding:5px 0;
}
.form table tr td{
	font-size: 80%;
	color: #575757;
	font-family: "HGP創英角ｺﾞｼｯｸUB","ＭＳ Ｐゴシック", "Osaka";
}

/*-- navigation --*/	
#tab {
	clear:both;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 1px;
	border-top: 1px #FFFFFF solid;
	border-bottom: 1px #BBBBBB solid;
	background-image: url(../image/tab_back.gif) repeat;
	background-repeat: repeat-x;
}

table#navigation{
	float:left;
	width:100%;
	padding-top:5px;
	list-style:none;
	border-top:    0px orange solid;
	border-right:  0px orange solid;
	border-bottom: 3px orange solid;
	border-left:   0px orange solid;
	background: url(../image/tab_back.gif) repeat;
}

table#navigation tr .left{
	display:block;
	width:10px;
	margin:0px;
	padding:5px 0px 0px 0px;
	color:#684525;
	border-style:solid;
	border-width:0px 0px 0px 0px;
}
table#navigation tr .link{
	display:block;
	width:97px;
	margin:0px;
	padding:5px 0px 0px 0px;
	text-align:center;
	font-size:80%;
	color:#684525;
	font-weight:bolder;
	vertical-align: bottom;
	float:left;
	border-style:solid;
	border-width:0px 0px 0px 0px;
}
table#navigation tr td a{
	display:block;
	width:97px;
	height:25px;
	padding:7px 0px 5px 0px;
	text-decoration:none;
	color:#684525;
	background:url(../image/tab_white.gif) no-repeat;
}
table#navigation tr td a:hover{
 	background:url(../image/tab_orange.gif) no-repeat;
}
table#navigation tr td a.select{
	background:url(../image/tab_orange.gif) no-repeat;
}

/*--フッター------------------------------------------------------*/
.footer_line{
	width:100%;	
	background:url(../image/footer_line.gif) repeat-x;
	background-color:#FFFFFF;
	font-size:80%;
	color:#666666;
	clear:both;
	padding:5px 0px 5px 0px;
	margin-top:5px;
	text-align:center;
}
#footer{
	width:100%;
	background: #1E90FF;
	font-size: 70%; 
	color: #000000;
	clear:both;
	text-align: center;
	border-top: 2px #008cc1 solid;
}
#footer a{color:#FFFFFF;}
#footer a:link {color: #FFFF6;}
#footer a:visited {color: #000080;}
#footer a:hover {color: #FFFF33;}
#footer a:active {color: #800080;}

#footer ul {
	float:left; 
	margin:5px 0px 5px 0px; 
	width:100%; 
	text-align:center;
	vertical-align:middle;

}
#footer li {
	display: inline; 
	list-style:none;
}
.footer_menu {
	background:url(/www/image/point04.gif) no-repeat left center;
}
.footer_menu a{
	margin:5px; 
	padding:10px 5px 10px 17px;
}
#creditline {clear: both;
border-bottom: 2px #008cc1 solid;
}
