﻿/* トップページ用のスタイルシート */
/* =======共通====== */
*{
	margin:0;
	padding:0;
}
a:link{
	color:#0000ff;
	background-color:transparent;
	text-decoration:underline;
}
a:visited{
	color:#840084;
	background-color:transparent;
	text-decoration:underline;
}
a:hover,a:active{
	color:#ff0000;
	background-color:#FFEAEA;
	text-decoration:none;
}
/* 回り込みの解除 */
.clear{
	margin:0;
	padding:0;
	clear:both;
}
/* フォント極小 */
.ssfont{
	font-size:70%;
	font-style:normal;
}
/* フォント小 */
.sfont{
	font-size:80%;
	font-style:normal;
}
/* フォント大 */
.bfont{
	font-size:110%;
	font-weight:bold;
}
.rightbold{
	font-weight:bold;
	text-align:right;
	margin-right:5px;
	margin-left:5px;
}
/*=====ボディ内=====*/
body{
	color:#000000;
	background-color:#ffffff;
	font:normal normal normal 100%/1.2 "Osaka","MS Pゴシック",monospace;
	margin:10px;
}
/* 見出し*/
h1{
	text-align:center;
	font-size:120%;
	font-style:normal;
	color:#ffffff;
	background-color:transparent;
	border-width:0px;
	border-style:none;
	float:left;
}
/* 段落センタリング */
p.center{
	text-align:center;
	font-size:80%;
	color:#000000;
	background-color:transparent;
	margin-left:0px;
	padding:0px 0px;
	clear:both;
}
/* 段落右寄せ */
p.right{
	text-align:right;
	font-size:80%;
	color:#000000;
	background-color:transparent;
	margin-left:0px;
	padding:0px 0px;
	float:right;
}
/* 段落スペース */
p.space{
	background-color:transparent;
	margin-top:0.8em;
	clear:both;
}
img{
	text-align:center;
	vertical-align:middle;
	border-style:none;
	border-width:0px;
	padding:0px;
}
hr{
	margin:0px;
	padding:0px;
	border-style:none;
	border-width:0px;
	display:none;
}
/*=====head======*/
DIV#HeadContentsArea{
	margin:2px 0px 0px;
	padding:0px;
	width:100%;
	height:48px;
	background-color:#ffffff;
	border-style:solid;
	border-width:1px 1px 5px;
	border-color:#334CCC;
}
/* HEAD部:LIST */
div#HeadContentsArea ul{
	text-align:right;
	font-size:75%;
	color:#000000;
	margin:1px;
	padding:1px 10px 2px;
	background-color:transparent;
	border-color:#334CCC;
	border-width:0px 0px 1px;
	border-style:dotted;
	float:right;
}
/* HEAD部：LISTインライン */
div#HeadContentsArea ul li{
	display:inline;
	margin:1px;
	padding:1px;
	background-color:transparent;
	border-style:none;
}
/* HEAD部：image */
div#HeadContentsArea img{
	margin:0px;
	border-style:none;
}
/* HEAD部：段落 */
div#HeadContentsArea p{
	clear:right;
	margin:2px;
	text-align:left;
	font-size:75%;
	color:#000080;
	padding:1px;
}

/*===contents（大枠）======*/
div#ContentsArea{
	margin-top:0px;
	border-width:1px 1px;
	border-style:solid;
	border-color:#334CCC;
	padding:0px 0px;
	background-image:url("../images/bg_left3.gif");
	background-repeat:repeat-y;
	width:100%;
	float:none;
}
/* 大枠部：強調テキスト(囲み文字)ピンク */
div#ContentsArea em{
	font-size:60%;
	color:#c71585;
	font-style:normal;
	vertical-align:middle;
	text-align:center;
	margin-right:1px;
	padding:1px 1px;
	background-color:#ffc0cb;
	border-color:#c71585;
	border-width:1px;
	border-style:solid;
}
/* 大枠部：強調テキスト(囲み文字)ブルー */
div#ContentsArea em.link{
	font-size:70%;
	color:#000000;
	font-style:normal;
	vertical-align:middle;
	text-align:right;
	margin-right:1px;
	padding:2px 1px;
	background-color:#ADD8E6;
	border-color:#4169e1;
	border-width:1px;
	border-style:solid;
	float:right;
}
/* ====left:左枠=== */
div#leftContentsArea{
	width:190px;
	position:absolute;
	left:11px;
	right:auto;
	top:auto;
	bottom:auto;
	padding:0px;
	border-style:none;
	background-color:transparent;
}
/* 左枠部：イメージ */
div#leftContentsArea img{
	margin:2px;
	border-width:0px;
}
/* 左枠部：イメージ（天気マーク）*/
div#leftContentsArea img.tenki{
	margin:5px 1px 5px 1px;
	border-width:0px;
	width:40px;
	height:30px;
	float:left;
	vertical-align:middle;
}
/* 左枠部：イメージ（左寄せ）*/
div#leftContentsArea img.left{
	margin:5px 1px 5px 1px;
	border-width:0px;
	float:left;
	vertical-align:middle;
}
/* 左枠部：リスト */
div#leftContentsArea ul{
	margin:0px;
	padding:0px;
	list-style-type:disc;
	list-style-position:outside;
	background-color:#ffffff;
}
div#leftContentsArea ul.li{
	margin:0px;
	padding:0px;
}
/* 左枠部:リスト（インライン） */
div#leftContentsArea ul.line{
	font-size:80%;
	margin:0px 1px 2px 5px;
	padding:1px 1px 1px 15px;
	border-style:none;
	background-color:transparent;
}
/* 左枠部:リスト（インライン） */
div#leftContentsArea ul.line li{
	display:inline;
	text-align:center;
	margin:1px 2px 1px 2px;
	border-style:none;
}
/* 左枠部:リスト（□青） */
div#leftContentsArea ul.list1{
	list-style-type:disc;
	list-style-position:inside;
	list-style-image:url("../images/listmark1.gif");
	font-size:90%;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:1px;
	padding:1px;
	border-width:1px;
	border-color:#b0c4de;
	border-style:solid;
	clear:both;
}
/* 左枠部:リスト（□赤） */
div#leftContentsArea ul.list2{
	list-style-type:disc;
	list-style-position:inside;
	list-style-image:url("../images/listmark2.gif");
	font-size:90%;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:1px;
	margin-left:2px;
	padding:1px;
	border-width:1px;
	border-color:#b0c4de;
	border-style:solid;
	clear:both;
}
/* 左枠部:リスト（△青） */
div#leftContentsArea ul.link{
	list-style-type:disc;
	list-style-position:inside;
	list-style-image:url("../images/limark2.gif");
	font-size:90%;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:1px;
	margin-left:2px;
	padding:1px;
	border-width:1px;
	border-color:#b0c4de;
	border-style:solid;
	clear:both;
}
/*  左枠部:リスト（△赤） */
div#leftContentsArea ul.link2{
	list-style-type:disc;
	list-style-position:inside;
	list-style-image:url("../images/limark1.gif");
	font-size:90%;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:1px;
	margin-left:2px;
	padding:1px;
	border-width:1px;
	border-color:#b0c4de;
	border-style:solid;
	clear:both;
}
/*  左枠部:リスト（真赤） */
div#leftContentsArea ul.link3{
	list-style-type:disc;
	list-style-position:inside;
	list-style-image:url("../images/listmark4.gif");
	font-size:90%;
	margin-top:2px;
	margin-bottom:2px;
	margin-right:1px;
	margin-left:2px;
	padding:1px;
	border-width:1px;
	border-color:#b0c4de;
	border-style:solid;
	clear:both;
}
/* 左枠部:見出しH2 */
div#leftContentsArea h2{
	text-align:left;
	font-size:100%;
	color:#FFFFEE;
	margin:2px 0px 2px;
	padding:2px;
	background-color:#6495ED;
	background-image:url("../images/bg_lh2.gif");
	background-repeat:repeat-x;
	border-width:1px 1px 0px 6px;
	border-color:#334CCC;
	border-style:solid;
}
/* 左枠部:見出しH3 */
div#leftContentsArea h3{
	text-align:left;
	font-size:90%;
	color:#333333;
	margin:1px 1px 0px 2px;
	padding:1px 2px;
	background-color:#ffefd5;
	border-width:1px 1px 0px 6px;
	border-color:#ffcc99;
	border-style:solid;
	clear:both;
}
/* 左枠部:段落（右寄せ） */
div#leftContentsArea p.caption{
	text-align:right;
	font-size:80%;
	color:#000000;
	background-color:transparent;
	margin-left:20px;
	padding:1px 2px;
}
/* ===天気枠===*/
div#tenki{
	padding:2px 0px;
	margin:0px 1px 4px 2px;
	padding:1px;
	background-color:#ffffff;
	border-width:0px 1px 1px 1px;
	border-color:#ffcc99;
	border-style:solid;
}
/* 天気枠：listマークなし */
div#tenki ul.tenki{
	list-style-type:none;
	list-style-position:outside;
	font-size:80%;
	padding:1px;
	margin-bottom:1px;
	margin-left:46px;
	border-style:none;
	background-color:#ffffff;
}
/* 天気枠：LIST：△赤 */
div#tenki ul.sun{
	list-style-type:disc;
	list-style-position:inside;
	list-style-image:url("../images/limark1.gif");
	font-size:80%;
	margin:0px 1px 1px 18px;
	background-color:#ffffff;
	border-style:none;
}
div#link{
	padding:2px;
	margin:2px 2px;
	background-color:#ffffFE;
	border-width:1px;
	border-color:#000080;
	border-style:solid;
}
div#link2{
	padding:2px;
	margin:2px 2px;
	background-color:#ffffff;
	border-width:2px;
	border-color:#000080;
	border-style:solid;
}
/*===middle:中枠================*/
div#middleContentsArea{
	margin-left:192px;
	margin-right:274px;
	padding:1px;
	border-style:none;
}
/* 中枠：リストお知らせ */
div#middleContentsArea ul.info{
	list-style-type:disc;
	list-style-position:outside;
	list-style-image:url("../images/listmark4.gif");
	font-size:90%;
	margin-top:2px;
	margin-left:10px;
	margin-bottom:5px;
	margin-right:0px;
	padding:4px 1px 4px 10px;
	border-color:#008080;
	border-style:none;
}
/* 中枠：リストお知らせ要素 */
div#middleContentsArea ul.info li{
	margin:2px 0px;
}
/* 中枠：リストインライン */
div#middleContentsArea ul.line{
	list-style-type:none;
	list-style-position:outside;
	font-size:90%;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:1px;
	margin-left:5px;
	padding:2px;
	border-style:none;
}
/* 中枠：リストインライン要素 */
div#middleContentsArea ul.line li{
	display:inline;
	margin:1px 2px;
	border-style:none;
}
/* 中枠：リスト（□青） */
div#middleContentsArea ul.list1{
	list-style-type:disc;
	list-style-position:outside;
	list-style-image:url("../images/listmark1.gif");
	font-size:90%;
	margin-top:2px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:10px;
	padding:2px 1px 2px 10px;
	border-style:none;
}
/*  中枠:リスト（□赤） */
div#middleContentsArea ul.list2{
	list-style-type:disc;
	list-style-position:outside;
	list-style-image:url("../images/listmark2.gif");
	font-size:90%;
	margin-top:2px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:10px;
	padding:2px 1px 2px 10px;
	border-style:none;
}
/*  中枠:リスト（△青） */
div#middleContentsArea ul.link1{
	list-style-type:disc;
	list-style-position:outside;
	list-style-image:url("../images/limark2.gif");
	font-size:90%;
	margin-top:2px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:10px;
	padding:2px 10px;
	border-style:none;
}
/*  中枠:リスト（△赤） */
div#middleContentsArea ul.link2{
	list-style-type:disc;
	list-style-position:outside;
	list-style-image:url("../images/limark1.gif");
	font-size:90%;
	margin-top:2px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:10px;
	padding:2px 10px;
	border-width:1px 0px 0px 1px;
	border-style:none;
}
/*  中枠:見出しH2 */
div#middleContentsArea h2{
	text-align:left;
	font-size:100%;
	letter-spacing:0.2em;
	color:#FFFFF0;
	margin:1px 2px;
	padding:2px;
	background-color:#6495ED;
	background-image:url("../images/bg_lh2.gif");
	background-repeat:repeat-x;
	border-width:1px 1px 1px 10px;
	border-color:#334CCC;
	border-style:solid;
}
/*  中枠:見出しH3 */
/* middle部H3 */
div#middleContentsArea h3{
	text-align:left;
	font-size:90%;
	letter-spacing:0.2em;
	color:#333333;
	margin-left:5px;
	margin-right:0px;
	padding:2px 1px 2px 5px;
	background-color:#F0F8FF;
	border-width:1px 1px 1px 5px;
	border-color:#4169E1;
	border-style:solid;
}
/*===右枠：right===================*/
div#rightContentsArea{
	position:absolute;
	left:auto;
	right:11px;
	top:auto;
	bottom:auto;
	margin-left:0px;
	margin-right:0px;
	width:260px;
	padding:0px;
	float:right;
}
/* 右枠：リスト*/
div#rightContentsArea ul{
	list-style-type:disc;
	list-style-position:outside;
	border-width:0px 1px 1px;
	border-color:#6E9966;
	border-style:solid;
}
/* 右枠：リストインライン*/
div#rightContentsArea ul.line{
	font-size:85%;
	margin-left:10px;
	margin-right:0px;
	background-color:#ffffff;
}
/* 右枠：リストインライン要素 */
div#rightContentsArea ul.line li{
	display:inline;
}
/* 右枠：リストイメージ */
div#rightContentsArea ul.image{
	list-style-position:outside;
	list-style-type:none;
	font-size:70%;
	text-align:center;
	color:#000000;
	margin:0px 1px 4px 1px;
	padding:1px;
	background-color:transparent;
	border-width:0px 1px 1px 1px;
	border-color:#6E9966;
	border-style:solid;
}
/* 右枠：見出しH2 */
div#rightContentsArea h2{
	text-align:left;
	font-size:100%;
	letter-spacing:0.2em;
	color:#FFFFFF;
	margin:2px 1px 0px 1px;
	padding:2px 2px;
	background-color:#9ED379;
	background-image:url("../images/bg_lh1.gif");
	border-width:1px 1px 0px 10px;
	border-color:#6E9966;
	border-style:solid;
}

div.link3{
	text-align:left;
	font-size:80%;
	padding:2px;
	margin:5px 1px;
	background-color:#FFFFFF;
	border-width:1px;
	border-color:#4682b4;
	border-style:dotted;
}
/*===foot:フッター==================*/
div#footArea{
	border-width:2px 0px 0px;
	border-color:#334CCC;
	border-style:solid;
}
div#footArea ul{
	list-style-type:disc;
	list-style-position:inside;
	list-style-image:url("../images/listmark2.gif");
	text-align:left;
	font-size:80%;
	color:#000000;
	border-width:1px 1px 1px;
	border-color:#334CCC;
	border-style:solid;
	margin:1px 0px 2px 0px;
	padding:2px 10px 2px 20px;
}
div#footArea ul.line{
	text-align:right;
	list-style-position:outside;
	font-size:80%;
	color:#000000;
	background-color:transparent;
	border-width:1px 1px 1px;
	border-color:#334CCC;
	border-style:solid;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#footArea ul.line li{
	display:inline;
	border-width:0px 0px 0px 1px;
	border-color:#334CCC;
	border-style:solid;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 5px;
}
