@charset "utf-8";

/* CSS Document */



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

common

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

*{

	margin:0;

	padding:0;

}

body{

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	background-color:#FFF;

	font-size:75%;

	line-height: 120%;

	color:#000;

	background-image: url(../img/bg.gif);

	background-repeat: repeat-x;

	text-align: center;

}

#wrap {

	width: 960px;

	margin-right: auto;

	margin-left: auto;

	text-align: left;

}

img{

	border:none;

}

ul,ol{

	list-style:none;

}

hr{

	clear: both;

	display: block;

	visibility: hidden;

}

.clear{

	clear: both;

}

.center {

  text-align: center;

}

.left {

	text-align: left;

}

.right {

	text-align: right;

}



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

common class

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

.pan {

	font-size: 12px;

	height: 30px;

}



ul.l_nav {

	text-align: center;

	margin: 20px;

}

ul.l_nav li {

	display: inline;

	border-right: 1px solid #000;

	padding: 0 5px 0 4px;

}



ul.l_nav li.end {

	border-right: none;

}



/* icon list */

ul.example {

	text-align: center;

	padding: 5px 0px;

	margin-top: 20px;

	background-color: #E5E5E5;

}

ul.example li {

	display: inline;

	margin-right: 0.5em;

}

ul.example li img {

	vertical-align: middle;

}



/* goods */

.itembxBlock {

	width: 100%;

	border-bottom: solid 1px #CCC;

	background-image: url(../img/dotLine.gif);

	background-repeat: repeat-y;

	background-position: 365px 0px;

	line-height: 1.3em;

}

.itembxLeft {

	width: 345px;

	float: left;

	padding: 10px;

}

.itembxRight {

	width: 345px;

	float: right;

	padding: 10px;

}

.itembxBlock h3 {

	font-size: 120%;

	font-weight: bold;

	padding-left: 10px;

	background-image: url(../img/arrow_o_l.gif);

	background-repeat: no-repeat;

	background-position: left 0.3em;

	line-height: 1.3em;

}

.itembxBlock .itemimg {

	float: left;

	padding: 10px 10px 10px 0;

}

.itembxBlock .itemtxt {

	color: #333333;

	padding-top: 10px;

}

.itembxBlock .itempoint {

	color: #FF3300;

	font-weight: bold;

	font-size: 120%;

	text-align: right;

	padding-top: 10px;

}

.itembxBlock .iteminfo {

	color: #666666;

	clear: both;

	text-align: right;

}



.itembxBlock ul.stayIcon li {

  display: inline;

}

.itembxBlock ul.stayIcon {

	margin: 1em 0;

	text-align: right;

}



.itembxBlock .itembtn {

	text-align: right;

	margin: 1em 0 0 0;

}



/* bn */

ul.bn {

	text-align: center;

}

ul.bn li {

	margin-bottom: 5px;

}



/* 4 list */

ul.w4 li {

	width: 115px;

	float: left;

	padding-bottom: 5px;

	margin-right: 5px;

}

ul.w4 li a {

	font-weight: bold;

}



ul.w4 li .itemimg {

	padding: 3px 0;

	width: 115px;

	overflow: hidden;

	text-align: center;

}



.to_all {

	clear: both;

	text-align: right;

	padding-top: 5px;

}



/* indent column */

.column {

	line-height: 150%;

}

.column p {

	margin: 1em;

}

a {

	color: #0947E6;

}





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

link

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

a:hover {

	color: #FF3300;

	text-decoration: none;

}



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

margin

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

.mtop5{

	margin-top:5px;

}

.mtop10{

	margin-top:10px;

}

.mtop20{

	margin-top:20px;

}

.mtop30{

	margin-top:30px;

}

.mtop40{

	margin-top:40px;

}

.mtop50{

	margin-top:50px;

}



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

header

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

#header {

	height: 100px;

	width: 960px;

	background-image: url(../img/header02.gif);

	background-repeat: repeat-x;

	position: relative;

	text-align: left;

}

#header h1 {

	position: absolute;

	background-image: url(../img/header01.gif);

	background-repeat: no-repeat;

	height: 100px;

	width: 230px;

	z-index: 2;

}

#header h1 img {

	margin-top: 13px;

	margin-left: 5px;

}

#header p {

	position: absolute;

	width: 300px;

	left: 650px;

	top: 25px;

	z-index: 3;

	height: 30px;

}

#header .illust {

	position: absolute;

	left: 186px;

	z-index: 1;

	top: 34px;

}



#header #subnav {

	position: absolute;

	left: 640px;

	top: 0px;

	width: 320px;

	height: 100px;

	background-image: url(../img/header03.gif);

	background-repeat: no-repeat;

	background-position: right;

	z-index: 2;

}

#header #subnav ul {

	padding-top: 68px;

}

#header #subnav ul li {

	background-image: url(../img/subnav.gif);

	background-repeat: no-repeat;

	height: 24px;

	width: 100px;

	text-align: center;

	float: left;

	line-height: 24px;

	margin-right: 5px;

}

#header #subnav ul li a {

	display: block;

	height: 24px;

	width: 100px;

	color: #FFFFFF;

	font-weight: bold;

	text-decoration: none;

}



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

contents

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

#contents {

	width:940px;

	padding-left: 10px;

	padding-right: 10px;

	margin-top: 20px;

}



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

nav

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

#nav {

	float: left;

	width: 180px;

}

#nav ul.g_nav {

	border: 1px solid #EF8B01;

	border-top: none;

	width: 178px;

}

#nav ul.g_nav li {

	background-image: url(../img/g_nav_bg.gif);

	background-repeat: no-repeat;

	height: 40px;

	line-height: 40px;

	font-size: 120%;

	font-weight: bold;

	text-indent: 22px;

	background-position: center 0px;

}

#nav ul.g_nav li a {

	display: block;

	height: 40px;

	width: 178px;

	color: #333333;

	text-decoration: none;

}

#nav ul.g_nav li a:hover {

	background-image: url(../img/g_nav_bg.gif);

	background-repeat: no-repeat;

	background-position: center -40px;

	color: #FFF;

}



#nav .osirase {

	width: 178px;

	border: 1px solid #CCC;

	border-top: none;

	padding-bottom: 5px;

}

#nav .osirase dt {

	padding: 10px 5px 0 5px;

}

#nav .osirase dd {

	border-bottom: 1px dotted #CCC;

	padding: 0 5px 10px 5px;

}





.hotspot{

	margin-top: 10px;

	width: 178px;

	border: 1px solid #CCC;

	border-top: none;

}

.hotspot h2.prTitle {

	color: #FFF;

	background-color: #BBB;

	padding: 0.1em 0;

	width: 2em;

	text-align: center;

	float: right;

	font-size: 100%;

	font-weight: normal;

	line-height: 24px;

}

.hotspot h3 {

	height: 24px;

	font-size: 120%;

	font-weight: bold;

	background-image: url(../img/h2sub_bg.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	border: 1px solid #CCCCCC;

	border-left:none;

	border-right:none;

	line-height: 24px;

	padding-left: 10px;

}

.hotspot ul li {

	text-indent: 20px;

	line-height: 20px;

	border-bottom: 1px dotted #CCC;

}

.hotspot ul li.end {

	border-bottom: none;

}

.hotspot ul li a {

	display: block;

	height: 20px;

	background-image: url(../img/arrow_o_l.gif);

	background-repeat: no-repeat;

	background-position: 9px 0.5em;

}

.hotspot ul li a:hover {

	background-color: #FFEDD5;

}



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

division

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

#division {

	float: right;

	width: 747px;

	margin-top: 10px;

}



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

main

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

#main {

	float: left;

	width: 500px;

	margin-top: -12px;

}

#mainbn {

	width: 500px;

	height: 265px;

	overflow: hidden;

	background-color: #FFF;

}

#mainbn ul.bn {

	width: 500px;

	height:210px;

	padding-top: 10px;

}

#mainbn h3 {

	background-image: url(../../img/h3_tokushu.gif);

	background-repeat: no-repeat;

	font-weight: bold;

	color: #FFFFFF;

	font-size: 135%;

	letter-spacing: 0.2em;

	height: 55px;

	line-height: 55px;

	width: 500px;

	padding-left: 75px;

}

#main h2 {

	background-image: url(../../img/pickup.gif);

	background-repeat: no-repeat;

	font-size: 14px;

	font-weight: bold;

	padding-left: 130px;

	margin-top: 10px;

	padding-top: 19px;

	line-height: 1em;

	height: 20px;

}

#main .bx {

	border: 3px solid #FCADAD;

	width: 480px;

	padding: 7px;

	border-top: none;

}

div.tab {

	border: 3px solid #EF8B01;

	width: 480px;

	padding: 7px;

	border-top: none;

}

*html #main .bx,*html div.tab {

	padding-right: 2px;

}

#interest {

	width: 100%;

	background-color: #E4F4B5;

	margin-top: 20px;

	margin-bottom: 10px;

}

#interest span.url {

	color: #666666;

	font-size: 85%;

	padding-left: 1em;

}

#interest span.name {

	color: #0000CC;

	font-size: 100%;

}

#interest .prTitle {

	color: #FFFFFF;

	background-color: #BBB;

	padding: 0.1em 0;

	width: 3em;

	text-align: center;

	float: right;

	font-size: 100%;

	font-weight: normal;

	line-height: 20px;

}

#interest ul li a {

	color: #000000;

	display: block;

	padding: 0.5em 10px;

	background-image: url(../img/arrow_o_l.gif);

	background-repeat: no-repeat;

	background-position: 10px 8px;

	text-indent: 10px;

	height: 3em;

	text-decoration: none;

}

#interest ul li a:hover {

	background-color: #F2FADA;

}

#interest .link {

	text-align: right;

	padding: 5px;

}

#tab-container-1 {

	width: 500px;

	margin-top: 20px;

	background-image: url(../../img/tab-container.gif);

	background-repeat: repeat-y;

}

#tab-container-1-nav {

	height:28px;

	font-size: 120%;

	font-weight: bold;

	padding-left: 126px;

	background-image: url(../../img/tab_syukuhaku.gif);

	padding-top: 5px;

	background-repeat: no-repeat;

}

#tab-container-1-nav li  {

	float:left;

	width: 122px;

	margin-right: 2px;

}

#tab-container-1-nav li.activeli {

	border-bottom:none;

	background-image: url(../../img/tab_active.gif);

	height: 23px;

	background-repeat: no-repeat;

}

#tab-container-1-nav li a  {

	display:block;

	padding-top:5px;

	text-align:center;

	border-bottom:3px solid #EF8B01;

	border-left:none;

	height: 20px;

	background-image: url(../../img/tab_back.gif);

	color: #666;

	text-decoration: none;

}

#tab-container-1-nav li a:hover {

	border-bottom:none;

	background-image: url(../../img/tab_active.gif);

	height: 20px;

	background-repeat: no-repeat;

	color: #000;

}



#tab-container-1-nav li.activeli a {

	border-bottom:none;

	background-image: url(../../img/tab_active.gif);

	height: 23px;

	background-repeat: no-repeat;

	color: #000;

}

#tab-container-1-nav li.activeli a:hover {

	border-bottom:none;

	background-image: url(../../img/tab_active.gif);

	height: 23px;

	background-repeat: no-repeat;

	color: #000;

}



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

sub

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

#sub {

	float: right;

	width: 234px;

}

#sub h2 {

	height: 24px;

	font-size: 120%;

	font-weight: bold;

	text-align: center;

	margin-bottom: 5px;

	background-image: url(../img/h2sub_bg.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	border: 1px solid #CCCCCC;

	line-height: 24px;

	margin-top: 20px;

}

#sub h2.top {

	margin-top: 0px;

}





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

shopPage

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

.shopPage {

  width: 730px;

	margin-left: 17px;

}

.shopPage h1 {

	color: #FFFFFF;

	font-size: 135%;

	font-weight: bold;

	line-height: 30px;

	background-repeat: no-repeat;

	height: 30px;

	padding-left: 30px;

	letter-spacing: 0.2em;

}

.shopPage h1.shop01 {

  background-image:url(../img/h1_shop01.gif);

}

.shopPage h1.shop02 {

  background-image:url(../img/h1_shop02.gif);

}

.shopPage h1.shop03 {

  background-image:url(../img/h1_shop03.gif);

}

.shopPage h1.shop04 {

  background-image:url(../img/h1_shop04.gif);

}

.shopPage h1.shop05 {

  background-image:url(../img/h1_shop05.gif);

}

.shopPage h1.shop06 {

  background-image:url(../img/h1_shop06.gif);

}

.shopPage h1.shop07 {

  background-image:url(../img/h1_shop07.gif);

}

.shopPage h2,.infoPage h2 {

	height: 24px;

	font-size: 120%;

	font-weight: bold;

	margin-bottom: 5px;

	background-image: url(../img/h2sub_bg.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	border: 1px solid #CCCCCC;

	line-height: 24px;

	margin-top: 20px;

	padding-left: 1em;

}

.shopPage .pan span {

	font-weight: bold;

	color: #E75858;

}



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

infoPage

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

.infoPage {

  width: 730px;

	margin-left: 17px;

}

.infoPage h1 {

	color: #FFFFFF;

	font-size: 135%;

	font-weight: bold;

	line-height: 30px;

	background-repeat: no-repeat;

	height: 30px;

	padding-left: 30px;

	letter-spacing: 0.2em;

}

.infoPage h1.info01 {

	background-image: url(../img/h1_info01.gif);

}

.infoPage h1.info02 {

	background-image: url(../img/h1_info02.gif);

}

.infoPage h1.info03 {

	background-image: url(../img/h1_info03.gif);

}

.infoPage .pan span {

	font-weight: bold;

	color: #506DC5;

}



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

sitemap

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

.sitemapBlock{

	width: 100%;

	border-bottom: solid 1px #CCC;

	line-height: 200%;

	background-image: url(../img/dotLine.gif);

	background-repeat: repeat-y;

	background-position: 220px 0px;

}

.sitemapBlock h3 {

	font-size: 100%;

	background-image: url(../img/arrow_o_l.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 10px;

  

}

.sitemapBlock .leftBlock {

	float: left;

	width: 200px;

	padding: 10px;

}

.sitemapBlock .rightBlock {

	float: right;

	width: 490px;

	padding: 10px;

}

.sitemapBlock .rightBlock ul li{

	background-image: url(../img/arrow_l.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 1em;

  

}



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

information

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

.information{

	width: 100%;

	border-bottom: solid 1px #CCC;

	line-height: 150%;

	background-image: url(../img/dotLine.gif);

	background-repeat: repeat-y;

	background-position: 180px 0px;

}

.information dt {

	font-size: 100%;

	background-image: url(../img/arrow_o_l.gif);

	background-repeat: no-repeat;

	background-position: 1em center;

	float: left;

	width: 150px;

	padding: 10px;

	padding-left: 20px;

	border-top: 1px solid #CCC;

}

.information dd {

	padding: 10px;

	margin-left: 180px;

	border-top: 1px solid #CCC;

}



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

footer

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

#footer {

	width: 960px;

	text-align: center;

	margin-top: 30px;

}

#footer ul.f_nav li {

	display: inline;

	border-right: 1px solid #000;

	padding: 0 5px 0 4px;

}

#footer ul.f_nav li.end {

	border-right: none;

}

#footer .copy {

	background-image: url(../img/footer_bg.gif);

	background-repeat: repeat;

	height: 30px;

	width: 960px;

	line-height: 30px;

	margin-top: 20px;

}