@charset"utf-8";

/*
copyright スルメ
*/

/* 全体要素 */
html{
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

body{
	font-size:medium;
	font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
	margin:0px;
	padding:5px 0px 0px 0px;
}
*{line-height:130%;}
img{
	line-height:100%;
}


	/* ヘッダー部 idで定義*/
#HEADER{
	font-size:84.1%;
	width:100%;
	z-index:1;
	position:fixed;
	top:0px;
	bottom:auto;
	margin:0px;
	padding:0px;
}

/* フッター部 */
#FOOTER{
	width:auto;
	font-size:84.1%;
	border-top-width:1px;
	border-top-style:solid;
	line-height:200%;
/*
	position:fixed;
	top:auto;
	bottom:0px;
*/
	margin:15px 0px 5px 0px;
	padding:0px 3px;
	text-align:left;
}

	/* フッターに自分の名前を追加 */
	#FOOTER:after{content:"　written by スルメ";}

div.clear{
visibility:hidden;
font-size:0%;
margin:0px;
padding:0px;
}

p.center{
margin:0px auto;
text-align:center;
}

/* 更新履歴用のボックス　*/
div.log
{
	width:auto;
	height:100px;
	overflow:auto;
	margin:10px auto;
}

	/* 更新履歴用の定義リストは上のマージンなし　*/
	div.log dl{
	margin-top:0px;
}

	table:before{
		display:none;
	}


/* テーブルを横に並べる */
div.tablefloat
	{
	width:auto;
	margin:0px 2.027% 0px 5.405%;
	padding:0px;
}

	div.tablefloat table{
		margin:0px 1.351% 5px 0px;
		padding:0px 0px 0px 0px;
		float:left;
		clear:none;
	}

	div.tablefloat table td{
		white-space:nowrap;
	}

	div.tablefloat caption{
		text-align:left;
		margin:0px;
		padding:0px;
	}


	div.tablefloat table:before{
		display:none;
		content:attr(summary);
		font-size:small;
		caption-side:top;
		text-align:left;
		margin:0px auto;
		padding:0px;
	}


	div.tablefloat p{
		width:auto;
		margin:0px 0px 8px 0px;
		padding:0px;
		float:left;
		clear:none;
}

/* 罫線マップ用 */
pre.map{
	font-size:100%;
	line-height:100%;
}

pre.map a{
	margin:0px;
	padding:0px;
	font-size:100%;
	line-height:100%;
}


/* インライン要素 */
/* 強調（斜体） */
em{
	font-style:italic;
	font-weight:normal;
}

/* 強い強調（太字） */
strong{
	font-style:normal;
	font-weight:bold;
}

/* 強い強調（太字） */
strong em{
	font-style:italic;
	font-weight:bold;
}

/* 引用・参照先 */
cite{
	font-size:84.1%;
	font-style:normal;
}

/* 変数の設定 */
var{
	font-size:84.1%;
	font-style:normal;
}


/* 水平線の設定 */
hr{display:none;} /* 消す */
hr.v{display:block;} /* 消さない */

/* フォームの設定 */
form{

}

fieldset{
	margin:10px 2.027% 10px 5.405%;
	padding:5px 10px 10px 10px;
	border: solid 1px #666666;
}

legend{

}

label{
	margin:2px 0px;
	padding:2px;
}

input{
	font-size:84.1%;
	color:#663366;
	background-color:#ccffcc;
	border: solid 1px #666666;
	margin:2px 0px;
	padding:2px;
}

textarea{
	font-size:84.1%;
	color:#663366;
	background-color:#ccffcc;
	border:1px solid #333333;
	margin:2px 0px;
	padding:2px;
	overflow:auto;
	vertical-align:middle;
}

select{
	font-size:84.1%;
	color:#663366;
	background-color:#ccffcc;
	border:1px solid #333333;
}

button{
	font-size:84.1%;
	color:#000033;
	background-color:#99ccff;
	border-width:2px;
	border-style:solid;
	border-color:#ccffff #3366cc #3333cc #ccffff;
	margin:0px 1px;
	padding:2px 1px;
	vertical-align:bottom;
	width:auto;
	height:100%;
}


button:hover{
	background-color:#ccffff;
	border-width:3px;
	border-style:solid;
	border-color:#ffffff #6699ff #6666ff #ffffff;
	margin:0px 1px;
	padding:1px 0px;
	vertical-align: bottom;
}

button:active{
	background-color:#3399ff;
	border-width:3px;
	border-style:solid;
	border-color:#0033cc #6699ff #66ccff #0000cc;
	margin:0px 1px;
	padding:0px 1px;
	vertical-align: bottom;
}

/* スクリプトのフォームを配置(自動挿入されるchangess.js) */
div.selectsheet{
	border-top:1px solid #ffffff;
	margin:8px 0px;
	padding:0px;
}

/* 汎用クラスの設定 */
/* フロート解除 */
.clear{clear:both;}


/* 日付 */
.date{font-size:91.7%;}

/* ユーザーエージェント */
.ua{font-size:84.1%;}

/* 要素を見えなくする */
.hidden{visibility:hidden;}



/* 要素を見えなくする */
.none{display:none;}

/* 幅 */
.width25px{width:25px;}
.width45px{width:45px;}
.width50px{width:50px;}
.width55px{width:55px;}
.width60px{width:60px;}
.width80px{width:80px;}
.width90px{width:90px;}
.width100px{width:100px;}
.width150px{width:150px;}
.width250px{width:250px;}
.width350px{width:350px;}
.width400px{width:400px;}
.width500px{width:500px;}
.width100per{width:100%;}
.widthauto{width:auto;}

/* テキストの配置 */
.t-left{text-align:left;}
.t-center{text-align:center;}
.t-right{text-align:right;}

	/* 列の文字の配置(IE6.0でできるのはバグ) */
	colgroup.left,col.left{text-align:left;}
	colgroup.center,col.center{text-align:center;}
	colgroup.right,colgroup.num,col.right,col.num{text-align:right;}

	/* セルの配置 */
		td.left,th.left{text-align:left;}
		td.center,th.center{text-align:center;}
		td.right,th.right,td.num,th.num{text-align:right;}
		td.turn,th.turn{white-space:normal;}
		td.nowrap,th.nowrap{white-space:nowrap;}



/* フォントのスタイル */
.b{font-weight:bold;}
.i{font-style:italic;}
.s{text-decoration:line-through;}
.monospace{font-family:"ＭＳ ゴシック","Osaka－等幅",monospace;}

.sub{
vertical-align:sub;
font-size:84.1%;
}
.sup{
vertical-align:super;
font-size:84.1%;
}

span.nobr{white-space:nowrap;}
span.nobr br{white-space:nowrap;}


/* フォントのサイズ */
/* 
.size7{font-size:48px;}
.size6{font-size:32px;}
.size5{font-size:24px;}
.size4{font-size:18px;}
.size3{font-size:16px;}
.size14px{font-size:14px;}
.size2{font-size:12px;}
.size1{font-size:10px;}
*/

.xxx-large{font-size:200%;}
.semi-xxx-large{font-size:183.4%;}
.xx-large{font-size:168.2%;}
.semi-xx-large{font-size:154.2%;}
.x-large{font-size:141.4%;}
.semi-x-large{font-size:129.7%;}
.large,.larger{font-size:118.9%;}
.semi-large,.semi-larger{font-size:109.05%;}
.medium{font-size:100%;}
.semi-small,.semi-smaller{font-size:91.7%;}
.small,.smaller{font-size:84.1%;}
.semi-x-small{font-size:77.1%;}
.x-small{font-size:70.7%;}
.semi-xx-small{font-size:64.8%;}
.xx-small{font-size:59.5%;}
.semi-xxx-small{font-size:54.5%;}
.xxx-small{font-size:50%;}


/* リンクの設定 */
a:link{
	text-decoration:none;
}


a:visited{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a:active{
	font-style:italic;
	text-decoration:none;
}

/* フッターのリンク */
#FOOTER a:link{
	color:#000033;
	background-color:#99ccff;
	border-top:solid 2px #ccffff;
	border-right:solid 2px #3366cc;
	border-bottom:solid 2px #3333cc;
	border-left:solid 2px #ccffff;
	margin:0px;
	padding:2px 1px;
	white-space:nowrap;
}

#FOOTER a:visited{
	color:#000033;
	background-color:#cc99ff;
	border-top:solid 2px #ffccff;
	border-right:solid 2px #6666cc;
	border-bottom:solid 2px #6633cc;
	border-left:solid 2px #ccccff;
	margin:0px;
	padding:2px 1px;
	white-space:nowrap;
}

#FOOTER a:hover{
	color:#000033;
	background-color:#ccffff;
	text-decoration:none;
	border-top:solid 3px #ffffff;
	border-right:solid 3px #6699ff;
	border-bottom:solid 3px #6666ff;
	border-left:solid 3px #ffffff;
	margin:0px;
	padding:1px 0px;
	white-space:nowrap;
}

#FOOTER a:active{
	color:#000033;
	font-style:normal;
	background-color:#3399ff;
	border-top:solid 2px #0033cc;
	border-right:solid 2px #99ccff;
	border-bottom:solid 2px #66ccff;
	border-left:solid 2px #0000cc;
	margin:0px;
	padding:2px 1px;
	white-space:nowrap;
}