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

body{
	margin:0;
	padding:0;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:140%;
	color:#333333;
	background:url(../images/header_bg.gif) repeat-x #F2F2F2;
}

body a{
	color:#007AFF;
}

body a:hover{
	text-decoration:none;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	overflow:hidden;
	_overflow:visible;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.cn_box{
	-webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radiust: 6px;
    border-radius: 6px;
	
	box-shadow: 0 1px 2px #999;
    -moz-box-shadow: 0 1px 2px #999;
    -webkit-box-shadow: 0 1px 2px #999;
	
	padding:1px;
	border:solid 1px #CCCCCC;
	margin:3px;
	background:#FFF;
	margin-bottom:13px;
}

.cn_box_sub{
	padding:10px;

}


/*---------------------------ヘッダー-------------------------------*/
.header{
	width:960px;
	margin:0 auto;
	padding-bottom:5px;
	height:85px;
}

.header_logo{
	float:left;
	margin-left:4px;
	margin-top:13px;
	display:inline;
}


/*---------------------------ヘッダー ログイン前-------------------------------*/
.header_login_area{
	float:right;
	margin-right:4px;
	display:inline;
	background:#FFF;
	border:solid 1px #CCCCCC;
	border-top:none;
	width:470px;
 
    -webkit-border-bottom-left-radius: 6px;
    -khtml-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
     
    -webkit-border-bottom-right-radius: 6px;
    -khtml-border-radius-bottomright: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
	
	box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    -webkit-box-shadow: 0 1px 1px #ccc;
}

.header_login_area_l{
	float:left;
	margin:0 7px 0 1px;
	display:inline;
	width:363px;
}


.header_login_area_r{
	float:right;
	margin:0 3px 3px 0;
	display:inline;
}

.header_login_area_r form{
	margin-bottom:0;
}

.header_login_area_r a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.header_login_area_title{
	border-bottom:solid 1px #FF5080;
	font-size:85%;
	margin-bottom:5px;
	width:363px;
}

.header_login_area_title img{
	float:left;
}

.header_login_area_title a{
	float:right;
	margin-top:10px;
	margin-right:5px;
	display:inline;
}

#header_login_btn{
	border:none;
	width:73px;
	height:31px;
}

#header_login_btn:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	cursor:pointer;
}

.header_login_area_l form{
	width:363px;
	margin:0 0 0 5px;
	padding:0;
}

.header_login_area_l form input{
	float:left;
	margin-right:5px;
}

#login_id_box, #login_pw_box{
	margin-top:5px;
	width:120px;
	height:23px;
	padding: 0 3px;
	
	-webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radiust: 3px;
    border-radius: 3px;
}


/*---------------------------ヘッダー　ログイン後-------------------------------*/

.header_login_area_title02{
	border-bottom:solid 1px #FF5080;
	margin-bottom:5px;
	color:#FF5080;
	font-weight:bold;
	padding:3px 5px;
}

.header_login_area_l02{
	float:left;
	text-align:left;
}

.header_login_area_r02{
	float:right;
	margin-right:5px;
	display:inline;
	width:79px;
}


#btn_logout:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	cursor:pointer;
}


/*---------------------------トップコンテンツエリア-------------------------------*/

#top_navi_area_bg{
	background:#F2F2F2;
}

#top_navi_area{
	width:960px;
	height:67px;
	margin:10px auto 0 auto;
}

#top_navi_area_l{
	float:left;
	background:url(../images/top_navi_bg01.gif) no-repeat;
	height:67px;
	width:634px;
}

#top_navi_area_l ul{
	list-style:none;
	margin:30px 0 0 8px;
	padding:0;
}

#top_navi_area_l ul li{
	float:left;
	background:#FFF;
	height:28px;
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radiust: 4px;
    border-radius: 4px;
}

#top_navi_area_l ul li a:hover img{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radiust: 4px;
    border-radius: 4px;
}

#top_navi_area_r{
	float:right;
	background:url(../images/top_navi_bg02.gif) no-repeat;
	height:67px;
	width:326px;
}

#top_navi_area_r ul{
	list-style:none;
	margin:30px 0 0 8px;
	padding:0;
}

#top_navi_area_r ul li{
	float:left;
	background:#FFF;
	height:28px;
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radiust: 4px;
    border-radius: 4px;
}

#top_navi_area_r ul li a:hover img{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radiust: 4px;
    border-radius: 4px;
}

#top_contents_area{
	width:944px;
	margin:0 auto;
	padding-top:10px;
}

#top_contents_area_l{float:left;}
#top_contents_area_r{float:left; margin-left:7px; display:inline;}

#top_main_flash{
	margin-bottom:10px;
	width:715px;
	height:254px;
}

.top_banner0{
	width:714px;
}

#top_banner{
	margin: 0 auto;
	width: 680px;
	height: 90px;
	text-align: left;
	position: relative;
}


#top_banner_prev,
#top_banner_next {
	top: 0;
	width: 13px;
	height: 90px;
	background: #FF5080;
	cursor: pointer;
	position: absolute;
}

#top_banner_prev {
	left: -17px;
	
	-webkit-border-top-left-radius: 4px;
    -khtml-border-radius-topleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
     
    -webkit-border-bottom-left-radius: 4px;
    -khtml-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
	
	background:#FF5080 url(../images/top_banner_l_arrow.gif) no-repeat center;
	
	border-right:solid 1px #ff0001;
}

#top_banner_next {
	right: -17px;
	-webkit-border-top-right-radius: 4px;
    -khtml-border-radius-topright: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
     
    -webkit-border-bottom-right-radius: 4px;
    -khtml-border-radius-bottomright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
	
	background:#FF5080 url(../images/top_banner_r_arrow.gif) no-repeat center;
	
	border-left:solid 1px #ff0001;
}

#top_banner_prev:hover,
#top_banner_next:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}


#top_banner ul li{
	float:left;
	margin-top:10px;
	margin-bottom:5px;
	width:226px;
	text-align:center;
}

#top_banner ul li a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.banner_list{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}

.top_subtitle_l{
	border-bottom:solid 1px #3FA9F5;
	margin:1px 1px 5px 1px;
	width:347px;
}

.top_subtitle_r{
	border-bottom:solid 1px #6CC543;
	margin:1px 1px 5px 1px;
	width:347px;
}

.top_contents_box{
	padding-bottom:10px;
	width:349px;
}

.top_contents_box02{
	width:330px;
	margin:0 auto;
}
.top_subtitle_img_l{float:left;}
.top_subtitle_img_r{float:right; margin-top:8px;}

.top_contents_img{
	text-align: center;
	margin-top:10px;
}

.top_contents_txt{
	overflow:hidden;
}

.top_contents_img_btn{
	margin-bottom:2px
}

.top_contents_img_btn a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.top_shop_l{
	float:left;
}

.top_shop_r{
	float:left;
	border:solid 1px #ccc;
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radiust: 4px;
    border-radius: 4px;
	width:120px;
	margin-left:10px;
	margin-top:10px;
	display:inline;
	padding:15px 10px;
	text-align:left;
}

.top_shop_r_tit{
	text-align:left;
	border-left:solid 5px #6CC543;
	padding-left:5px;
	margin-bottom:5px;
}

.top_shop_r select{
	margin-bottom:10px;
	width:120px;
}

#shop_note{
	width:300px;
	font-weight:bold;
	padding:5px;
	margin:15px auto 0 auto;
	background:#6CC543;
	color:#FFF;
	text-align:center;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radiust: 4px;
	border-radius: 4px;
}

#top_shop_r_btn{
	border:none;
	background:url(../images/top_shop_btn.gif) no-repeat;
	width:91px;
	height:30px;
	margin-left:15px;
}

#top_shop_r_btn:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	cursor: pointer;
}


/*---------------------------サイドエリア-------------------------------*/

.side_contents{
	width:202px;
}
.side_subtitle{
	border-bottom:solid 1px #FF5080;
	margin-bottom:10px;
	margin-top:3px;
}

.side_news_date{
	border-left:solid 5px #FF5080;
	padding:2px 0 2px 5px;
	margin:0 0 0 10px;
	width:162px;
	line-height:100%;
}

.side_news_tit{
	margin:5px 0 5px 10px;
	color:#FF5080;
	width:172px;
	font-weight:bold;
}

.side_news_txt{
	margin:0 0 0 10px;
	width:172px;
	margin-bottom:15px;
	border-bottom:dotted 1px #999;
	padding-bottom:15px;
	font-size:93%;
	line-height:125%;
}

.side_news_link{
	border-top:dotted 1px #CCC;
	margin: 5px 5px 0 5px;
	padding-top:5px;
	text-align:right;
}

.side_banner02{
	text-align:center;
	padding:10px 0;
}

.side_news{
	padding-bottom:10px;
}

.side_topics{
	padding-bottom:10px;
}

.side_topics .scrollable{
	text-align:center;
}

.side_topics .scrollable ul li{
	margin-bottom:5px;
	margin-left:10px;
	width:166px;
	height:72px;
}

.side_topics .scrollable ul li a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.side_myroom_btn{
	text-align:center;
	padding:1px 0;
}

.side_about_btn a:hover img,
.side_myroom_btn a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}


/*---------------------------フッターエリア-------------------------------*/

.footer_bg{
	background:url(../images/footer_bg.gif) repeat-x;
	margin-top:30px;
	clear:both;
}

.page_top{
	width:960px;
	margin:0 auto;
	text-align:right;
	height:28px;
}

.page_top img{
	margin-top:5px;
}

.page_top a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

.footer_links{
	width:960px;
	margin:0 auto;
	text-align:center;
	height:42px;
	line-height:42px;
}

.cr{
	width:960px;
	margin:0 auto;
	text-align:center;
	height:30px;
}

.cr img{
	margin-top:7px;
}





/*---------------------------下層ページ-------------------------------*/

.btn-l{
	background:#FF5080;
	color:#FFF;
	border:none;
	padding:5px 8px;
	font-weight:bold;
	
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radiust: 4px;
    border-radius: 4px;
	
	box-shadow: 0 1px 1px #333;
    -moz-box-shadow: 0 1px 1px #333;
    -webkit-box-shadow: 0 1px 1px #333;
	
	cursor:pointer;
	
}

.btn-l:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

/*---------------------------20130401_キャンペーン対応-------------------------------*/

.campaign2013_main_img {
	margin-bottom:30px;
}

.campaign2013_main_txt{
	font-size:14px;
	line-height:150%;
	margin:0 14px 50px 14px;
}

.campaign2013_sub_title{
	background:url(/images/campaign2013_title_bk.gif) no-repeat;
	height:35px;
	line-height:35px;
	color:#FFF;
	padding-left:10px;
	margin:0 14px 20px 14px;
	font-size:18px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.campaign2013_txt{
	margin:0 20px 70px 20px;
}

.campaign2013_txt_b{
	font-size:14px;
	font-weight:bold;
	color:#E3007F;
}

.campaign2013_txt_b02{
	font-size:14px;
	font-weight:bold;
	border-left:solid 5px #E3007F;
	padding-left:5px;
	margin-bottom:15px;
}

.campaign2013_img_box{
	padding:10px;
	border:1px solid #F394C9;
	width:402px;

	float:left;
	margin:0 3px 6px 3px;
	
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.campaign2013_img{
	width:857px;
	margin:0 auto 40px auto;
}

.form_style{
  border:1px solid #999;
  padding: 3px;
  margin-bottom:15px;
  color: #333;
  background: #fff;
  background: -webkit-gradient(linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
  background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-box-shadow: 1px 1px 1px #fff;
  -moz-box-shadow: 1px 1px 1px #fff;
}

.form_error_style{
  border:1px solid #FF0000;
  padding: 3px;
  margin-bottom:15px;
  color: #333;
  background: #FFC0CB;
  background: -webkit-gradient(linear,
        left top,
        left bottom,
        from(#FFC0CB),
        to(#FFC0CB)
        );
  background: -moz-linear-gradient(
        top,
        #FFC0CB,
        #FFC0CB
        );
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-box-shadow: 1px 1px 1px #FFC0CB;
  -moz-box-shadow: 1px 1px 1px #FFC0CB;
}