@charset "utf-8";
* {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	line-height:22px;
	}

body {
	font-size:13px;
	font-family:'MS UI Gothic',Osaka,sans-serif,monospace;
	color:#333;
	text-align:center;
	background:#000 url(./img/body_bg.gif) center repeat-y;
/*
	background:#fff url(./img/bg_body.jpg) right top no-repeat fixed;
*/
	}

/*■■■container設定■■■*/

#container {
	line-height:100%;
	text-align:left;
	padding:0;
	width:650px;
	margin:0 auto;
	position: relative;
	}

/*■■■banner設定■■■*/

#banner {
	background:#666 url(./img/togetai2.gif) no-repeat bottom right;/*
	background:url(./img/banner03.jpg) no-repeat bottom right;
*/
	height:80px;
	overflow:hidden;
	border-bottom:1px solid #000;
	}

#banner h3 {
	display:none;
	font-size:10px;
	line-height:12px;
	margin-top:8px;
	margin-left:10px;
	}

#banner a {
	display:block;
	width:200px;
	height:60px;
	background:url(./img/moeya_logo4.gif);
	text-indent:-9999px;
	margin-left:10px;
	position: relative;
	top: 10px;
	}

#banner a:hover{
	border:none;
	}

#counter img {
	padding:0;
	}


/*■■■menu設定■■■*/

#menu {
	background:transparent;
	width:650px;
	position:absolute;
	top:85px;
	left:0;
	}

#menu h2 {
	display:none;
	}

#menu ul {
	margin:0 0 0 10px;
	padding:0;
	list-style-type:none;
	display:inline;
	}


#menu li {
	margin-left:5px;
	display:inline;
	}

#counter {
	display:none;
	}

 #index #counter{
	margin-left:3px;
	display:inline;
	}

#stylesheet {
	line-height:14px;
	background: url();
	position:absolute;
	top:0;
	right:15px;
	font-size:10px;
	letter-spacing:0.1ex;
	margin-left:13px;
	display:inline;
	}

#stylesheet * {
	line-height:14px;
	font-size:10px;
	letter-spacing:0.1ex;
	}


/*■■■noscript設定■■■*/

#nojs {
	position:absolute;
	top:-10px;
	right:15px;
	}


/*■■■content設定■■■*/

.content {
	margin-top:20px;
	background: url() no-repeat fixed right top;
	width:650px;
	padding-top:20px;
	}

.iecontent {
	margin:0 15px 0 15px;
	}

.content h1 {
	font-size:160%;
	font-weight:bold;
	padding:10px 0 5px 5px;
	margin:0 5px 25px 5px;
	border-left:5px solid;
	}

.content h2 {
	line-height:18px;
	font-size:10px;
	letter-spacing:0.1ex;
	padding:5px 0 0 5px;
	margin:0 5px 0 5px;
	border-left:5px solid;
	}

.content h3 {
	font-size:16px;
	font-weight:bold;
	padding:10px 0 5px 5px;
	margin:0 5px 5px 5px;
	border-left:5px solid;
	}

.content h3 *{
	font-size:16px;
	}

.content h3 a {
	font-weight:normal;
	}

.content h4 {
	font-size:15px;
	margin:0 15px 0 15px;
	padding:0 0 0 0;
	font-weight:bold;
	}

.content h4 strong {
	font-size:15px;
	padding:0 0 0 13px;
	background:url(./img/h4_list_18.gif) no-repeat 0px 3px;
	}

.content h5 {
	font-size:15px;
	margin:0 15px 0 15px;
	padding:0 5px 0 5px;
	}

.content h6 {
	font-size:15px;
	font-weight:bold;
	margin:0 15px 0 15px;
	padding:0 0 0 0;
	}

.content  h4,h5,h6,ul,ol,p,pre,dl {
	background:url(./img/hr-22-666.gif);
	}

rb {
	font-weight:bold;
	}

rt {
	padding:0 0 0 10px;
	}

rt:before {
	content:"【";
	}

rt:after {
	content:"】";
	}

dl {
	margin:0 15px 0 15px;
	padding:0 0 22px 0;
	}

dd {
	padding:0 0 22px 10px;
	}

.content dl ruby{
	ruby-position:inline;
	}

.content ul,ol {
	margin:0 15px 0 15px;
	}

.content ol li {
	margin:0 15px 0 15px;
	list-style:none;
	background:url(./img/li.gif) no-repeat 5px 1px;
	padding:0 0 0 15px;
	}

.content ul li {
	list-style:none;
	}

.content ul li a {
	background:url(./img/li.gif) no-repeat 5px -4px;
	padding:0 0 0 15px;
	}

.content li a:hover {
	background:url(./img/li-hover.gif) no-repeat 5px -4px;
	border:none;
	}

.content div {
	
	}

.content p {
	margin:0 15px 0 15px;
	margin:0 15px 0 15px;
	padding:0 10px 22px 10px;
	}

.content p.simple{
	padding:0 5px 0 5px;
	}

.content p.navi {
	text-align:right;
	line-height:1;
	margin:0 15px 0 15px;
	padding:0;
	background:url();
	}

.content p.posted {
	text-align:right;
	line-height:1;
	margin:0 15px 20px 15px;
	padding:0;
	background:url();
	}

.content p.posted * {
	letter-spacing:0.1ex;
	font-size:10px;
	}

pre {
	margin:0 15px 0 15px;
	padding:0 0 22px 10px;
	font-family:'MS UI Gothic',Osaka,sans-serif,monospace;
	}

.code {
	padding:0;
	width:580px;
	overflow-x:auto;
	color:#000;
	background:#ccc url();
	position:relative;
	top:-9px;
	font-family:"ＭＳ ゴシック",Osaka,sans-serif,monospace;
	}

code {
	display:block;
	line-height:15px;
	font-family:"ＭＳ ゴシック",Osaka,sans-serif,monospace;
	padding:20px;
	}

kbd {
	display:block;
	background:#ccc url();
	margin:0 15px 0 0;
	padding:17px;
	border:1px solid #999;
	}

samp {
	color:#000;
	display:block;
	margin:0 0 15px 0;
	padding:5px;
	background:#ccc;
	}

blockquote {
	position: relative;
	top: -5px;
	margin:0 15px 0 15px;
	padding:28px 10px 10px 10px;
	border:1px dotted;
	background:#fff;
	}

em {
	background:#ff6;
	}

em.bare {
	cursor:pointer;
	padding:1px 1em;
	}

strong {
	font-weight:bold;
	}

.big {
	font-size:33px;
	line-height:36px;
	}

img {
	border:none;
	margin-left:15px;
	}

p img {
	margin-left:0;
	}

.content .mawarikomi_left {
	float:left;
	margin-right:5px;
	padding:10px 10px 10px 5px;
	}

.content .mawarikomi_right {
	float:right;
	margin-left:5px;
	padding:10px 5px 10px 10px;
	}

/*■■■フッター設定■■■"*/

address {
	clear:both;
	margin:40px 10px 0 10px;
	padding:0 0 5px 0;
	position:relative;
	top:0;
	right:0;
	border-top:1px solid;
	font-size:10px;
	}

address *{
	line-height:18px;
	font-size:10px;
	letter-spacing:0.1ex;
	}
	}

#copyright {
	margin-left:5px;
	background:url(./.gif);
	}

#link-feed {
	position:absolute;
	top:0;
	right:15px;
	text-align:right;
	background:url(./.gif);
	}

/*■■■リンク設定■■■*/

a {
	color:#444444;
	text-decoration:none;
	background-color:transparent;
	}

a:hover {
	color:#f00;
	border-bottom:1px dotted;
	}

address a {
	color:#444444;
	}

.content p a {
	color:#09c;
	text-decoration:none;
	background-color:transparent;
	}

a.list{
	color:#09c;
	text-decoration:none;
	padding-left:17px;
	background:url(./img/a_list_22.gif) no-repeat 2px 1px;
	}

a:hover.list {
	color:#fff;
	background-color:#f00;
	border:none;
	}

.content p.posted a {
	color:#444444;
	border:none;
	}

.content p.posted a:hover {
	color:#f00;
	background-color:#fff;
	}

#menu a:hover {
	color:#f00;
	}

/*■■■コメント設定■■■*/



.com p {
	padding:0 10px 0 10px;
	}

p.compost {
	padding:0 0 22px 0;
	text-align:right;
	}

#comment-form {
	}

form * {
	line-height:normal;
	}

input {
	padding-left:3px;
	border:1px solid #666; 
	color:#333333;
	background:#fff; 
	font-size:13px;
	}

textarea,select {
	padding:3px;
	overflow:hidden;
	border:1px solid #666; 
	background:#fff ;
	font-size:13px;
	}

fieldset {
	margin:0 15px 0 15px;
	padding:1em;
	}

.radio {
	border:none;
	background-color:transparent;
	}

.button {
	line-height:normal;
	cursor:pointer;
	padding:0px 10px 0 10px;
	border:1px solid #666; 
	background-color:#ddd; 
	font-size:10px;
	}

.checkbox {
	border:none; 
	}

/*--------------------------*/

#bbs dt,dl,dd {
	background:url();
	}

.hutomomo{
	border:1px dashed #999;
	margin:10px 15px 10px 15px;
	padding:20px;
	}

.matome {
	border:1px solid #444;
	padding:5px 0 0 0;
	margin:9px 15px 9px 15px;
	background:url();
	}

.matome h6{
	margin:0 15px 5px 10px;
	padding:0 0 0 13px;
	background:url(./img/h4_list_18.gif) no-repeat 0px 3px;
	}

.matome p{
	background:url();
	padding:0 0 9px 10px;
	}


.res h6{
	border-top:1px dotted #666;
	padding:10px 30px 0 30px;
	background:url();
	}
.res p{
	padding-left:40px;
	}

/*■■■table設定■■■*/

table {
	width:570px;
	border:1px solid #666;
	border-collapse:collapse;
	margin:10px 14px 0 14px;
	}

th {
	width:80px;
	border:1px solid #666;
	padding:3px 4px 1px 4px;
	vertical-align:top;
	}

td {
	border:1px solid #666;
	padding:3px 4px 1px 4px;
	vertical-align:top;
	}

.em {
	color:#fff;
	background:#333;
	}

table.bbs {
	margin:0 auto;
	width:auto;
	border:none;
	} 

.bbs th {
	border:none;
	text-align:right;
	}

.bbs td {
	border:none;
	}

table.nopad td {
	padding:0px 4px 0px 4px;
	line-height:17px;
	}

table.nopad tr.r {
	background-color:#ddd;
	}

/*■■■汎用クラス設定■■■*/

.center {text-align:center;}
.right {text-align:right;}
.blue {color:#00f;}
.red {color:#f00;}
.wid40 {width:400px;}
.wid30 {width:200px;}
.wid20 {width:200px;}
.wid15 {width:140px;}

/*■■■画像ポップアップ設定■■■*/

.image {
	display:block;
	position: relative;
	top: 1px;
	height: 110px;
	}

.image img{
	border: 1px solid #444
	}

.image a .small {
	position: absolute;
	top: 0;
	left: 0;
	height: 100px;
	z-index:1;
	cursor:crosshair;
	}

.image a:hover .small {
	}

.image a .large {
	height: 1px;
	}

.image a:hover .large {
	height: auto;
	cursor:crosshair;
	position: absolute;
	top: 0;
	left: 0;
	z-index:2;
	}

/*■■■簡易ポップアップ■■■*/

.popup {
	display:block;
	position: relative;
	top: 1px;
	height: 110px;
	width: 110px;
	}

a.popup img {
	height: 100px;
	border: 1px solid #444;
	}

a:hover.popup {
	background:transparent;
	border: none;
	}

a:hover.popup img {
	position: absolute; 
	height:auto;
	cursor:crosshair;
	}


/*■■■摩央姉ちゃん■■■*/

.mao {
	margin:10px 0 0 40px;
	}

.mao .head {
	width: 156px;
	height: 7px;
	background:url(./img/mao-head.gif) no-repeat bottom;
	}

.mao .body {
	width: 156px;
	background:url(./img/mao-body.gif);
	}

.mao p {
	background:url();
	margin:0 10px 0 10px;
	padding:0 5px 0px 5px;
	}

.mao .foot {
	width: 156px;
	height: 128px;
	background:url(./img/mao-foot.gif);
	}


iframe {
	width: 156px;height: 120px;
	overflow:hidden;
	}

.netabare{visibility:hidden;color:#930;}

.menu{
	cursor:pointer;
	}

.onmouse{
	cursor:pointer;
	color:#f00;
	background-color:#fff;
	border-bottom:1px dotted;
	}

.clap a{
	display:block;
	height: 170px;
	width: 170px;
	text-indent:-9999px;
	position: relative;
	left: 400px;
	}

a.clapbutton{
	background: url(./img/clap.gif);
	}

a:hover.clapbutton{
	background: url(./img/clap.gif) 170px 0;
	border:none;
	}
#mailform{z-index:200;top:50px;left:56px;display:none;position: absolute;width:520px;height:492px;text-align:left;padding:10px;}
.bga{background:url(./archives/mail/mbg.gif);}
.bgb{background:url(./archives/mail/mbg2.gif);}
.bgc{background:url(./archives/mail/mbg3.gif);}
.bgd{background:url(./archives/mail/mbg4.gif);}
.bge{background:url(./archives/mail/mbg5.gif);}
#mailform *{color:#000;padding:0;margin:0;font-size:12px;width:auto;border:none;}
#mailform form{position:absolute;bottom:20px;left:15px;}
#mailform table{margin:0;width:auto;}
#mailform td{font-size:12px;}
#mailform td.area{vertical-align:top;text-align:right;padding-top:3px;}
#mailform .text {padding:3px 2px;margin-bottom:5px;width:20em;height:1em;background:#fff;border:1px solid #003;}
#mailform textarea {padding:3px 2px;margin-bottom:5px;width:20em;height:6em;background:#fff;border:1px solid #003;}
#mailform input {background-color:transparent;}
#mailform address {position:absolute;top:488px;right:13px;}
#mailform address a{font-size:10px;background-color:transparent;color:#fff;padding:0 2px;}
#mailform address a:hover{background-color:#f00;}
#mailform img.close{position: absolute;top:5px;left:522px;cursor:pointer;}