@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */


/* ========BASIC======== */
* {
	font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;

}

body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   background:#fff url("images/bg_body.gif") 0 0 repeat-x;
   border-top:0px solid #E41156;
	 font-size:75%;
}

br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#666;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}



/* shop list */
#search_result {
	width: 615;
	height: 35px;
	margin: -30px 0 0 0px ; 
	padding: 0px 0 0 0px;
	}

#search_result h3{
	width: 615;
	font-size:12px;
	margin:0;
	color:#ffffff;
}

#search_img {
	width: 100%;
	height: 94px;
	margin: 5px;
	padding: 0;
	background: url(./images/card_teiji.jpg) bottom right no-repeat;
	overflow: hidden;
	}

table#shop_list {
	width: 100%;
	margin: 0 0 3em -10px;
	padding: 0;
	border: none;
	color: #000000;
	font-size: 12px;
	}

table#shop_list td.col0 {
	width: 12%;
	margin: 0;
	padding: 0;
	}
	
table#shop_list td.col1 {
	width: 25%;
	margin: 0;
	padding: 0;
	border-right: 1px solid #e40055;
	}

table#shop_list td.col2 {
	width: 40%;
	margin: 0;
	padding: 0;
	border-right: 1px solid #e40055;
	font-size: 12px;
	}

table#shop_list td.col3 {
	width: 20%; 
	margin: 0;
	padding: 0;
	}

table#shop_list td.col4 {
	width: 10%;
	margin: 0;
	padding: 0;
	color: #e40055;
	}
		
/* shop data */
#shop_data {
	width: 615;
	margin: 0px 0 0 0px ; 
	padding: 0px 0 0 0px;
	color: #ffffff;
	}

table#shop_tb {
	width: 601px;
	margin: 0px 0 0 0px ; 
	padding: 10px 0 0 0px;
	border: none;
	color: #000000;
	font-size: 12px;
	}
	
table#shop_tb td.col1 {
	height: 35px;
	border: none;
	font-size: 12px;
	font-weight: bold;
	background-image: url(./images/bnr_list.gif) top left ;
	text-align: left;
	vertical-align: middle;
	}

	
table#shop_tb td.col3 {
	height: 39px;
	margin: 0 0 0 -10px ;
	padding: 0 0 0 130px;
	border: none;
	font-size: 12px;
	font-weight: bold;
	background: url(./images/shop_service.jpg) top left no-repeat;
	}


/* ========TEMPLATE LAYOUT======== */

div#top {
	width:900px;
	margin:0px auto;
	padding:0px 0;
	background:#fff;
}

div#headWrap {
   width:900px;
	 margin:0 auto;
   padding: 0;
}
div#headWrap ul {
   width:900px;
   margin:0 auto;
   padding:0;
}
div#headWrap li {
   float:left;
   margin-left:0px;
   list-style: none outside;
   display: inline;
}

div#headWrap li a {
   display:block;
   padding-left:0px;
   /* background:url( ../images/bg_gnavi.gif ) 0 1px no-repeat;*/
}


/* ========TEMPLATE LAYOUT======== */
div#header {
   width:900px;
   margin:0 auto;
   background:#fff;
}

div#pr {
   left:0;
   top:0;
   width:900px;
}

div#gnavi {
   width:885px;
	 padding-right:15px;
	 padding-top:10px;
	 padding-bottom:10px;
	 float:right;
	 font-size:12px;
	 background-color:#E3F1E5;
}

div#menu {
	width:900px;
	margin:0px auto 0px auto ;
	padding: 0 0 0 0 :
}

div#icatch {
   width:900px;
   height:262;
   margin: 0px 0 0 0;
	padding: 0 0 0 0 ;
   background:#fff;

}

div#contents {
   width:900px;
   margin:0 auto;
   padding:10px 0 ;
   background:#fff;
}

div#main {
   float:right;
   width:615px;
	 padding-bottom:15px;
}

div#main_member {
   float:right;
   width:615px;
	 margin-bottom:15px;
	 border-left:1px solid #E41156;
	 border-right:1px solid #E41156;
	 border-bottom:1px solid #E41156;
	 
}
div#main_member_none {
   float:right;
   width:615px;
   margin:-10px 0 0 0;
	 
}
div#top_main {
   float:right;
   width:615px;
	 padding-bottom:15px;
	 border-left:1px solid #ffffff;
	 border-right:1px solid #ffffff;
	 border-bottom:1px solid #ffffff;
}

div#top_main_member {
	float:right;
	width:615px;
	margin-bottom:15px;
	border-left:1px solid #E41156;
	border-right:1px solid #E41156;
	border-bottom:1px solid #E41156;
}
div#top_main_member_r {
	float:right;
	width:615px;
	margin-bottom:15px;
	border-left:1px solid #E41156;
	border-right:1px solid #E41156;
	border-bottom:1px solid #E41156;
}

div#top_saigai_box {
    float:right;
    margin: 0px 0 10px 16px;
	padding: 10px 0 10px 0px;
    width:615px;
    height:70px;
    border:1px solid #000000;
	font-size:14px;
	text-align: center; 
}

div#top_tanb_box {
    float:right;
    margin: 0px 0 10px 16px;
	padding: 5px 0 5px 0px;
    width:615px;
    height:182px;
    /* border:1px solid #000000; */
	font-size:14px;
	text-align: center; 
}

div#main_box {
	float:left;
	padding:10px;
	width:595px;
	background:url( ../images/nag_goods_bak.jpg ) no-repeat;
}


table#main_box {
	padding-left:20px;
}


div#main_box_c {

   float:left;
	 padding:10px;
   width:595px;
   
}
div#top_main_box_s {
    float:left;
    margin: 0px 0 0 0;
	padding: 0px 0 0 5px;
    width:610px;
    height:500px;
	overflow-y:scroll;
	/* text-align: center; */ 
}

div#top_main_box {
    float:left;
    margin: 0px 0 0 0;
	padding: 0px 0 0 5px;
    width:595px;
	/* text-align: center; */ 
}
div#top_main_box_s2 {
    float:left;
    margin: 0px 0 0 0;
	padding: 0px 0 0 5px;
    width:610px;
    height:150px;
	overflow-y:scroll;
	/* text-align: center; */ 
}

.main_boxq {

   float:left;
	 padding:10px;
   width:575px;
	 height:80px;

}

.main_boxq dt{
   width:525px;
	 vertical-align:middle;
   float:left;
	 margin-top:10px;
	 padding-left:50px;
	 font-size:117%;
	 border-bottom:1px solid #000000;
	 background:url("images/q.gif") 0 1px no-repeat;
	 }
	 
.main_boxq p{
   width:500px;
	 height:auto;
	 padding-left:50px;
   float:left;
	 background:url("images/a.gif") 0 1px no-repeat;
}

div#main_boxa {

   float:right;
	padding:10px;
   width:400px;

}

.main_box01 {
   float:left;
	 padding:5px;
   width:575px;
}

.qa_left {
   float:left;
	 padding:2px;
   width:30px;
}

.qa_right {
   float:right;
   padding:2px 0px 0px 2px;
   width:525px;
   height:30px;
}

.gaidline_text_left{
   width:275px;
   float:left;
   line-height:1.5;
}

.gaidline_text_right{
   width:300px;
   float:right;
   line-height:1.5px;
}

.gaidline_text_left01{
   width:569px;
	 height:137px;
   float:left;
	 background-image:url(images/howto_01.gif);
	 background-repeat:no-repeat;
}

.gaidline_text_left02{
   width:569px;
	 height:137px;
   float:left;
	 background-image:url(images/howto_02.gif);
	 background-repeat:no-repeat;
}

.gaidline_text_left03{
   width:569px;
	 height:137px;
   float:left;
	 background-image:url(images/howto_03.gif);
	 background-repeat:no-repeat;
}

.gaidline_text_left04{
   width:569px;
	 height:230px;
   float:left;
	 background-image:url(images/shop_04.gif);
	 background-repeat:no-repeat;
}

.gaidline_text_left05{
   width:569px;
	 height:137px;
   float:left;
	 background-image:url(images/howto_07.gif);
	 background-repeat:no-repeat;
}


.gaidline_text_right01{
   width:415px;
	 margin-top:20px;
	 margin-right:5px;
   float:right;
	 height:117px;
}

div#sub {
   float:left;
   width:252px;
	 margin-right:15px;
}

div#totop {
   clear:both;
}

div#footer {
	width:900px;
	margin:0 auto;
	padding:10px 0;
	font-style:normal;
	background:#E41156;
	border-bottom:0px solid #000000;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
}

div#footMenu {
   width:900px;
   margin:0 auto;
}


/* ========FOOTMENU CUSTOMIZE======== */
div#footMenu ul {
   margin:0;
   padding:10px 0 0 0;
   text-align:right;
}

div#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   font-size:100%;/* 12px相当 */
   list-style:none;
}

div#footMenu li a {
   padding-left:10px;
   background: url("images/bg_footmenu.gif") 0 50% no-repeat;
}


/* ========HEADER CUSTOMIZE======== */
div#header h1 {
   margin:0;
   padding-top:25px;
   font-size:200%;/* 32px相当 */
   color:#fff;
   line-height:50px;
}

div#header h1 a {
   color:#9B0000;
}

div#header h1 a:hover {
   color:#D30000;
}

div#header #pr p {
   margin:0;
   font-size:75%;/* 12px相当 */
}

div#headWrap #gnavi ul {
   width:900px;
   margin:0 auto;
   padding:0;
	list-style: none ;
	display: inline;

   
}
div#headWrap #gnavi li {
   font-size:100%;/* 11px相当 */
   margin-left:0px;
}

div#headWrap #gnavi li a {
   display:block;
   padding-left:15px;
   background:url("images/bg_gnavi.gif") 0 1px no-repeat;
}


/* ========MENU CUSTOMIZE======== */
div#menu ul {
   width:900px;
   margin:0 auto;
   padding:0;
}

div#menu li {
   float:left;
   font-size:100%;/* 12px相当 */
   color:#333;
   text-align:center;
   list-style-type:none;
	 padding-bottom:15px;
}

div#menu li a{
   display:block;

   color:#ffffff;
   line-height:85px;
   border-right:0px solid #D8D8D8;
}

div#menu li.home a {
   border-left:0px solid #D8D8D8;
}

div#menu li a:hover {
   color:#333;
   z-index:100;
}


/* 検索ボックス */
div#search_content {
	float:left;
	width:250px;
	height:240px;
	background:url( ./images/kensaku_haikei.gif ) top left no-repeat ;
	margin-bottom:10px;
}

div#search_word {
	float:left;
	margin:0px 0px 0 5px;
}

div#search_word .textarea {
	float:left;
	width:158px;
	height: 25px;
    padding:48px 0 0 5px;
}

/* IE8 */
head~/* */body div#search_word .textarea {
	float:left;
	width: 158px;
	height: 25px;
    padding: 48px 0 0 5px;

}



div#search_word .btnarea {
	float:left;
	width:59px;
    padding: 48px 5px 0 0px;
}

/* IE8 */
head~/* */body  div#search_word .btnarea {
	float:left;
	width:59px;
	padding: 48px 5px 0 0px;
}

div#waon_chk{
	float:left;
	width:20px;
	margin:0px 0px 0 5px;
	padding:10px 0 0 5px;
}
/* IE8 */
head~/* */body div#waon_chk{
	float:left;
	width:20px;
	margin:0px 0px 0 5px;
	padding:10px 0 0 5px;
}


div#category_chk{
	width:250px;
	margin:10px 0px 0 5px;
	padding:0px 0 0 65px;
}

/* IE8 */
head~/* */body div#category_chk{
	width:250px;
	margin:10px 0px 0 5px;
	padding:0px 0 0 65px;
}

div#area_chk{
	width:250px;
	margin:10px 0px 0 5px;
	padding:0px 0 0 65px;
}
/* IE8 */
head~/* */body div#area_chk{
	clear:both;
	width:250px;
	margin:0px 0px 0 5px;
	padding: 11px 0 0 65px;
}

div#search_btn{
	width:250px;
	text-align:center;
	margin:20px 0px 0 0px;
	padding:0px 0 0 0px;
}

/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a {
   color:#9B0000;
}

div#main a:hover {
   color:#9B0000;
   border-bottom:1px solid #9B0000;
}

div#main h2 {
   margin-bottom:8px;
   padding:0 0 0  30px;
   color:#5A5132;
   font-size:94%;/* 15px相当 */
   font-weight:bold;
   line-height:35px;
   border:1px solid #D8D8D8;
   background:url("images/bg_h2.gif") 0 0 no-repeat;
}

div#main h3 {
   margin-bottom:3px;
   font-size:100%;/* 14px相当 */
}

div#main h4 {
   margin-bottom:2px;
   font-size:100%;/* 12px相当 */
}

div#main h5 {
   margin-bottom:2px;
   font-size:100%;/* 12px相当 */
}

div#main h6 {
   margin-bottom:2px;
   font-size:100%;/* 12px相当 */
}

div#main p {
   margin:0 0 1em 0;
   font-size:100%;/* 12px相当 */
}

div#main ul,ol,dl {
   font-size:100%;/* 12px相当 */
}

div#main dt {
   margin-bottom:3px;
}

div#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#f1f1f1;
}

/* INFORMATION CUSTOMIZE */
* html body div#main dl.information dd div {
   display:inline-block;
}

div#main dl.information dt {
   float:left;
   width:10em;
   margin:0;
   padding:0;
}

div#main dl.information dd {
   margin:0 0 0.5em 10em;
   padding:0;
   background:transparent;
}

/* ========SUBCONTENTS CUSTOMIZE======== */
div#sub .section {
   /* margin-bottom:10px; */
   padding-bottom:10px;
}

div#section_info {
   margin-bottom:10px; 
   width:230px;
   padding:10px;
   font-size:12px;
 border-left:1px solid #C1C1C1;
 border-right:1px solid #C1C1C1;
 border-bottom:1px solid #C1C1C1;
}


div#sub h2 {
   padding:3px;
   font-size:12px;
   font-weight:bold;
   color:#fff;
   padding-left:10px;
   background:#E41156;
   border-bottom:1px solid #C1C1C1;
   border-right:1px solid #C1C1C1;
	 text-align:center;
}

div#sub ul {
   margin:5px 0 0 0px;
   padding:0;
}

div#sub li {
   padding:5px 0 5px 0;
   font-size:100%;/* 12px相当 */
   line-height:1.4;
   list-style:none;
}

div#sub li a {
   display:block;
   padding-left:0px;
}


/* ========TOTOP CUSTOMIZE========= */
div#totop {
   margin:15px 0 15px 0 ;
   text-align:right;
   font-size:70%;/* 11px相当 */
	 border-top:1px solid #E41156;

div#totop a {
   padding-left:8px;
}



/* ========質問======== */
h2#contact {
	margin: 0 0 15px 0;
	}

div#accordion {
	width: 570px;
	margin: 0 auto;
	padding: 0 0 0px 10px;
	}
	
div#accordion li{
   display:block;
   padding-left:15px;
   background:url("images/bg_gnavi.gif") 0 1px no-repeat;
	 }	

.accordion {
	width: 100%;
	margin: 0 0 3em 0;
	}

.accordion dt {
	margin: 0 0 10px 0;
	padding: 10px 0 10px 50px;
	background:url(images/q.gif) center left no-repeat;

	color: #e40055;
	font-size: 12px;
	cursor: pointer;
	}

.accordion dt:hover {
	
	}

.accordion dd {
	overflow: hidden;
	}

.accordion span {
	display: block;
	margin: 0 0 1em 0;
	padding: 4px 0 10px 50px;
	background: url(images/a.gif) top left no-repeat;
	font-size: 12px;
	}


div#contact2 {
	width: 570px;
	margin: 0 auto;
	padding: 0 0 0px 10px;
	}

/*--- 約款 -----*/

div#terms {
	width: 580px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	color:#000000;
	}

h2.terms {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #000000;
	}

ol.terms {
	margin: 0 0 2em 0;
	padding: 0 0 0 2em;
	}

ol.terms li ol.terms_inner {
	margin: 0 0 1em 0;
	padding: 0.5em 0 0 1.5em;
	font-size: 95%;
	}
	
div#terms2 {
	width: 300px;
	margin-left:400px;
	padding: 0 0 0 0;
	}
	

div#terms_waon {
	width: 580px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	color:#000000;
	}
	

/*--- プライバシーポリシー -----*/

div#policy {
	width: 580px;
	margin: 0 auto;
	padding: 0 0 0px 10px;
	color:#000000;
	}
	


h2.policy {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #000000;
	}

h3.policy {
	margin: 0 0 0.3em 0;
	padding: 0;
	color: #333333;
	}

ol.policy {
	margin: 0 0 2em 0;
	padding: 0 0 0 2em;
	}


/* ==== Member inq ==== */
/*--- 会員登録フォーム -----*/
div#membership {
	width: 580px;
	margin: 0 0 0 50px;
	padding: 0 0 0px 50px;
	color:#000000;
	}
	


h2.membership {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #000000;
	}

h3.membership {
	margin: 0 0 0.3em 0;
	padding: 0;
	color: #333333;
	}

ol.membership {
	margin: 0 0 2em 0;
	padding: 0 0 0 2em;
	}
table#join {
	width: 40%;
	margin: 0 auto;
	padding: 0;
	border: none;
	font-size: 1em;
	}

table#join td.title {
	width: 40%;
	margin: 0;
	padding: 0.5em 0 0.5em 1em;
	border: 1px solid #999999;
	background: #dddddd;
	}

table#join td.text {
	width: 60%;
	margin: 0;
	padding: 0.5em 0 0.5em 1.5em;
	border: 1px solid #999999;
	background: #fefefe;
	}

fieldset.join {
	margin: 0;
	padding: 10px 0 10px 0;
	border: 0;
	background: #f3f3f3;
	vertical-align: baseline;
	}

.field_join {
	margin: 0 0 2em 0;
	padding: 0;
	}
/* エラーコメント指定 */

#errorcomment ul {
	font-size: 12px;
	margin:              0px;
	padding:             0px;
	color:               #BB0000;
	list-style-position: inside;
}
#errorcomment li {
	margin:  0px;
	padding: 0px;
	color:   #BB0000;
}

/*--- お問い合わせフォーム -----*/

table#contact {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border: none;
	font-size: 1em;
	}
table#contact td.title {
	width: 33%;
	margin: 0;
	padding: 1em 1em 1em 0;
	border-bottom: 1px dotted #dddddd;
	}
table#contact td.text {
	width: 65%;
	margin: 0;
	padding: 1em 1em;
	border-bottom: 1px dotted #dddddd;
	}

table#contact td.top {
	border-top: 1px dotted #dddddd;
	}

table#contact td.form_btn {
	margin: 0;
	padding: 2em 0 1em 1em;
	}


span.form_hint {
	font-size: 90%;
	color: #777777;
	}

span.form_red {
	margin: 0;
	padding: 0 0 0 0.6em;
	border-left: 4px solid #e50055;
	}

p.form_text1 {
	margin: 0 2em 2em 10px;
	padding: 0;
	color: #ffffff;
	font-size: 100%;
	text-align: left;
	}
p.form_text2 {
	margin: 0 2em 2em 10px;
	padding: 0;
	color: #e50055;
	font-size: 90%;
	text-align: right;
	}
span.form_red2 {
	margin: 0;
	padding: 0 0 0 0.5em;
	border-left: 4px solid #e50055;
	}

input.input1 {
	height: 15px;
	padding: 2px;
	border: 3px double #cccccc;
	}

textarea.text1 {
	height: 150px;
	padding: 2px;
	border: 3px double #cccccc;
	}

input.input1:focus,
textarea.text1:focus {
	border: 3px double #666666;
	}

select.select1 {
	border: 3px double #cccccc;
	}
	
select:focus {
	border: 3px double #666666;
	}


/*--- バナー配布ページ -----*/

table#bnr {
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	border: none;
	font-size: 1em;
	}

table#bnr td.left {
	width: 65%;
	margin: 0;
	padding: 1em 0 1.5em 3em;
	border: 1px solid #999999;
	}

table#bnr td.right {
	width: 35%;
	margin: 0;
	padding: 1em 0 0 0;
	border: 1px solid #999999;
	text-align: center;
	}