/*
原則として、許可なしの再配布は禁止させていただきます。
また、無料でお使いの方は、【ＰＲ枠】のリンクは全て削除禁止です。
加工後の削除も禁止させていただいております。
絶対に削除しないでお使いください。
ご不明な点は、http://www.s-hoshino.com/info.html、または、
http://www.megapx.com/info.htmlのフォームよりお問い合わせください。
*/

@charset "utf-8";

*{
	padding:0;
	margin: 0;
	font-family: Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}
#base{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}
body{
	color:#505050;
	background-color: #fff9f9;
	font-size: 12px;
	background-image : url(../japanese/img/bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
body#toppage{
	background-image : url(../japanese/img/bg_top.gif);
}
img{
	vertical-align: top;
}
a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
li{
	list-style-type: none;
}
a{
	color: #0085B0;
}
a:hover{
	color: #00c1dd;
	text-decoration: none;
}
/*
ヘッダー
-------------------------------------------*/
#head{
	height: 130px;
	position: relative;
}
#head h1{
	font-size: 9px;
	position: absolute;
	top: 10px;
	font-weight: normal;
	line-height: 16px;
	color: #777777;
	left: 27px;
}
#head h2{
	position: absolute;
	bottom: 15px;
	left: 50px;
	background-image: none;
	padding: 0px;
	margin: 0px;
	color: #505050;
}

#head img#logo{
	position: absolute;
	left: 15px;
	top: 25px;
}
#head #h_list{
	position: absolute;
	right: 20px;
	top: 0px;
}
#head #h_list a{
	text-decoration: none;
	color: #6C6759;
}
#head #info{
	position: absolute;
	right: 25px;
	font-size: 11px;
	color: #7A8687;
	line-height: 24px;
	text-align: right;
	top: 25px;
}
#head #info strong{
	font-size: 26px;
	color: #47A4C2;
	font-family: Arial, Helvetica, sans-serif;
}
#head #info span{
	font-size: 18px;
	color: #666666;
}
#head #h_list a:hover{
	background-color: #FFFFFF;
}

/*
グローバルナビ
-------------------------------------------*/

#navi{
	background-color: #fff9f9;
	padding-left: 15px;
	background-image : url(../japanese/img/navi.gif);
	position: absolute;
	left: 1px;
	bottom: 0px;
}

#navi li .toplevel{
	line-height: 16px;
	/*	height: 32px;*/
	padding-top: 6px;
	padding-right: 25px;
	padding-bottom: 6px;
	padding-left: 25px;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E0E0E0;
}

/*IE6除外
---------------*/
html > body #navi li .toplevel{
	height: 32px;
}
/*---------------*/

#navi li a:hover.toplevel,
#navi li a.toplevel.jshover{
	color: #151515;
}

#navi li a span{
	line-height: 10px;
	font-size: 10px;
	color: #000000;
}
#navi li strong span{
	line-height: 12px;
	font-size: 10px;
	color: #1696D3;
}

/*IE6適用
---------------*/
* html #navi li a span{
	line-height: 14px;
}
* html #navi li strong span{
	line-height: 16px;
}
/*---------------*/

#navi li a:hover span,
#navi li a.jshover span{
	color: #000000;
}
 
#jsnavi{
	display: block;
	position: relative;
	background-color: #fff9f9;
	background-image : url(../japanese/img/navi.gif);
	height: 44px;
	width: 930px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F0F0F0;
}
#jsnavi li{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}

#jsnavi ul{
	width: 150px;
	display: none;
	position: absolute;
	top: 44px;
	left: -1px;
	margin: 0;
}

#jsnavi ul ul{
	left: 149px;
	top: 0;
}

* html #jsnavi ul{
	line-height: 0;
} /* IE6 "fix" */
#jsnavi ul a{
	zoom: 1;
} /* IE6/7 fix */
#jsnavi ul li{
	float: none;
}
 
#jsnavi *:hover {
	background-color: #eaffff;
}
#jsnavi a{
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 24px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	background-image : url(img/navi_li.gif);
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0;
}

#jsnavi strong{
	display: block;
	color: #000000;
	line-height: 16px;
	/*	height: 32px;*/
	padding-top: 7px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	background-image : url(../japanese/navi_li_st.gif);
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E0E0E0;
	font-weight: normal;
}

/*IE6除外
---------------*/
html > body #jsnavi strong{
	height: 32px;
}
/*---------------*/

#jsnavi a:hover{
	background-image : url(img/navi_li_ov.gif);
}
#jsnavi a.jshover{
	background-image : url(img/navi_li_ov.gif);
}

#jsnavi li.jshover a {
/*	filter: alpha(opacity=90);*/
	-moz-opacity:0.90;
	opacity:0.90;
}

#jsnavi ul a.jshover{
	background-color: #2288AA;
	color: #FFFFFF;
	background-image : url(../japanese/li_w.gif);
}
#jsnavi ul a:hover{
	background-color: #32A2CD;
	background-image : url(../japanese/li_w.gif);
	color: #FFFFFF;
}
#jsnavi ul a{
/*	filter: alpha(opacity=80);*/
	-moz-opacity:0.80;
	opacity:0.80;
	background-color: #98fb98;
	background-image : url(../japanese/li.gif);
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-bottom-color: #A7B3B3;
	line-height: 20px;
	height: 20px;
	padding-top: 2px;
	padding-right: 5px;
	background-repeat: no-repeat;
	background-position: 7px center;
	color: #1D2325;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: #CED5D5;
	border-left-color: #CED5D5;
}

table.table1 td{
	/*表１table内のtdに対して*/
  padding: 4px 6px;/*上下3pxで左右10px*/
  border: solid 1px black;/*実線 0px 黒*/
}
table.table2{
	/*表２table内のtdに対して*/
  padding: 4px 6px;/*上下3pxで左右10px*/
  border: solid 0px red;
  /*実線 1px 黒*/
}
table.table3{
	/*表３table内のtdに対して*/
  padding: 3px 10px;/*上下3pxで左右10px*/
  border: solid 0px green;
  /*実線 1px 黒*/

/*
メイン
-------------------------------------------*/
}