@charset "utf-8";

/* =====================================================================
	global
====================================================================== */
* {
	margin : 0;
	padding : 0;
	font : normal normal 100% Arial,Helvetica,sans-serif;
}
*html {
	border-style : none;
}

body {
	background : #ffffff;
	color : #333333;
	font-size : 62.5%;
	text-align : center;
}

/* =====================================================================
	definition
====================================================================== */

/* ___________________________________________________________ anchor */

a {
	color : #3366cc;
	text-decoration : none;
}
a:link {
}
a:visited {
}
a:hover {
	text-decoration : underline;
}
a:active {
}

div#header ul#navigation li a:hover {
	text-decoration : none;
}

p#page_top {
	position : relative;
	margin : 20px 0 0 0;
	font-size : 11px;
}
*html p#page_top {
	font-size : 9px;
}
*+html p#page_top {
	font-size : 9px;
}
p#page_top a {
	position : absolute;
	right : 0;
	background : url(../img/icon/accessory/button/anchor.gif) no-repeat;
	font-size : 0.95em;
	text-indent : 27px;
	line-height : 21px;
	width : 144px;
	height : 21px;
}

/* ___________________________________________________________ headline */

h1 {
	padding : 0 0 0 15px;
}
div#header h2 {
	overflow : hidden;
	margin : 2px 0 0 5px;
	font-size : 12px;
	line-height : 1.4;
	width : 555px;
	height : 55px;
}
h3 {
	color : #ffffff;
	font-size : 12px;
	font-weight : bold;
	text-indent : 45px;
	line-height : 26px;
	height : 26px;
}

/* ___________________________________________________________ document */

strong,
b {
	font-weight : bold;
}

/* ___________________________________________________________ list */

ul {
	list-style : none;
}
ol {
	list-style-position : inside;
}

/* ___________________________________________________________ image */

img {
	vertical-align : bottom;
	border : none;
}

/* ___________________________________________________________ rule,clearfix */

hr {
	clear : both;
	visibility : hidden;
}

div#header ul#navigation:after {
	display : block;
	clear : both;
	content : ".";
	visibility : hidden;
	height : 0;
}

/* ___________________________________________________________ box */

div#global,
div#shell {
	margin : 0 auto;
	width : 990px;
	font-size : 1.2em;
	text-align : left;
}
div#header {
	margin : 5px 0 0 0;
	background : #ffffff url(../img/icon/accessory/whole.gif) repeat-x bottom;
	height : 129px;
}

body#area div#header {
	background : #ffffff url(../img/icon/accessory/background.gif) repeat-x bottom;
	height : 154px;
}

div#footer {
	margin : 25px auto 0 auto;
	padding : 17px 0 0 0;
	font-size : 1.0em;
	text-align : center;
	width : 990px;
}
*html div#footer {
	font-size : 0.9em;
}

div#header ul li,
div#footer ul li {
	display : inline;
}

/* =====================================================================
	header
====================================================================== */

p#logo,
div#header h2,
p#pr {
	float : left;
}

p#logo {
	margin : 0 0 0 10px;
	padding : 0 0 5px 0;
	width : 180px;
	height : 60px;
}
*html p#logo {
	margin : 0 0 0 5px;
}

p#pr {
	margin : 3px 0 0 2px;
	padding : 0;
	width : 234px;
	height : 60px;
}

/* ___________________________________________________________ navigation */

div#header ul {
	clear : both;
	padding : 0 0 0 15px;
	font-size : 12px;
	height : 20px;
}

div#header ul#navigation {
	margin : 9px 0 0 0;
	color : #ffffff;
	height : 32px;
}
div#header ul#navigation li,
div#header ul#navigation li a {
	line-height : 30px;
	width : 88px;
	height : 32px;
}
div#header ul#navigation li.letters_07,
div#header ul#navigation li.letters_07 a {
	width : 94px;
}
div#header ul#navigation li.letters_08,
div#header ul#navigation li.letters_08 a {
	width : 110px;
}
div#header ul#navigation li.letters_11,
div#header ul#navigation li.letters_11 a {
	width : 142px;
}
div#header ul#navigation li {
	display : block;
	float : left;
	margin : 0 4px 0 0;
	background : url(../img/icon/header/navi.gif) no-repeat bottom;
	text-align : center;
}
div#header ul#navigation li a {
	display : block;
	background : url(../img/icon/header/navi.gif) no-repeat top;
	color : #666666;
}
div#header ul#navigation li.letters_07 {
	background : url(../img/icon/header/letters_07.gif) no-repeat bottom;
}
div#header ul#navigation li.letters_07 a {
	background : url(../img/icon/header/letters_07.gif) no-repeat top;
}
div#header ul#navigation li.letters_08 {
	background : url(../img/icon/header/letters_08.gif) no-repeat bottom;
}
div#header ul#navigation li.letters_08 a {
	background : url(../img/icon/header/letters_08.gif) no-repeat top;
}
div#header ul#navigation li.letters_11 {
	background : url(../img/icon/header/letters_11.gif) no-repeat bottom;
}
div#header ul#navigation li.letters_11 a {
	background : url(../img/icon/header/letters_11.gif) no-repeat top;
}
div#header ul#navigation li a:hover {
	background-position : 0 -32px;
	color : #ffffff;
}

div#header ul#genre {
	margin : 7px 0 0 0;
}
div#header ul#genre li {
	margin : 0 10px 0 0;
	padding : 0;
	font-weight: bold;
	color: #3366cc;
}
div#header ul#genre li a{
	margin : 0 10px 0 0;
	padding : 0 0 0 15px;
	background : url(../img/icon/accessory/arrow/white.gif) no-repeat left center;
	zoom : 1;
}
div#header ul#genre li.index,
div#header ul#genre li.index a {
	background : transparent;
	color : #3366cc;
	font-weight : bold;
}

/* =====================================================================
	shell
====================================================================== */

div#shell {
	width : 800px;
}

/* ___________________________________________________________ topic path */

ul.topic_path {
	margin : 5px auto 10px auto;
	font-size : 11px;
	text-align : left;
	width : 960px;
}
ul.topic_path li {
	display : inline;
}
*html ul.topic_path {
	font-size : 9px;
	width : 1000px;
}
*+html ul.topic_path {
	font-size : 9px;
}
*+html>/**/body ul.topic_path {
	font-size : 11px;
}

/* ___________________________________________________________ headline */

div#shell h3 {
	margin : 10px 0;
	background : url(../img/sitemap/sitemap.gif) no-repeat;
}

/* ___________________________________________________________ section */

div#shell div.section {
	margin : 5px 0 0 0;
}
div#shell div.section p {
	margin : 0 10px 10px 10px;
	line-height : 1.35;
}

/* ___________________________________________________________ list */

#sitemaplayout{
  width: 800px;
  margin : 0 auto;
  padding: 0 0 0 0px;
}

.areaname{
  font-weight: bold;
  color: #f79a35;
  padding: 0 0 0 25px;
  background : url(../img/sitemap/accent.gif) no-repeat;
  margin: 10px 0 0 10px;
}
*html .areaname{
  font-weight: bold;
  color: #f79a35;
  padding: 0 0 0 25px;
  background : url(../img/sitemap/accent.gif) no-repeat;
  margin: 15px 0 0 10px;
}
.areaname a{
  font-weight: bold;
  color: #f79a35;
  text-decoration: none;
}

.areainfo{
  padding: 10px 0 10px 35px;
}

#areacontent {
  width: 740px;
  margin: 0 0 0 30px;
}
.content_news{
 background : url(../img/sitemap/newsaccent.gif) no-repeat;
 font-weight: bold;
 color: #f79a35;
 line-height: 22px;
 height: 22px;
 padding: 0 0 0 30px;
 margin: 0 0 10px 0;
}
.content_search{
 background : url(../img/sitemap/searchaccent.gif) no-repeat;
 font-weight: bold;
 color: #f79a35;
 line-height: 22px;
 height: 22px;
 padding: 0 0 0 30px;
 margin: 0 0 10px 0;
}
.content_member{
 background : url(../img/sitemap/memberaccent.gif) no-repeat;
 font-weight: bold;
 color: #f79a35;
 line-height: 22px;
 height: 22px;
 padding: 0 0 0 30px;
 margin: 0 0 10px 0;
}
.content_book{
 background : url(../img/sitemap/bookaccent.gif) no-repeat;
 font-weight: bold;
 color: #f79a35;
 line-height: 22px;
 height: 22px;
 padding: 0 0 0 30px;
 margin: 0 0 10px 0;
}
.content_kikaku{
 background : url(../img/sitemap/presentaccent.gif) no-repeat;
 font-weight: bold;
 color: #f79a35;
 line-height: 22px;
 height: 22px;
 padding: 0 0 0 30px;
 margin: 0 0 10px 0;
}
.content_contact{
 background : url(../img/sitemap/contactaccent.gif) no-repeat;
 font-weight: bold;
 color: #f79a35;
 line-height: 22px;
 height: 22px;
 padding: 0 0 0 30px;
 margin: 0 0 10px 0;
}
.content_sokuho{
 background : url(../img/sitemap/sokuhoaccent.gif) no-repeat;
 font-weight: bold;
 color: #f79a35;
 line-height: 22px;
 height: 22px;
 padding: 0 0 0 30px;
 margin: 0 0 10px 0;
}
.content_title{
 background : url(../img/sitemap/infoaccent.gif) no-repeat;
 font-weight: bold;
 color: #f79a35;
 line-height: 22px;
 height: 22px;
 padding: 0 0 0 30px;
 margin: 0 0 10px 0;
}
.content_title a{
 font-weight: bold;
 color: #f79a35;
 text-decoration: none;
}
.content_detail{
 padding: 0 30px 10px 35px;
 color: #333333;
}
.content_detail a{
 color: #3366cc;
 text-decoration: none;
}
.search_detail{
 padding: 0 30px 10px 35px;
 color: #333333;
}
.search_detail a{
 color: #3366cc;
 text-decoration: none;
}
.to_top{
 padding: 10px 0;
 color: #333333;
 text-align: right;
}
.to_top a{
 color: #3366cc;
}
div.line{
 background : #ffffff url(../img/sitemap/line.gif) no-repeat;
 height: 10px;

}



/* =====================================================================
	アイコンありリスト
====================================================================== */
ul#navi_site {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul#navi_site li{
}

ul#navi_site li#like_site{
	padding: 0 0 0 25px;
	margin: 10px 0 0 0;
    height: 18px;
	background : #ffffff url(../img/sitemap/like.gif) no-repeat;
}
ul#navi_site li#event_site{
	padding: 0 0 0 25px;
	margin: 10px 0 0 0;
    height: 18px;
	background : #ffffff url(../img/sitemap/event.gif) no-repeat;
}
ul#navi_site li#today_site{
	padding: 0 0 0 25px;
	margin: 10px 0 0 0;
    height: 18px;
	background : #ffffff url(../img/sitemap/today.gif) no-repeat;
}
ul#navi_site li#newfece_site{
	padding: 0 0 0 25px;
	margin: 10px 0 0 0;
    height: 18px;
	background : #ffffff url(../img/sitemap/newface.gif) no-repeat;
}
ul#navi_site li#r10_site{
	padding: 0 0 0 25px;
	margin: 10px 0 0 0;
    height: 18px;
	background : #ffffff url(../img/sitemap/request10.gif) no-repeat;
}
ul#navi_site li#tencho_site{
	padding: 0 0 0 25px;
	margin: 10px 0 0 0;
    height: 18px;
	background : #ffffff url(../img/sitemap/tencho.gif) no-repeat;
}
ul#navi_site li#syame_site{
	padding: 0 0 0 25px;
	margin: 10px 0 0 0;
    height: 18px;
	background : #ffffff url(../img/sitemap/syame.gif) no-repeat;
}
ul#navi_site li#newshop_site{
	padding: 0 0 0 25px;
	margin: 10px 0 0 0;
    height: 18px;
	background : #ffffff url(../img/sitemap/new_shop.gif) no-repeat;
}
/* =====================================================================
	アイコンなし
====================================================================== */
ul#navinomal_site {
	margin : 10px 0 5px 0;
	padding: 0;
	list-style-type: none;
}
ul#navinomal_site li{
	padding : 0 7px 0 15px;
	background :url(../img/sitemap/blue.gif) no-repeat 0 2px;
	display: inline;
}



/* =====================================================================
	footer
====================================================================== */

div#footer ul,
div#footer address,
div#footer p,
div#footer div#end {
	margin : 0 auto;
	padding : 0 0 3px 25px;
	text-align : left;
}
*html div#footer ul {
	margin : 0 0 0 25px;
	padding : 0;
}
*html div#footer p,
*+html div#footer p {
	font-size : 0.9em;
}
div#footer ul li {
	font-size : 1.2em;
}
div#footer address {
	margin : 15px auto 3px auto;
}
div#end,
*html div#end{
	margin : 0 auto;
	padding : 0 0 3px 0;
	text-align : left;
}
*+html div#end{
	margin : 0 auto;
	padding : 0 0 3px 0;
	text-align : left;
    font-size : 0.9em;
}

/* =================================================================== */