/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*																	*/
/*		CSS Yomi-Search - correspondence style sheet				*/
/*			city (last up data:2009/07/20)							*/
/*			homepage: http://www.w-art.org/							*/
/*				※著作権は「Rise」が持っています。					*/
/*																	*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* [簡易デザイン設定]――――――――――――――――――――――― */
/* ※ここの部分は、「管理室」→「簡易デザイン設定」で設定できます。 */
/* ※ここの部分の表記を変えると、管理室より設定が出来ません。		*/

a:link { color:#009999; }
a:visited { color:#504139; }
a:active { color:#504139; }
a:hover { color:; }
body { font-size:80%; color:#555555; background:#fff url(../img/bg.gif);}
small { font-size:80%; color:#999999; }
em { color:; background:; border:; }
form span.none input { background:#cccccc; border:1px solid #999999; }
#container { background:#ffffff; border-right:1px solid #000;border-left:1px solid #000; width:780px; }
#navigation { width:240px; }
#logs { width:520px; }
.error { color:#990000; }



/* [HTML再定義]―――――――――――――――――――――――――― */

* {
	margin						:	0;
	padding						:	0;
	font-size					:	100%;
	font-weight					:	normal;
	font-style					:	normal;
}
body {
	font-family					:	"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;
	line-height					:	150%;
	text-align					:	center;
	background:#fff url(../img/bg.gif);
}
em ,
em a ,
strong {
	font-weight					:	bold;
}
small {
	margin						:	0 2px;
}
ul,ol {
	list-style					:	none;
}
img {
	border						:	none;
}
hr {
	display						:	none;
}
object {
	margin-left					:	10px;
}
pre {
	margin						:	10px 10px 30px;
	padding						:	5px;
	border						:	1px solid #eeeeee;
	overflow					:	auto;
}
blockquote {
	margin						:	10px;
	border-left					:	2px solid #f5f5f5;
}
code, var, kbd ,pre ,blockquote p {
	color						:	#888888;
	font-family					:	"ＭＳ ゴシック", monospace;
	line-height					:	110%;
}

/* [form]---------------------------------------------------------- */

form fieldset {
	border						:	none;
}
form legend {
	display						:	none;
}
form input,
form select,
form textarea {
	font-family					:	"ＭＳ ゴシック";
}
form input,
form select {
	margin-right				:	1px;
}
form select {
	margin-top					:	1px;
}
form p input {
	text-align					:	center;
}
form textarea {
	line-height					:	110%;
}
form table tr th input,
form p input,
form input.submit,
p.back a {
	padding						:	5px;
	color						:	#cccccc;
	background-color			:	#504139;
	text-align					:	center;
	border						:	none;
}
form p,
p.back,
#navigation form p {
	margin						:	10px 0 10px;
	text-align					:	center;
}
form a img.search_button {
	width						:	52px;
	height						:	20px;
	vertical-align				:	middle;
	text-align					:	center;
}

/* [table]--------------------------------------------------------- */

table {
	border-collapse				:	collapse;
	border-spacing				:	0;
}

/* [link]---------------------------------------------------------- */

a {
	text-decoration				:	underline;
}
a:visited {
}
a:hover {
	text-decoration				:	none;
}
a:active {
	outline						:	none;
}
a:focus {
	-moz-outline-style			:	none;
}
#admin a.window ,
#contents a.window {
	padding						:	0 13px 0 0;
	background					:	transparent url("../img/navigation_menu_ul_small.gif") no-repeat right center;
}

/* [layout]-------------------------------------------------------- */

#container {
	margin						:	0px auto;
	text-align					:	left;
}
#header {
	height						:	150px;
	background					:	transparent url("../img/header.gif") no-repeat left top;
	text-align					:	right;
}
#menu {
	margin						:	0 0 10px;
}
#navigation {
	float						:	left;
}
#logs {
	float						:	right;
	border-left:1px dashed #000;
	padding:0px 0px 0px 10px;
}
#contents,#admin {
	margin						:	0 0 20px;
}
#contents,#header,#admin,#footer {
	float						:	none;
	clear						:	both;
}
@media screen {
	#navigation ,#logs {
		overflow				:	hidden;
	}
}
#menu ul:after,
#contents p:after{
	content						:	".";
	visibility					:	hidden;
	display						:	block;
	clear						:	both;
	height						:	0.1px;
	font-size					:	0.1em;
	line-height					:	0;
}
h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	display						:	block;
	font-weight					:	bold;
	clear						:	both;
	text-decoration				:	none;
}
#logs h3 a{
	text-decoration				:	underline;
}
#logs h3 a:hover{
	text-decoration				:	none;
}
#header p ,
#navigation h2 {
	display						:	none;
}

/* [header]―――――――――――――――――――――――――――― */

/* [heading] ------------------------------------------------------ */
#header h1 a {
	font-size					:	150%;
	height						:	150px;
	line-height					:	150px;
	font-family					:	'century gothic',verdana,arial;
	color						:	#333333;
	text-align					:	right;
}

/* [menu]――――――――――――――――――――――――――――― */

/* [heading] ------------------------------------------------------ */
#menu h2  {
	display						:	none;
}
/* [ul] ----------------------------------------------------------- */
#menu ul {
	width						:	100%;
	height						:	30px;
	line-height					:	30px;
	text-align					:	right;
	background-color			:	#504139;
}
#menu ul li {
	display						:	inline;
	padding						:	0 0 0 15px;
	margin						:	0 5px 0 0;
	background					:	transparent url("../img/header_menu_ul.gif") no-repeat 5px center;
}
/* [a]link -------------------------------------------------------- */
#menu ul li a {
	color						:	#ffffff;
}

/* [footer]―――――――――――――――――――――――――――― */

#footer {
	font-size					:	80%;
	margin						:	20px 0 0;
	padding						:	5px 0 10px;
	font-family					:	Verdana;
	color						:	#eeeeee;
	background-color			:	#504139;
}
/* [heading] ------------------------------------------------------ */
#footer h2 {
	display						:	none;
}
/* [address] ------------------------------------------------------ */
#footer p ,
#footer address {
	text-align					:	center;
}
/* [ul] ----------------------------------------------------------- */
#footer ul {
	margin						:	10px;
	text-align					:	right;
}
#footer ul li {
	display						:	inline;
	margin						:	0 5px 0 0;
}
/* [a]link -------------------------------------------------------- */
#footer a,
#footer a:hover {
	color						:	#ffffff;
}

/* [navigation]―――――――――――――――――――――――――― */

/* [heading] ------------------------------------------------------ */
#navigation h3 {
	margin						:	0 0 5px;
	color						:	#000000;
	height						:	20px;
	line-height					:	20px;
	text-indent					:	22px;
	background					:	#ffffff url("../img/bg.gif") no-repeat 5px center;
}
/* [p] ------------------------------------------------------------ */
#navigation p {
	margin						:	0 5px 3px;
}
/* menu ----------------------------------------------------------- */
#navigation ul {
	margin						:	0 10px 20px 20px;
}
#navigation ul li {
	padding						:	0 0 0 28px;
	background					:	transparent url("../img/crown.gif") no-repeat 10px 7px;
	line-height					:	24px;
}

/* [contents]――――――――――――――――――――――――――― */

/* [heading] ------------------------------------------------------ */
#admin h2,
#contents h2 {
	display						:	block;
	margin						:	0 0 10px;
	height						:	30px;
	line-height					:	30px;
	text-indent					:	5px;
	font-weight					:	bold;
	border-style				:	solid;
	border-color				:	#cccccc;
	border-width				:	0 0 0 10px;
	font-size					:	120%;
}
#admin h3,
#contents h3 {
	display						:	block;
	margin						:	0 0 5px 10px;
	height						:	25px;
	line-height					:	25px;
	text-indent					:	20px;
	font-weight					:	bold;
	background					:	transparent url("../img/crown3.gif") no-repeat 5px center;
	border-bottom				:	1px solid #cccccc;
}
#contents h4 {
	clear						:	both;
	display						:	block;
	margin						:	10px;
	height						:	20px;
	line-height					:	20px;
	text-indent					:	5px;
	border-left					:	3px solid #009999;
	color						:	#009999;
}
/* [search_bar] --------------------------------------------------- */
#search_bar {
	display						:	block;
	background					:	#fff;
	padding						:	8px 0;
	text-align					:	center;
}
/* [ul] arrow ----------------------------------------------------- */
form ul ,
#admin ul ,
#contents ul {
	margin						:	0 20px 5px 25px;
}
form ul li ,
#admin ul li ,
#contents ul li {
	padding						:	0 0 0 15px;
	background					:	transparent url("../img/main_ul.gif") no-repeat left 5px;
}
form ul a ,
#admins ul a ,
#contents ul a {
	margin						:	0 3px;
}
/* [ul] sub ------------------------------------------------------- */
#admin ol li ul ,
#contents ol li ul,
#admin ul li ul ,
#contents ul li ul {
	margin						:	0 0 5px 0;
	list-style					:	none;
}
#admin ol li ul li ,
#contents ol li ul li,
#admin ul li ul li ,
#contents ul li ul li {
	padding						:	0 0 0 28px;
	background					:	transparent url("../img/crown4.gif") no-repeat left 7px;
	list-style					:	none;
}
/* [ul]genre ------------------------------------------------------ */
#contents #genre ul {
	margin						:	5px 0 20px;
}
#contents #genre ul li {
	display						:	block;
	width						:	240px;
	height						:	25px;
	float						:	left;
	margin						:	0 0 0 10px;
	padding						:	0;
	list-style					:	none;
	background					:	none;
}
#contents #genre ul li.title {
	clear						:	both;
	display						:	block;
	margin						:	28px 0 5px;
	padding						:	0;
	width						:	100%;
	height						:	25px;
	line-height					:	25px;
	text-indent					:	20px;
	background					:	transparent url("../img/crown3.gif") no-repeat 5px center;
	font-weight					:	bold;
	border-bottom				:	1px solid #cccccc;
}
/* [ul]sitemap ---------------------------------------------------- */
#contents #sitemap ul {
	margin						:	0 0 0 20px;
}
#contents #sitemap ul li {
	margin						:	0 0 0 28px;
	padding						:	0 0 0 28px;
	background					:	transparent url("../img/crown4.gif") no-repeat left 7px;
	line-height					:	25px;
}
#contents #sitemap ul li.title {
	margin						:	10px 0 0;
	padding						:	0 0 0 12px;
	background					:	transparent url("../img/main_ul.gif") no-repeat left 7px;
}
#contents #sitemap ul li small {
	margin						:	0 0 0 20px;
	font-size					:	100%;
}
/* [ul]reg -------------------------------------------------------- */
#contents ul.reg {
	margin						:	5px 0px 5px 10px;
	height						:	200px;
	overflow					:	auto;
}
#contents ul.reg li {
	margin						:	0 0 0 20px;
	background					:	none;
	padding						:	0;
}
#contents ul.reg li small {
	margin						:	0 0 0 10px;
}
#contents ul.reg li.title {
	display						:	block;
	margin						:	5px 0 0;
	font-weight					:	bold;
	padding						:	5px;
	background-color			:	#eeeeee;
}
/* [ol]reg -------------------------------------------------------- */
#contents ol.reg {
	margin						:	5px 0 5px 60px;
}
#contents ol.reg li {
	list-style					:	decimal;
}
/* [dl] ----------------------------------------------------------- */
#contents form dl,
#contents dl {
	margin						:	10px 0 5px 15px;
	border-bottom				:	1px dotted #dddddd;
}
#contents form dl dt,
#contents dl dt {
	padding						:	0.6em 0 0.6em 1em;
	width						:	13em;
	float						:	left;
	border-top					:	1px dotted #dddddd;
}
#contents form dl dd,
#contents dl dd {
	margin						:	0 0 0 13em;
	padding						:	0.6em;
	border-top					:	1px dotted #dddddd;
}
/* [dl]fqa -------------------------------------------------------- */
#contents dl.fqa {
	margin						:	0 20px 20px 30px;
	border						:	none;
}
#contents dl.fqa dt {
	padding						:	0 0 0 28px;
	background					:	transparent url("../img/crown4.gif") no-repeat left 7px;
	width						:	100%;
	float						:	none;
	border						:	none;
}
#contents dl.fqa dd {
	margin						:	2px 0 5px 7px;
	padding						:	5px;
	background-color			:	#f5f5f5;
	border						:	none;
}
#contents dl.fqa dd a {
	padding						:	0 2px;
}
/* [page] --------------------------------------------------------- */
#contents div.page {
	text-align					:	center;
	margin						:	10px;
}
#contents div.page ul {
}
#contents div.page ul li {
	font-size					:	80%;
	display						:	inline;
	padding						:	0;
	background					:	none;
}
#contents div.page ul li small {
	color						:	#888888;
	margin						:	25px;
}
#contents div.page ul li em {
	color						:	#000000;
	padding						:	2px 5px;
}
#contents div.page ul li a {
	padding						:	2px 5px;
}
/* [shotcut] ------------------------------------------------------ */
div.shotcut {
	text-align					:	center;
	margin						:	10px 0 20px;
}
/* [navi] --------------------------------------------------------- */
div.navi {
	text-align					:	right;
	margin						:	10px 20px 20px;
}
div.navi a {
	color						:	#504139;
	text-decoration				:	none;
}
div.navi a:hover {
	text-decoration				:	underline;
}
/* [site_indication] ---------------------------------------------- */
#contents div.site_indication {
	display						:	block;
	width						:	480px;
	height						:	360px;
	padding						:	5px;
	margin						:	10px 3px 20px;
	background					:	transparent url("../img/site_bg.gif") no-repeat left center;
border:1px solid #000;
}
#contents div.site_indication ul.title {
	display						:	block;
	margin						:	0 0 2px;
	padding						:	28px;
	background					:	transparent url("../img/crown4.gif") no-repeat left center;
}
#contents div.site_indication ul.title li {
	display						:	inline;
	margin						:	0 1px 0 0;
	padding						:	0;
	background					:	none;
}
#contents div.site_indication ul.title em a {
	font-weight					:	bold;
	padding						:	0;
	background					:	none;
}
/*-- mark -- */
#contents div.site_indication ul.title li.mark_new a {
	color						:	#8c3f3f;
}
#contents div.site_indication ul.title li.mark_update a {
	color						:	#3f668c;
}
#contents div.site_indication ul.title li.mark_pickup a {
	color						:	#8c3f8c;
}
#contents div.site_indication ul.title li.mark_mutually a {
	color						:	#3f8c3f;
}
#contents div.site_indication ul.title li.mark_new a,
#contents div.site_indication ul.title li.mark_update a,
#contents div.site_indication ul.title li.mark_pickup a,
#contents div.site_indication ul.title li.mark_mutually a {
	margin						:	0;
	padding						:	2px;
	font-size					:	80%;
	text-decoration				:	none;
}
#contents div.site_indication ul.title li.mark_new a:hover,
#contents div.site_indication ul.title li.mark_update a:hover,
#contents div.site_indication ul.title li.mark_pickup a:hover,
#contents div.site_indication ul.title li.mark_mutually a:hover {
	text-decoration				:	none;
}
#contents div.site_indication div.left {
	float						:	left;
	width						:	128px;
}
#contents div.site_indication div.right ,
#contents div.site_indication div.right div.banner ,
#contents div.site_indication div.right div.introduction {
	width						:	360px;
}
#contents div.site_indication div.right {
	float						:	right;
	margin						:	0 20px 0 0;
}
/*-- banner -- */
#contents div.site_indication div.banner {
	display						:	block;
	width						:	500px;
	height						:	50px;
	overflow					:	auto;
}
/*-- user -- */
#contents div.site_indication ul.user {
	display						:	block;
	text-align					:	right;
	padding						:	1px 2px 2px;
}
#contents div.site_indication ul.user li {
	text-align					:	right;
	display						:	inline;
	padding						:	0;
	background					:	none;
}
/*-- introduction -- */
#contents div.site_indication div.introduction {
	width						:	470px;
	height						:	100px;
	overflow					:	auto;
	text-align					:	left;
border-bottom:1px solid #000;
border-top:1px solid #000;
}
#contents div.site_indication div.text div.introduction {
	height						:	60px;
}
/*-- category -- */
#contents div.site_indication ul.category {
	clear						:	both;
	display						:	block;
	width						:	430px;
	height						:	70px;
	overflow					:	auto;
	margin						:	3px 0;
	padding						:	5px;
	font-size					:	80%;
}
#contents div.site_indication ul.category li {
	margin						:	0 10px 0 0;
	display						:	inline;
	padding						:	0;
	background					:	none;
}
/*-- data -- */
#contents div.site_indication ul.data {
	display						:	block;
	margin						:	10px 0 0;
	width						:	450px;
	font-size					:	80%;
	text-align					:	right;
	color						:	#504139;
}
#contents div.site_indication ul.data li {
	display						:	inline;
	margin						:	0 1px 0 0;
	text-align					:	right;
	padding						:	0;
	background					:	none;
}
#contents div.site_indication ul.data li a {
	color						:	#504139;
	text-decoration				:	none;
}
#contents div.site_indication ul.data li a:hover {
	text-decoration				:	underline;
}
/*-- message -- */
#contents div.site_indication div.message {
	padding						:	5px;
	background-color			:	#eeeeee;
}

/* [admin] ―――――――――――――――――――――――――――― */

/* [dl] ----------------------------------------------------------- */
#admin dl {
	margin						:	0 0 40px 30px;
}
#admin dl dt {
	padding						:	0 0 0 22px;
	background					:	transparent url("../img/main_ul.gif") no-repeat 10px 7px;
	float						:	none;
}
#admin dl dd {
	margin						:	0 0 10px 35px;
}
/* [ul] ----------------------------------------------------------- */
#admin dl dd ul {
}
#admin dl dd ul li{
	padding						:	0 0 0 28px;
	background					:	transparent url("../img/crown4.gif") no-repeat left 7px;
}
/* [table] -------------------------------------------------------- */
#admin table {
	margin						:	0 20px 10px 25px;
	border						:	1px solid #cccccc;
}
#admin table th {
	padding						:	5px;
	border						:	1px solid #cccccc;
	background					:	#eeeeee;
	vertical-align				:	top;
}
#admin table td {
	padding						:	5px;
	border						:	1px solid #cccccc;
}

/* [path] ―――――――――――――――――――――――――――― */

#path h2 {
	display						:	none;
	padding						:	0;
	margin						:	0;
}
#path ul {
	margin						:	10px;
}
#path ul li {
	display						:	inline;
	margin						:	0 5px 0 0;
	background					:	none;
	padding						:	0;
}

/* site_list ------------------------------------------------------ */

#contents div.site_list {
	margin						:	10px;
	border						:	1px solid #eeeeee;
}
#contents div.site_list form dl ,
#contents div.site_list dl {
	margin						:	10px 0 5px 15px;
	border-bottom				:	none;
}
#contents div.site_list form dl dt,
#contents div.site_list dl dt {
	padding						:	3px;
	float						:	none;
	border-top					:	none;
}
#contents div.site_list form dl dd,
#contents div.site_list dl dd {
	padding						:	0;
	margin						:	0 0 5px 20px;
	border-top					:	none;
}