@charset "shift_jis";
/* ========================================================================== */
/*                                                                            */
/*   ひよこみち メインCSS                -HIYOKOMICHI CSS-                    */
/*                                                                            */
/*                            Author   : 蒼風みくも (Mikumo Aokaze)           */
/*                            WebSite  : http://pokemon.hiyokomi.net/         */
/*                                                                            */
/* ========================================================================== */


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  スタイルのリセット                               *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

@import url("yui_reset.css");
@import url("yui_fonts.css");





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  全体要素                                         *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  html/body
 *=====================================*/

html {
	min-height: 100%;
	background: #FFFFFF url(back_glass.jpg) repeat-x 0% 100%;
}

body {
	position: relative;
	height: 100%;
	min-width: 650px;
	margin: 0px auto;
	padding: 0px 0px 65px 0px;
	background: transparent url(back_bluesky.jpg) repeat-x 0% 0% fixed;
	color: #150500;
}



/*=====================================*
 *  リンク
 *=====================================*/

a:link {
	color: #1530A0;
	text-decoration: underline;
}

a:visited {
	color: #9535C0;
	text-decoration: underline;
}

a:active {
	color: #00A580;
	text-decoration: underline;
}

a:hover {
	color: #00A580;
	text-decoration: underline;
}




/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  ヘッダーブロック                                 *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  ヘッダー全体
 *=====================================*/

div#header {
	position: relative;
	z-index: 1;
	width: 76%;
	max-width: 900px;
	height: 160px;
	margin: 0px auto;
	border-width: 0px 2px;
	border-style: solid;
	border-color: #FFFFFF;
	background: #FFFFFF url(back_sky.gif) repeat-x 0px 0px;
}



/*=====================================*
 *  ロゴ
 *=====================================*/

p.logo {
	position: absolute;
	z-index: 2;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 300px;
	margin: 0px -40px 0px -50px;
	background: transparent url(mew.gif) no-repeat 100% 0px;
}

p.logo a,
p.logo span {
	display: block;
	position: absolute;
	top: 0.5em;
	left: -42px;
	width: 105px;
	height: 25px;
	margin: 0px 0px 0px 1%;
	background: url(csslogo.gif) no-repeat;
}

p.logo a img,
p.logo span img {
	visibility: hidden;
}



/*=====================================*
 *  グローバルナビゲーション
 *=====================================*/

/*---------------------------*
 *  メイン設定
 *---------------------------*/
ul.globalnavi {
	position: relative;
	z-index: 3;
	top: 50px;
	left: 1%;
	float: left;
	width: auto;
	height: 1.95em;
	padding: 0.15em 0.15em 0px 0.15em;
	list-style: none;
	background: #FFFFFF;
	color: #222222;
	font-weight: bold;
}

ul.globalnavi li {
	float: left;
	width: 6.6em;
    text-align: center;
    line-height: 1.8em;
}

ul.globalnavi a {
	display: block;
	width: 6.6em;
	color: #333355;
	text-align: center;
}

ul.globalnavi a:visited {
	color: #333355;
}

ul.globalnavi a:hover,
ul.globalnavi a:active {
	background: transparent url(back_sky.gif) repeat-x 0px -210px;
	color: #333355;
}

/*---------------------------*
 *  現在項目設定
 *---------------------------*/
ul.globalnavi li.current {
	background: #9999DD;
    color: #FFFFFF;
}

ul.globalnavi li.current a {
	color: #FFFFFF;
}

ul.globalnavi li.current a:visited {
	color: #FFFFFF;
}

ul.globalnavi li.current a:hover,
ul.globalnavi li.current a:active {
	background: transparent url(back_sky.gif) repeat-x 0px -50px;
	color: #333355;
}



/*=====================================*
 *  タイトル
 *=====================================*/

div#header h1 {
	position: relative;
	z-index: 3;
	top: 105px;
	clear: left;
	margin: 0px 1% 0px 10.6em;
	padding: 0px 0px 0px 12px;
	border-bottom: 2px dotted #7799DD;
	color: #222288;
	font-weight: bold;
	font-size: 118%;
	line-height: 1.8em;
	letter-spacing: 0.1em;
}

div#header h1 small {
	font-weight: normal;
	vertical-align: middle;
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  コンテンツブロック                               *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  コンテンツ全体
 *=====================================*/

div#content {
	width: 76%;
	max-width: 900px;
	margin: 0px auto;
	padding: 2.5em 0px 0px 0px;
	border-width: 0px 2px;
	border-style: solid;
	border-color: #FFFFFF;
	background: #FFFFFF;
	font-size: 108%;
	letter-spacing: 0.1em;
}



/*=====================================*
 *  コンテンツサブメニュー
 *=====================================*/

/*---------------------------*
 *  メニュー全体
 *---------------------------*/
dl.submenu {
	position: absolute;
	z-index: 3;
	top: 0.4em;
	width: 76%;
	height: 1px;
	max-width: 900px;
	margin: 130px auto 0px auto;
	letter-spacing: 0em;
}

dl.submenu dt {
	width: 10.6em;
	margin: 0px 0px 0px 1%;
	padding: 5px 0px 4px 0px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #AAAAAA;
	color: #333333;
	font-size: 85%;
	text-align: center;
}

dl.submenu dd {
	width: 10.6em;
	margin: 0px 0px 0px 1%;
	border-width: 1px;
	border-style: dotted solid solid solid;
	border-color: #AAAAAA;
	background: #FFFFFF;
	font-size: 85%;
}

/*---------------------------*
 *  メニューリストメイン設定
 *---------------------------*/
dl.submenu ul {
	margin: 10px 0px 12px 0px;
	list-style-type: none;
}

dl.submenu li {
	margin: 8px 2px 8px 0.6em;
	line-height: 1.2em;
}

dl.submenu li a {
	border-left: 0.3em solid #B5E5F0;
	padding: 0px 0px 0px 0.4em;
}

dl.submenu li a:hover {
	border-color: #40E0B5;
}

/*---------------------------*
 *  メニューリスト現在項目設定
 *---------------------------*/
dl.submenu li.current {
	border-left: 0.3em solid #FFC555;
	padding: 0px 0px 0px 0.4em;
	color: #E06633;
}

dl.submenu li.current a {
	margin: 0px 0px 0px -0.4em;
	border-style: none;
}



/*=====================================*
 *  コンテンツ内セクション
 *=====================================*/

div.section {
	position: relative;
	z-index: 3;
	margin: 0px 1% 40px 11.5em;
	padding: 1px 0px;
}

div.section div.section {
	margin: 10px 0px 30px 4%;
	padding: 0px;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  ページ内 汎用要素                                *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  見出し
 *=====================================*/

h2 {
	margin: 0px 0px 20px 0px;
	padding: 4px 0px 4px 35px;
	border-width: 1px 0px;
	border-style: dashed;
	border-color: #77CCAA;
	background: url(stamp2.gif) no-repeat 6px 50%;
	color: #205050;
	font-size: 103%;
	font-weight: bold;
}

h3 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0.5em;
	border-left: 1.2em solid #66CC99;
    color: #205050;
    font-size: 100%;
    font-weight: bold;
	height: 1.2em;
}



/*=====================================*
 *  水平線
 *=====================================*/

hr {
	clear: both;
	border: 2px solid #66CC99;
	margin: 0px;
	padding: 0px;
}



/*=====================================*
 *  連絡先
 *=====================================*/

address {
	padding: 40px 15px 30px 15px;
	background: transparent url(naviback.gif) repeat-x 100% 100%;
	text-align: right;
}



/*=====================================*
 *  強弱
 *=====================================*/

em {
	color: #CC3060;
	font-weight: bold;
}

small {
	font-size: 93%;
}



/*=====================================*
 *  画像
 *=====================================*/

img {
	vertical-align: bottom;
}



/*=====================================*
 *  テーブル
 *=====================================*/

table {
	border-collapse: separate;
	border-spacing: 1px;
    line-height: 1.6em;
}

div.section table {
	margin: 0px 0px 15px 3%;
}

th {
    padding: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #C5CCC5 #999999 #999999 #D0E0C0;
	background: #CCFFCC;
    vertical-align: top;
    white-space: nowrap;
}

td {
    padding: 6px;
	border-width: 1px;
	border-style: solid;
	border-color: #D0D0D0 #999999 #999999 #D0D0D0;
	background: #FFFFFF;
    vertical-align: top;
}

caption {
	display: none;
}



/*=====================================*
 *  段落
 *=====================================*/

div.section p {
	margin: 10px 0px 10px 3%;
	line-height: 1.6;
}



/*=====================================*
 *  リスト
 *=====================================*/

div.section ul {
	margin: 10px 0px 10px 3%;
}

div.section ul li {
	margin: 0px 0px 0px 3%;
	line-height: 1.6;
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  ページ内 準汎用要素                              *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


/*=====================================*
 *  ページ内メモ
 *=====================================*/

ul.note {
	position: relative;
	z-index: 4;
	margin: -10px 0px 30px 11.5em;
}

ul.note li {
	margin: 3px 0px 3px 12px;
	padding: 2px 0px 2px 15px;
	background: url(list_note.gif) 0px 50% no-repeat;
	font-size: 93%;
	letter-spacing: 0.1em;
}



/*=====================================*
 *  ページ内リンク
 *=====================================*/

div.subhead {
	position: relative;
	z-index: 3;
	top: 0px;
	border: 1px dotted #66CC99;
	padding: 10px 0px;
	margin: 0px 1% 30px 11.5em;
}

div.subhead ul li {
	display: inline;
	padding: 0px 5px 0px 8px;
	border-left: 2px solid #B0C4DE;
}

div.subhead ul li:first-child {
	padding: 0px 5px 0px 10px;
	border-style: none;
}



/*=====================================*
 *  インデックスメニュー
 *=====================================*/

div.section ul.menu {
	margin: 20px 0px 25px 6%;
}

div.section div.section ul.menu {
	margin: 20px 0px 25px 3%;
}

div.section ul.menu li {
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 22px;
	background: url(list_menu.gif) 0px 50% no-repeat;
	list-style-type: none;
	line-height: 1.3em;
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  固有要素 【トップページ】                        *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  メニュー枠
 *=====================================*/

/*---------------------------*
 *  タイトル
 *---------------------------*/
div#header h1.top {
	margin: 0px 1%;
}



/*=====================================*
 *  サブメニュー
 *=====================================*/

/*---------------------------*
 *  サブメニュー枠
 *---------------------------*/
div.topsubmenu {
	position: relative;
	z-index: 3;
	left: 1%;
	float: left;
	width: 290px;
	border-width: 2px 0px;
	border-style: solid;
	border-color: #B0E0FF #FFFFFF #75DD95 #FFFFFF;
}

/*---------------------------*
 *  トップ絵
 *---------------------------*/
p.toppict {
	width: 221px;
	height: 221px;
	margin: 5em 0px 0px 40px;
	background: #FFFFFF url(topimgback.gif) no-repeat 100% 100%;
}

p.toppict img {
	position: relative;
	top: -5px;
	left: -5px;
	padding: 10px;
	border: 1px solid #AAAAAA;
	background: #FFFFFF;
}

/*---------------------------*
 *  サイトアバウトメニュー
 *---------------------------*/
ul.siteabout {
	position: absolute;
	top: 0px;
	padding: 0.2em 0px;
	border-left: 2px solid #B0E0FF;
}

ul.siteabout li{
	padding: 0px 0px 0px 10px;
	line-height: 1.4;
}

/*---------------------------*
 *  プロフィールメニュー
 *---------------------------*/
ul.myprofile {
	margin: 1.5em 0px 0px 0px;
	padding: 0.2em 0px 0.3em 0px;
	border-right: 2px solid #75DD95;
}

ul.myprofile li {
	text-align: right;
	padding: 0px 10px 0px 0px;
	line-height: 1.4;
}



/*=====================================*
 *  メインメニュー
 *=====================================*/

/*---------------------------*
 *  メインメニュー枠
 *---------------------------*/
div.section.top {
	position: relative;
	left: 1%;
	margin: 0px 2% 30px 325px;
	border: 1px dashed #77CCAA;
}

/*---------------------------*
 *  メインメニュー内見出し
 *---------------------------*/
div.section.top h2 {
	margin-bottom: 0px;
	border-top-style: none;
	background-position: 8px 50%;
}

div.section.top h2 small {
	font-weight: normal;
	vertical-align: baseline;
	font-size: 83%;
}

/*---------------------------*
 *  メインメニュー
 *---------------------------*/
div.section.top dl{
	margin: 15px 0px 15px 6%;
	padding: 0px 10px 0px 0px;
	line-height: 1.9;
}

div.section.top dt{
	float: left;
	width: 6.5em;
	font-weight: bold;
}

div.section.top dd{
	margin: 0px 0px 0px 6.5em;
}

/*---------------------------*
 *  フィード
 *---------------------------*/
div.section.top p.feed {
	position: absolute;
	top: 2px;
	right: 5px;
	margin: 0px;
}

/*---------------------------*
 *  更新履歴
 *---------------------------*/
div.section.top p.record {
	margin: 0px 5px 5px 0px;
	text-align: right;
	vertical-align: bottom;
}

/*---------------------------*
 *  連絡ツール
 *---------------------------*/
div.section.top ul.contact {
	color: #555555;
	font-size: 93%;
}

div.section.top ul.contact li {
	margin: 20px 0px 20px 3%;
}

div.section.top ul.contact li a {
	font-size: 108%;
}

/*---------------------------*
 *  カウンタ
 *---------------------------*/
div.txtcount {
	position: absolute;
	top: 40px;
	right: 10px;
	color: #005050;
	font-weight: bold;
	font-size: 93%;
	text-align: right;
	letter-spacing: 0.3em;
}



/*=====================================*
 *  メッセージ
 *=====================================*/

p.board {
	padding: 0px 0px 0px 1%;
	color: #005050;
	font-size: 93%;
	letter-spacing: 0.2em;
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  固有要素 【更新履歴】                            *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  メイン設定
 *=====================================*/

dl.history {
	padding: 1px 10px 10px 5%;
	line-height: 1.2;
}

dl.history dt {
	float: left;
	width: 4.5em;
	margin: 7px 0px 0px 0px;
	color: #005050;
	font-weight: bold;
}

dl.history dd {
	margin: 7px 0px 0px 4.5em;
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  固有要素 【サイトマップ】                        *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  メイン設定
 *=====================================*/

ul.sitemap {
	position: relative;
	z-index: 3;
	margin: 0px 10px 0px 11.5em;
	padding: 0px 0px 10px 0px;
	line-height: 1.4em;
}

ul.sitemap dl {
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 15px 5px;
	border: 1px solid #66CC99;
}

ul.sitemap dt {
	margin: 5px;
	padding: 0px 0px 0px 6px;
	border-left: 1.4em solid #66CC99;
	font-weight: bold;
}

ul.sitemap dd {
	margin: 0px 0px 0px 6%;
}

ul.sitemap ul {
	margin: 10px 0px 0px 5%;
}

ul.sitemap ul li {
	margin: 2px 0px;
	list-style: circle;
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  固有要素 【ギャラリー】                          *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  インデックス
 *=====================================*/

/*---------------------------*
 *  インデックス全体
 *---------------------------*/
dl.gallery {
	position: relative;
	z-index: 3;
	top: 0px;
	left: -0.5%;
	width: 100%;
	margin: 0px 0px 4em 0px;
}

dl.gallery dt {
	position: relative;
	z-index: 3;
	float: left;
	width: 104px;
	height: 2.5em;
	margin: 114px 0px 7em 3%;
	padding: 0px 8px;
	color: #666699;
	font-size: 74%;
	text-align: center;
}

dl.gallery dd.thumb {
	float: left;
	width: 119px;
	margin: 0px 0px 0px -120px;
	padding: 0px 0px 10px 1px;
	background: #FFFFFF url(galleryback.gif) no-repeat 100% 100%;
}

dl.gallery dd.size {
	position: relative;
	top: 3.1em;
	float: left;
	width: 119px;
	height: 1.4em;
	margin: 114px 0px 2.8em -119px;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #D0B000;
	font-size: 88%;
	text-align: center;
	line-height: 1.4em;
}

dl.gallery dd.date {
	position: relative;
	top: 4.5em;
	float: left;
	width: 119px;
	height: 1.4em;
	margin: 114px 0px 6.5em -119px;
	border-width: 1px 0px 1px 0px;
	border-style: dotted;
	border-color: #D0B000;
	font-size: 88%;
	text-align: center;
	line-height: 1.4em;
}

/*---------------------------*
 *  インデックス画像
 *---------------------------*/
dl.gallery img {
	position: relative;
	z-index: 3;
	margin: 0px 0px 0px 3px;
	padding: 8px 5px 2.2em 5px;
	border: 1px solid #AAAAAA;
	background: transparent url(stamp1.gif) no-repeat 100% 100%;
}

dl.gallery a:hover {
	position: relative;
	z-index: 4;
}

dl.gallery a:hover img {
	border-color: #99DDBB;
	background: transparent url(stamp2.gif) no-repeat 100% 100%;
}

/*---------------------------*
 *  OFPバナー
 *---------------------------*/
p.ofp {
	clear: both;
	text-align: right;
	padding: 30px 0px 0px 0px;
}



/*=====================================*
 *  個別ページ
 *=====================================*/

/*---------------------------*
 *  個別ページ画像
 *---------------------------*/
div.section.pict {
	width: 99%;
	margin-left: 0px;
}

p.pict {
	position: relative;
	z-index: 4;
	left: 11.5em;
	float: left;
	width: auto;
	background: url(galleryimgback.gif) no-repeat 100% 100%;
}

p.pict img {
	position:relative;
	top: -5px;
	left: -5px;
	padding: 8px;
	border: 1px solid #AAAAAA;
	background: #FFFFFF;
}

/*---------------------------*
 *  個別ページテキスト
 *---------------------------*/
p.picttext {
	position: relative;
	left: -5px;
	clear: left;
	padding: 10px 0px 10px 11.5em;
	line-height: 1.5em;
}

/*---------------------------*
 *  個別ページナビゲーション
 *---------------------------*/
dl.pictnavi {
	margin: -15px 1% 20px 11.5em;
	padding: 7px 0px 7px 15px;
	border-width: 1px 0px;
	border-style: dotted;
	border-color: #D0B000;
}

dl.pictnavi dt {
	display: none;
}

dl.pictnavi dd ol li {
	display: inline;
	padding: 5px 25px 5px 25px;
	background: url(stamp2.gif) no-repeat 0px 50%;
	font-size: 85%;
}



/*=====================================*
 *  描き方
 *=====================================*/

div.howto {
	clear: both;
	overflow: hidden;
}

div.howto dl {
	width: 97%;
	margin: 0px 0px 0px 3%;
}

div.howto dt {
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 12px;
	border-left: 10px solid #66CC99;
	font-weight: bold;
}

/*---------------------------*
 *  解説
 *---------------------------*/
div.howto dd {
	margin: 0px 0px 25px 240px;
	padding: 0px 15px;
	border: 1px dotted #66CC99;
	line-height: 1.5em;
}

div.howto dd p {
	margin: 15px 0px;
}

/*---------------------------*
 *  画像
 *---------------------------*/
div.howto dd.pic {
	float: left;
	width: 200px;
	margin: 0px 0px 25px 15px;
	padding: 0px;
	border-style: none;
}

div.howto img {
	padding: 6px;
	border: 1px solid #AAAAAA;
	background: #FFFFFF;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  固有要素 【100の質問】                           *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  メイン設定
 *=====================================*/

dl.q-a {
	margin-left: 2%;
	line-height: 1.5em;
}

dl.q-a dt {
	margin: 25px 0px 8px 0px;
	padding: 1px 5px;
	border-left: 10px solid #66CC99;
	color: #004040;
}

dl.q-a dd {
	margin: 0px 0px 0px 40px;
}



/*=====================================*
 *  入れ子
 *=====================================*/

dl.q-a dd dt {
	margin: 12px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	border-width: 0px 0px 0px 0.5em;
	border-style: solid;
	line-height: 1.2em;
}

dl.q-a dd dd {
	margin: -1.2em 0px 0px 6em;
	line-height: 1.2em;
}



/*=====================================*
 *  個別キャラ
 *=====================================*/

/*---------------------------*
 *  アイボリー
 *---------------------------*/
dl.q-a dt.iv {
	border-color: #AA6600;
	color: #AA6600;
}

/*---------------------------*
 *  コーラル
 *---------------------------*/
dl.q-a dt.co {
	border-color: #EE4444;
	color: #EE4444;
}

/*---------------------------*
 *  テルル
 *---------------------------*/
dl.q-a dt.te {
	border-color: #EE4444;
	color: #EE4444;
}

/*---------------------------*
 *  セレン
 *---------------------------*/
dl.q-a dt.se {
	border-color: #33AA33;
	color: #33AA33;
}

/*---------------------------*
 *  その他メンバー
 *---------------------------*/
dl.q-a dt.ot {
	border-color: #666666;
	color: #666666;
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  固有要素 【掲示板】                              *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  投稿メニュー
 *=====================================*/

ul.bbshead {
	position: relative;
	z-index: 4;
	margin: 10px 1% 40px 11.5em;
	padding: 15px 10px;
	border: 1px dotted #66CC99;
}

ul.bbshead li {
	display: inline;
	margin: 0px 20px 0px 0px;
	padding: 5px 0px 5px 25px;
	background: url(stamp2.gif) no-repeat 0px 50%;
	font-size: 85%;
	vertical-align: middle;
}

ul.bbshead li em {
	margin: 0px 8% 0px 3px;
	padding: 0px 28px 0px 0px;
	background: url(stamp2.gif) no-repeat 100% 50%;
	font-size: 122%;
	letter-spacing: 0.1em;
}



/*=====================================*
 *  入力フォーム
 *=====================================*/

/*---------------------------*
 *  フォームパーツ
 *---------------------------*/
dl.bbsform {
	position: relative;
	z-index: 3;
	border-width: 2px 0px;
	border-style: dashed;
	border-color: #66CC99;
	margin: 20px 10px 0px 11.5em;
	padding: 15px 0px 20px 20px;
}

div.section dl.bbsform {
	margin: 5px 10px 5px 40px;
	padding: 1px;
	border-style: none;
}

dl.bbsform dt {
	float: left;
	width: 5em;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	border-left: 6px solid #66CC99;
}

dl.bbsform dd {
	margin: 6px 0px 0px 0px;
}


/*---------------------------*
 *  ボタン
 *---------------------------*/
input.buttona {
	padding: 2px 1em 2px 1em;
	border: 3px double #FF9999;
	background-color: #FFEEEE;
}

input.buttonb {
	padding: 2px 1em 2px 1em;
	border: 1px solid #FF9999;
	background-color: #FFEEEE;
	font-size: 93%;
}

/*---------------------------*
 *  フォーム部品
 *---------------------------*/
input[type="text"],
input[type="password"],
textarea {
	padding: 1px;
	border: 1px solid #CCCCCC;
	vertical-align: middle;
}



/*=====================================*
 *  記事
 *=====================================*/

/*---------------------------*
 *  記事全体
 *---------------------------*/
div.bbsarticle {
	overflow: hidden;
	padding: 0px;
	border-width: 10px 2px 2px 2px;
	border-style: solid;
	border-color: #66CC99;
}

/*---------------------------*
 *  記事枠
 *---------------------------*/
div.bbsarticle div.parent {
	width: auto;
	margin: 0px 20px 25px 0px;
	padding: 1px 0px;
}

div.bbsarticle div.res {
	width: auto;
	margin: 20px;
	padding: 1px 0px 10px 0px;
	border: 1px solid #66CC99;
}


/*---------------------------*
 *  記事全体見出し
 *---------------------------*/
div.bbsarticle h2 {
	margin: 0px 0px -5px 0px;
	padding: 10px 0px 10px 10px;
	border-top-style: none;
	background: none;
}

/*---------------------------*
 *  親記事見出し
 *---------------------------*/
div.bbsarticle div.parent h3 {
	display: none;
}

/*---------------------------*
 *  返信見出し
 *---------------------------*/
div.bbsarticle div.res h3 {
	position: static;
	left: 0px;
	margin: 0px;
	padding: 5px 26px 5px 10px;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #66CC99;
	font-size: 93%;
}

/*---------------------------*
 *  返信ボタン
 *---------------------------*/
input.resbutton {
	position: absolute;
	top: 5px;
	right: 5px;
}

/*---------------------------*
 *  投稿者名
 *---------------------------*/
p.bbsname {
	margin: 0px 10px 12px 0px;
	padding: 0px;
	font-size: 93%;
	text-align: right;
}

div.section.res p.bbsname {
	margin: 5px 10px 12px 0px;
}

/*---------------------------*
 *  記事内容
 *---------------------------*/
div.section p.bbstext {
	min-height: 64px;
	margin: 0px 0px 0px 30px;
	padding: 5px 74px 5px 0px;
	font-size: 93%;
	line-height: 1.4;
}

div.section.res p.bbstext {
	margin: 0px 10px 0px 10px;
}

/*---------------------------*
 *  IE連続<br>バグ対応
 *---------------------------*/
div.parent br,
div.res br {
	letter-spacing: 0em;
}



/*=====================================*
 *  ページング
 *=====================================*/

ul.bbspage {
	overflow: hidden;
	margin: 0px 0px 20px 11.5em;
}

ul.bbspage li {
	float: left;
	width: 1.5em;
	margin: 0px 3px;
	border: 1px solid #CCCCCC;
	text-align: center;
	font-size: 93%;
	line-height: 1.5;
}

ul.bbspage li a {
	display: block;
	width: 100%;
}



/*=====================================*
 *  修正・削除フォーム
 *=====================================*/

form.editform {
	clear: both;
	position: relative;
	height: 1.5em;
}

form.editform dl {
	position: absolute;
	right: 6px;
	background: #E5FFE5;
	font-size: 93%;
	line-height: 2.8;
}

form.editform dl dt {
	float: left;
	width: auto;
	padding: 0px 10px 0px 5px;
	font-weight: bold;
	color: #339966;
}

form.editform dl dd {
	float: left;
	width: auto;
	padding: 0px 4px;
}



/*=====================================*
 *  KENT WEB著作権表示
 *=====================================*/

address.bbs {
	margin: 25px 10px 0px 11.5em;
	padding: 8px 0px 0px 0px;
	border-top: 1px solid #66CC99;
	font-size: 93%;
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  固有要素 【リンク集】                            *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  メイン設定
 *=====================================*/

dl.link {
	clear: both;
	margin: 0px 0px 20px 0px;
}

dl.link dt {
	margin: 10px 0px 0px 0px;
	padding: 18px 0px 0px 3%;
	border-top: 1px dotted #66CC99;
	font-size: 108%;
}

dl.link dt:first-child {
	border-style: none;
}

dl.link dd {
	padding: 10px 5px 0px 8%;
	font-size: 90%;
	line-height: 1.4em;
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  フッターブロック                                 *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  フッター全体
 *=====================================*/

div#footer {
	position: relative;
	width: 76%;
	max-width: 900px;
	margin: 0px auto;
	padding: 40px 2px 35px 2px;
	background: transparent url(back_footer.gif) repeat-x 100% 100%;
	color: #A0522D;
}



/*=====================================*
 *  パンくずリスト
 *=====================================*/

dl.topicpath {
	color: #554433;
}

dl.topicpath dt {
	display: none;
}

dl.topicpath dd {
	margin: 0px 1%;
}

dl.topicpath dd ol {
	margin: 0px 0px 0px -6px;
	list-style: none;
}

dl.topicpath dd ol li {
	display: inline;
	padding: 0px 0px 0px 6px;
}

dl.topicpath dd ol li a {
	padding: 0px 20px 0px 0px;
	background: url(icon_topicpath.gif) 100% 50% no-repeat;
}



/*=====================================*
 *  ページの先頭へ
 *=====================================*/

p.pageup {
	position: absolute;
	top: 38px;
	right: 1%;
	width: 60px;
	margin: 0px 2px 0px 0px;
}

div.section p.pageup {
	top: 2px;
	margin: 0px 2px 0px 0px;
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  スクリプト                                       *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  スタイル切替
 *=====================================*/

div.selectsheet {
	color: #EEEEEE;
	position: absolute;
	top: 6px;
	right: 6%;
	font-size: 85%;
	padding: 0px;
	margin: 0px;
}

div.selectsheet select {
	background: #EEEEEE;
	color: #333355;
}



/*=====================================*
 *  アクセス解析
 *=====================================*/

p.access {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
}



/*=====================================*
 *  拍手
 *=====================================*/

/*---------------------------*
 *  マージン調整
 *---------------------------*/
body.clap div#header h1,
body.clap div.section {
	margin-left: 1%;
}

body.clap address {
	margin: 25px 10px 0px 1%;
	padding: 8px 0px 0px 0px;
	border-top: 1px solid #66CC99;
	font-size: 93%;
}

/*---------------------------*
 *  フォーム
 *---------------------------*/
form.clap {
	border: 2px dotted #66CC99;
	margin: 40px 2% 20px 2%;
	padding: 0px 0px 15px 0px;
}

form.clap p {
	margin-top: 15px;
	margin-bottom: 5px;
}

blockquote.clap {
	border: 1px dashed #6688CC;
	margin: -5px 6% 20px 6%;
}

blockquote.clap p {
	margin: 10px 4%;
}

div.section.topmainmenu form#clap {
	margin-top: -10px;
}

div.section.topmainmenu form#clap p {
	clear: none;
	padding: 0px 8px 8px 0px;
	margin: 0px;
	text-align: right;
	font-size: 85%;
	color: #666666;
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  エラーページ用スタイル                           *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

div#header.errorpage h1,
div#content.errorpage div.section {
	margin: 0px 20px;
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  IE6後方互換モード用スタイル                      *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  body
 *=====================================*/

* html body {
	padding: 0px;
	text-align: center;
}



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

* html body div#header {
	text-align: left;
}



/*=====================================*
 *  コンテンツ全体
 *=====================================*/

* html body div#content {
	text-align: left;
}



/*=====================================*
 *  トップページ
 *=====================================*/

/*---------------------------*
 *  トップ絵
 *---------------------------*/
* html body div#content div.topsubmenu p.toppict {
	background: none;
}

* html body div#content div.topsubmenu p.toppict img {
	top: 0px;
	left: 0px;
	border-style: none;
}

/*---------------------------*
 *  フィード
 *---------------------------*/
* html body div#content div.section.top p.feed {
	position: relative;
	text-align: right;
}

/*---------------------------*
 *  メッセージ
 *---------------------------*/
* html body div#footer p.board {
	padding: 30px 0px 45px 1%;
	background: url(back_footer.gif) repeat-x 100% 100%;
}

/*---------------------------*
 *  カウンタ
 *---------------------------*/
* html body div#footer div.txtcount {
	top: 30px;
	right: 14%;
}



/*=====================================*
 *  ギャラリー
 *=====================================*/

/*---------------------------*
 *  インデックス
 *---------------------------*/
* html body div#content dl.gallery dd.thumb {
	background: none;
}

* html body div#content dl.gallery img {
	border: 3px double #AAAAAA;
	background: #FFFFFF;
}

* html body div#content dl.gallery a:hover img {
	position: relative;
	top: 2px;
	left: 2px;
	background: #FFFFFF;
}

* html body div#content dl.gallery dt {
	padding: 0px 16px 0px 0px;
}

/*---------------------------*
 *  個別ページ
 *---------------------------*/
* html body div#content p.pict {
	float: none;
	background: none;
}

* html body div#content p.pict img {
	border-style: none;
}



/*=====================================*
 *  掲示板
 *=====================================*/

/*---------------------------*
 *  返信ボタン
 *---------------------------*/

* html body div#content div.bbsarticle input.resbutton {
	top: 15px;
	right: 12px;
}



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

/*---------------------------*
 *  フッター枠
 *---------------------------*/
* html body div#footer {
	width: 100%;
	height: 160px;
	padding: 0px 12%;
	background: #FFFFFF url(back_glass.jpg) repeat-x 0% 100%;
	text-align: left;
}

/*---------------------------*
 *  パンくずリスト
 *---------------------------*/
* html body div#footer dl.topicpath {
	padding: 30px 2px 45px 2px;
	background: transparent url(back_footer.gif) repeat-x 100% 100%;
}

/*---------------------------*
 *  ページの先頭へ
 *---------------------------*/
* html body div#footer p.pageup {
	right: 13%;
}





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*
 *                                                   *
 *  IE7用フォームスタイル                            *
 *                                                   *
 *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/

/*=====================================*
 *  ボタン
 *=====================================*/

*:first-child + html input.buttona {
	padding: 1px 2px 0px 2px;
	border: 4px double #FF9999;
	font-size: 93%;
}

*:first-child + html input.buttonb {
	padding: 1px 2px 0px 2px;
	font-size: 85%;
}