@charset "UTF-8";

/* タグの初期化 */
body, h1, h2, h3, h4, p, form, hr, blockquote, ul, ol, li, dl, dt, dd 
{
	margin: 0px;
	padding: 0px;
}

/* ----------------------------------------------
	タグの置き換え
   ---------------------------------------------- */
body 
{
	font-size: 84%;
	font-family: メイリオ, ヒラギノ角ゴ Pro W3, sans-serif;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: #FFF;
}

/* ----------------------------------------------
	リンクタグの置き換え
   ---------------------------------------------- */
a
{
	color: #660033;
	font-size: 90%;
	line-height: 1.5;

}

a:link
{
	color: #CC3366;
	text-decoration: underline;
}
a:visited	{ color: #990033;								}
a:hover		{ color: #FF6699;	text-decoration: none;		}

strong
{
	font-weight: normal;
	font-size: 113%;	
}

/* ----------------------------------------------
	hrの置き換え
   ---------------------------------------------- */
hr 
{
	margin: 8px 0;
	border: 0;
	border-top: 1px dotted #E5E5E5;
	color: #FFF;
	clear: both;
}

/* ----------------------------------------------
	h1の置き換え
   ---------------------------------------------- */
h1 {
	font-size: 170%;
}

/* ----------------------------------------------
	h2の置き換え
   ---------------------------------------------- */
h2 {
	font-size: 113%;
	font-weight: bold;
}
/* ----------------------------------------------
	h4の置き換え
   ---------------------------------------------- */
h4 {
	font-size: 110%;
	font-weight: bold;
}

/* ----------------------------------------------
	ul, ul li, a imgの置き換え
   ---------------------------------------------- */
ul, ul li	{ list-style: none;	}

a img		{ border: none;	vertical-align: bottom;	}


/* ----------------------------------------------
	textareaの置き換え
   ---------------------------------------------- */
textarea{
	border: 1px #CC0000 solid;
	font-size : 8pt;
	color : black;
	width:635px;
	height:60px;
}



/* ----------------------------------------------
	トップのスペース
   ---------------------------------------------- */
#top-space
{
	background-color: #FAFAFA;
	font-size: 80%;
	text-align: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 2px;
	width: 100%;
	height: 23px;
/*	border: dotted 1px #000000;*/
}

/* ----------------------------------------------
	トップのバー
   ---------------------------------------------- */
#top-bar
{
	background-color: #CC3366;
	font-size: 80%;
	clear: both;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 20px;
/*	border: 1px green solid;*/
	border-top: 1px #CC0000solid;
	border-bottom: 1px #CC0000 solid;

}


/* ----------------------------------------------
	一番下のバー
   ---------------------------------------------- */
#under-bar
{
	background-color: #CC3366;
	text-align: left;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	width: 100%;
	height: 75px;
	border-top: 1px #CC0000 solid;
	border-bottom: 1px #CC0000 solid;

}

/* ----------------------------------------------
	一番下のスペース
   ---------------------------------------------- */
#under-space
{
	background-color: #FAFAFA;
	font-size: 80%;
	clear: both;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 50px;
}

/* ----------------------------------------------
	全てを囲むエリア
   ---------------------------------------------- */
#all
{
/*	background: #FFFFFF url('../img/background.jpg') repeat-x;*/
/*	background-color: #CCCCCC;*/
	clear: both;
	float: none;
	margin: 0px 0px 0px 5px;
	width: 100%;
	height: 100%;
}

/* ----------------------------------------------
	主にいじる場所
   ---------------------------------------------- */
#main
{
/*	background: #FFFFFF url('../img/background.jpg') repeat-x;*/
	background-color: #FFFFFF;
	clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 830px;
	height: 100%;
/*	border: dotted 1px #000000;*/

}

/* ----------------------------------------------
	アプリケーションタイトル
   ---------------------------------------------- */
#app-name
{
/*	background: #FFFFFF url('../img/background.jpg') repeat-x;*/
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 360px;
	height: 63px;
}

/* ----------------------------------------------
	アプリケーションタイトル
   ---------------------------------------------- */
#app-name-ads
{
/*	background: #FFFFFF url('../img/background.jpg') repeat-x;*/
	background-color: #CCCCCC;
	text-align: left;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 468px;
	height: 60px;
}

/* ----------------------------------------------
	アプリケーションの機能紹介
   ---------------------------------------------- */
#app-func
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
	width: 654px;
	height: auto;
}

/* ----------------------------------------------
	アプリケーションの機能紹介イメージ
   ---------------------------------------------- */
#app-func-img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
	width: 400px;
	height: auto;
}

/* ----------------------------------------------
	アプリケーションの機能紹介情報
   ---------------------------------------------- */
#app-func-info
{
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: 100%;
	line-height: 140%;
/*	color: #666666;*/
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	float: left;
	width: 234px;
	height: auto;
}

/* -------------------------------------------------------------------------------
	左側のリンクボックス
   ------------------------------------------------------------------------------- */

/* ----------------------------------------------
	左側のボックス
   ---------------------------------------------- */
#left-box
{
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 160px;
	height: auto;
	clear: both;
/*	border-right: 1px green solid;*/
}

/* ----------------------------------------------
	左側のボックスのトップのアド
   ---------------------------------------------- */
#left-box .top-ads
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: none;
	width: 160px;
	height: 600px;
}
/* ----------------------------------------------
	左側のボックスのトップタイトル
   ---------------------------------------------- */
#left-box .title-top
{
/*	background: #EEEEEE url('../img/MenuTop.jpg') no-repeat;*/
	background-color: #EEEEEE;
	margin: 0px 0px 0px 0px;
	padding: 1px 2px 0px 23px;
	text-align: right;
	float: none;
	width: 135px;
	height: 20px;
	border-bottom: 1px black solid;
}

/* ----------------------------------------------
	左側のボックスのミドルタイトル
   ---------------------------------------------- */
#left-box .title-middle
{
/*	background: #EEEEEE url('../img/MenuMiddle.jpg') no-repeat;*/
	background-color: #EEEEEE;
	margin: 0px 0px 0px 0px;
	padding: 1px 2px 0px 23px;
	text-align: right;
	float: none;
	width: 135px;
	height: 20px;
}

/* ----------------------------------------------
	左側のボックスのボトムタイトル
   ---------------------------------------------- */
#left-box .title-bottom
{
/*	background: #EEEEEE url('../img/MenuBottom.jpg') no-repeat;*/
	background-color: #EEEEEE;
	margin: 0px 0px 0px 0px;
	padding: 1px 2px 0px 23px;
	text-align: right;
	float: none;
	width: 135px;
	height: 20px;
	border-top: 1px black solid;

}

/* ----------------------------------------------
	左側のボックスのリンクのタイトル
   ---------------------------------------------- */
#left-box .link-area-title
{
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 1px 3px 0px 0px;
	text-align: right;
	font-size: 90%;
	float: none;
	width: 157px;
	height: auto;
	border-bottom: 1px black solid;
}

/* ----------------------------------------------
	左側のボックスのリンク
   ---------------------------------------------- */
#left-box .link-area
{
	background-color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	padding: 1px 3px 0px 0px;
	text-align: right;
	font-size: 90%;
	float: none;
	width: 157px;
	height: auto;
/*	border-right: 1px black solid;*/
}

/* -------------------------------------------------------------------------------
	内容を書くボックス
   ------------------------------------------------------------------------------- */

/* ----------------------------------------------
	内容を書くボックス
   ---------------------------------------------- */
#main-box
{
	background-color: #F0EEEE;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 7px;
	float: left;
	width: 656px;
	height: auto;
}

/* ----------------------------------------------
	ボックスのタイトル
   ---------------------------------------------- */
#main-box .main-box-title
{
/*	background-color: #CC9999;*/
	color: #333333;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	float: none;
	width: 646px;
	height: auto;
}

/* ----------------------------------------------
	メインボックス内のトップ
   ---------------------------------------------- */
#main-box .page-overview
{
	background-color: #FFFFFF;
	font-size: 100%;
	text-align: left;
	color: #000000;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	float: none;
	width: 646px;
	height: auto;
}

/* ----------------------------------------------
	helpHowToUseの機能BOX
   ---------------------------------------------- */
#main-box .htu-func-box
{
	background-color: #F0EEEE;
	font-size: 100%;
	text-align: left;
	color: #000000;
	margin: 3px 0px 3px 0px;
	float: none;
	width: 656px;
	height: auto;
}

/* ----------------------------------------------
	helpHowToUseの機能画像
   ---------------------------------------------- */
#main-box .htu-func-img
{
	background-color: #FFFFFF;
	font-size: 100%;
	text-align: left;
	color: #000000;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 500px;
	height: auto;
}

/* ----------------------------------------------
	helpHowToUseの機能情報
   ---------------------------------------------- */
#main-box .htu-func-text
{
	background-color: #FFFFFF;
	font-size: 100%;
	text-align: left;
	color: #000000;
	margin: 0px 0px 0px 5px;
	float: left;
	width: 151px;
	height: auto;
}

/* ----------------------------------------------
	機能のタイトル
   ---------------------------------------------- */
#main-box .func-title
{
	clear: both;
	background-color: #FFFFFF;
	font-size: 120%;
	text-align: left;
	color: #000000;
	margin: 0px 0px 0px 0px;
	float: none;
	width: 656px;
	height: auto;
	border-top: 1px black solid;
}

/* ----------------------------------------------
	ボックス内のコメントのタイトル
   ---------------------------------------------- */
#main-box .func-comment-title
{
	clear: both;
	background-color: #FFFFFF;
	font-size: 105%;
	text-align: left;
	color: #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	float: none;
	width: 646px;
	height: auto;
}

/* ----------------------------------------------
	ボックス内のコメント
   ---------------------------------------------- */
#main-box .func-comment
{
	clear: both;
	background-color: #FFFFFF;
	font-size: 90%;
	text-align: left;
	color: #777777;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 10px;
	float: none;
	width: 641px;
	height: auto;
}

/* ----------------------------------------------
	ボックス内のトップへ飛ぶジャンプボックス
   ---------------------------------------------- */
#main-box .jump-top
{
	font-size: 90%;
	text-align: right;
	color: #777777;
	margin: 0px 0px 10px 0px;
	float: left;
	width: 100%;
	height: auto;
}

/* ----------------------------------------------
	メインボックス内の機能イメージが入る場所
   ---------------------------------------------- */
#main-box .func-img-box
{
/*	background-color: #A3DF22;*/
	font-size: 90%;
	text-align: right;
	color: #777777;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 128px;
	height: auto;
}

/* ----------------------------------------------
	メインボックス内の機能イメージが入る場所
   ---------------------------------------------- */
#main-box .func-img
{
	font-size: 90%;
	text-align: center;
	color: #777777;
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	float: left;
	width: 128px;
	height: 96px;
	border: 1px black solid;

}

/* ----------------------------------------------
	メインボックス内の機能情報
   ---------------------------------------------- */
#main-box .func-info
{
	font-size: 98%;
	text-align: left;
	color: #666666;
	margin: 0px 0px 0px 5px;
	padding: 5px 1px 1px 5px;
	float: left;
	width: 431px;
	height: 100%;
/*	border: 1px black solid;*/

}

/* ----------------------------------------------
	ダウンロードボックス
   ---------------------------------------------- */
#main-box .dl-box
{
	font-size: 130%;
	text-align: left;
	color: #666666;
	margin: 0px 0px 0px 5px;
	padding: 2px 0px 2px 0px;
	float: left;
	width: 625px;
	height: 100%;
/*	border: 1px black solid;*/

}



/* -------------------------------------------------------------------------------
	フッター
   ------------------------------------------------------------------------------- */

/* ----------------------------------------------
	フッター
   ---------------------------------------------- */
#footer
{
	background-color: #EEEEEE;
	margin: 0px 0px 0px 0px;
	float: none;
	width: 827px;
	height: 30px;
}