/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;		/*全要素の行の高さ*/
	color:#333333;			/*文字色*/

} 
body {
	background-color:#DDEEFF;	/*ページ全体の背景色*/
	text-align:center;

}

div#pageshadow {
	width:798px; margin:0 auto;						/*内容全体のセンタリング*/
	text-align:left;								/*テキストの配置*/
	background-color:#ff0000;						/*内容全体の背景色*/

	margin-top:4px;
	margin-bottom:4px;
	
	padding-top:0px;
	padding-left:0px;
	padding-right:4px;
	padding-bottom:1px;

	background: rgb(229,229,229); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(229,229,229,1) 0%, rgba(178,178,178,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(178,178,178,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(229,229,229,1) 0%,rgba(178,178,178,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(229,229,229,1) 0%,rgba(178,178,178,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(229,229,229,1) 0%,rgba(178,178,178,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(229,229,229,1) 0%,rgba(178,178,178,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#b2b2b2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	/* 角丸め */
	/* 共通 */
	border-top-left-radius: 10px;				/* 左上 */
	border-top-right-radius: 10px;				/* 右上 */
	border-bottom-left-radius: 10px;			/* 左下 */
	border-bottom-right-radius: 10px		;	/* 右下 */
	/* Safari Chrome */
	-webkit-border-top-left-radius: 10px;		/* 左上 */
	-webkit-border-top-right-radius: 10px;		/* 右上 */
	-webkit-border-bottom-left-radius: 10px;	/* 左下 */
	-webkit-border-bottom-right-radius: 10px;	/* 右下 */
	/* FireFox */
	-moz-border-radius-topleft: 10px;			/* 左上 */
	-moz-border-radius-topright: 10px;			/* 右上 */
	-moz-border-radius-bottomleft: 10px;		/* 左下 */
	-moz-border-radius-bottomright: 10px;		/* 右下 */
	
	border: 0px solid rgb(34, 34, 34);     /* 枠線の装飾 */
}

div#pagebody {
	width:796px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:4px;
	margin-left:0px;
	
	text-align:left;								/*テキストの配置*/
	background-color:#ffffff;						/*内容全体の背景色*/

	/* 角丸め */
	/* 共通 */
	border-top-left-radius: 10px;				/* 左上 */
	border-top-right-radius: 10px;				/* 右上 */
	border-bottom-left-radius: 10px;			/* 左下 */
	border-bottom-right-radius: 10px		;	/* 右下 */
	/* Safari Chrome */
	-webkit-border-top-left-radius: 10px;		/* 左上 */
	-webkit-border-top-right-radius: 10px;		/* 右上 */
	-webkit-border-bottom-left-radius: 10px;	/* 左下 */
	-webkit-border-bottom-right-radius: 10px;	/* 右下 */
	/* FireFox */
	-moz-border-radius-topleft: 10px;			/* 左上 */
	-moz-border-radius-topright: 10px;			/* 右上 */
	-moz-border-radius-bottomleft: 10px;		/* 左下 */
	-moz-border-radius-bottomright: 10px;		/* 右下 */
	
	/* 境界線 */
	 border-top: 0px solid rgb(34, 34, 34);     /* 枠線の装飾 */
	 border-bottom: 0px solid rgb(34, 34, 34);     /* 枠線の装飾 */
	 border-left: 1px solid rgb(34, 34, 34);     /* 枠線の装飾 */
	 border-right: 1px solid rgb(34, 34, 34);     /* 枠線の装飾 */
}

/*============================================
ヘッダ
============================================*/
div#header {
	height:67px;									/*背景画像のサイズに合わせてボックスの高さを指定*/
	text-align:center;
	vertical-align: middle;

	/* 背景色 */
	background: rgb(104,163,209); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(104,163,209,1) 0%, rgba(63,144,211,1) 50%, rgba(104,163,209,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,163,209,1)), color-stop(50%,rgba(63,144,211,1)), color-stop(100%,rgba(104,163,209,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68a3d1', endColorstr='#68a3d1',GradientType=0 ); /* IE6-9 */
	
	/* 角丸め */
	/* 共通 */
	border-top-left-radius: 10px;				/* 左上 */
	border-top-right-radius: 10px;				/* 右上 */
	/* Safari Chrome */
	-webkit-border-top-left-radius: 10px;		/* 左上 */
	-webkit-border-top-right-radius: 10px;		/* 右上 */
	/* FireFox */
	-moz-border-radius-topleft: 10px;			/* 左上 */
	-moz-border-radius-topright: 10px;			/* 右上 */
	
	border: 1px solid rgb(34, 34, 34);     /* 枠線の装飾 */
}
div#header h1 {
	padding:5px 5px 0px 0px;						/*見出し内容の位置調整*/
	top: 0;
	margin: 0;
	width: 100%;
	color: #fff;
	font-size: 200%;
	font-weight: bold;
	line-height: 62px;
	text-align: center;
	vertical-align: middle;
	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;		/* 影付け */
}
h1 a {
	text-decoration:none;							/*リンクの下線を無くす*/
} 


/*============================================
サイドメニュー
============================================*/
div#sidmenu {
	width:210px;					/*幅の指定*/
	margin:10px 5px 5px 5px;		/*位置調整*/
	display:inline;
	float:left;						/*サブメニューのカラムの左寄せ*/

	/* 共通 */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/* Safari Chrome */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* FireFox */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	
	border: 0px solid rgb(34, 34, 34);     /* 枠線の装飾 */
}

/*サブメニューのヘッダ部分(h1)*/
div#sidmenu h1{
	height:26px; padding:4px 0px 0px 0px;
	font-size:90%; font-weight:bold; text-align:center;
	color: #fff;
	font-weight: bold;
	top: 0;
	margin: 0;
	line-height: 26px;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;

	/* 背景色 */
	background-repeat:no-repeat; background-position:top;
	background: rgb(104,163,209); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(104,163,209,1) 0%, rgba(63,144,211,1) 50%, rgba(104,163,209,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,163,209,1)), color-stop(50%,rgba(63,144,211,1)), color-stop(100%,rgba(104,163,209,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68a3d1', endColorstr='#68a3d1',GradientType=0 ); /* IE6-9 */

	/* 角丸め */
	/* 共通 */
	border-top-left-radius: 5px;				/* 左上 */
	border-top-right-radius: 5px;				/* 右上 */
	/* Safari Chrome */
	-webkit-border-top-left-radius: 5px;		/* 左上 */
	-webkit-border-top-right-radius: 5px;		/* 右上 */
	/* FireFox */
	-moz-border-radius-topleft: 5px;			/* 左上 */
	-moz-border-radius-topright: 5px;			/* 右上 */
	
	/* 境界線 */
	 border-top: 1px solid rgb(34, 34, 34);     /* 枠線の装飾 */
	 border-bottom: 0px solid rgb(34, 34, 34);     /* 枠線の装飾 */
	 border-left: 1px solid rgb(34, 34, 34);     /* 枠線の装飾 */
	 border-right: 1px solid rgb(34, 34, 34);     /* 枠線の装飾 */
}

/*サブメニューのリスト部分(ul li)*/
div#sidmenu ul{
	padding-bottom:6px;
	
	background-repeat:no-repeat; background-position:bottom;
	/* 背景色 */
	background: rgb(104,163,209); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(104,163,209,1) 0%, rgba(63,144,211,1) 50%, rgba(104,163,209,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,163,209,1)), color-stop(50%,rgba(63,144,211,1)), color-stop(100%,rgba(104,163,209,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68a3d1', endColorstr='#68a3d1',GradientType=0 ); /* IE6-9 */

	/* 角丸め */
	/* 共通 */
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/* Safari Chrome */
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* FireFox */
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	
	/* 境界線 */
	 border-top: 0px solid rgb(34, 34, 34);     /* 枠線の装飾 */
	 border-bottom: 1px solid rgb(34, 34, 34);     /* 枠線の装飾 */
	 border-left: 1px solid rgb(34, 34, 34);     /* 枠線の装飾 */
	 border-right: 1px solid rgb(34, 34, 34);     /* 枠線の装飾 */
}

div#sidmenu ul li{
	font-size:90%;				/*文字サイズを90%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;				/*リスト項目をインライン表示にする*/
}

div#sidmenu ul li a{
	display:block;				/*リンクをブロック表示にする*/
	margin:0px 4px 0px 4px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 10px;	/*サブメニュー項目のパディング*/
	text-decoration:none;		/*リンクの下線を無くす*/
	font-weight: bold;
	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
	
	/* 背景色 */
	background: rgb(222,239,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
}

/*リンクにマウスが乗ったら色を変える*/
div#sidmenu ul li a:hover {
	/* 背景色 */
	background: rgb(254,191,1); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(254,191,1,1) 0%, rgba(254,191,1,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,191,1,1)), color-stop(100%,rgba(254,191,1,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,191,1,1) 0%,rgba(254,191,1,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,191,1,1) 0%,rgba(254,191,1,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,191,1,1) 0%,rgba(254,191,1,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,191,1,1) 0%,rgba(254,191,1,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01', endColorstr='#febf01',GradientType=0 ); /* IE6-9 */
}


/*サブメニューのテーブル部分(table)*/
div#sidmenu table{
	padding-top:6px;
	padding-bottom:6px;
	
	background-repeat:no-repeat; background-position:bottom;
	/* 背景色 */
	background: rgb(104,163,209); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(104,163,209,1) 0%, rgba(63,144,211,1) 50%, rgba(104,163,209,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,163,209,1)), color-stop(50%,rgba(63,144,211,1)), color-stop(100%,rgba(104,163,209,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68a3d1', endColorstr='#68a3d1',GradientType=0 ); /* IE6-9 */

	/* 角丸め */
	/* 共通 */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/* Safari Chrome */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* FireFox */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	
	border: 1px solid rgb(34, 34, 34);     /* 枠線の装飾 */
}

div#sidmenu table tr{
}
div#sidmenu table tr td{
	height:26px;
	font-size:90%; font-weight:bold; text-align:center;
	color: #fff;
	font-weight: bold;
	top: 0;
	margin: 0;
	width: 100%;
	line-height: 26px;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
}

/*============================================
コンテンツ
============================================*/
div#content {
	width:560px; margin:10px 20px 10px 0px;	/*幅の指定と位置調整*/
	float:right;							/*右寄せにする*/
	margin-right:15px;
}

div#ads {
	padding: 10px;
	text-align: center;
}

/*見出し・段落・水平線のスタイル指定*/
div#content h2 {
	font-size:100%; margin-bottom:10px; padding-left:15px;
	font-size:95%; border-bottom:solid 1px #cccccc;
	font-weight: bold;
	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
	
	background-repeat:no-repeat; background-position:left center;
	
	/* 背景色 */
	background: rgb(222,239,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
	
	/* 角丸め */
	/* 共通 */
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	/* Safari Chrome */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/* FireFox */
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	
	border: 1px green solid;     /* 枠線の装飾 */
}

div#content h3 {
	font-size:90%; 
	margin-left:5px;
}

div#content p {
	font-size:90%; 
	margin:10px 0px 10px 10px; 
	text-indent:10px;
}

/* 区切り線 */
div#content hr {
	height:2px; 
	border:solid 1px #cccccc; 
	margin-bottom:3px;
}

/*============================================
フッタ
============================================*/
div#footer {
	height:42px; text-align:center;
	clear:both;										/*回り込みを解除する*/
	background-color:#cccccc;						/*フッタ部分の背景色*/
	
	/* 背景色 */
	background: rgb(104,163,209); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(104,163,209,1) 0%, rgba(63,144,211,1) 50%, rgba(104,163,209,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(104,163,209,1)), color-stop(50%,rgba(63,144,211,1)), color-stop(100%,rgba(104,163,209,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(104,163,209,1) 0%,rgba(63,144,211,1) 50%,rgba(104,163,209,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68a3d1', endColorstr='#68a3d1',GradientType=0 ); /* IE6-9 */

	/* 角丸め */
	/* 共通 */
	border-bottom-left-radius: 10px;				/* 左下 */
	border-bottom-right-radius: 10px;				/* 右下 */
	/* Safari Chrome */
	-webkit-border-bottom-left-radius: 10px;		/* 左下 */
	-webkit-border-bottom-right-radius: 10px;		/* 右下 */
	/* FireFox */
	-moz-border-radius-bottomleft: 10px;			/* 左下 */
	-moz-border-radius-bottomright: 10px;			/* 右下 */
	
	/* 境界線 */
	 border-top: 1px solid rgb(34, 34, 34);     /* 枠線の装飾 */
	 border-bottom: 1px solid rgb(34, 34, 34);     /* 枠線の装飾 */
	 border-left: 1px solid rgb(34, 34, 34);     /* 枠線の装飾 */
	 border-right: 1px solid rgb(34, 34, 34);     /* 枠線の装飾 */
}

div#footer address {
	padding:5px 0px 5px 0px;						/*要素内容の位置調整*/
	
	font-style:normal;								/*フォントスタイルを標準にする*/
	font-size:100%;
	
	top: 0;
	margin: 0;
	width: 100%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
}

