@CHARSET "UTF-8";

/* 全セレクタ */
*
{
    margin : 0px;
    padding : 0px;

    font-size : 100%;
    font-style : normal;
    font-weight : normal;

    line-height : 1;
    text-decoration : none;
	background-color : none;
}

/* ボタン */
button
{
	color : white;
	cursor : pointer;

    background : linear-gradient(top,#808080,#404040);
    background : -o-linear-gradient(top,#808080,#404040);
    background : -moz-linear-gradient(top,#808080,#404040);
    background : -webkit-gradient(linear,center top,center bottom,from(#808080),to(#404040));
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF808080',endColorstr='#FF404040');

	border-left : 1px solid #E0E0E0;
	border-top : 1px solid #E0E0E0;
	border-right : 1px solid #000000;
	border-bottom : 1px solid #000000;

	border-radius : 5px;
	-o-border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
}

/* アンカー */
a
{
	color : lightskyblue;
}

/* スクリーン領域 */
#screen
{
	position : absolute;
	overflow : hidden;

	left : 0%;
	top : 0%;

	width : 100%;
	height : 100%;

	background-color : white;
}

/* ヘッダー領域 */
#header
{
	position : absolute;
	overflow : hidden;

	left : 0%;
	top : 0px;

	width : 100%;
	height : 50px;

    background : linear-gradient(top,#808080,#404040);
    background : -o-linear-gradient(top,#808080,#404040);
    background : -moz-linear-gradient(top,#808080,#404040);
    background : -webkit-gradient(linear,center top,center bottom,from(#808080),to(#404040));
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF808080',endColorstr='#FF404040');
}

/* メニュー領域 */
#menu
{
	position : absolute;
	overflow : hidden;

	left : 0%;
	top : 50px;

	width : 230px;
	bottom : 50px;

    background : linear-gradient(top,#808080,#404040);
    background : -o-linear-gradient(top,#808080,#404040);
    background : -moz-linear-gradient(top,#808080,#404040);
    background : -webkit-gradient(linear,center top,center bottom,from(#808080),to(#404040));
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF808080',endColorstr='#FF404040');
}

/* コンテンツ領域 */
#content
{
	position : absolute;
	overflow : hidden;

	left : 230px;
	top : 50px;

	right : 0px;
	bottom : 50px;

	border-left : 2px solid #404040;
	border-top : 2px solid #404040;
	border-right : 2px solid #E0E0E0;
	border-bottom : 2px solid #E0E0E0;

    background : linear-gradient(top,#D0D0D0,#909090);
    background : -o-linear-gradient(top,#D0D0D0,#909090);
    background : -moz-linear-gradient(top,#D0D0D0,#909090);
    background : -webkit-gradient(linear,center top,center bottom,from(#D0D0D0),to(#909090));
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFD0D0D0',endColorstr='#FF909090');
}

/* フッター領域 */
#footer
{
	position : absolute;
	overflow : hidden;

	left : 0%;
	bottom : 0px;

	width : 100%;
	height : 50px;

    background : linear-gradient(top,#808080,#404040);
    background : -o-linear-gradient(top,#808080,#404040);
    background : -moz-linear-gradient(top,#808080,#404040);
    background : -webkit-gradient(linear,center top,center bottom,from(#808080),to(#404040));
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF808080',endColorstr='#FF404040');
}

/* アイコン領域 */
#icon
{
	position : absolute;
	overflow : hidden;

	top : 0px;
	left : 10px;

	width : 50px;
	height : 50px;
}

/* タイトル領域 */
#title
{
	position : absolute;
	overflow : hidden;

	top : 5px;
	left : 70px;

	width : auto;
	height : 24px;

	color : white;
	font-size : 24px;
}

/* バージョン領域 */
#version
{
	position : absolute;
	overflow : hidden;

	top : 30px;
	left : 70px;

	width : auto;
	height : 16px;

	color : white;
	font-size : 16px;
}

/* メニュー伸縮ボタン領域 */
#adjbtn
{
	position : absolute;
	overflow : hidden;

	width : 50px;
	height : 50px;
}

/* メニュー伸縮ボタン画像領域 */
#adjbtnimg
{
	position : absolute;
	overflow : hidden;

	left : 0%;
	top : 0%;

	width : 100%;
	height : 100%;
}

/* スクロールボタンクラス */
.scrbtn
{
	position : absolute;
	overflow : hidden;

	width : 50px;
	height : 50px;
}

/* スクロールボタン画像クラス */
.scrbtnimg
{
	position : absolute;
	overflow : hidden;

	left : 0%;
	top : 0%;

	width : 100%;
	height : 100%;
}

/* メニューボタン（非アクティブ）クラス */
.mnubtn_dea
{
	position : absolute;
	overflow : hidden;

	width : 100%;
	height : 60px;

    background : linear-gradient(top,#808080,#404040);
    background : -o-linear-gradient(top,#808080,#404040);
    background : -moz-linear-gradient(top,#808080,#404040);
    background : -webkit-gradient(linear,center top,center bottom,from(#808080),to(#404040));
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF808080',endColorstr='#FF404040');
}

/* メニューボタン（アクティブ）クラス */
.mnubtn_act
{
	position : absolute;
	overflow : hidden;

	width : 100%;
	height : 60px;

	background : linear-gradient(top,#A0E070,#408010);
	background : -o-linear-gradient(top,#A0E070,#408010);
	background : -moz-linear-gradient(top,#A0E070,#408010);
	background : -webkit-gradient(linear,center top,center bottom,from(#A0E070),to(#408010));
	filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFA0E070',endColorstr='#FF408010');
}

/* メニューボタン画像クラス */
.mnubtnimg
{
	position : absolute;
	overflow : hidden;

	top : 0%;
	right : 0%;

	width : auto;
	height : 100%;
}

/* メニューボタン文字クラス */
.mnubtntxt
{
	position : absolute;
	overflow : hidden;

	top : 20px;
	right : 70px;

	font-size : 18px;
}

/* コピーライト領域 */
#copyright
{
	position : absolute;
	overflow : hidden;

	top : 25px;
	right : 140px;

	width : auto;
	height : 20px;

	color : white;
	font-size : 16px;
}

/* ロゴ領域 */
#logo
{
	position : absolute;
	overflow : hidden;

	top : 6px;
	right : 6px;

	width : 125px;
	height : 38px;
}