@charset "utf-8";
/* kochou top */
*{
  margin: 0px;
  padding: 0px;
}
body{
	color: #333333;
	font: 12px/1.5em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
html{
    overflow-y:scroll;
}
img{
    border: none;
}
h1{
    margin: 0px auto 15px;
    padding-top: 10px;
    font-size: 12px;
    width: 620px;
    font-weight: normal;
    clear: both;
}
h2{
    font-size: 100%;
    font-weight: normal;
    margin-top: 0px;
    color: #CC0000;	
}
h3{
  font-size: 100%;
  font-weight: normal;
  margin-top: 0px;
  color: #666600;
}
.comment{
  line-height: 2em;
  width: 600px;
  margin: 20px auto 0px;
}
.red{
  color: #CC0000;
}
.red_comment{
  line-height: 2em;
  color: #CC0000;
  width: 600px;
  margin: 20px auto 0px;
}
.btn{
  text-align: center;
  margin-top: 30px;
}
.btn_not{
  text-align: center;
  margin-top: 100px;
  margin-bottom: 200px;
}
#container{
  width: 960px;
  margin: 0px auto 0px;
}
/* header */
#head_bg{
  height: 80px;
  background: #990000;
}
#indexHeader{
  height: 300px;
    min-width: 960px;
  background: #990000 url(../images/shop/index_header.jpg) no-repeat center;
}
#header{
  height: 80px;
    width: 960px;
  margin: 0px auto 0px;
  background: url(../images/shop/header.jpg) no-repeat center;
}
#title{
  height: 32px;
  width: 190px;
  float: left;
  padding-top: 20px;
}
/* loginUser */
.loginUser{
  width: 400px;
  height: 60px;
  margin-right: 10px;
  float: right;
  background: url(../images/shop/loginUser.jpg) no-repeat;
  text-align: center;
}
/* user */
#userPoint{
  padding-left: 60px;
  padding-top: 5px;
}
.userName{
  width: 0200px;
  margin: 5px;
  float: left;
}
.user{
  width: 300px;
  height: 60px;
  margin-right: 20px;
  float: right;
  background: url(../images/shop/user.jpg) no-repeat;
  text-align: center;
}
.user_1{
  width: 150px;
  height: 60px;
  margin-right: 20px;
  float: right;
  background: url(../images/shop/user_1.jpg) no-repeat;
  text-align: center;
}
#user_txt{
  font-size: 11px;
}
.login{
  width: 85px;
  height: 35px;
  padding-left: 10px;
}
.new_member{
  width: 85px;
  height: 35px;
}
.cart{
  width: 85px;
  height: 35px;
}
/* loginUser */
#login_user{
  padding-left: 20px;
  width: 414px;
  height: 60px;
  float: right;
  background: url(../images/shop/user.jpg) no-repeat;
}
.user_menu{
  width: 100px;
}
/* left */
.left{
  width: 220px;
  float: left;
}
/* right */
.right{
  width: 740px;
  float: left;
  padding-bottom: 50px;
}
/* search */
#search{
  width: 205px;
  padding-left: 15px;
  padding-top: 20px;
  margin-bottom: 20px;
  height: 20px;
}
#input_txt{
    width: 150px;
  height: 14px;
    vertical-align: middle;
}
#input_search{
    vertical-align: middle;
}
/* menu */
.menuFrame{
  width: 220px;
  background: url(../images/shop/menuFrame.jpg) repeat-y;
}
.menuFrame_top{
  width: 220px;
  height: 20px;
  background: url(../images/shop/menuFrame_top.jpg);
}
.menuFrame_bottom{
  width: 220px;
  height: 50px;
  margin-bottom: 10px;
  background: url(../images/shop/menuFrame_bottom.jpg);
}
.menu{
  width: 220px;
  height: 32px;
  background: url(../images/shop/menu.jpg) repeat-y;
}
.menu a{
	color: #FFFFFF;
  margin-left: 11px;
  padding-left: 15px;
  padding-top: 6px;
  text-decoration: none;
  width: 183px;
  height: 22px;
  display: block;
}
.menu a:hover{
  color: #990000;
	background-image: url(../images/shop/menu_hover.jpg);
	background-repeat: no-repeat;
}
.menu_s{
  width: 220px;
}
.menu_s a{
  margin-left: 10px;
  padding-left: 25px;
  padding-top: 2px;
  padding-bottom: 3px;
  text-decoration: none;
  width: 175px;
  display: block;
  color: #333333;
  background: url(../images/shop/menu_s.gif) no-repeat 10px 7px;
}
.menu_s a:hover{
  background: #EBEBEB url(../images/shop/menu_s_hover.gif) no-repeat 10px 7px;
}
.menu_s_click{
  width: 220px;
}
.menu_s_click a{
  margin-left: 10px;
  padding-left: 25px;
  padding-top: 2px;
  padding-bottom: 3px;
  text-decoration: none;
  width: 175px;
  display: block;
  color: #333333;
  background: #EBEBEB url(../images/shop/menu_s_hover.gif) no-repeat 10px 7px;
}
/* 豆知識 */
.link{
  width: 220px;
  height: 32px;
  padding-top: 5px;
}
.link a{
  width: 150px;
  color: #666600;
  padding-left: 60px;
  padding-top: 8px;
  text-decoration: none;
  height: 24px;
  display: block;
  background: url(../images/shop/link.jpg) no-repeat;
  font-weight: bold;
}
.link_s a{
  margin-left: 10px;
  margin-top: 5px;
  padding-left: 25px;
  padding-top: 2px;
  padding-bottom: 3px;
  text-decoration: none;
  width: 175px;
  display: block;
  color: #333333;
  background: url(../images/shop/link_s.gif) no-repeat 10px 7px;
}
.link_s a:hover{
  background: #EBEBEB url(../images/shop/link_s_hover.gif) no-repeat 10px 7px;
}
.link_s_click a{
  margin-left: 10px;
  margin-top: 5px;
  padding-left: 25px;
  padding-top: 2px;
  padding-bottom: 3px;
  text-decoration: none;
  width: 175px;
  display: block;
  color: #333333;
  background:#EBEBEB url(../images/shop/link_s_hover.gif) no-repeat 10px 7px;
}

/* indexTopics */
#indexTopics{
  width: 620px;
  padding-left: 40px;
  padding-right: 40px;
  margin: 0px auto 0px;
  background: url(../images/shop/indexTopics.jpg) repeat-y;
    overflow:auto;
}
/*\*/
　* html div#indexTopics{overflow: visible;}
/**/
#indexTopics_bottom{
  width: 700px;
  height: 35px;
  margin: 0px auto 20px;
  background: url(../images/shop/indexTopics_bottom.jpg) no-repeat;
}
.index_info{
  width: 620px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 10px;
  margin: 0px auto 0px;
  background: url(../images/shop/indexTopics.jpg) repeat-y;
    overflow:auto;
}
.welcome{
  width: 620px;
  height: 35px;
  padding-left: 40px;
  padding-right: 40px;
  margin: 0px auto 20px;
  background: url(../images/shop/indexTopics_bottom.jpg) no-repeat;
}
/* chapter */
.chapter{
  width: 680px;
  height: 21px;
  padding-top: 4px;
  padding-left: 20px;
  margin: 0px auto 10px;
  background: url(../images/shop/chapter.jpg) no-repeat;
  color: #FFFFFF;
  font-weight: bold;
}
.chapter_field{
  margin: 10px auto 0px;
  width: 660px;
}
.chapter_1{
  width: 680px;
  height: 21px;
  padding-top: 4px;
  padding-left: 20px;
  margin: 30px auto 10px;
  background: url(../images/shop/chapter.jpg) no-repeat;
  color: #FFFFFF;
  font-weight: bold;
}
/* banner */
.banner_chapter{
  clear: both;
  width: 680px;
  height: 21px;
  padding-top: 4px;
  padding-left: 20px;
  margin: 50px auto 30px;
  background: url(../images/shop/chapter.jpg) no-repeat;
  color: #FFFFFF;
  font-weight: bold;  
}
.banner_small{
	margin-bottom: 10px;
	text-align: center;
}
.banner_large{
  width: 468px;
  height: 60px;
  margin: 10px auto 20px;
  clear: both;
}
/* footer */
.footer{
  clear: left;
  text-align: center;
  font-size: 11px;
  color: #999999;
  background: #000000;
  padding-top: 20px;
}
.footer a{
  text-decoration: none;
  color: #999999;
}
.footerInfo{
  width: 960px;
  margin: 0px auto 30px;
  font-size: 12px;
}
/***********************************************/
.SSL{
	text-align: center;
	margin-top: 50px;
}
/*** サブページ *******************************************/
.subComment {
	line-height: 1.8em;
	margin: 10px;
}
.chapter_s{
  width: 650px;
  height: 18px;
  padding-top: 2px;
  padding-left: 20px;
  margin: 10px auto 10px;
  background: url(../images/shop/chapter_s.jpg) no-repeat;
  color: #FFFFFF;
}
.subComment_red{
  color: #CC0000;
  font-size: 11px;
}
.center{
	width: 500px;
	margin: 30px auto 10px;
	line-height: 1.8em;	
}
/*リンク集*******************************************************/
.linkDiv{
	width: 600px;
	margin: 20px auto 20px;
}
.linkName a{
	font-size: 14px;
	color: #666600;
	text-decoration: none;
	font-weight: bold;
}
.link_desc{
	color: #333333;
	margin-top: 3px;
}
.link_url{
	color: #999999;
}
/*********************************************/
#rcmnd_div{
	padding-top: 50px;
}