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

* {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a {
	color: #0033CC;
}

body {
	font-size: 80%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 850px;
}
.clear {
	clear: both;
}

#header {
	height: 160px;
	width: 850px;
}
#header img {
	z-index: -1;
}
#main #lineup {
	width: 410px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#main #lineup img {
	margin-bottom: 10px;
	margin-right: 3px;
}

#main p {
	line-height: 150%;
	margin-top: 8px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
}
#main .photo_r {
	padding: 7px;
	float: right;
}
#catch_img {
	height: 257px;
	width: 420px;
	background-image: url(img/img/main_catch.gif);
	margin-bottom: 20px;
}
#catch_img p {
	margin-right: 8px;
	margin-left: 130px;
	font-size: 90%;
	padding-top: 120px;
}
#header h1 {
	font-size: 90%;
	margin-left: 7px;
	font-weight: normal;
	position: absolute;
	margin-top: 5px;
}
#search {
}
#header #cart {
	display: block;
	height: 25px;
	width: 150px;
	margin-top: 125px;
	margin-left: 340px;
	position: absolute;
}

.img_set {
	margin-bottom: 7px;
	display: block;
}
strong {
	font-weight: normal;
}

.menu_box {
	background-color: #EFEFEF;
	width: 189px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.menu_box li {
	height: 25px;
	width: 150px;
	margin-left: 8px;
	list-style-type: none;
	background-image: url(img/img/menu_back.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	line-height: 25px;
	color: #003399;
}
.menu_box #ranking li {
	background-color: #FFFFFF;
	background-image: none;
	display: block;
	height: 105px;
	width: 170px;
	padding: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}


#navi {
	height: 37px;
	width: 850px;
	margin-bottom: 20px;
	background-image: url(img/img/navi_back.gif);
	background-position: right top;
	background-repeat: no-repeat;
	overflow: hidden;
}





ul#navigation {
	padding: 0px;
	list-style: none;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-image: url(img/img/navi_back.gif);
}



#navigation li {
  float: left;
  text-indent: -9999px;
}




#navigation a {
	text-decoration: none;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(img/img/globalnavi.gif);
}



#navi1,
#navi1 a {  width:121px;display: block;
  height: 37px}
#navi2,
#navi2 a{  width:107px;display: block;
  height: 37px}
#navi3,
#navi3 a{  width:124px;display: block;
  height: 37px}
#navi4,
#navi4 a{  width:168px;display: block;
  height: 37px}
#navi5,
#navi5 a{  width:97px;display: block;
  height: 37px}




#navi1 a { background-position: 0px 0px;}
#navi2 a { background-position: -121px 0px;}
#navi3 a { background-position: -228px 0px;}
#navi4 a { background-position: -352px 0px;}
#navi5 a { background-position: -520px 0px;}
#navi1 a:hover { background-position: 0px -40px;}
#navi2 a:hover { background-position: -121px -40px;}
#navi3 a:hover { background-position: -228px -40px;}
#navi4 a:hover { background-position: -352px -40px;}
#navi5 a:hover { background-position: -520px -40px;}
#side_l {
	float: left;
	width: 200px;
	display: inline;
}
#main {
	float: left;
	width: 640px;
	display: inline;
}
#side_r {
	float: left;
	width: 200px;
}
#main .kodawari_box {
	background-image: url(img/img/kodawari_box.gif);
	background-repeat: no-repeat;
	height: 429px;
	width: 428px;
	margin-top: 6px;
	margin-bottom: 6px;
}
#main .kodawari_box h3 {
	display: none;
}
#main .kodawari_box p {
	margin-left: 50px;
	line-height: 130%;
	font-size: 80%;
	padding-top: 37px;
}
#footer .footer_box {
	background-color: #F2EBDD;
	height: 200px;
	width: 392px;
	float: left;
	background-image: url(img/img/footer_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-top: 16px;
	margin-right: 16px;
	margin-left: 16px;
	display: inline;
}
#footer {
	height: 680px;
}
#footer .footer_box p {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 12px;
}



/* フッター */
#footer2 {
	width: 780px;
	margin: auto;
	text-align: center;
}

#footer hr {
	width: 100%;
	height: 1px;
	background-color: #DDDDDD;	
}

/* フッターのリンクメニュー */
#footer2 ul {
	margin-top: 5px;
}

#footer2 li {
	display: inline;
	margin: 0;

	padding: 0;
	border-right width: 1px;
	border-right-color: #666666;
	border-right-style: solid;
	list-style-type: none;
}

#footer2 li.end {
	border-right: none;
}

/* コピーライト */

.copyright {
	font-size: 10px;
	line-height: 1.2;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#pankuzu   li {
	list-style-type: none;
	float: left;
}
#contents h2 {
	font-size: 110%;
	font-weight: bold;
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#contents_outer {
	float: left;
	width: 650px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: inline;
	overflow: hidden;
}
#contents {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#contents  p  {
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
}
#contents h3 {
	margin-left: 15px;
	font-size: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 10px;
	margin-right: 100px;
	color: #990000;
}
#contents_wrap #contents_outer #contents .tokusho {
 border-width: px;

 border-style: solid;

 width: px;

	clear: both;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#contents_wrap #contents_outer #contents .payment {
 border-width: 0px;

 border-style: solid;

 width: px;

	clear: both;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
	
.rule{
 border-width: px;

 border-style: solid;

 width: px;

	clear: both;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
	
.qa {
 border-width: 0px;

 border-style: solid;

 width: px;

	clear: both;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
	
.link{
 border-width: px;

 border-style: solid;

 width: px;

	clear: both;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
#contents_wrap #contents_outer .login {
	clear: both;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
#contents_wrap #contents_outer .login textarea {
	width: 500px;
	font-size: 85%;
	height: 100px;
	margin-left: 15px;
	line-height: 130%;
	padding: 5px;
}
#contents_wrap  #contents_outer .login table {
	width: 500px;
	margin-top: 20px;
	margin-left: 30px;
	border-collapse:collapse;
	border-spacing:inherit;
	margin-bottom: 30px;
	border: 1px solid #CCCCCC;
}
#contents_wrap   #contents_outer  .login  th {
	font-weight: normal;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	width: 150px;
	background-color: #F3EFED;
	border-collapse:collapse;
	border-spacing:inherit;
	border: 1px solid #CCCCCC;
}
#contents_wrap  #contents_outer .login td {
	padding: 5px;
	border-collapse:collapse;
	border-spacing:inherit;
	border: 1px solid #CCCCCC;
}
#contents_wrap  #contents_outer  .mail  {
 border-width: 1px;

 border-style: solid;

 width: px;

	clear: both;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
#contents_wrap   #contents_outer  .mail  table {
	width: 500px;
	margin-top: 20px;
	margin-left: 30px;
		border-collapse:collapse;
	border-spacing:inherit
}
#contents_wrap   #contents_outer  .mail  th {
	font-weight: normal;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	width: 150px;
	background-color: #F3EFED;
		border-collapse:collapse;
	border-spacing:inherit
}
#contents_wrap   #contents_outer  .mail  td {
	padding: 5px;
	border-collapse:collapse;
	border-spacing:inherit
}









.privacy {
 border-width: px;

 border-style: solid;

 width: px;

	clear: both;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
	
.profile {
 border-width: px;

 border-style: solid;

 width: px;

	clear: both;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#main #pankuzu {
	margin-bottom: 30px;
	margin-top: 5px;
	margin-left: 5px;
}
.mypage-login {
	padding: 3px;
}
.id      .id,.pass .pass  {
	font-size: 90%;
	clear: both;
	margin-left: 7px;
	width: 110px;
}
p   .id,p .pass  {
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 85%;
}
.mypage-login .user-name {
	color: #990000;
}
.blog-other {
	text-align: center;
	background-color: #FFE1C4;
	width: 188px;
	border: 1px solid #FF9933;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 90%;
}
.qr-display {
	height: 140px;
	width: 190px;
	background-image: url(img/img/banar_mobile.gif);
	background-repeat: no-repeat;
}
.qr-display p {
	text-align: right;
	margin-right: 16px;
	margin-top: 33px;
	width: 80px;
	float: right;
	font-size: 80%;
}

.mypage-login form {
	text-align: right;
}
.menu_box h3 {
	margin: 0px;
	padding: 0px;
}
.recommend {
 border-width: 0px;

 border-style: solid;

 width: px;

}
.recommend  .content,.ranking .content {
	padding: 3px;
}
.recommend   .content img,  .ranking .content img {
	height: 100px;
	width: 120px;
}
#main2 {
	float: left;
	width: 650px;
	display: inline;
}
#main2 p {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
}
.menu_box #koe li {
	background-color: #FFFFFF;
	background-image: url(img/img/koe_back.gif);
	float: none;
	width: 80%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	display: block;
	height: auto;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 3px 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	line-height: 120%;
	font-size: 95%;
}
#calender {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 10px;
}
#calender th {
	background-color: #F9EAD5;
}
#calender .holiday {
	background-color: #999;
}

.caution {
	font-size: 80%;
color:#990000
}

#contents_outer .login .form-40{
	width: 120px;}
#contents_outer .login .form-40{
	width: 90px;}
body .login {
	clear: both;
	margin-top: 80px;
}
.bolding {
	font-size: 110%;
	font-weight: bold;
	color: #900;
}.ranking .content a img {
	margin-left: 30px;
	border: 5px solid #000;
}
.recommend .content img {
	margin-left: 32px;
	border: 5px solid #000;
}
#side_l .ranking p a{
	font-size: 80%;
	color: #900;
	text-decoration: none;
}

.twitter_div {
	font-size: 80%;
color:#990000;
background-color: #ffffcc;
}
.category {
 border-style: solid;

 border-width: 0px;

	width: px;
}

.category h3 {
 font-weight: bold;

	font-size: px;
}

.ygtvitem {
 font-weight: nomal;

	font-size: px;
}

.ygtvlabel {
 text-decoration: none;

 margin-left: 2px;

 font-weight: nomal;

	font-size: px;
}

.ygtvtn {
 background: url('/common/img/treeview/tn.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvtm {
 background: url('/common/img/treeview/tm.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvtmh {
 background: url('/common/img/treeview/tmh.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvtp {
 background: url('/common/img/treeview/tp.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvtph {
 background: url('/common/img/treeview/tph.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvln {
 background: url('/common/img/treeview/ln.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvlm {
 background: url('/common/img/treeview/lm.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvlmh {
 background: url('/common/img/treeview/lmh.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvlp {
 background: url('/common/img/treeview/lp.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvlph {
 background: url('/common/img/treeview/lph.gif') 0 0 no-repeat;

 cursor: pointer;

 height: 22px;

	width: 16px;
}

.ygtvloading {
 background: url('/common/img/treeview/loading.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvdepthcell {
 background: url('/common/img/treeview/vline.gif') 0 0 no-repeat;

 height: 22px;

	width: 16px;
}

.ygtvblankdepthcell {
 height: 22px;

	width: 16px;
}

* html .ygtvchildren {
	height: 2%;
}

.ygtvlabel:link {
 text-decoration: none;

	margin-left: 2px;
}

.ygtvlabel:visited {
 text-decoration: none;

	margin-left: 2px;
}

.ygtvlabel:hover {
 text-decoration: none;

	margin-left: 2px;
}

.ygtvspacer {
 margin: 2px;

 width: 10px;

	height: 10px;
}

.process {
 border-width: px;

 border-style: solid;

	width: px;
}

.process h2 {
 font-weight: bold;

	font-size: px;
}

.process h3 {
 font-weight: bold;

	font-size: px;
}

.process p {
 font-weight: nomal;

	font-size: px;
}

.payment h2 {
 font-weight: bold;

	font-size: px;
}

.payment h3 {
 font-weight: bold;

	font-size: px;
}

.payment p {
 font-weight: nomal;

	font-size: px;
}

.rule h2 {
 font-weight: bold;

	font-size: px;
}

.rule h3 {
 font-weight: bold;

	font-size: px;
}

.rule p {
 font-weight: nomal;

	font-size: px;
}

.qa h2 {
 font-weight: bold;

	font-size: px;
}

.qa h3 {
 font-weight: bold;

	font-size: px;
}

.qa p {
 font-weight: nomal;

	font-size: px;
}

.qa_map h4 {
 font-weight: bold;

	font-size: px;
}

.profile h2 {
 font-weight: bold;

	font-size: px;
}

.profile h3 {
 font-weight: bold;

	font-size: px;
}

.profile p {
 font-weight: nomal;

	font-size: px;
}

.link h2 {
 font-weight: bold;

	font-size: px;
}

.link h3 {
 font-weight: nomal;

	font-size: px;
}

.link p {
 font-weight: nomal;

	font-size: px;
}

.map {
 border-width: px;

 border-style: solid;

	width: px;
}

.map h2 {
 font-weight: bold;

	font-size: px;
}

.map h3 {
 font-weight: bold;

	font-size: px;
}

.map p {
 font-weight: nomal;

	font-size: px;
}

.tokusho h2 {
 font-weight: nomal;

	font-size: px;
}

.tokusho th {
 font-weight: bold;

	font-size: px;
}

.tokusho h3 {
 font-weight: bold;

	font-size: px;
}

.tokusho td {
 font-weight: nomal;

	font-size: px;
}

.tokusho p {
 font-weight: nomal;

	font-size: px;
}

.privacy h2 {
 font-weight: bold;

	font-size: px;
}

.privacy h3 {
 font-weight: bold;

	font-size: px;
}

.privacy p {
 font-weight: nomal;

	font-size: px;
}

.recommend h3 {
 font-weight: bold;

	font-size: px;
}

.recommend .title {
 font-weight: nomal;

	font-size: px;
}

.recommend .content p {
 font-weight: nomal;

	font-size: px;
}

.recommend .content img.left {
	float: left;
}

.recommend .content img.right {
	float: right;
}

.ranking {
 border-width: 0px;

 border-style: solid;

	width: px;
}

.ranking h3 {
 font-weight: nomal;

	font-size: px;
}

.ranking .title {
 font-weight: nomal;

	font-size: px;
}

.ranking .content p {
 font-weight: nomal;

	font-size: px;
}

.whatsnew {
 border-width: 0px;

 border-style: solid;

	width: px;
}

.whatsnew h3 {
 font-weight: nomal;

	font-size: px;
}

.whatsnew .title {
 font-weight: nomal;

	font-size: px;
}

.whatsnew .content p {
 font-weight: nomal;

	font-size: px;
}

.whatsnew .content img.left {
	float: left;
}

.whatsnew .content img.right {
	float: right;
}

.whatsnew-page {
 background-color: #ffffff;

 border-color: #996600;

 border-width: 0px;

 border-style: solid;

	width: 400px;
}

.whatsnew-page h2 {
 font-weight: bold;

 font-size: 14px;

 color: #660000;

	background-color: #ffffff;
}

.whatsnew-page th {
 font-weight: nomal;

 font-size: 12px;

 color: #660000;

	background-color: #ffdd99;
}

.whatsnew-page td {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

	background-color: #ffffff;
}

.mail h2 {
 font-weight: nomal;

	font-size: px;
}

.mail h3 {
 font-weight: nomal;

	font-size: px;
}

.mail th {
 font-weight: nomal;

 font-size: px;

 border-width: 1px;

	border-style: solid;
}

.mail td {
 font-weight: nomal;

 font-size: px;

 border-width: 1px;

	border-style: solid;
}

.mail .text {
 font-weight: nomal;

	font-size: px;
}

.entry {
 border-color: #996600;

 border-width: 0px;

 border-style: solid;

	width: 390px;
}

.entry h2 {
 font-weight: bold;

 font-size: 12px;

 color: #660000;

	background-color: #ffffff;
}

.entry h3 {
 font-weight: bold;

 font-size: 12px;

	color: #660000;
}

.entry th {
 font-weight: bold;

 font-size: 12px;

 color: #660000;

 background-color: #ffdd99;

 border-color: #996600;

 border-width: 0px;

	border-style: solid;
}

.entry td {
 font-weight: nomal;

 font-size: 10px;

 color: #666666;

 background-color: #ffffff;

 border-color: #996600;

 border-width: 0px;

	border-style: solid;
}

.entry .text {
 font-weight: nomal;

 font-size: 10px;

	color: #666666;
}