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

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

a:link { color:#000000; }
a:visited { color:#020202; }
a:active { color:#666666; }
a:hover { color:#cc0000; }
body { font-size:95%; color:#333333; background:#f2f2f2 url(/common/img/bg_img/bg_img.gif); }
small { font-size:90%; color:#060606; }
em { color:; background:; border:; }
form span.none input { background:#cccccc; border:; }
#container { background:#ffffff; border:; width:780px; }
#navigation { width:200px; }
#logs { width:570px; }
.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;
}

em,strong {
	font-weight					:bold;
}
small{
	margin						:0 2px;
}
ul,ol {
	list-style					:none;
}
img{
	border						:none;
	vertical-align				:bottom;
}
hr{
	display						:none;
}
object {
	margin-left					:10px;
}
pre {
	margin						:10px 10px 30px;
	padding						:5px;
	border						:1px solid #eeeeee;
	overflow					:auto;
}
code, var, kbd ,pre ,blockquote p{
	color						:#888888;
	font-family					:"ＭＳ ゴシック", monospace;
	line-height					:110%;
}
blockquote {
	margin						:10px;
	border-left					:2px solid #7777AA;
}

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

form fieldset {
	border						:none;
}
form legend {
	display						:none;
}
form input, form select {
	margin-right				:1px;
}
form input.text,
form input[type="text"],
form input[type="password"],
form textarea,form select{
	padding						:1px;
	border						:1px solid #666666;
}
@media screen {
	form input, form select {
		font-family				:Verdana, Arial, sans-serif;
	}
}
form select {
	margin-top					:1px;
}
form p input {
	text-align					:center;
}
form textarea {
	line-height					:110%;
}
@media screen {
	form input, form textarea {
		font-family				:"ＭＳ ゴシック";
	}
}
form p input,
form input.submit,
p.back a{
	padding						:5px;
	color						:#cccccc;
	background-color			:#000000;
	text-align					:center;
	border						:none;
}
form p, p.back,
#navigation form p{
	margin						:10px 0 20px;
	text-align					:center;
}
form a img.search_button{
	width						:52px;
	height						:20px;
	margin						:-3px 0 0;
}

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

table {
	border-collapse				:collapse;
	border-spacing				:0;
}
table tr td input {
	margin						:-2px;
}

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

a{
	text-decoration				:underline;
}
a:visited{
	color						:#666666;
}
a:hover{
	text-decoration				:none;
}
a:active {
	outline						:none;
}
a:focus{
	-moz-outline-style			:none;
}
.external a{
	padding						:0 0 0 13px;
	color						:#999999;
	text-decoration				:none;
	background					:transparent url(../image/navigation_menu_ul_small.gif) no-repeat left center;
}

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

#container {
	margin						:0px auto;
	text-align					:left;
}
#header {
	padding						:1px 0 5px;
	background:#0000b5;
 /*	background					:transparent url(../image/header.gif) no-repeat left top; */
}
#menu {
	padding						:0 0 5px;
	border-bottom				:1px solid #eeeeee;
}
#navigation {
	padding						:10px 0;
	float						:left;
	border-right				:1px solid #eeeeee;
}
#logs {
	float						:right;
}
#contents,#header,#admin,#footer,#menu {
	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 h2 ,
#header p ,
#navigation h2 {
	display						:none;
}

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

#header h1 a{
	font-size					:150%;
	font-family					:'century gothic',verdana,arial;
	color						:#000000;
	padding						:10px;
}

/* menu ----------------------------------------------------------- */

#menu h2  {
	display						:	none;
}
#menu ul{
	height						:30px;
	line-height					:30px;
	text-align					:right;
	padding						:0 17px 0 0;
	background					:transparent url(../image/header_menu_ul.gif) no-repeat right center;
}
#menu ul li{
	display						:inline;
	padding						:0 0 0 17px;
	background					:transparent url(../image/header_menu_ul.gif) no-repeat left center;
}

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

#footer h2 {
	display						:	none;
}

#footer {
	text-align					:center;
	margin						:10px 0 0;
	padding						:0 0 10px;
	font-family					:verdana;
}
#footer address{
	text-align					:center;
	font-size					:80%;
}
#footer ul {
	margin						:	10px;
	text-align					:	right;
}
#footer ul li{
	display						:	inline;
	margin						:	0 5px 0 0;
}

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

#navigation h3{
	margin						:0 0 5px;
	color						:#ffffff;
	height						:20px;
	line-height					:20px;
	text-indent					:0.5em;
	background					:transparent url(../image/navigation_h3.gif) no-repeat left center;
}
#navigation p{
	margin						:0 10px 3px;
}

/* menu ----------------------------------------------------------- */

#navigation ul{
	margin						:0 10px 20px 20px;
}
#navigation ul li{
	padding						:0 0 0 10px;
	background					:transparent url(../image/menu_ul.gif) no-repeat left 7px;
}

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

#admin h2,
#contents h2{
	margin						:0 0 5px;
	height						:30px;
	line-height					:30px;
	text-indent					:2em;
	background					:transparent url(../image/contents_h2.gif) no-repeat center center;
	color						:#ffffff;
	font-weight					:normal;
}
#admin h3,
#contents h3{
	margin						:15px 20px 5px;
	height						:25px;
	line-height					:25px;
	background					:transparent url(../image/genre_em.gif) repeat-x left center;
}
#contents h4{
	margin						:10px 20px;
	padding						:0 0 0 15px;
	background					:transparent url(../image/main_ul.gif) no-repeat left 5px;
}

/* [logs]――――――――――――――――――――――――――――― */

#logs h2{
	margin						:0 0 5px;
	text-indent					:1em;
	color						:#ffffff;
	height						:30px;
	line-height					:30px;
	background					:transparent url(../image/page_h2.gif) no-repeat left center;
}
#logs h3{
	margin						:15px 10px 5px;
	height						:25px;
	line-height					:25px;
	background					:transparent url(../image/genre_em.gif) repeat-x left center;
}

/* search_bar ----------------------------------------------------- */

#search_bar{
	display						:block;
	background					:transparent url(../image/searchbar.gif) no-repeat top left;
	padding						:10px 0;
	text-align					:center;
}
#search_bar input{
	border-width				:0px;
}
#search_bar a{
	color						:#ffffff;
}

/* genre ---------------------------------------------------------- */

#contents #genre ul{
	margin						:5px 20px 20px;
}
#contents #genre ul li {
	display						:	block;
	width						:	240px;
	height						:	25px;
	float						:	left;
	margin						:	0 0 0 10px;
	padding						:	0;
	background					:	none;
}
#contents #genre ul li.title{
	clear						:both;
	display						:block;
	margin						:5px 0;
	padding						:0;
	width						:100%;
	height						:30px;
	line-height					:30px;
	background					:transparent url(../image/genre_em.gif) repeat-x left center;
	font-weight					:bold;
}
#contents #genre ul li.title em {
	font-weight					:	bold;
	border						:	none;
	background					:	none;
	margin						:	0;
	padding						:	0;
}

/* [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(../image/main_ul.gif) no-repeat left 5px;
}
form ul a , #admins ul a , #contents ul a {
	margin						:0 3px;
}

/* [ul] submenu --------------------------------------------- */

#admin #submenu ul,
#contents #submenu ul{
	margin						:0 15px;
}
#admin #submenu ul li,
#contents #submenu ul li{
	display						:inline;
	margin						:0 10px 0 0;
	background					:none;
	padding						:0;
}

/* [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 10px;
	background					:transparent url(../image/menu_ul.gif) no-repeat left 7px;
	list-style					:none;
}

/* [ul]sitemap ---------------------------------------------------- */

#contents #sitemap ul{
	margin						:0 0 0 20px;
}
#contents #sitemap ul li{
	margin						:0 0 0 20px;
	padding						:0 0 0 7px;
	background					:transparent url(../image/menu_ul.gif) no-repeat left 7px;
}
#contents #sitemap ul li.title{
	margin						:10px 0 0;
	padding						:0 0 0 12px;
	background					:transparent url(../image/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;
	color						:#333333;
}

/* [ol]reg -------------------------------------------------------- */

#contents ol.reg{
	margin						:5px 0 5px 60px;
}
#contents ol.reg li{
	list-style					:decimal;
}
#contents ol.reg li ul{
	margin						:0 0 5px 0;
	list-style					:none;
}
#contents ol.reg li ul li{
	padding						:0 0 0 10px;
	background					:transparent url(../image/menu_ul.gif) no-repeat left 7px;
	list-style					:none;
	color						:#888888;
}

/* [dl] enter ----------------------------------------------------- */

#contents form dl, #contents dl{
	margin						:10px 0 5px 15px;
}
#contents form dl dt, #contents dl dt {
	padding						:0.6em 0 0.6em 1em;
	width						:13em;
	float						:left;
	color						:#000000;
}
#contents form dl dd, #contents dl dd {
	margin						:0 0 0 13em;
	padding						:0.6em;
}

/* [dl]fqa -------------------------------------------------------- */

#contents dl.fqa{
	margin						:0 20px 20px 30px;
}
#contents dl.fqa dt{
	padding						:0 0 0 7px;
	background					:transparent url(../image/menu_ul.gif) no-repeat left 7px;
	width						:100%;
	float						:none;
}
#contents dl.fqa dd{
	margin						:2px 0 5px 7px;
	padding						:5px;
	background-color			:#f5f5f5;
}
#contents dl.fqa dd a{
	padding						:0 2px;
}
/* [dl]reg -------------------------------------------------------- */

#contents dl.reg{
	margin						:0 20px 5px 40px;
}
#contents dl.reg dt{
	margin						:5px 0 0 0;
	font-weight					:bold;
	color						:#333333;
	width						:100%;
	float						:none;
	padding						:0;
}
#contents dl.reg dd{
	margin						:0 0 0 30px;
	padding						:0;
}


/* 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						:0 5px;
}
#contents div.page ul li strong{
	color						:#000000;
	padding						:2px 5px;
}
#contents div.page ul li a{
	padding						:2px 5px;
}
#contents div.page ul li.next a{
	padding						:2px 5px 2px 10px;
	background					:transparent url(../image/next.gif) no-repeat 5px center;
}
#contents div.page ul li.prev a {
	padding						:2px 10px 2px 5px;
	background					:transparent url(../image/prev.gif) no-repeat 90% center;
}

/* shotcut -------------------------------------------------------- */

div.shotcut{
	text-align					:center;
	margin						:10px 0 20px;
}

/* navi ----------------------------------------------------------- */

div.navi{
	text-align					:right;
	margin						:10px 20px 20px;
}
div.navi a{
	color						:#666666;
	text-decoration				:none;
}
div.navi a:hover{
	text-decoration				:underline;
}

/* site_indication ------------------------------------------------ */

#contents div.site_indication{
	display						:block;
	width						:530px;
	height						:240px;
	background					:transparent url(../image/genre_em.gif) repeat-x left bottom;
	padding						:0 5px 10px;
	margin						:10px 10px 20px;
}
#contents div.site_indication ul.title{
	display						:block;
	margin						:0 0 2px;
	padding						:5px 0 0 5px;
	background					:transparent url(../image/menu_ul.gif) no-repeat left 12px;
}
#contents div.site_indication ul.title li{
	display						:inline;
	margin						:0 1px 0 0;
	padding						:0;
	background					:none;
}
#contents div.site_indication ul.title li em{
	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{
	float						:right;
	width						:370px;
}
/*-- banner -- */
#contents div.site_indication div.banner{
	display						:block;
	width						:510px;
	height						:42px;
	overflow					:auto;
}
#contents div.site_indication div.right div.banner{
	width						:370px;
}
/*-- 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						:510px;
	height						:100px;
	overflow					:auto;
	text-align					:left;
}
#contents div.site_indication div.right div.introduction{
	width						:370px;
}
#contents div.site_indication div.text div.introduction{
	height						:60px;
}
/*-- category -- */
#contents div.site_indication ul.category {
	clear						:both;
	display						:block;
	width						:510px;
	height						:40px;
	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						:510px;
	font-size					:80%;
	text-align					:right;
	color						:#666666;
}
#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						:#666666;
	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(../image/main_ul.gif) no-repeat 10px 7px;
	float						:none;
}
#admin dl dd{
	margin						:0 0 10px 35px;
}
#admin dl dd ul{
}
#admin dl dd ul li{
	padding						:0 0 0 10px;
	background					:transparent url(../image/menu_ul.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;
}