@charset "utf-8";

/********* HTML再定義 ***********************************************/

body {
	padding: 10px;
	background-color: #8ed2ba;
}

h2, h3, h4, h5, h6 {
	font-size: 120%;
}
h2 {
	margin: 15px 0;
	padding: 5px 0;
	border-top: 1px solid #8ed2ba;
	border-bottom: 1px solid #8ed2ba;
	font-weight: bold;
}

/********* 全体 *****************************************************/

div#container {
	width: 760px;
	margin: 0 auto;
	padding: 10px 20px;
	background-color: #FFFFFF;
}

/********* 文字色 ***************************************************/

.green	{ color: #8ED2BA; } /* 文字の色指定(緑) */
.red	{ color: red; } /* 文字の色指定(赤) */

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

div#headerbg {
	width: 800px; /* 横幅 */
	height: 150px; /* 縦幅 */
	margin-left:auto;
	margin-right:auto;
	background-color: #8ed2ba;
	background-image: url(../images/top.jpg); /* 背景画像指定 */
	position: relative; /* ボックスの配置方法を指定 */
	top: 0px; /* 親要素を基準とした絶対的な位置指定 */
	left: 0px; /* 親要素を基準とした絶対的な位置指定 */
}
div#header h1 {
	line-height: 1.0;
	margin: 0;
}
div#header h1 a:link, div#header h1 a:visited {
	color: #222222;
	text-decoration: none;
}
div#header h1 a:active, div#header h1 a:hover {
	color: #777777;
	text-decoration: none;
}

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

div#footer {
	clear: both;
}
div#footer address {
	padding-top: 10px;
	border-top: 1px solid #8ed2ba;
}
div#footerbottom {
	width: 800px; /* 横幅 */
	height: 18px; /* 縦幅 */
	margin: 0 auto;
	background-image: url(../images/800_bottom.gif); /* 背景画像指定 */
	background-position: center bottom;
}

/********* HR装飾 *************************************************/

hr.example {
	height: 1px;
	border: none;
	border-top: 1px #8ed2ba dotted;
}

/********* メニューボタン *************************************************/
#menu1 {
	width: 115px; /* 横幅 */
	height: 30px; /* 縦幅 */
	position: absolute; /* ボックスの配置方法を指定 */
	top: 120px; /* 親要素を基準とした絶対的な位置指定 */
	left: -1px; /* 親要素を基準とした絶対的な位置指定 */
}
#menu2 {
	width: 114px; /* 横幅 */
	height: 30px; /* 縦幅 */
	position: absolute; /* ボックスの配置方法を指定 */
	top: 120px; /* 親要素を基準とした絶対的な位置指定 */
	left: 114px; /* 親要素を基準とした絶対的な位置指定 */
}
#menu3 {
	width: 114px; /* 横幅 */
	height: 30px; /* 縦幅 */
	position: absolute; /* ボックスの配置方法を指定 */
	top: 120px; /* 親要素を基準とした絶対的な位置指定 */
	left: 228px; /* 親要素を基準とした絶対的な位置指定 */
}
#menu4 {
	width: 114px; /* 横幅 */
	height: 30px; /* 縦幅 */
	position: absolute; /* ボックスの配置方法を指定 */
	top: 120px; /* 親要素を基準とした絶対的な位置指定 */
	left: 342px; /* 親要素を基準とした絶対的な位置指定 */
}
#menu5 {
	width: 114px; /* 横幅 */
	height: 30px; /* 縦幅 */
	position: absolute; /* ボックスの配置方法を指定 */
	top: 120px; /* 親要素を基準とした絶対的な位置指定 */
	left: 456px; /* 親要素を基準とした絶対的な位置指定 */
}
#menu6 {
	width: 114px; /* 横幅 */
	height: 30px; /* 縦幅 */
	position: absolute; /* ボックスの配置方法を指定 */
	top: 120px; /* 親要素を基準とした絶対的な位置指定 */
	left: 570px; /* 親要素を基準とした絶対的な位置指定 */
}
#menu7 {
	width: 115px; /* 横幅 */
	height: 30px; /* 縦幅 */
	position: absolute; /* ボックスの配置方法を指定 */
	top: 120px; /* 親要素を基準とした絶対的な位置指定 */
	left: 684px; /* 親要素を基準とした絶対的な位置指定 */
}

/********* ボックス *************************************************/

/* --- 見出し --- */
.boxtop1 {
	width: 600px; /* ボックスの幅 */
	height: 50px; /* 縦幅 */
	margin: 0; /* マージン（外側の余白）を指定 */
	background: url(../images/box_top01.gif) no-repeat top; /* 背景画像指定 */
	margin-left: auto; /* マージン（外側の余白）を指定 */
	margin-right: auto; /* マージン（外側の余白）を指定 */
	text-align: left; /* 文字の表示位置を指定 */
}

/* --- 見出し --- */
.boxtop2 {
	width: 600px; /* ボックスの幅 */
	height: 50px; /* 縦幅 */
	margin: 0; /* マージン（外側の余白）を指定 */
	background: url(../images/box_top02.gif) no-repeat top; /* 背景画像指定 */
	margin-left: auto; /* マージン（外側の余白）を指定 */
	margin-right: auto; /* マージン（外側の余白）を指定 */
	text-align: left; /* 文字の表示位置を指定 */
}

/* --- 見出し --- */
.boxtop3 {
	width: 600px; /* ボックスの幅 */
	height: 50px; /* 縦幅 */
	margin: 0; /* マージン（外側の余白）を指定 */
	background: url(../images/box_top03.gif) no-repeat top; /* 背景画像指定 */
	margin-left: auto; /* マージン（外側の余白）を指定 */
	margin-right: auto; /* マージン（外側の余白）を指定 */
	text-align: left; /* 文字の表示位置を指定 */
}

/* --- 見出し --- */
.boxtop4 {
	width: 600px; /* ボックスの幅 */
	height: 50px; /* 縦幅 */
	margin: 0; /* マージン（外側の余白）を指定 */
	background: url(../images/box_top04.gif) no-repeat top; /* 背景画像指定 */
	margin-left: auto; /* マージン（外側の余白）を指定 */
	margin-right: auto; /* マージン（外側の余白）を指定 */
	text-align: left; /* 文字の表示位置を指定 */
}

/* --- 見出し --- */
.boxtop5 {
	width: 600px; /* ボックスの幅 */
	height: 50px; /* 縦幅 */
	margin: 0; /* マージン（外側の余白）を指定 */
	background: url(../images/box_top05.gif) no-repeat top; /* 背景画像指定 */
	margin-left: auto; /* マージン（外側の余白）を指定 */
	margin-right: auto; /* マージン（外側の余白）を指定 */
	text-align: left; /* 文字の表示位置を指定 */
}

/* --- 見出し --- */
.boxtop6 {
	width: 600px; /* ボックスの幅 */
	height: 50px; /* 縦幅 */
	margin: 0; /* マージン（外側の余白）を指定 */
	background: url(../images/box_top06.gif) no-repeat top; /* 背景画像指定 */
	margin-left: auto; /* マージン（外側の余白）を指定 */
	margin-right: auto; /* マージン（外側の余白）を指定 */
	text-align: left; /* 文字の表示位置を指定 */
}

/* --- 見出し --- */
.boxtop7 {
	width: 600px; /* ボックスの幅 */
	height: 50px; /* 縦幅 */
	margin: 0; /* マージン（外側の余白）を指定 */
	background: url(../images/box_top07.gif) no-repeat top; /* 背景画像指定 */
	margin-left: auto; /* マージン（外側の余白）を指定 */
	margin-right: auto; /* マージン（外側の余白）を指定 */
	text-align: left; /* 文字の表示位置を指定 */
}

/* --- 600BOX背景 --- */
.base600 {
	width: 600px; /* 横幅 */
	background-image: url(../images/box_600.gif); /* 背景画像指定 */
	padding-top: 1px; /* パディング（内側の余白）を指定 */
	padding-bottom: 1px; /* パディング（内側の余白）を指定 */
	margin-left: auto; /* マージン（外側の余白）を指定 */
	margin-right: auto; /* マージン（外側の余白）を指定 */
	text-align: left; /* 文字の表示位置を指定 */
	color: #81909A; /* 全体の文字色 */
	position: relative; /* ボックスの配置方法を指定 */
	top: 0px; /* 親要素を基準とした絶対的な位置指定 */
	left: 0px; /* 親要素を基準とした絶対的な位置指定 */
	overflow: hidden; /* IE6でのバグ防止 */
}

/* --- ボックス内の段落 --- */
.base600 p {
	margin: 1em 10px; /* 段落のマージン（上下、左右） */
	line-height: 150%;
}

/* --- 600BOX下部 --- */
.bottom600 {
	width: 600px; /* 横幅 */
	height: 30px; /* 縦幅 */
	background-image: url(../images/box_600_bottom.gif); /* 背景画像指定 */
	margin-left: auto; /* マージン（外側の余白）を指定 */
	margin-right: auto; /* マージン（外側の余白）を指定 */
	position: relative; /* ボックスの配置方法を指定 */
	top: 0px; /* 親要素を基準とした絶対的な位置指定 */
	left: 0px; /* 親要素を基準とした絶対的な位置指定 */
}

/* --- プロフィール親ボックス --- */
.profilemain{
	width: 540px; /* 横幅 */
	height: 870px; /* 縦幅 */
	margin: 0px 30px; /* マージン（外側の余白）を指定 */
}

/* --- プロフィール左ボックス --- */
.profilel{
	float: left; /* 回り込みの指定 */
	width: 130px; /* 横幅 */
	border-bottom: #8ED2BA 1px solid; /* 枠線を装飾 */
	margin: 3px 0px; /* マージン（外側の余白）を指定 */
}

/* --- プロフィール左ボックス２ --- */
.profilel2{
	float: left; /* 回り込みの指定 */
	width: 130px; /* 横幅 */
	margin: 3px 0px; /* マージン（外側の余白）を指定 */
}

/* --- プロフィール右ボックス --- */
.profiler{
	float: left; /* 回り込みの指定 */
	width: 410px; /* 横幅 */
	border-bottom: #8ED2BA 1px solid; /* 枠線を装飾 */
	margin: 3px 0px; /* マージン（外側の余白）を指定 */
}

/* --- プロフィール右ボックス２ --- */
.profiler2{
	float: left; /* 回り込みの指定 */
	width: 410px; /* 横幅 */
	border-bottom: #8ED2BA 1px dotted; /* 枠線を装飾 */
	margin: 3px 0px; /* マージン（外側の余白）を指定 */
}

/* --- LINKBASE --- */
.linkbase {
	width: 500px; /* 横幅 */
	height: 42px; /* 縦幅 */
	margin-left: auto; /* マージン（外側の余白）を指定 */
	margin-right: auto; /* マージン（外側の余白）を指定 */
	position: relative; /* ボックスの配置方法を指定 */
	top: 0px; /* 親要素を基準とした絶対的な位置指定 */
	left: 0px; /* 親要素を基準とした絶対的な位置指定 */
}

/* --- LINK左側 --- */
.link1 {
	width: 200px; /* 横幅 */
	height: 40px; /* 縦幅 */
	margin-left: auto; /* マージン（外側の余白）を指定 */
	margin-right: auto; /* マージン（外側の余白）を指定 */
	position: relative; /* ボックスの配置方法を指定 */
	top: 5px; /* 親要素を基準とした絶対的な位置指定 */
	left: -145px; /* 親要素を基準とした絶対的な位置指定 */
}

/* --- LINK右側 --- */
.link2 {
	width: 290px; /* 横幅 */
	height: 20px; /* 縦幅 */
	margin-left: auto; /* マージン（外側の余白）を指定 */
	margin-right: auto; /* マージン（外側の余白）を指定 */
	border-bottom: #8ED2BA 1px solid; /* 枠線を装飾 */
	text-align: center; /* 文字の表示位置を指定 */
	position: relative; /* ボックスの配置方法を指定 */
	top: -16px; /* 親要素を基準とした絶対的な位置指定 */
	left: 100px; /* 親要素を基準とした絶対的な位置指定 */
}

/********* メニュー *************************************************/

div#menu {
	background-color: #666666;
}
div#menu h2 {
	display: none;
}
div#menu ul {
	margin: 0;
	padding: 5px 10px;
}
div#menu ul li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}

div#menu a:link, div#menu a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
div#menu a:active, div#menu a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/********* 内容 *****************************************************/

div#content {
	float: left;
	width: 550px;
	background-color: #FFFFFF;
}

/********* エントリー ***********************************************/

div#entry h2 {
	display: none;
}
div#entry div.entry {
	width: 550px;
	margin: 15px 0;
	background-image: url(../images/entry_background.gif);
	background-repeat: repeat-y;
}
div#entry div.entry h3 {
	margin: 0;
	padding: 10px 10px 0 10px;
	background-image: url(../images/entry_header.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
div#entry div.entry h3 a:link, div#entry div.entry h3 a:visited {
	color: #222222;
	text-decoration: none;
}
div#entry div.entry h3 a:active, div#entry div.entry h3 a:hover {
	color: #777777;
	text-decoration: none;
}
div#entry div.entry div.content {
	margin: 0 10px;
}
div#entry div.entry ul.information {
	margin: 2px 10px 15px 10px;
	padding-top: 2px;
	border-top: 1px dotted #8ed2ba;
	font-size: 90%;
}
div#entry div.entry ul.information li {
	display: inline;
	margin-right: 5px;
}
div#entry div.entry ul.link {
	margin: 0;
	padding: 10px;
	text-align: right;
	background-image: url(../images/entry_footer.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#entry div.entry ul.link li {
	display: inline;
	margin-left: 5px;
}

div#entry div#entry_link h3 {
	display: none;
}
div#entry div#entry_link ul.entry_link {
	margin: 0;
}
div#entry div#entry_link ul.entry_link li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}
div#entry div#entry_link ul.entry_link li.home {
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #8ed2ba;
	border-left: 1px solid #8ed2ba;
}
div#entry div#entry_link ul.entry_link li.previous:before {
	content: "<< ";
}
div#entry div#entry_link ul.entry_link li.next:after {
	content: " >>";
}

/********* ページ移動 ***********************************************/

div#page h2 {
	display: none;
}
div#page ul.order {
	margin: 10px 0;
}
div#page ul.order li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}
div#page ul.direct {
	margin: 10px 0;
	text-align: right;
}
div#page ul.direct li {
	display: inline;
	list-style: none;
	margin-left: 10px;
}

/********* コメント *************************************************/

div#comment div.comment ul.information {
	margin: 15px 0 0 0;
	text-align: right;
}
div#comment div.comment ul.information li {
	display: inline;
	margin-left: 5px;
}

/********* トラックバック *******************************************/

div#trackback div.trackback ul.information {
	margin: 15px 0 0 0;
	text-align: right;
}
div#trackback div.trackback ul.information li {
	display: inline;
	margin-left: 5px;
}

/********* インフォメーション ***************************************/

div#information {
	margin-bottom: 20px;
}
div#information ul.continue {
	margin: 0;
	text-align: right;
}
div#information ul.continue li {
	display: inline;
}

/********* ユーティリティ *******************************************/

div#utility {
	float: left;
	width: 200px;
	margin-left: 10px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}
div#utility h2 {
	display: none;
}
div#utility div.utility {
	margin: 15px 0;
	padding-bottom: 10px;
	background-color: #e2f3ed;
	background-image: url(../images/utility_footer.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#utility div.utility h3 {
	padding: 10px 10px 0 10px;
	background-image: url(../images/utility_header.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
div#utility div.utility div.content {
	margin: 0 10px;
}
div#utility div.utility ul {
	margin-right: 0;
}
div#utility div.utility ul li ul {
	margin-top: 0;
	margin-bottom: 0;
}
div#utility div.utility form {
	margin: 0;
}
div#utility div.utility form dl {
	margin: 0;
}
div#utility div.utility form dl dt {
	display: none;
}
div#utility div.utility form dl dd {
	margin: 0;
}
div#utility div.utility form dl dd input {
	width: 170px;
}
div#utility div.utility form p {
	margin: 0 0 10px 0;
}

/********* 個別指定 *************************************************/

div#page_link ul.page_link {
	margin: 0 0 20px 0;
}
div#page_link ul.page_link li {
	display: inline;
	list-style: none;
	margin-right: 10px;
}
div#page_link ul.page_link li.home {
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #8ed2ba;
	border-left: 1px solid #8ed2ba;
}
div#page_link ul.page_link li.previous:before {
	content: "<< ";
}
div#page_link ul.page_link li.next:after {
	content: " >>";
}

ul.link {
	margin: 0;
	padding: 10px;
	text-align: right;
}
ul.link li {
	display: inline;
	margin-left: 5px;
}

/********* IE6用設定 ************************************************/

* html body {
	text-align: center;
}
* html div#container {
	width: 800px;
	text-align: left;
}
* html pre {
	width: 100%;
}
* html table tr th, * html table tr td {
	font-size: 80%;
}