@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;
	line-height: 120%;
}

/* ----------------------------------------------
	リンクタグの置き換え
   ---------------------------------------------- */
a
{
	color: #656565;
	font-size: 90%;
}

a:link
{
	color: #3A5AE6;
	text-decoration: underline;
}
a:visited	{ color: #9700AD;								}
a:hover		{ color: #FF6600;	text-decoration: none;		}

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

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

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

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

/* ----------------------------------------------
	h1の置き換え
   ---------------------------------------------- */
h1 {
	font-size: 180%;
	font-weight: normal;
	line-height: 110%;
}

/* ----------------------------------------------
	h2の置き換え
   ---------------------------------------------- */
h2 {
	font-size: 140%;
}

/* ----------------------------------------------
	h3の置き換え
   ---------------------------------------------- */
h3 {
	font-size: 100%;
}

/* ----------------------------------------------
	h3の置き換え
   ---------------------------------------------- */
h4 {
	font-size: 100%;
}

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

/* ----------------------------------------------
	トップのスペース
   ---------------------------------------------- */
#top-space
{
	background-color: white;
	color: #BF3600;
	font-size: 80%;
	text-align: left;
	float: left;
	clear: both;
	margin: 0px 0px 0px 5px;
	padding: 3px 0px 0px 4px;
	width: 836px;
	height: 17px;
/*	border: dotted 1px #000000;*/
}

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

/* ----------------------------------------------
	主にいじる場所
   ---------------------------------------------- */
#main
{
	background: #EEEEEE;
	clear: both;
	float: left;
	margin: 0px 0px 0px 5px;
	width: 840px;
	height: 100%;
/*	border: dotted 1px #000000;*/

}

/* ----------------------------------------------
	トップのロゴ
   ---------------------------------------------- */
#top-logo-box
{
	color: #FF6600;
	background: white;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 7px 5px;
	float: left;
	width: 835px;
	height: auto;
}

/* ----------------------------------------------
	トップのロゴ
   ---------------------------------------------- */
#top-logo
{
	color: #FF6600;
	background: white;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 150px;
	height: 60px;
}

/* ----------------------------------------------
	トップのロゴ横のサブタイトル
   ---------------------------------------------- */
#top-logo-subtitle
{
	color: black;/*#DD7C3B;*/
	background: white;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 34px 0px 0px 0px;
	float: left;
	width: 400px;
	height: auto;
	vertical-align: bottom;
}

/* -------------------------------------------------------------------------------
	内容を書くボックス(変更可能のエリア)
   ------------------------------------------------------------------------------- */
#main-box
{
	background-color: white;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	float: left;
	width: 836px;
	height: auto;
}

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

/* ----------------------------------------------
	フッター
   ---------------------------------------------- */
#footer
{
	background-color: white;
	font-size: 80%;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 16px;
	width: 824px;
	height: 30px;
}

/* -------------------------------------------------------------------------------
	左のエリア
   ------------------------------------------------------------------------------- */

/* ----------------------------------------------
	左のエリア
   ---------------------------------------------- */
#left-scope
{
	font-size: 90%;
	text-align: left;
	background-color: white;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	clear: both;
	width: 212px;
	border: 1px #C8CDDE solid;
}

/* ----------------------------------------------
	左のエリアのメニュータイトル
   ---------------------------------------------- */
div.leftScopeTitle
{
	font-size: 140%;
	font-weight: bold;
	text-align: left;
	color: white;
	background-color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 10px;
	float: left;
	clear: both;
/*	height: 17px;*/
	height: auto;
	width: 202px;
}

/* ----------------------------------------------
	左のエリアのリンクエリア
   ---------------------------------------------- */
div.leftScopeLink
{
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 10px;
	float: none;
	width: 192px;
}

/* ----------------------------------------------
	下アドエリア
   ---------------------------------------------- */
div.adsUnderScope
{
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	float: none;
	clear: both;
	width: 600px;
	height: 250px;
}

/* ----------------------------------------------
	下アドボックス
   ---------------------------------------------- */
div.adsUnderBox
{
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 300px;
	height: 250px;
}

/* ----------------------------------------------
	左アドボックス
   ---------------------------------------------- */
div.adsLeftBox
{
	text-align: left;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	float: none;
	width: 180px;
	height: 150px;
}

/* -------------------------------------------------------------------------------
	右側のエリア
   ------------------------------------------------------------------------------- */

/* ----------------------------------------------
	右側のエリア
   ---------------------------------------------- */
#right-scope
{
	font-size: 90%;
	text-align: left;
	background-color: white;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 603px;
	height: auto;
	border-left: 1px #C8CDDE solid;
	border-right: 1px #C8CDDE solid;
	border-bottom: 1px #C8CDDE solid;
}

/* ----------------------------------------------
	フッターよりしたのエリア
   ---------------------------------------------- */
#under-area
{
	color: black;
	font-size: 90%;
	text-align: left;
	background-color: white;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: none;
	clear: both;
	width: 830px;
	height: auto;
}

/* ----------------------------------------------
	ページのタイトル
   ---------------------------------------------- */
#page-title
{
	width: 593px;
	background: white;
	color: #003399;
	border-top-color: #C8CDDE;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 5px 5px 0px 5px;
	margin: 0 0 10px 0;
}

/* ----------------------------------------------
	ページのサブタイトル
   ---------------------------------------------- */
div.aadsScopeTitle
{
	width: 593px;
	background: white;
	color: #008097;
	border-top-color: #C8CDDE;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 5px 5px 0px 5px;
	margin: 0 0 10px 0;
}

/* ----------------------------------------------
	プログラムエリア
   ---------------------------------------------- */
pre.aadsPgScope
{
	width: 593px;
	background: #dddddd;
	border-top-color: #C8CDDE;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 5px 5px 0px 5px;
	margin: 0 0 10px 0;
}

/* ----------------------------------------------
	テキストエリア
   ---------------------------------------------- */
div.aadsTexScope
{
	width: 593px;
	background: white;
	border-top-color: #C8CDDE;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 5px 5px 0px 5px;
	margin: 0 0 10px 0;
}

/* ----------------------------------------------
	イメージエリア
   ---------------------------------------------- */
div.aadsImgScope
{
	width: 593px;
	background: white;
	border-top-color: #C8CDDE;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 5px 5px 0px 5px;
	margin: 0 0 10px 0;
}