/*============================================
// タグ指定レイアウト基本
============================================*/

/* h3 レイアウト */
h3
{
    margin-top: 4px;
    margin-bottom: 4px;
}

/* h4 レイアウト */
h4
{
    margin-top: 4px;
    margin-bottom: 4px;
}

/* p レイアウト */
p
{
    text-indent: 1em;
}

/* ulレイアウト */
ul
{
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 24px;
}

/* li レイアウト */
li
{
    margin-top: 2px;
    margin-bottom: 2px;
}

/* dl, dt レイアウト */
dl, dt
{
    margin-top: 2px;
    margin-bottom: 2px;
}

/* dd レイアウト */
dd
{
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 24px;
}

/* caption レイアウト */
caption
{
    padding-top:2px;
    padding-bottom:2px;
}

/* ブロック引用の基本スタイル */
blockquote
{
    overflow:hidden;
    padding:4px;
}

/*============================================
// タグ指定装飾基本
============================================*/

/* ページ共通リンク */
a
{
    font-weight: bold;
}
a:hover
{
    color: #ff0000;
}

/* h4 レイアウト */
h4
{
}

/* dt 装飾 */
dt
{
    font-weight:700;
}

/* イメージの基本スタイル */
img
{
    border: 0px;
}

/* ブロック引用の基本スタイル */
blockquote
{
    border: 1px #0066CC solid;
    background:#f8f8ff;
}
/* 強調 */
em
{
    font-weight: bolder;
}
/* コード */
code
{
 font-family:ＭＳ ゴシック;
 font-size:inherit;
 
}

/*============================================
// テンプレート指定レイアウト
============================================*/

/*///// ページ全体 /////*/

/* ページ全体 */
#PageMain
{
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
	background-image : url("../images/template_mainbackground.jpg");
	font-size: small;
	line-height: 140%;
}

/* ページ解析用エリア */
#PageAnalysisArea
{
 height:0px;
 position:absolute;
 top: -200px;
 display:none;
}

/* ページ解析用イメージ */
.AnalysisImage
{
 border-width : 0px;
 width: 0px;
 height:0px;
}

/*////////// ヘッダー //////////*/

/* ヘッダー全体 */
#HeaderWhole
{
 overflow: hidden;
}

/* ヘッダーエリア */
#HeaderArea
{
	height: 54px;
	overflow: hidden;
	
	background-color: white;
}

/* ヘッダータイトルエリア */
#HeaderTitleArea
{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
 margin: 0px 0px 0px 0px;
 float: left;
 width: 100%;
}
#HeaderTitleAreaInner
{
 margin: 0px 280px 0px 0px;
}

/* ヘッダータイトル */
#HeaderTitle
{
	padding-left: 8px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 0px;
	line-height:normal;

	font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
	font-style: italic;
	font-size: 44px;
	color: White;
}

/* ヘッダータイトル リンク */
#HeaderTitle a
{
	color: White;
	text-decoration: none;
	border: 0px;
}
#HeaderTitle a:hover
{
	color: White;
	text-decoration: none;
	border: 0px;
}

/* Google 検索エリア */
#GoogleSearchArea
{
 text-align:right;
 width:280px;
 float:left;
 margin-left: -280px;
}

/* ヘッダーナビゲートバー */
#HeaderNavigateBar
{
 height: 25px;
 overflow: hidden;
 vertical-align: middle;
 clear:both;

 background-image : url("../images/template_header_navigatebar.png");
}

/* ヘッダーナビゲートエリア */
#HeaderNavigateArea
{
	overflow: hidden;
	vertical-align: bottom;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 4px;
	height: 25px;
	padding-top: 0px;

	font-size: small;
}

/* ヘッダーナビゲートエリア ul */
#HeaderNavigateArea ul
{
	display: inline;

	list-style-type: none;
}

/* ヘッダーナビゲートエリア li */
#HeaderNavigateArea li
{
	float: left;
	display: inline;
	margin-top: 4px;
	margin-right: 2px;
	margin-left: 0px;

	font-size: small;
	font-weight: bold;
}

/* ヘッダーナビゲートエリア a */
div#HeaderNavigateArea a
{
	padding-left: 4px;
	padding-right: 4px;

	color: #ffffff;
	text-decoration: none;
	border-left: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	font-size: small;
}
div#HeaderNavigateArea a:visited
{
	color: #ffffff;
	font-size: small;
}
div#HeaderNavigateArea a:hover
{
	top: -1px;

	color: #FFFF00;
	background-color: #9966cc;
	font-size: small;
	border-bottom-color: #FFFF00;
	border-bottom: 3px #ffff00 double;
}

/*////////// コンテンツエリア全体 //////////*/

/* コンテンツエリア */
#ContentsArea
{
 text-align: left;
 margin-top : 10px;
 margin-left : 10px;
 margin-right : 10px;
 
	/* 最新ブラウザ */
 /*display:table;*/
}

/*////////// コンテンツ左エリア //////////*/

/* 左エリア */
#LeftContentsArea
{
	vertical-align:top;
	width:0px;

	/* 最新ブラウザ */
 /*display:table-cell;*/
 
 /* IE6,7 */
 float:left; 
 margin-right: -0px;
}
.LeftContentsBlock
{
	margin-bottom: 4px;

	background-color: #ffffff;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #0066ff;
}
.LeftContentsBlockHeader
{
	padding: 2px;
	white-space: nowrap;

	border-style: solid;
	border-width: 1px 16px 1px 16px;
	border-color: #3366ff;
	text-align: center;
}
.LeftContentsBlockBody
{
	vertical-align:top;
}

/*////////// コンテンツ中央エリア //////////*/

/* 中央エリア */
#CenterContentsArea
{
	vertical-align:top;
 padding-left:8px;
 padding-right:8px;
 width: 99%;
 
	/* 最新ブラウザ */
 /*display:table-cell;*/
 
 /* IE6,7 */
 float:left;
}
#CenterContentsAreaInner
{
 /* IE6,7 */
 margin: 0px 178px 0px 0px
}

/* ページコンテンツセクションエリア */
#PageContentSection
{
 margin-bottom: 4px;

 border: 1px #0066CC solid;
 background:white;
 padding: 2px 2px 2px 2px;
}

/* ページタイトルエリア */
#PageTitleArea
{
 border: 6px double #ffffff;
 background-color: #0000cc;
 padding: 4px;
}
/* ページタイトル */
#PageTitle
{
 margin-top: 4px;
 margin-bottom: 4px;
 padding-top: 0px;
 padding-bottom: 0px;
	line-height:normal;
 text-align : center;

 font-size: x-large;
 color : #ffffff;
}

/* ヘッダー更新日時エリア */
#HeaderUpdateDateArea
{
	text-align: right;
	vertical-align: middle;
	padding-right: 4px;

	font-size: small;
}


.CenterContentsBlock
{
	margin-bottom: 16px;
	margin-left: 4px;
	margin-right: 4px;
}
.CenterContentsBlockHeader
{
	text-align:left;
	white-space: nowrap;
	padding: 4px;
	margin-top: 0px;
	margin-bottom: 0px;

	font-size: medium;
	font-weight: bold;
	background-color: #f0f4ff;
	border-style: solid;
	border-width: 1px 16px 1px 16px;
	border-color: #3366ff #3366ff #3366ff #3366ff;
}
.CenterContentsBlockBody
{
	padding: 4px;

	background-color: #ffffff;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #e0e8ff;
}


/* Tips 内容区切りエリア */
.ParagraphBox
{
	width: 99%;
	margin-top:0px;
	margin-bottom:8px;
	border-bottom: 1px #f0f0f0 solid;
	vertical-align:top;
	display:inline-block; /* オンライン設定 */
	/*display:table-cell; /* 編集時 */
}

/*////////// コンテンツ右エリア //////////*/

/* 右エリア */
#RightContentsArea
{
	vertical-align:top;
	width:170px;

	/* 最新ブラウザ */
 /*display:table-cell;*/
 
 /* IE6,7 */
 float:left;
 margin-left: -174px;
}
.RightContentsBlock
{
	margin-bottom: 8px;
}
.RightContentsBlockHeader
{
	text-align: center;
	padding: 2px;
	white-space: nowrap;

	background-color: #f0f4ff;
	border-style: solid;
	border-width: 1px 16px 1px 16px;
	border-color: #3366ff;
}
.RightContentsBlockBody
{
	padding: 4px;

	background-color: #ffffff;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #0066ff;
}


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

/* フッター全体 */
#FooterWhole
{
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 0px;

	background-color: #eeeeff;
	border-width: medium;
	border-color: #ccccff;
	border-top-style: solid;
}

/* フッターマスターナビデートエリア */
#FooterMasterNavigateArea
{
 margin-top:4px;
 float: left;
 width: 99%;
}

/* フッターナビゲートエリア */
#FooterNavigateArea
{
 text-align: center;
}
/* フッターナビゲートエリア  ul*/
#FooterNavigateArea ul
{
 list-style-type: none;
 display: inline;
}
/* フッターナビゲートエリア li */
#FooterNavigateArea li
{
 padding: 0px;
 display: inline;
 margin-right: 4px;
 margin-left: 4px;

 font-size: small;
}
/* フッターナビゲートエリア a */
div#FooterNavigateArea a:hover
{
 border-width: 0px;
}

/* フッター著作権エリア */
#FooterCopyrightArea
{
 text-align: center;
 white-space: nowrap;
}

/* フッターページトップ移動 */
#FooterToPageTop
{
 float: left;
 width: 100px;
 margin-left: -100px;

 border: thin dashed #ccccFF;
}

/* ページ解析用エリア */
#FooterPageAnalysisArea
{
 height:0px;
 position:absolute;
 top: -200px;
 display:none;
}


/*////////// その他 //////////*/

/* Google Adsence エリア */
.GoogleAdsenceArea
{
 text-align:center;
 margin-top:4px;
 margin-bottom:4px;
}