@charset "utf-8";
/* CSS Document */


p, h1, h2, h3, h4, h5, h6, ul {
	margin: 0px;
	padding: 0px;
}

a {color: #990000; text-decoration: none;}
a:hover{color: #333333;}

li {
list-style:none;
}
/* font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; */


body {
	background-color: #cccccc;
	background-image: url(./images/top/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: fixed;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

h1{
	height: auto;
	width: 990px;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding: 0px 0px 0px 20px;
	letter-spacing: 2px; /* 文字間の設定 */
	line-height:1.5em;
	display: block;
}
h1 span{
	font-size: 17px;
	font-weight: bold;
}

/*
#wrapper {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	background-color: #333333;
	background-image: url(./images/top/wrapper_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: fixed;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}*/


#wrapper {
	width: 990px;
	margin: 0px auto;
	font-size: 11px;
	background: url(./images/top/wrapper_bg.gif);
	text-align: left;
}

#container {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	min-height: 100%;
	border-color: #999999 #000000 #999999 #000000;
	border-style: solid solid solid solid;
	border-width: 0px 0px 10px 0px;
}

#header{
	height: 90px;
	width: 970px;
	background-image: url(images/top/head.jpg); /* 背景イメージを変更 */
	background-repeat: none;
}

#header .home{
	height: 80px;
	width: 350px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	left: 5px;
	top: 10px;
	text-indent: -9999px;
}

#header .head_form{
	float:right;
	text-align:left;
	width:620px;
	height:auto;
	margin:0;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	position: absolute;
	right: 5px;
	top: 13px;
	/*background-color: #f0fff0;*/
}
#header .head_form a{font-size:14px;color:#ffffff;padding:3px 10px;background-color:#000000;font-weight:bold;letter-spacing:1px;font-family:"ＭＳ Ｐゴシック";}
#header .head_form a:hover{background-color:#333333;}

#header .head_form h2{
	font-size: 11px;
	margin-left:10px;
	font-weight:normal;
	display: inline;
}

#global-navi {
	background-image: url(./images/top/navi.gif);
	height: 60px;
	padding-left: 5px;
	width: 965px;
}
#global-navi ul {
	border-left:1px #dcdcdc solid;
	height: 60px;
}
#global-navi li a{
	line-height: 18px;
	display: block;
	float: left;
	height: 50px;
	width: auto;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	text-decoration: none;
	border-right:1px #dcdcdc solid;
	padding-top: 6px;
	text-align: center;
}
#global-navi li a span {
	line-height: 13px;
	font-size: 12px;
	color: #330000;
	font-weight:normal;
}
#global-navi li a:hover span {
	color: #333333;
}

#global-navi li a {
	background-image: url(./images/top/navi_li.gif);
}
#global-navi li a:hover {
	background-image: url(./images/top/navi_li_ov.gif);
	color: #990000;
}
#global-navi li strong {
	background-image: url(./images/top/navi_li_st.gif);
	color: #ffffff;
	font-weight: normal;
}
#global-navi li {
	display: inline;
}


.op_sab{
	height: 170px;
	width: 970px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#f5f5dc;
	background:url("./images/top/background.jpg");
}

.op_sab_info{
	height: 80px;
	width: 970px;
	padding:5px 0px 0px 0px;
	background-color:#dcdcdc;
	background:url("./images/top/opsabinfo.jpg");
	margin: 0px 0px 0px 0px;
}

.op_sab_info h2 {
	font-size: 16px;
	text-align:left;
	line-height: 1.0em;
	font-weight:normal;
	color: #006600;
	padding: 30px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}

.sab_img{
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#main{
	height: auto;
	width: 970px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#maincontent {
	width: 950px; /* 横幅を変更 */
	font-size: 12px;
	height: auto; /* 高さを設定 */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ここからメインコンテンツの中身に関する設定 */
#maincontent #right  h2 {
	clear:both;
	width:auto;
	font-size: 30px;
	line-height: 1.0em;
	font-family: "ＭＳ Ｐ明朝", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:bold;
	color: #000000;
	padding: 5px 0px 4px 0px;
	margin: 10px 0px 10px 0px;
	background-color:#ffffff;
	background-image: url(./images/top/h2.gif);
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: bottom; /* 背景を右に設定 */
}
#maincontent #right  h2 span{
	font-size: 18px;
}

.image {
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 5px;
	border-color:#ffffff;
}

.image_left {
	padding: 0px 0px 0px 0px;
	margin: 5px 10px 5px 5px;
	border-color:#ffffff;
	float:left;
}


#maincontent p {
	height: auto;
	width: auto;
	display: block;
	text-align:left;
	font-size: 12px;
	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: #333333;
	line-height: 2.0em;
	letter-spacing: 2px; /* 文字間の設定 */
}

#maincontent .cap{
	height: auto;
	width: auto;
	display: block;
	text-align:left;
	font-size: 12px;
	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: #333333;
	line-height: 1.5em;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 5px;
	letter-spacing: 1px; /* 文字間の設定 */
}

#center{
	height: auto;
	width: 970px;
	background-color:#ffffff;
	clear:both;

}

#center2{
	height: auto;
	width: 950px;
	background-color:#f5f5dc;
	clear: both;
}

#left{
	float:left;
	height: auto;
	width: 250px;
}

#right{
	float:right;
	height: auto;
	width: 700px;
}

#calendar{
	width:140px;
	height:auto;
	position: absolute;
	right: 30px;
	top: 600px;
	border:1px #fff solid;
}

#info01 {
	width:500px;
	padding-left:	20px;
}

#Recommend{
	margin-top:10px;
	margin-left:20px;
}


#topic_top {
	width:700px;
	padding-left:	20px;
	margin-top:30px;
	background-color:#ffffff;
}

#topic_top a{
	color:#990000;
}

#topic_top a:hover{
	color:#333333;
	text-decoration: underline;
}

#top_info{
	height: 150px;
	width: 500px;
	color: #555555;
	font-size: 12px;
	margin: 0px 0px  0px 0px;
	padding: 10px 10px 10px 10px;
	overflow-y: scroll;
	/* background-color: #ffccff; */
	scrollbar-3dlight-color : #dcdcdc;
	scrollbar-arrow-color : #ffffff;
	scrollbar-darkshadow-color : #ffffff;
	scrollbar-face-color : #808080;
	scrollbar-highlight-color : #ffffff;
	scrollbar-shadow-color : #dcdcdc;
	scrollbar-track-color : #eeeeee;
	border-color: #333333 #333333 #333333 #333333;
	border-style: solid solid solid solid;
	border-width: 1px 0px 1px 0px;
}

.top_info_p{
	height: auto;
	width: auto;
	display: block;
	margin: 0px 0px  10px 0px;
	padding: 0px 0px 0px 10px;
	line-height: 1.5em;
	border-color: #333333 #333333 #333333 #333333;
	border-style: dotted solid dotted double;
	border-width: 0px 0px 0px 5px;
}

#new_info{
	height: 300px;
	width: 650px;
	color: #555555;
	font-size: 12px;
	margin: 0px 0px  20px 0px;
	padding: 10px 10px 10px 10px;
	overflow-y: scroll;
	/* background-color: #ffccff; */
	scrollbar-3dlight-color : #dcdcdc;
	scrollbar-arrow-color : #ffffff;
	scrollbar-darkshadow-color : #ffffff;
	scrollbar-face-color : #808080;
	scrollbar-highlight-color : #ffffff;
	scrollbar-shadow-color : #dcdcdc;
	scrollbar-track-color : #eeeeee;
	border-color: #333333 #333333 #333333 #333333;
	border-style: solid solid solid solid;
	border-width: 1px 0px 1px 0px;
}

.new_item{
	clear:both;
	display:block;
	width:auto;
	height:auto;
	padding: 0px 0px 10px 0px;
	border-color: #333333 #333333 #333333 #333333;
	border-style: solid solid solid solid;
	border-width: 0px 0px 1px 0px;
}

.flow1{width:100%;padding:5px 0;margin:10px 10px;background-color:#ffffff; background-image: url(./images/top/img_flow001.jpg);background-repeat: no-repeat;background-position:right;border-left:10px #339933 solid;}

.flow2{width:100%;padding:5px 0;margin:10px 10px;background-color:#ffffff; background-image: url(./images/top/img_flow002.jpg);background-repeat: no-repeat;background-position:right;border-left:10px #339933 solid;}

.flow3{width:100%;padding:5px 0;margin:10px 10px;background-color:#ffffff; background-image: url(./images/top/img_flow003.jpg);background-repeat: no-repeat;background-position:right;border-left:10px #339933 solid;}

.flow4{width:100%;padding:5px 0;margin:10px 10px;background-color:#ffffff; background-image: url(./images/top/img_flow004.jpg);background-repeat: no-repeat;background-position:right;border-left:10px #339933 solid;}

.flow5{width:100%;padding:5px 0;margin:10px 10px;background-color:#ffffff; background-image: url(./images/top/img_flow005.jpg);background-repeat: no-repeat;background-position:right;border-left:10px #339933 solid;}

/* ここまでメインコンテンツの中身に関する設定 */

/* ここからストアーインフォメーションの中身に関する設定 */
#storeinfo {
	height: auto;
	width: 180px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 20px;
	background-color:#ffffff;
	border:1px #333333 dotted;
}

#storeinfo p{
	height: auto;
	width: auto;
	display: block;
	text-align:left;
	font-size: 10px;
	color: #333333;
	line-height: 2.0em;
	letter-spacing: 1px; /* 文字間の設定 */
}

#storeinfo #storeinfo_ul01 {
	height: auto;
	width: auto;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 0px;
}

#storeinfo #storeinfo_ul01 strong{
	font-size: 13px;
	line-height:1.0em;
	color:#990000;
	display:block;
	padding: 10px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	border-bottom:1px #333333 solid;
}

#storeinfo #storeinfo_ul01 li {
	font-size: 12px;
	line-height:1.0em;
	text-align: left;
	margin-top:10px;
	padding-left: 15px;
	margin-bottom: 20px;
	border-width: 0px 0px 0px 0px;
	border-style: dotted dotted dotted dotted;
	border-color: #336600 #336600 #336600 #336600;
	background-image: url(./images/top/li_4.gif); /* 背景イメージを変更 */
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: left top; /* 背景を右に設定 */
}

#storeinfo #storeinfo_ul01 li a{
	color: #000000;
}

#storeinfo #storeinfo_ul01 li a:hover {
	color: #990000;
	font-size: 12px;
	text-decoration: underline;
}

#hassouinfo {
	height: auto;
	width: 180px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 20px;
}

#hassouinfo p{
	height: auto;
	width: 164px;
	display: block;
	text-align:left;
	font-size: 11px;
	color: #ffffff;
	line-height: 1.5em;
	background-color:#000000;
	padding: 5px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0px; /* 文字間の設定 */
	border:3px #ffffff double;
}

#kinokuniya_info {
	height: auto;
	width: 180px;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 20px 20px;
	background-color:#ffffff;
	border:1px #333333 dotted;
}

#kinokuniya_info p{
	height: auto;
	width: auto;
	display: block;
	text-align:left;
	font-size: 10px;
	padding: 5px;
	color: #333333;
	line-height: 2.0em;
	letter-spacing: 1px; /* 文字間の設定 */
}

#ninja_onebutton {
	height: 40px;
	width: 170px;
	padding: 5px;
	margin: 10px 0px 0px 20px;
	background-color:#ffffff;
	border:1px #333333 dotted;
}

#ninja_onebutton p{
	height: auto;
	width: auto;
	display: block;
	text-align:left;
	font-size: 10px;
	padding: 0px;
	color: #333333;
	line-height: 1.5em;
	letter-spacing: 1px; /* 文字間の設定 */
}

#feedinfo {
	height: 210px;
	width: 170px;
	padding: 5px;
	margin: 10px 0px 0px 20px;
	background-color:#ffffff;
	border:1px #333333 dotted;
}

#feedinfo p{
	height: auto;
	width: auto;
	display: block;
	text-align:left;
	font-size: 10px;
	padding: 5px 0px 0px 0px;
	color: #333333;
	line-height: 1.5em;
	letter-spacing: 0px; /* 文字間の設定 */
}

#cataloginfo {
	height: auto;
	width: 170px;
	padding: 5px;
	margin: 10px 0px 0px 20px;
	background-color:#ffffff;
	border:1px #333333 dotted;
}

#cataloginfo p{
	height: auto;
	width: auto;
	display: block;
	text-align:left;
	font-size: 10px;
	padding: 5px 0px 0px 0px;
	color: #333333;
	line-height: 1.5em;
	letter-spacing: 0px; /* 文字間の設定 */
}
/* ここまでストアーインフォメーションの中身に関する設定 */

/* ここからフッターに関する設定 */
.page_up{
	clear:both;
	float:right;
	width:160px;
}
.page_up a{
	color:#333333;
	background-image: url(./images/top/page_up.gif);
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: left; /* 背景を右に設定 */
	padding-left:15px;
	text-align:left;
}
.page_up a:hover{
	color: #990000;
	font-size: 12px;
	text-decoration: underline;
}
.page_back{
	clear:both;
	float:right;
	width:160px;
}
.page_back a{
	color:#333333;
	background-image: url(./images/top/page_back.gif);
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: left; /* 背景を右に設定 */
	padding-left:15px;
	text-align:left;
}
.page_back a:hover{
	color: #990000;
	font-size: 12px;
	text-decoration: underline;
}
.home_back{
	clear:both;
	float:right;
	width:70px;
}
.home_back a{
	color:#333333;
	background-image: url(./images/top/page_back.gif);
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: left; /* 背景を右に設定 */
	padding-left:15px;
	text-align:left;
}
.home_back a:hover{
	color: #990000;
	font-size: 12px;
	text-decoration: underline;
}
#footer {
	clear: both;
	width: 100%;
	background-color: #dcdcdc; /* 背景カラーの設定 */
	background-image: url(./images/top/foot_navi.jpg);
	height: 200px;
	border-color: #00cc33 #ffffff #dcdcdc #ffffff;
	border-style: double double solid double;
	border-width: 0px 0px 10px 0px;
}

#footer h6 {
	font-size: 12px;
	color: #000000; /* フォントカラーの変更 */
	font-weight: normal;
	text-align: left;
	line-height: 1.8em;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 1px; /* 文字間の設定 */
	position: absolute;
	right: 20px;
	bottom: 10px;
}

#footer p {
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	text-align: right;
	position: absolute;
	right: 20px;
	bottom: 60px;
}
#footer li a {
	color: #000000;
	font-size: 12px;
}

#footer li a:hover {
	color: #990000;
	font-size: 12px;
	text-decoration: underline;
}



#footer #f_ul01 {
	position: absolute;
	left: 20px;
	bottom: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#footer #f_ul01 strong{
	font-size: 13px;
	color:#990000;
	position: absolute;
	left: 0px;
	bottom: 170px;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
}

#footer #f_ul01 li {
	font-size: 12px;
	line-height:1.4em;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 2px;
	border-width: 0px 0px 0px 0px;
	border-style: dotted dotted dotted dotted;
	border-color: #336600 #336600 #336600 #336600;
	background-image: url(./images/top/li_4.gif); /* 背景イメージを変更 */
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: left; /* 背景を右に設定 */
}

#footer #f_ul01 li a{
	color: #000000;
}

#footer #f_ul01 li a:hover {
	color: #990000;
	font-size: 12px;
	text-decoration: underline;
}

#footer #f_ul02 {
	position: absolute;
	left: 20px;
	bottom: 35px;
}

#footer #f_ul001 {
	position: absolute;
	left: 300px;
	bottom: 10px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#footer #f_ul001 strong{
	font-size: 13px;
	color:#990000;
	position: absolute;
	left: 0px;
	bottom: 100px;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
}

#footer #f_ul001 li {
	font-size: 12px;
	line-height:1.4em;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 2px;
	border-width: 0px 0px 0px 0px;
	border-style: dotted dotted dotted dotted;
	border-color: #336600 #336600 #336600 #336600;
	background-image: url(./images/top/li_4.gif); /* 背景イメージを変更 */
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: left; /* 背景を右に設定 */
}

#footer #f_ul001 li a{
	color: #000000;
}

#footer #f_ul001 li a:hover {
	color: #990000;
	font-size: 12px;
	text-decoration: underline;
}

#footer #f_ul02 li {
	display: inline;
	border-width: 0px 0px 0px 0px;
	border-style: dotted dotted dotted dotted;
	border-color: #336600 #336600 #336600 #336600;
	background-image: url(./images/top/li_4.gif); /* 背景イメージを変更 */
	background-repeat: no-repeat; /* 背景イメージをリピートなしに設定 */
	background-position: left; /* 背景を右に設定 */
	padding-left: 15px;
}

#footer #f_logo {
	font-size: 24px;
	color: #990000;
	position: absolute;
	text-align:right;
	bottom: 100px;
	right: 25px;
	font-family: "Times New Roman", Times, serif;
}