@charset "UTF-8";

/*********/
/* index */
/*********/

#index {
color: #595959;
}

#index h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_otoku.jpg) no-repeat 0 0;
}

#index #catch {
width: 600px;
margin: 0 0 30px 30px;
}

#index h3#sub_title {
display: block;
width: 600px;
height: 20px;
margin: 25px 0 20px 0;
background: url(../img/subt_otoku_s.gif) no-repeat left top;
text-indent: -9999px;
}

#index h3#birth_title {
display: block;
width: 600px;
height: 20px;
margin: 25px 0 0 0;
background: url(../img/subt_birth_s.gif) no-repeat left top;
text-indent: -9999px;
}


/* -- // main_box // -- */
#index #main_box {
width: 660px;
padding: 0;
margin: 0 0 10px 0;
}

#index .separator	{
clear: both;
width: 600px;
margin: 0 0 30px 30px;
}

/* coupon */

#index .coupon {
width: 600px;
padding: 0 0 30px 30px;
}

#index .inner {
width: 600px;
}

#index .coupon_img {
width: 215px;
padding: 0 30px 0 0;
float: left;
}

#index .coupon_text {
width: 355px;
float: left;
}

#index .coupon p.get_pdf {
display: block;
width: 198px;
height: 25px;
margin: 10px 0 0 0;
background: url(../img/btn_pdf_o.jpg) no-repeat left top;
}

#index .coupon p.get_pdf a {
display: block;
width: 198px;
height: 25px;
background: url(../img/btn_pdf.jpg) no-repeat left top;
text-indent: -9999px;
}

#index .coupon p.get_pdf a:hover {
background: none;
}


#index h3#subt_otoku01 {
display: block;
width: 96px;
height: 14px;
background: url(../img/subt_otoku01.gif) no-repeat left top;
text-indent: -9999px;
}

#index h3#subt_otoku02 {
display: block;
width: 109px;
height: 14px;
background: url(../img/subt_otoku02.gif) no-repeat left top;
text-indent: -9999px;
}

#index h3#subt_otoku03 {
display: block;
width: 234px;
height: 14px;
background: url(../img/subt_otoku03.gif) no-repeat left top;
text-indent: -9999px;
}



/* -- // main_box end // -- */

/* info */
#index #info {
clear: both;
width: 600px;
margin: 0 0 20px 30px;
background: url(../img/bg_info_c.jpg) repeat-y left top;
}

#index #info_t {
width: 600px;
padding: 20px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat left top;
}
#index #info_b {
width: 600px;
padding: 0 0 20px 0;
background: url(../img/bg_info_b.jpg) no-repeat left bottom;
}

#index #info p {
margin: 0 20px;
font-size: 83%;
}

#index #image {
margin: 0 0 30px 30px;
}
/* -- // panorama_box end // -- */

/*********/
/* member */
/*********/

#member {
color: #595959;
}

#member h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_173members.jpg) no-repeat 0 0;
}

#member #catch {
width: 600px;
margin: 0 0 30px 30px;
}

#member h3#sub_title {
display: block;
width: 600px;
height: 20px;
margin: 25px 0 20px 0;
background: url(../img/subt_173members_s.gif) no-repeat left top;
text-indent: -9999px;
}


/* -- // main_box // -- */
#member #main_box {
width: 660px;
padding: 0;
margin: 0 0 10px 0;
}

#member .separator	{
clear: both;
width: 600px;
margin: 0 0 30px 30px;
}

/* coupon */

#member .member_box {
width: 600px;
padding: 30px 0;
margin: 0 0 30px 30px;
border: 1px solid #cccccc;
background: #efefef;
}

#member .inner {
width: 600px;
}

#member #image {
margin: 0 0 30px 30px;
}

#member .member_img {
width: 106px;
padding: 0 29px 0 30px;
float: left;
}

#member .member_text {
width: 405px;
float: left;
}

#member .member_text p.img_b {
padding-bottom: 10px;
}

#member h3#subt_member01 {
display: block;
width: 139px;
height: 14px;
margin: 0 0 15px 30px;
background: url(../img/subt_173members01.gif) no-repeat left top;
text-indent: -9999px;
}

#member h3#subt_member02 {
display: block;
width: 98px;
height: 14px;
margin: 0 0 15px 30px;
background: url(../img/subt_173members02.gif) no-repeat left top;
text-indent: -9999px;
}

#member #attention {
width: 375px;
border: 1px solid #cccccc;
background: #e5d8df;
padding: 10px 0;
margin: 10px 0 0 0;
}

#member #attention p {
margin: 0 10px;
font-size: 83%;
}



/* -- // main_box end // -- */

/* info */
#member #info {
clear: both;
width: 600px;
margin: 0 0 20px 30px;
background: url(../img/bg_info_c.jpg) repeat-y left top;
}

#member #info_t {
width: 600px;
padding: 10px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat left top;
}
#member #info_b {
width: 600px;
padding: 0 0 10px 0;
background: url(../img/bg_info_b.jpg) no-repeat left bottom;
}

#member #info p {
margin: 0 20px;
font-size: 83%;
}

/* -- // panorama_box end // -- */