@charset "utf-8";
@import "/common/css/seasons.css";

/*=============================================================================
	Font-size Adjustment
	*default size 12px
				| 	122% = 15px	|	167% = 21px	|
	85% = 10px	|	129% = 16px	|	174% = 22px	|
	92% = 11px	|	136% = 17px	|	182% = 23px	|
	100% = 12px	|	144% = 18px	|	189% = 24px	|
	107% = 13px	|	152% = 19px	|	197% = 25px	|
	114% = 14px	|	159% = 20px	|
==============================================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
body {
	font-family:"MS PGothic", "Osaka", Arial, sans-serif;
	*font:x-small;
	line-height: 1.0;
	font-size: 12px;
	color: #444444;
}
/* for IE6 */
* html body {
	font-size: 75%;
}
/* for IE7 */
*:first-child+html body {
	font-size: 75%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}
fieldset {
	border:none;
}
img {
	border: none;
	vertical-align: bottom;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul, li {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
a {
	text-decoration: none;
	color: #003399;
	outline: none;
}
a:hover {
	text-decoration: none;
	color: #003399;
}
br {
	letter-spacing: normal;
}
hr {
	display: none;
}
/*===================================================================
#2 LAYOUT
===================================================================*/
html { /* firefoxのスクロールバーを常に表示 */
	overflow-y: scroll;
}
body {
	text-align:center;
}
#wrapper {
	width: 978px;
	margin: 0 auto 60px;
	text-align: left;
}
/*	#header
------------------------------------------------------------------*/
#header {
	position: relative;
	height: 135px;
	background: url(../images/bg_contents_top.png) no-repeat 0 bottom;
}
#header #logo {
	position: absolute;
	top: 28px;
	left: 7px;
	width: 126px;
	height: 49px;
}
#header #logo a {
	display: block;
	width: 126px;
	height: 49px;
	text-indent: -9999px;
	background: url(../images/png_other/logo.png) no-repeat 0 0;
	_background: url(../images/png_ie6/logo_w.png) no-repeat 0 0;
}
#header #anniversary25 {
	position: absolute;
	top: 28px;
	left: 143px;
	width: 305px;
	height: 49px;
}
#header #anniversary25 strong {
	display: block;
	width: 305px;
	height: 49px;
	background: url(../images/png_other/anniversary25.png) no-repeat 0 0;
	_background: url(../images/png_ie6/anniversary25.png) no-repeat 0 0;
	text-indent: -9999px;
}
#header #lead_txt {
	position: absolute;
	top: 2px;
	left: 7px;
	width: 486px;
	height: 20px;
	background: url(../images/png_other/lead_txt.png) no-repeat 0 0;
	_background: url(../images/png_ie6/lead_txt_spring.png) no-repeat 0 0;
	text-indent: -9999px;
}
#header #link {
	position: absolute;
	top: 0px;
	right: 10px;
}
#header_nav {
	height: 0;
	line-height:0;
	font-size:0;
	text-indent: -9999px;
	display: none;
}
/*  #gnav
----------------------------------*/
#header #gnav {
	position: absolute;
	overflow: hidden;
	top: 80px;
	right: 75px;
	width: 621px;
	height: 55px;
}
#header #gnav li {
	float: left;
	padding-left:2px;/*height: 30px;*/
}
#header #gnav li a {
	display: block;
	overflow: hidden;
	width: 75px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
#header #gnav li.gnav_home a {
	width: 38px;
	background-image: url(../images/gnav_home.png);
}
#header #gnav li.gnav_home a:hover {
	background-image: url(../images/gnav_home_on.png);
}
#header #gnav li.gnav_ikebukuro a {
	width: 117px;
	background-image: url(../images/gnav_ikebukuro.png);
}
#header #gnav li.gnav_ikebukuro a:hover, #bd_ikebukuro #header #gnav li.gnav_ikebukuro a {
	background-image: url(../images/gnav_ikebukuro_on.png);
}
#header #gnav li.gnav_news a {
	background-image: url(../images/gnav_news.png);
}
#header #gnav li.gnav_news a:hover, #bd_news #header #gnav li.gnav_news a {
	background-image: url(../images/gnav_news_on.png);
}
#header #gnav li.gnav_recommend a {
	background-image: url(../images/gnav_recommend.png);
}
#header #gnav li.gnav_recommend a:hover, #bd_recommend #header #gnav li.gnav_recommend a {
	background-image: url(../images/gnav_recommend_on.png);
}
#header #gnav li.gnav_ranking a {
	background-image: url(../images/gnav_ranking.png);
}
#header #gnav li.gnav_ranking a:hover, #bd_ranking #header #gnav li.gnav_ranking a {
	background-image: url(../images/gnav_ranking_on.png);
}
#header #gnav li.gnav_service a {
	background-image: url(../images/gnav_service.png);
}
#header #gnav li.gnav_service a:hover, #bd_service #header #gnav li.gnav_service a {
	background-image: url(../images/gnav_service_on.png);
}
#header #gnav li.gnav_shop_list a {
	background-image: url(../images/gnav_shop_list.png);
}
#header #gnav li.gnav_shop_list a:hover, #bd_shop_list #header #gnav li.gnav_shop_list a {
	background-image: url(../images/gnav_shop_list_on.png);
}
#header #gnav li.gnav_yomuyomu a {
	background-image: url(../images/gnav_yomuyomu.png);
}
#header #gnav li.gnav_yomuyomu a:hover, #bd_yomuyomu #header #gnav li.gnav_yomuyomu a {
	background-image: url(../images/gnav_yomuyomu_on.png);
}
#bd_ikebukuro #header #gnav li.gnav_ikebukuro a,  #bd_news #header #gnav li.gnav_news a,  #bd_recommend #header #gnav li.gnav_recommend a,  #bd_ranking #header #gnav li.gnav_ranking a,  #bd_shop_list #header #gnav li.gnav_shop_list a,  #bd_yomuyomu #header #gnav li.gnav_yomuyomu a,  #bd_service #header #gnav li.gnav_service a {
	height: 55px;
}
/*	#content
------------------------------------------------------------------*/
#content {
	width: 830px;
	padding: 0 73px 0 73px;
	background: url(../images/bg_contents.png) repeat-y 0 0;
	font-size: 100%;
	height: 1%;
}
/*  #topickpath
----------------------------------*/
#topickpath ul {
	overflow: hidden;
	/*width: 872px;*/
	height: 18px;
	line-height: 18px;
	margin: 0 auto 20px;
	padding: 1px 10px;
	background: url(../images/bg_topickpath.gif) repeat-x 0 bottom;
}
#topickpath ul li {
	float: left;
	color: #314C84;
	font-size: 10px;/*line-height: 1.6;*/
}
#topickpath ul li span {
	padding: 0 4px;
}
#topickpath ul li a {
	color: #555;
	text-decoration: underline;
}
#topickpath ul li a:hover {
	text-decoration: none;
}
h1 {
	margin: 0 auto 17px;
	background: url(../images/bg_pagename.gif) repeat-x 0 bottom;
}
#outline {
	height: 0;
	line-height:0;
	font-size:0;
	text-indent: -9999px;
	display: none;
}
/*  #main
----------------------------------*/
#main {
	width: 585px;
	float: right;
	margin-top: 20px;
	background-color: #fff;
}
#main h2 {
	margin-bottom: 20px;
}
#main h2.ttl_b {
	background: url(../images/bg_ttl.gif) repeat-x 0 bottom;
}
#main p {
	line-height: 1.6;
	margin-bottom: 1em;
}
#main div.text  {
	line-height: 1.6;
}
/*  #sab
----------------------------------*/
#sab {
	width: 215px;
	float: left;
	margin-right: 30px;
	text-align: left;
}
.snav_outer {
	width: 215px;
	background: url(../images/bg_snav_bottom.gif) no-repeat 0 bottom;
	padding-bottom: 5px;
}
#snav {
	background: url(../images/bg_snav.gif) repeat-y 0 0;
	text-align: center;
	padding-bottom: 15px;
}
#snav li {
	padding-bottom: 2px;
}
/* list_outer 2階層目 */
.list_outer {
	width: 195px;
	margin: 0 auto;
	padding: 0 0 12px;
	background: url(../images/bg_snav_list_bottom.gif) no-repeat 0 bottom;
}
ul#snav li .list_outer ul {
	width: 175px;
	padding: 0 10px;
	background: url(../images/bg_snav_list_middle.gif) repeat-y 0 0;
	text-align: left;
}
ul#snav li .list_outer ul li {
	padding: 10px 0 10px 0;
	background: url(../images/bg_snav_list_border.gif) no-repeat center bottom;
	font-size: 92%;
}
ul#snav li .list_outer ul li a {
	text-decoration: none;
}
ul#snav li .list_outer ul li a span,  ul#snav li .list_outer ul li a strong,  ul#snav li .list_outer ul li a em {
	display: block
}
ul#snav li .list_outer ul li a span {
	display: block;
	margin-bottom: 3px;
	color: #001F5F;
	font-weight: bold;
	line-height: 1.0;
}
ul#snav li .list_outer ul li a:hover span {
	color: #003399;
}
ul#snav li .list_outer ul li a strong {
	display: block;
	line-height: 1.1;
	color: #003399;
}
ul#snav li .list_outer ul li a:hover strong {
	color: #00B7FF;
}
ul#snav li .list_outer ul li em {
	margin-top: 2px;
	color: #666;
}
/* bnr_online */
.bnr_online {
	width: 215px;
	margin-top: 20px;
	padding-bottom: 4px;
	background: url(../images/bnr_online_box_bottom.gif) no-repeat 0 bottom;
}
.bnr_online h4 {
    width: 215px;
	height: 36px;
	background: url(../images/bnr_online_ttl.gif) no-repeat 0 0;
	text-indent: -9999px;
}
.bnr_online ul {
	padding: 0 12px 0 13px;
	background: url(../images/bnr_online_box_middle.gif) no-repeat 0 0;
}
.bnr_online ul li {
	padding-bottom: 5px;
}
/*-- bnr_other --*/
.bnr_other li {
	margin-top: 9px;
}
/*	#footer
------------------------------------------------------------------*/
#footer {
	clear: both;
	position: relative;
	width: 978px;
	height: 52px;
	margin: 0 auto;
	padding: 43px 0 20px;
	background: url(../images/bg_contents_bottom.png) no-repeat 0 0;
	text-align: left;
}
#fnav {
	position: absolute;
	top: 52px;
	left: 50px;
	height: 21px;
}
#fnav li {
	float: left;
	height: 21px;
	padding-right: 10px;
	background: url(../images/png_other/fnav_separater.png) no-repeat right -1px;
	_background: url(../images/png_ie6/fnav_separater.png) no-repeat right -1px;
}
#fnav li a {
	display: block;
	overflow: hidden;
	height: 21px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#fnav li.fnav_corporate a {
	width: 58px;
	background: url(../images/png_other/fnav_corporate.png);
	_background: url(../images/png_ie6/fnav_corporate.png);
}
#fnav li.fnav_corporate a:hover {
	background: url(../images/png_other/fnav_corporate_on.png);
	_background: url(../images/png_ie6/fnav_corporate_on.png);
}
#fnav li.fnav_inquiry a {
	width: 82px;
	background: url(../images/png_other/fnav_inquiry.png);
	_background: url(../images/png_ie6/fnav_inquiry.png);
}
#fnav li.fnav_inquiry a:hover {
	background: url(../images/png_other/fnav_inquiry_on.png);
	_background: url(../images/png_ie6/fnav_inquiry_on.png);
}
#fnav li.fnav_privacy a {
	width: 125px;
	background: url(../images/png_other/fnav_privacy.png);
	_background: url(../images/png_ie6/fnav_privacy.png);
}
#fnav li.fnav_privacy a:hover {
	background: url(../images/png_other/fnav_privacy_on.png);
	_background: url(../images/png_ie6/fnav_privacy_on.png);
}
#fnav li.fnav_recruite a {
	width: 59px;
	background: url(../images/png_other/fnav_recruite.png);
	_background: url(../images/png_ie6/fnav_recruite.png);
}
#fnav li.fnav_recruite a:hover {
	background: url(../images/png_other/fnav_recruite_on.png);
	_background: url(../images/png_ie6/fnav_recruite_on.png);
}
#fnav li.fnav_sitemap a {
	width: 75px;
	background: url(../images/png_other/fnav_sitemap.png);
	_background: url(../images/png_ie6/fnav_sitemap.png);
}
#fnav li.fnav_sitemap a:hover {
	background: url(../images/png_other/fnav_sitemap_on.png);
	_background: url(../images/png_ie6/fnav_sitemap_on.png);
}
p#copyright {
	position: absolute;
	top : 54px;
	right: 10px;
	width: 314px;
	height: 20px;
	text-indent: -9999px;
	background: url(../images/png_other/copyright.png) no-repeat 0 0;
	_background: url(../images/png_ie6/copyright_spring.png) no-repeat 0 0;
}
.pgtop_box {
	clear: both;
	padding-top: 35px;
}
.pgtop_box .pgtop {
	border-top: 1px solid #7F99CC;
	padding-top: 10px;
	padding-bottom: 27px;
}
.pgtop {
	text-align: right;
	clear: both;
}
/* entry_body (ブログ部分共通) */
.entry_body strong,.entry_body b {
	font-weight: bold;
}
.entry_body i, .entry_body em  {
	color: red;
	font-style: normal;
}
/* alpha */
ul.bnr_other li a:hover img,  .bnr_online ul li a:hover img,  #footer li a:hover img,  #bnr_area a:hover img,  p.pgtop a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}
/* clearfix  */
.clearfix:after,  .category_txt:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix, .category_txt {
	min-height: 1px;
}
* html .clearfix,  * html .category_txt {
	height: 1px;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


