/*------------------------------------------------  

This use Campain Entry Only
2013.07.04 Start

-------------------------------------------------*/
#campaign_wrap{
text-align:center;
width:1000px;
display:table;
margin:0 auto;
}

#campaign_left{
width:660px;
padding:0 10px;
display:table-cell;
vertical-align:top;
text-align:left;
}

#campaign_right{
width:300px;
padding:0 10px;
display:table-cell;
vertical-align:top;
}

/*-------------------------------------------------
キャンペーンバナー
-------------------------------------------------*/
#campaign_right .block_outer{
margin:0;
padding:0;
width:300px !important;
}
#campaign_right .block_outer .recommend_area{
margin:0;
padding:0;
width:300px !important;
}

#campaign_right .block_outer .recommend_area h2{
text-align:left;}


#campaign_right .recommend_area .productImage{
width:130px !important;
float:left;
margin-right:15px !important;
margin-bottom:0 !important;
}

#campaign_right .recommend_area .productImage img{
width:100%;
height:auto;
}


#campaign_right .recommend_area .product_item{
clear:both;
width:300px;
margin:0 0 10px 0;
padding:10px;
border:1px solid #ddd;
border-radius:5px;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#campaign_right .recommend_area .productContents{
width:130px;
float:left;
text-align:left;
padding:0;
}





/* ==============================================
▼キャンペーン　一覧
=============================================== */
#product_list{
margin:0 auto;
width:100%;
}


div.cam_txt{
width:225px !important;
margin:0 auto !important;
text-align:left !important;
}

.cam_item{
float:left;
width:19%;
padding:5px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
margin:0 5px 15px 5px;
text-align:center;
display:inline-block;
min-height:160px;
}

.cam_item a:nth-of-type(1){
width:225px;
margin:0 auto;
text-align:left;
}



@media screen and (max-width: 1580px) {

.cam_item{
float:left;
width:24%;
padding:5px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
margin:0 5px 15px 5px;
}



}

.cam_item img{
max-width:100%;
height:auto;
}

.cam_item a:nth-child(2) {
min-height:50px;
display:block;
}


/* ==============================================
▼ログイン
=============================================== */

#campaign_login{
margin:0 auto;
width:660px !important;
}

#campaign_login .campaign_head img{
max-width:100%;
height:auto;
}

div#campaign_login a{
text-decoration:underline;
}

div#campaign_login {
    margin: 0 auto;
    width: 100%;
font-size:12px;
}
div#campaign_login h3.login_fm {
    margin: 0 0 10px 0;
    padding: 5px 0 10px;
    color: #000;
    background: url("../img/background/line_02.gif") repeat-x left bottom;
    font-size: 120%;
clear:both;
}

div#campaign_login p{
line-height:20px;
}
div#campaign_login p.caution{
font-size:10px;
line-height:14px;
}
div#campaign_login  .login_area h4.login_fm {
    padding-left: 15px;
margin-bottom:10px;
    background: url("../img/icon/ico_arrow_05.gif") no-repeat left;
}


div#campaign_login .login_area {
    margin-bottom: 30px;
    width:300px;
    float:left;
margin:0 10px 10px 10px;
}

div#campaign_login .login_area .inputbox {
    margin: 10px auto 10px auto;
    padding: 15px;
    background: #f0f0f0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
}

div#campaign_login .login_area .inputbox .btn_area {
    margin-top: 0;
}
div#campaign_login .login_area dl.formlist_cam {
    margin-bottom: 8px;
}
div#campaign_login .login_area dl.formlist_cam  dt {
    margin-bottom: 3px;
    padding-left: 15px;
    color: #333;
    background: none;
    float: left;
    width: 100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
div#campaign_login .login_area dl.formlist_cam  dd {
    margin-bottom: 5px;
    width: 100%;
    vertical-align: bottom;
    text-align: left;
  /*  float: right; */
}

div#campaign_login .login_area dl.formlist_cam  dd input[type="text"],
div#campaign_login .login_area dl.formlist_cam  dd input[type="password"]{
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}


div#campaign_login .btn_area {
    margin-top: 30px;
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
}


.campain_agree{
width:640px;
height:50px; 
overflow-y:scroll; 
border:solid 1px #CCC; 
font-size:12px; 
padding:15px; 
background:#fcfcfc;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
color:#6c6c6c;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}



.campaign_login{
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
padding:15px 5px;
border:solid 1px #CCC; 
}

.campaign_form{
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
padding:10px;
border:solid 1px #CCC; 
margin-bottom:30px;
width:660px;
clear:both;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}

.campaign_form_base{
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
padding:10px 10px 5px 10px;
border:solid 1px #CCC; 
margin-bottom:30px;
width:660px;
background:#eee;
clear:both;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}

.campaign_form_in{
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
padding:5px 10px 10px 10px;
border:solid 1px #ddd; 
margin-bottom:20px;
width:640px;
clear:both;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
}



.serial{ font-size:18px; width:100%; font-weight:bold; padding:6px !important; font-family:arial;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
 }

.serial_box{ width:48%;float:left; margin:0 1%15px 1% !important; }
.serial_box_hidden{ display:none; }


.campaign_txtarea{
width:100%;
 height:100px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}


.serial_caution{ 
margin-bottom:20px;
color:#3399cc;
padding:2px 5px;
border-radius:3px;
border:solid 1px #3399cc; 
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
display:none;
}

.campaign_fin_area{
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
padding:30px;
border:solid 1px #CCC; 
margin-bottom:30px;
width:705px;
}

.finish{ 
font-size:30px; 
line-height:32px !important; 
font-weight:bold;
 }

.normal_checkbox{
 overflow:hidden;
 padding-bottom:15px;
}
.normal_checkbox label{ width:140px; display:inline-block; float:left; }



/* 2014.05.20 plus */

/* 
h3.enquete_tit {
    margin: 5px 0 15px 0;
    padding: 5px 10px;
    color: #004ea2;
    background:#d5f3fd;
    font-size:16px !important;
clear:both;
border:1px solid #00aeef;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-moz-border-radius:5px;
}
*/

h3.enquete_tit {
 margin: 5px 0 15px 0;
 padding: 5px 10px;
 color: #080362;
 background:#e7edf9;
 font-size:16px !important;
 clear:both;
 border:1px solid #becbe9;
 border-radius:5px;
 -webkit-border-radius:5px;
 -ms-border-radius:5px;
 -moz-border-radius:5px;
 position:relative;
}


h4.enquete_tit {
 clear:both;
 margin: 5px 0 15px 0;
 padding: 2px 5px;
 color: #676263;
 font-size:14px !important;
 clear:both;
 border:1px solid #c6c6c6;
 border-radius:5px;
 -webkit-border-radius:5px;
 -ms-border-radius:5px;
 -moz-border-radius:5px;
}



.media_cam_box{
 float:left; 
 width:195px;
 padding:10px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
 background:#f6f6f6;
 margin:0 5px 15px;
}

.media_cam_box input{
 width:100%;
 padding:5px;
 margin-bottom:5px;
 font-size:16px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
}


.media_cam_box h4{
 font-size:12px;
}


.media_cam_box img{
 text-align:center;
 max-width:100%;
 height:auto;
 margin:0 auto 10px auto;
}

.media_cam_img{
 text-align:center;
}

/*
input[type="text"]{
 background:#f4d5d5;
}
*/


.hide_btn{
 position:relative;
 margin-top:-45px;
 height:45px;
 margin-right:5px;
 text-align:right;
 cursor:pointer;
 width:102px;
 float:right;
}

.key_detail_bt{
 position:relative;
 margin-top:-45px;
 height:45px;
 margin-right:5px;
 text-align:right;
 cursor:pointer;
 width:102px;
 float:right;
}

.hide_btn2{
 position:relative;
 margin-top:-35px;
 height:35px;
 width:45px;
 margin-right:5px;
 text-align:right;
 cursor:pointer;
 float:right;
 width:102px;
}


.pt{
color:#ff0000;
font-weight:bold;
font-size:26px;
font-family:arial;
}
.pt_name{
font-weight:bold;
font-size:20px;
}

.pt_fin_box{
 margin: 5px auto 20px auto ;
 padding: 15px;
padding-left:180px;
 color: #080362;
 background:#e7edf9;
 font-size:18px !important;
 text-align:left;
 clear:both;
 border:1px solid #becbe9;
 border-radius:5px;
 -webkit-border-radius:5px;
 -ms-border-radius:5px;
 -moz-border-radius:5px;
line-height:26px;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
width:660px;
}
.pt_fin_box .pt{
color:#ff0000;
font-weight:bold;
font-size:26px;
font-family:arial;
padding-left:20px;
    background: url('../img/new/point.png') no-repeat left ;
}
.pt_fin_box .pt_name{
font-weight:bold;
font-size:20px;
padding-right:10px;
padding-left:20px;
    background: url('../img/new/user.png') no-repeat left ;
}


.pt_fin_box p{
padding-top:8px;
 font-size:12px;
line-height:17px !important;
color:#666 !important;
}


a.gototop_cam_fin{
background:#00aeef;
 border-radius:15px;
 -webkit-border-radius:15px;
 -ms-border-radius:15px;
 -moz-border-radius:15px;
padding:0;
font-size:20px;
color:#fff !important;
font-weight:bold !important;
margin:0 auto;
width:285px !important;
text-decoration:none !important;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 -ms-box-sizing:border-box;
 -o-box-sizing:border-box;
 box-sizing:border-box;
display:block;
height:46px;
line-height:46px;
}

a.gototop_cam_fin:hover{
opacity:0.6;
}



.media_cam_detail{
display:none;
}

.media_cam_detail_bt{
clear:both;
text-align:left;
cursor:pointer;
margin-top:-10px;
position:relative;
}



placeholder{
color:#eee;
}





/* tooltip 
-----------------------------------------------*/


/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 12px;
	font-weight:bold;
	color: #fff;
	padding: 8px 10px;
	border: 1px solid rgba(228,145,9,0.25);
	background-color: rgb(228,145,9);
	background-color: rgba(228,145,9,0.92);
	/* background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));*/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
/*	box-shadow: 0 0 3px #006699;
	-webkit-box-shadow: 0 0 3px #006699;
	-moz-box-shadow: 0 0 3px #006699;
*/
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(228,145,9,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(228,145,9,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(228,145,9,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(228,145,9,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(228,145,9);
	border-top-color: rgba(228,145,9,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(228,145,9);
	border-bottom-color: rgba(228,145,9,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(228,145,9);
	border-right-color: rgba(228,145,9,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(228,145,9);
	border-left-color: rgba(228,145,9,0.92);
}

/* Webkit Hacks 
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}