@charaset "utf8";

/**********************
index
**********************/
#com-page-index .com-top-image-area{
	margin:0 0 10px 0;
}
#com-page-index .com-top-image-area{
	background:#fff;
	margin-bottom:10px;
}
#com-page-index .com-top-image-area .main{
	padding:5px 5px 5px 5px;
}
#com-page-index .com-top-image-area .thum{
	padding:5px 5px 5px 5px;
}
#com-page-index .com-top-image-area .middle{
	padding:0px 5px 0px 5px;
}
@media (max-width: 991px) {
	#com-page-index .com-top-image-area .main{
		padding:5px;
	}
	#com-page-index .com-top-image-area .thum{
		padding:0 5px 5px 5px;
	}
	#com-page-index .com-top-image-area .middle{
	}
}
#com-page-index .com-top-image-area #special{
	position:relative;
}
#com-page-index .com-top-image-area #special p#special02,
#com-page-index .com-top-image-area #special p#special03{
}
#com-page-index .com-top-image-area #special p#special02,
#com-page-index .com-top-image-area #special p#special03{
		display:none;
}

/*site-navi-area*/
#com-page-index .site-navi-area .box{
	border:3px solid #fc98d7;
	border-right:6px solid #fc98d7;
	border-bottom:6px solid #fc98d7;
	background-color:#fff;
	border-radius:5px; 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	padding:10px;
	text-align:center;
	margin:0 5px 0 0;
}
#com-page-index .site-navi-area a:hover{
	text-decoration:none;
}
#com-page-index .site-navi-area .box .title{
	font-weight:bold;
	font-size:120%;
}
#com-page-index .site-navi-area .box .desc{
	color:#000;
}

#com-page-index .site-navi-area .regist{
	border:3px solid #fc98d7;
	border-right:6px solid #fc98d7;
	border-bottom:6px solid #fc98d7;
}
#com-page-index .site-navi-area .regist .title img{
	color:#fe5bc2;
	width:100%;
}

#com-page-index .site-navi-area .login{
	border:3px solid #5bbbfe;
	border-right:6px solid #5bbbfe;
	border-bottom:6px solid #5bbbfe;
}
#com-page-index .site-navi-area .login .title img{
	color:#366eec;
	width:100%;
}

#com-page-index .site-navi-area .sample{
	border:3px solid #9ade82;
	border-right:6px solid #9ade82;
	border-bottom:6px solid #9ade82;
}
#com-page-index .site-navi-area .sample .title img{
	color:#15b511;
	width:100%;
}

#com-page-index .site-navi-area .webshop{
	border:3px solid #ec90f4;
	border-right:6px solid #ec90f4;
	border-bottom:6px solid #ec90f4;
	margin:0;
}
#com-page-index .site-navi-area .webshop .title img{
	color:#863fcf;
	width:100%;
}

@media (max-width: 768px) {
	#com-page-index .site-navi-area .box{
		margin:0 0 5px 0;
	}
	#com-page-index .site-navi-area .webshop{
		margin:0;
	}
}

/*information-area*/
#com-page-index .information-area div{
	padding:3px;
}

/*mailmagazine-area*/
#com-page-index .mailmagazine-area p{
	margin:0 0 10px 0;
}



/**********************
com-page-member
**********************/
/*information-banner-area*/
#com-page-member .information-banner-area .box{
	padding:3px;
}

/*contents-banner-area*/
#com-page-member .contents-banner-area .box{
	padding:3px;
}

/*pickup-area*/
#com-page-member .pickup-area .box{
	padding:5px;
}
#com-page-member .pickup-area p{
	margin:0 0 5px 0;
}

/*kana*/
#com-page-member .sort-kana a{
	display:inline-block;
	padding:5px;
}

/**********************
com-page-model-detail
**********************/
/*profile-area*/
#com-page-model-detail .profile-area .photo img{
	padding:5px;
	background:#fff;
	border:1px solid #d3d3d3;
}
#com-page-model-detail .profile-area .profile{
	padding:0 0 0 10px;
}
#com-page-model-detail .profile-area .profile p{
	border-bottom:1px solid #bfbfbf;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}
@media (max-width: 750px) {
	#com-page-model-detail .profile-area .profile{
		margin:10px 0 0 0;
	}
}

/*item-area*/
#com-page-model-detail .item-area{
	margin:10px 0 0 0;
}
#com-page-model-detail .item-area p{
	border-bottom:1px solid #fc98d7;
	padding:0 0 5px 0;
}


/**********************
com-page-model-item
**********************/
#com-page-model-item .com-page-navi p{
	padding:0 0 5px 0;
}

/*viewer-area*/
#com-page-model-item .viewer-area{
	text-align:center;
}

/*thumbnail-area*/
#com-page-model-item .thumbnail-area ul li{
	float:left;
	padding:15px;
	text-align:center;
}
#com-page-model-item .thumbnail-area ul li div{
	width:100px;
	height:100px;
}
#com-page-model-item .thumbnail-area ul li img{
	padding:5px;
	background:#fff;
	border:1px solid #d3d3d3;
}

#com-page-model-item .zip-area{
	text-align:center;
}



/**********************
com-page-entry
**********************/
#com-page-entry .warning-mail-area{
	margin:20px 0 0 0;
}

#com-page-entry .input-group{
	margin:10px 0 10px 0;
}
#com-page-entry .input-group .key{
	font-weight:bold;
}
#com-page-entry .send-area{
	margin:20px 0 0 0;
}
#com-page-entry .send-area form{
	display:inline;
}

/**********************
com-page-login
**********************/
#com-page-login .rakuten-area{
	margin:20px 0 0 0;
}
#com-page-login .rakuten-area p{
}

/**********************
com-page-sample
**********************/
#com-page-sample .main-image{
	border:5px solid #fff;
}

/*contents-photo-area*/
#com-page-sample .contents-photo-area .box{
	padding:3px;
}


#com-page-sample .back{
	padding:0 0 10px 0;
	text-align:center;
}



/**********************
com-page-first
**********************/
#com-page-first h3{
	font-weight:bold;
	margin:0 0 5px 0;
}
#com-page-first .h3-margin{
	font-weight:bold;
	margin:28px 0 5px 0;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
}

/*q-list*/
#com-page-first ul.q-list{
	padding:20px 0 0 0;
}
#com-page-first ul.q-list li{
	padding:0 0 3px 0;
}

/*a-area*/
#com-page-first .a-area{
	margin:20px 0 0 0;
}
#com-page-first .a-area .title{
	font-weight:bold;
	padding:0 0 3px 0;
}


/**********************
com-page-legal
**********************/
#com-page-legal .box{
	margin:5px 0 15px 0;
}
#com-page-legal .box .title{
	font-weight:bold;
}

/**********************
com-page-kiyaku
**********************/
#com-page-kiyaku table{
	width:90%;
	margin: 0 auto;
}
#com-page-kiyaku table td{
	padding:10px 0 20px 0;
}
#com-page-kiyaku table span{
	display: block;
    border-bottom: 1px solid #999;
    padding-bottom: 5px;
    margin-bottom: 7px;
	font-weight: bold;
}



#com-page-kiyaku .policy-text{
	width:90%;
	margin: 0 auto;
	padding:10px 0 10px 0;
}



/**********************
com-page-mypage
**********************/
#com-page-mypage .profile-box .title{
	background:#d2edfc;
	padding:5px;
	font-size:82%;
	margin-bottom:5px;
}
#com-page-mypage .profile-box p{
	margin-bottom:5px;
}


/*monthly*/
#com-page-mypage .monthly-area .img-title{
	padding:0 0 5px 0;
	margin:10px 0 10px 0;
	border-bottom:1px dotted #313131;
}
#com-page-mypage .monthly-area .text-title{
	margin:10px 0 5px 0;
	font-weight:bold;
}
#com-page-mypage .monthly-area .margin30{
	margin:30px 0 10px 0;
}

#com-page-mypage .monthly-area table.monthly-table{
	width:100%;
	margin:10px 0 0 0;
}
#com-page-mypage .monthly-area table.monthly-table td{
	padding:10px;
	background-color:#fff;
	border:1px solid #ededed;
}
#com-page-mypage .monthly-area table.monthly-table td.left{
	background-color:#ededed;
	border:1px solid #fff;
	width:30%;
}
#com-page-mypage .monthly-area table.monthly-table th{
	background-color:#ededed;
	border-right:1px solid #fff;
	text-align:center;
	padding:15px 0 15px 0;
}
#com-page-mypage .monthly-area table.monthly-table .center{
	text-align:center;
}
#com-page-mypage .monthly-area table.monthly-table .submit{
	padding:10px 20px 10px 20px;
}


@media (min-width: 980px){
	#com-page-mypage .content{
		padding:0 0 0 10px;
	}
}