@charset "Shift_JIS";



/*	スタイルシート　[ しまのサポーター：トップページ用 ]

=================================================================== */

/* 再定義 */

/* ※※※※※※　各領域定義　※※※※※※

/*	全体枠組み

=================================================================== */

div#Container {

	font-size: 90%;

	margin: 0 auto;

	padding: 0;

	text-align: left;

	width: 900px;

}



/*	ヘッダ枠組み

=================================================================== */

div#areaHeaderAll {

	margin: 0;

	padding: 0;

	width: 100%;

}



div#areaHeader {

	margin: 10px 10px 5px 5px;

	padding: 0;

	width: 885px;

}

div#areaHeader p {

	float: left;

	font-size: 12px;

	margin: 0 20px 0 0;

}

div#Header {

	float: right;

	margin: 0;

	padding: 0;

	width: 400px;

}

/* フラッシュ */

div#HeaderImage div#flash {

	background-color: #FFFFFF;

	height: 200px;

	width: 900px;

}

div#HeaderImage div#flash p#flash_ttl {

	font-size: 130%;

	font-weight: bold;

	padding: 20px;

}

div#HeaderImage div#flash p#java {

	font-size: 90%;

	padding: 0 0 0 20px;

}

/* 検索 */

div#areaHeader div#Header div#searchBox {

	float: right;

	margin: 0;

	padding: 0;

}

div#areaHeader div#Header div#searchBox form {

	margin: 0;

	padding: 0;

}

div#areaHeader div#Header div#searchBox form label img {

	vertical-align: top;

}

/* グローバルナビ 

div#areaHeaderAll div#areaNavigation {

	background-color: #fff;

	border-bottom: #d7dbe3 1px solid;

	padding: 0 0 1px 0;

}

div#areaHeaderAll div#areaNavigation div#Navigation {

	background: url(../images/back_navi.jpg) repeat-x;

	height: 35px;

	width: 900px;

}

div#areaHeaderAll div#areaNavigation div#Navigation ul {

	list-style: none;

	margin: 0;

	padding: 0 0 0 11px;

}

div#areaHeaderAll div#areaNavigation div#Navigation ul li {

	float: left;

	margin: 0;

	padding: 0;

}

div#areaHeaderAll div#areaNavigation div#Navigation ul li img {

	vertical-align: bottom;

}*/

/*	コンテンツ枠組み

=================================================================== */

div#areaContents {

	background-color: #fff;

	margin: 0;

	padding: 15px 0;

	width: 100%;

}

/*	コンテンツ枠組み　左領域

=================================================================== */

div#Contents {

	float: left;

	margin: 0;

	padding: 0;

	width: 670px;

}

/* 左領域　メインコンテンツ（中央）

=================================================================== */

div#MainContents {

	float: right;

	margin: 0;

	padding: 0;

	width: 330px;

}

/* ブログ領域 */

div#MainContents div.topMain {

	border: #ccc 1px solid;

	margin: 0;

	padding: 0;

	width: 328px;

	_width: 330px; /* ie6 */

}

/* h3 */

div#MainContents div.topMain div.topMain_h3 {

	margin: 3px 2px;

}

div#MainContents div.topMain div.topMain_h3 h3 {

	margin: 0;

	padding: 0;

}

div#MainContents div.topMain ul {

	list-style: none;

	margin: 0;

	padding: 5px 5px 10px 5px;

}

div#MainContents div.topMain ul li {

	border-bottom: #999 1px dotted;

	padding: 5px;

}



/* ブログ領域(新着情報) */

div#MainContents div.topMain2 {

	border: #ccc 1px solid;

	margin: 10px 0 0 0;

	padding: 0;

	width: 328px;

	_width: 330px; /* ie6 */

}

/* h3 */

div#MainContents div.topMain2 div.topMain_h3 {

	margin: 3px 2px;

}

div#MainContents div.topMain2 div.topMain_h3 h3 {

	margin: 0;

	padding: 0;

}

div#MainContents div.topMain2 ul {

	list-style: none;

	margin: 0;

	padding: 5px 5px 10px 5px;

}

div#MainContents div.topMain2 ul li {

	border-bottom: #999 1px dotted;

	padding: 5px;

}



/* 左領域　サイドコンテンツ（左）

=================================================================== */

div#SideContentsL {

	float: left;

	margin: 0 10px;

	padding: 0;

	width: 320px;

	_display: inline; /* ie6 */

}

div#SideContentsL div#topLeft {

	border: #ccc 1px solid;

	padding: 0 0 10px 0;

	width: 318px;

	_width: 320px; /* ie6 */

}

div#SideContentsL h3 {

	margin: 3px 2px;

}

/*	コンテンツ枠組み　右領域

=================================================================== */

div#SideContentsR {

	float: right;

	margin: 0 10px 0 0;

	padding: 0;

	width: 210px;

	_display: inline; /* ie6 */

}

div#SideContentsR div#topRight {

	border: #ccc 1px solid;

	padding: 0 0 3px 0;

	width: 208px;

	_width: 210px; /* ie6 */

}

div#SideContentsR h3 {

	margin: 3px 2px;

}

div#SideContentsR div#topRight ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

div#SideContentsR div#topRight ul li {

	margin: 2px 0 0 3px;

}

div#SideContentsR div#topRight ul li img {

	vertical-align: bottom;

}



/* サイドバナー */

div#SideContentsR div#SideBn {
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;

}

div#SideContentsR div#SideBn ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

div#SideContentsR div#SideBn ul li {

	margin: 3px 0 0 0;

}

div#SideContentsR div#SideBn ul li img {

	vertical-align: bottom;

}
/* しまクイズ用サイドバナー */

div#SideContentsR div#SideBn-quiz {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;

}

div#SideContentsR div#SideBn-quiz ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

div#SideContentsR div#SideBn-quiz ul li {

	margin: 3px 0 0 0;

}

div#SideContentsR div#SideBn-quiz ul li img {

	vertical-align: bottom;

}



/*	コンテンツ下部（メルマガ）

=================================================================== */

div#areaBottomContents {

	background: url(../images/back_magazine.gif) no-repeat;

	padding: 65px 0 0 0;

	margin: 0 10px;

	width: 880px;

}

/* 左領域 */

div#areaBottomContents div#ImgMagazine {

	float: left;

	width: 175px;

}

/* 中央領域 */

div#areaBottomContents div#Member {

	float: left;

	margin: 0 30px 0 15px;

	width: 400px;

	_display: inline; /* ie6 */

}

div#areaBottomContents div#Member h3 {

	color: #84ab32;

	font-size: 90%;

	margin: 15px 0 10px 0;

}

div#areaBottomContents div#Member h4 {

	color: #FF6666;

	font-size: 90%;

	margin: 10px 0 5px 0;

}

div#areaBottomContents div#Member form {

}

div#areaBottomContents div#Member form label {

	color: #336699;

	font-size: 85%;

	font-weight: bold;

	padding: 0 5px 0 0;

}



/* 右領域 */

div#areaBottomContents div#Mobile {

	float: left;

	width: 250px;

}

div#areaBottomContents div#Mobile h3 {

	margin: 0 0 10px 0;

}

div#areaBottomContents div#Mobile p.m-url {

	color: #336699;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

}

div#areaBottomContents div#Mobile h4 {

	font-size: 90%;

	margin: 10px 0 5px 0;

}

div#areaBottomContents div#Mobile form {

	margin: 5px 0 0 0;

}



/*	フッタ枠組み

=================================================================== */

div#areaFooter{

	background-color: #fff;

	border-top: #dadada 1px solid;

	margin: 0 0 10px 0;

	padding: 10px 0;

	width: 100%;

}

div#areaFooter div#Footer {

	float: left;

	margin: 0 0 0 15px;

	_display: inline; /* ie6 */

}

div#areaFooter div#Footer div#siteID {

}

div#areaFooter div#Footer div#Copy {

	color: #8b8b8b;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 80%;

}

div#areaFooter div#FooterMenu {

	float: right;

	margin: 0 15px 0 0;

	width: 385px;

	_display: inline; /* ie6 */

}

div#areaFooter div#FooterMenu ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

div#areaFooter div#FooterMenu ul li {

	float: left;

}