@charset "shift_jis";
/* CSS Document */

/*
----------------------------------------------------------------------
LINK STYLE
----------------------------------------------------------------------
*/
a:link {
color:#0066cc;
}
a:visited {
color:#54006f;
}
a:hover {
color:#419bf6;
text-decoration:none;
}
a:active {
color:#419bf6;
}
/*
----------------------------------------------------------------------
LAYOUT
----------------------------------------------------------------------
*/
html {
background:#fffefa;
}
body {
background:#fffefa;
color:#4d4d4d;
}
th, strong, h1, h2, h3, h4, h5, h6 {
font-weight:bold;
}
#wrapper {
position:relative;
width:960px;
margin:0 auto;
font-size:92%;
line-height:1.5;
}
/*���������� header ����������*/
#fixed_area{
z-index:10;
position:fixed;
top:0;
left:0;
width:100%;
height:30px;
background:url(../img/common/header_bg.gif) repeat-x fixed top;
}
#fixed_area h1 {
float:left;
padding:8px 0 0;
color:#fff;
font-size:92%;
font-weight:normal;
}
/*---- h_navi ----*/
#h_navi {
width:960px;
margin:0 auto;
}
#h_navi ul {
float:right;
width:598px;
margin:5px 0 0;
}
#h_navi li {
float:left;
margin:0 0 0 10px;
}
/*---- h_logstatus ----*/
#h_logstatus {
margin:30px 0 0;
padding:0 0 13px;
background:url(../img/common/bd_dotted.gif) repeat-x bottom;
}
#h_logstatus .logo {
float:left;
margin:10px 0 0;
}
#h_logstatus #status_logout {
float:right;
width:238px;
margin:25px 0 0;
padding:0 0 0 250px;
background:url(../img/common/h_3minutes.gif) no-repeat left center;
}
#h_logstatus #status_logout li {
float:left;
margin:0 0 0 9px;
}
#h_logstatus #status_login {
float:right;
margin:25px 0 0;
}
#h_logstatus #status_login li {
float:left;
margin:0 0 0 20px;
}
#h_logstatus #status_login p {
padding:8px 0 0;
}
/*---- h_pr ----*/
#h_pr {
height:32px;
padding:15px 0 0;
}
#h_pr .pr {
float:left;
padding:0 0 0 55px;
background:url(../img/common/h_pr.gif) no-repeat left center;
}
#h_pr ul {
float:right;
}
#h_pr li {
float:left;
margin:0 0 0 20px;
}
#h_pr li a {
padding:0 0 0 10px;
background:url(../img/common/i_arrow_normal.gif) no-repeat left center;
}
/*���������� l_column ����������*/
#l_savings {
margin:0 0 10px;
padding:3px 3px 2px;
border-right:1px solid #cc0001;
border-left:1px solid #cc0001;
border-bottom:1px solid #cc0001;
background:#fff2f4;
}
#l_savings li {
display:block;
margin:0 0 1px;
padding:7px 0 7px 12px;
background:url(../img/common/i_arrow_normal.gif) no-repeat 141px center #fff;
}
#l_savings .cat {
background:none;
padding:10px 0 6px 5px;
}

/*���������� r_column ����������*/
#r_column {
float:right;
width:300px;
}
#r_banner_area {
padding:10px 10px 1px;
background:url(../img/common/bg_beigeline.gif);
}
#r_banner_area p a img {
margin:0 0 10px;
}
/*---- r_pr ----*/
#r_pr {
height:300px;
background:#FFFEFA;
}
#r_pr .bnr {
margin:0 0 7px;
}
#r_pr .money {
margin:0 0 0 10px;
}
/*---- r_pr2 ----*/
#r_pr2 {
height:260px;
background:#FFFEFA;
}
/*---- r_howto ----*/
#r_howto {
margin:0 0 10px;
}
/*---- r_yenget ----*/
#r_yenget {
padding:0 0 5px;
margin:0 0 10px;
background:#fff;
}
#r_yenget ul {
overflow:hidden;
_zoom:1;
margin:3px 0 0;
padding:0 10px;
}
#r_yenget li {
margin:-1px 0 0;
padding:7px 0;
background:url(../img/common/bd_dotted.gif) repeat-x top;
}
#r_yenget li a {
padding:0 0 0 20px;
background:url(../img/common/i_arrow_circle.gif) no-repeat left center;
}
/*---- r_ranking ----*/
#r_ranking {
margin:0 0 10px;
background:#fff;
}
#r_ranking .tabNavi li {
float:left;
}
#r_ranking .tabContainer {
padding:19px 10px 9px;
}
#r_ranking .tabContainer ol {
overflow:hidden;
_zoom:1;
}
#r_ranking .tabContainer li {
margin:-1px 0 9px;
padding:9px 0 0 25px;
border-top:1px dotted #000;
line-height:1.7;
}
#r_ranking .one {
background:url(../img/common/r_ranking_1.gif) no-repeat left 10px;
}
#r_ranking .two {
background:url(../img/common/r_ranking_2.gif) no-repeat left 10px;
}
#r_ranking .three {
background:url(../img/common/r_ranking_3.gif) no-repeat left 10px;
}
#r_ranking .four {
background:url(../img/common/r_ranking_4.gif) no-repeat left 10px;
}
#r_ranking .five {
background:url(../img/common/r_ranking_5.gif) no-repeat left 10px;
}
/*���������� footer ����������*/
#footer {
clear:both;
padding:15px 0 0;
}
#footer .pagetop {
margin:0 0 10px;
padding:0 15px 0 0;
background:url(../img/common/i_pagetop.gif) no-repeat right center;
text-align:right;
}
/*---- f_navi ----*/
#f_navi {
background:#fff;
border:1px solid #ccc;
}
#f_navi li {
float:left;
}
#f_navi .sitemap {
padding:10px 20px;
border-bottom:1px solid #ccc;
}
#f_navi .sitemap li {
float:left;
margin:0 20px 0 0;
padding:0 0 0 12px;
background:url(../img/common/i_arrow_normal.gif) no-repeat left center;
}
#f_navi .savings_category {
padding:10px 20px 19px;
}
#f_navi .savings_category a {
color:#999;
}
#f_navi .savings_category li {
line-height:100%;
margin:9px 4px 0 0;
padding:0 4px 0 0;
border-right:1px solid #999;
font-size:92%;
white-space:nowrap;
}
/*---- copyright ----*/
#copyright {
height:55px;
padding:35px 0 0;
background:url(../img/common/f_logo.gif) no-repeat 7px 18px;
text-align:right;
}
#copyright a {
color:#808080;
text-decoration:none;
}
#copyright .attention {
font-size:77%;
color:#ccc;
}
/*---- search_area ----*/
#r_column .r_search_area {
min-height:60px;
height:auto !important;
height:60px;
margin:0 0 10px;
padding:10px;
border:1px solid #cccccc;
background:#f3f3f3;
}
#r_column .r_search_area h2 {
margin:0 0 10px;
}
#r_column .text_area {
position:relative;
float:left;
width:181px;
height:15px;
padding:4px;
border:1px solid #abcced;
background:#fff;
}
#r_column .r_searchbox input {
border:none;
}
#r_column .searcntext {
position:absolute;
top:0;
left:0;
width: 128px;
margin: 0;
padding: 5px 5px 2px;
}
#r_column .searchclear {
position:absolute;
top:4px;
right:4px;
text-indent:-9999px;
width:42px;
height:15px;
background:url(../img/common/form_parts.png) no-repeat 0 -50px;
cursor:pointer;
}
#r_column .btn_area {
float:right;
width:60px;
}
#r_column .btn_area input {
display:block;
text-indent:-9999px;
width:60px;
height:25px;
background:url(../img/common/form_parts.png) no-repeat 0 0;
cursor:pointer;
}
#r_column .btn_area input:hover {
background:url(../img/common/form_parts.png) no-repeat 0 -25px;
}
/*
----------------------------------------------------------------------
COMMON PARTS
----------------------------------------------------------------------
*/
/*---- breadclumbs ----*/
#breadclumbs {
padding:15px 0;
font-size:83%;
}
#breadclumbs span {
padding:0 5px;
}
/*---- indent ----*/

.indent {
padding-left: 1em;
text-indent: -1em;
}
/*---- money ----*/

.money {
padding:0 0 0 18px;
background:url(../img/common/yen.png) no-repeat left center;
color:#f20024;
}
/*---- condition ----*/
.condition {
padding:0 0 0 28px;
background:url(../img/common/i_conditions.png) no-repeat left 2px;
}
/*---- input ----*/
.input {
padding:0 0 0 28px;
background:url(../img/common/i_input.png) no-repeat left 2px;
}
/*---- approval ----*/
.approval {
padding:0 0 0 28px;
background:url(../img/common/i_approval.png) no-repeat left 2px;
}
/*---- stars ----*/
.stars {
float:left;
display:block;
height:15px;
padding:0 0 0 135px;
color:#ff7909;
}
.avgpoint img {
float:left;
margin:0 3px 0 8px;
}
.s1 {
background:url(../img/common/star_s.png) no-repeat 0 -0;
}
.s1h {
background:url(../img/common/star_s.png) no-repeat 0 -16px;
}
.s2 {
background:url(../img/common/star_s.png) no-repeat 0 -31px;
}
.s2h {
background:url(../img/common/star_s.png) no-repeat 0 -46px;
}
.s3 {
background:url(../img/common/star_s.png) no-repeat 0 -62px;
}
.s3h {
background:url(../img/common/star_s.png) no-repeat 0 -77px;
}
.s4 {
background:url(../img/common/star_s.png) no-repeat 0 -92px;
}
.s4h {
background:url(../img/common/star_s.png) no-repeat 0 -108px;
}
.s5 {
background:url(../img/common/star_s.png) no-repeat 0 -123px;
}
.s5h {
background:url(../img/common/star_s.png) no-repeat 0 -139px;
}
.s6 {
background:url(../img/common/star_s.png) no-repeat 0 -154px;
}
.s6h {
background:url(../img/common/star_s.png) no-repeat 0 -169px;
}
.s7 {
background:url(../img/common/star_s.png) no-repeat 0 -185px;
}
/*---- msg ----*/
.msg {
margin:0 0 10px;
padding:5px;
color:#d30505;
background:#ffd2d2;
}
.msg2 {
margin:10px 0 10px;
padding:5px;
color:#d30505;
background:#ffd2d2;
}
/*---- null_msg ----*/
.null_msg {
margin:0 0 10px;
}
.null_msg em{
color:#D30505;
font-weight:bold;
}
/*---- pager ----*/
.pager{
clear:both;
margin:20px 0 0;
text-align:center;
}
.pager span{
display:inline-block;
margin:0 2px;
padding:5px 8px;
background:#e7e4db;
font-weight:bold;
}
.pager a{
display:inline-block;
margin:0 2px;
padding:4px 6px;
border:1px solid #ffbdc7;
background:#fff2f4;
color:#cb7380;
}
.pager a:hover{
color:#fff;
background:#ffbdc7;
}
/*---- contact_form ----*/
#contact_form h3 {
margin:0 0 15px;
}
#contact_form table {
width:100%;
border-top:1px dotted #000;
}
#contact_form th {
width:160px;
padding:10px 10px 10px 25px;
border-bottom:1px dotted #000;
background:url(../img/s_contact/i_circle.gif) no-repeat 10px 15px #fdfaed;
}
#contact_form th em {
color:#d30505;
font-weight:bold;
}
#contact_form td {
padding:10px;
border-bottom:1px dotted #000;
}
#contact_form td span {
display:inline-block;
padding:0 0 5px;
font-size:92%;
}
#contact_form input {
vertical-align:middle;
}
#contact_form .submit {
padding:20px 0 0;
text-align:center;
}
#contact_form #confirmbtn {
text-indent:-9999px;
width:170px;
height:41px;
border:none;
background:url(../img/s_contact/form_btn.png) no-repeat 0 0;
cursor:pointer;
}
#contact_form #confirmbtn:hover {
background:url(../img/s_contact/form_btn.png) no-repeat 0 -41px;
}
#contact_form #submitbtn {
text-indent:-9999px;
width:170px;
height:41px;
border:none;
background:url(../img/s_contact/form_btn.png) no-repeat 0 -82px;
cursor:pointer;/float:left; /display:block;
}
#contact_form #submitbtn:hover {
background:url(../img/s_contact/form_btn.png) no-repeat 0 -123px;
}
#contact_form #fixbtn {
text-indent:-9999px;
width:130px;
height:41px;
margin:0 20px 0 0;
border:none;
background:url(../img/s_contact/form_btn.png) no-repeat 0 -163px;
cursor:pointer;/float:left; /display:block; /margin-left:160px;
}
#contact_form #fixbtn:hover {
background:url(../img/s_contact/form_btn.png) no-repeat 0 -204px;
}

/*---- contact_form2 ----*/
#contact_form2 h3 {
margin:0 0 15px;
}
#contact_form2 table {
width:100%;
}
#contact_form2 td {
padding:10px;
}
#contact_form2 .msg_form {
margin:40px auto 50px;
text-align:center;
}
#contact_form2 .submit {
padding:20px 0 0;
text-align:center;
}
#contact_form2 #confirmbtn {
text-indent:-9999px;
width:170px;
height:41px;
border:none;
background:url(../img/s_contact/form_btn.png) no-repeat 0 0;
cursor:pointer;
}
#contact_form2 #confirmbtn:hover {
background:url(../img/s_contact/form_btn.png) no-repeat 0 -41px;
}
#contact_form2 #submitbtn {
text-indent:-9999px;
width:170px;
height:41px;
border:none;
background:url(../img/s_contact/form_btn.png) no-repeat 0 -82px;
cursor:pointer;/float:left; /display:block;
}
#contact_form2 #submitbtn:hover {
background:url(../img/s_contact/form_btn.png) no-repeat 0 -123px;
}
#contact_form2 #fixbtn {
text-indent:-9999px;
width:130px;
height:41px;
margin:0 20px 0 0;
border:none;
background:url(../img/s_contact/form_btn.png) no-repeat 0 -163px;
cursor:pointer;/float:left; /display:block; /margin-left:320px;
}
#contact_form2 #fixbtn:hover {
background:url(../img/s_contact/form_btn.png) no-repeat 0 -204px;
}

/*
----------------------------------------------------------------------
CLEARFIX
----------------------------------------------------------------------
*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
}