@charset "utf-8";

/*
	File Name   : module.css
	Description : パーツ用のスタイル
*/


/* Base style
----------------------------------------------------------- */

/* H 
--------------------*/
.detail_ttl {
	font-size:30px;
	border-bottom:1px dotted #ccc;
	padding:15px 0px;
	margin-bottom:20px;
	line-height:1.2;
	font-weight:normal;
	
	background:#fff;
	
	border-top:5px solid #079CFF;
	color:#333;
}
.category_ttl{
	font-size:30px;
	border-bottom:1px dotted #ccc;
	padding:15px 0px;
	margin-bottom:20px;
	line-height:1.2;
	font-weight:normal;
	
	background:#fff;
	
	border-top:5px solid #079CFF;
	/*color:#333;*/
	color:#079CFF;
}


.style_ttl1{
	font-size:22px;
	margin-bottom:20px;
}


body.style_red .detail_ttl {
	border-top:5px solid #FF5851;
	color:#FF5851;
}

body.style_green .detail_ttl {
}


body.style_pink .detail_ttl {
	
}



.main_ttl1 {
  font-size: 14px;
  color: #333;
  background: #F5F5F5;
  border-bottom: 1px solid #EEEEEE;
  border-top: 3px solid #FF7475;
  padding: 9px 5px 9px 10px;
  margin-bottom:30px;
}


.main_ttl2 {
  font-size: 14px;
  color: #333;
  background: #F5F5F5;
  border-bottom: 1px solid #EEEEEE;
  border-top: 3px solid #009AFF;
  padding: 9px 5px 9px 10px;
  margin-bottom:30px;
}

.main_ttl3{
	background:#F97330;
	padding:10px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
}


.main_ttl4 {
  font-size: 14px;
  color: #333;
  background: #F5F5F5;
  border-bottom: 1px solid #EEEEEE;
  border-top: 3px solid #009AFF;
  padding: 9px 5px 9px 10px;
  margin-bottom:15px;
}


.main_ttl5 {
  font-size: 14px;
  color: #333;
  background: #F5F5F5;
  border-bottom: 1px solid #EEEEEE;
  border-top:3px solid #A3D900 !important;
  padding: 9px 5px 9px 10px;
  margin-bottom:15px;
}

.main_ttl6 {
  font-size: 14px;
  color: #333;
  background: #F5F5F5;
  border-bottom: 1px solid #EEEEEE;
  border-top:3px solid #FFBFFF !important;
  padding: 9px 5px 9px 10px;
  margin-bottom:15px;
}


.ranking_ttl{
	margin-bottom:20px;
}

.ranking_ttl1 {
  font-size: 14px;
  color: #333;
  background: #F5F5F5;
  border-bottom: 1px solid #EEEEEE;
  border-top: 3px solid #FF7475;
  padding: 9px 5px 9px 10px;
  margin-bottom:0px;
}

.ranking_ttl1 a{
  background:url(../../img/common/arrow_pink1.png) 0 50% no-repeat;
  color:#FF7475;
  padding: 0px 0px 0px 20px;
  margin-bottom:0px;
  text-decoration:underline;
}
.ranking_ttl1 a:hover{
	text-decoration:none !important;
}


.ranking_ttl2 {
  font-size: 14px;
  color: #333;
  background: #F5F5F5;
  border-bottom: 1px solid #EEEEEE;
  border-top: 3px solid #009AFF;
  padding: 9px 5px 9px 10px;
  margin-bottom:0px;
}

.ranking_ttl3,
.ranking_ttl4,
.ranking_ttl5{
	padding:10px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin-bottom:0px;
}

.ranking_ttl3{
	background:#F97330;
}
.ranking_ttl4{
	background:#FF9900;
}
.ranking_ttl5{
	background:#D90000;
}


/* link
--------------------*/
.under_line,
a.under_line{
	text-decoration:underline;
}

.btn_wrap{
	text-align:center;
	margin-bottom:30px;
}
.btn_wrap2{
	text-align:left;
	margin-bottom:30px;
}
a.entry_btn{
	display:inline-block;
	background:#009AFF;
	padding:10px;
	min-width:210px;
	text-align:center;
	
	font-size:14px;
	
	margin:0px 5px;
	
	color:#fff !important;
}

a.taikai_btn{
	display:inline-block;
	background:#999999;
	padding:10px;
	min-width:210px;
	text-align:center;
	
	font-size:14px;
	
	color:#fff !important;
}

a.taikai_btn span,
a.entry_btn span{
	background:url(../../img/common/arrow_white.png) 0 50% no-repeat;
	padding-left:9px;
}


.arrow_link li a {
	display:inline-block;
	padding: 0 0 0 20px;
	background: url(/img/common/arrow_blue.png) no-repeat 0px 4px;
}


a.arrow_link,
.arrow_link a{
	background:url(../../img/common/arrow_blue.png) 0 50% no-repeat;
	padding-left:20px;
	display:inline-block;
}




/* List 
--------------------*/
/* basic_list */
ul.basic_list{
	margin-bottom:25px;
}
ul.basic_list li{
	list-style:decimal;
	margin-left:20px;
	margin-bottom:5px;
}
ol.basic_list{
	margin-bottom:25px;
}
ol.basic_list li{
	list-style:disc;
	margin-left:20px;
	margin-bottom:5px;
}


/* item_list */
.item_list {
	overflow: hidden;
}

.item_list li {
	float: left;
	width: 170px;
	margin: 0 38px 10px 0;
	/*text-align: center;*/
}

.item_list li:nth-child(3n) {
	margin: 0 0 10px;
}

.item_list li a {
	display: block;
	color: #ff3f00;
}

.item_list li a:hover {
	text-decoration:underline;
}

.item_list .item_list_name {
	margin: 10px 0;
}

.item_list .item_list_price {
	font-size: 16px;
	font-weight: bold;
}

.item_list .item_list_price span {
	font-size: 12px;
	font-weight: normal;
}


/* ranking_type1 */
.ranking_type1 {
	padding-top:20px;
	overflow: hidden;
	margin-bottom:30px;
}

.ranking_type1 li {
	float: left;
	width: 107px;
	margin: 0 13px 10px 0;
	text-align:left;
	font-size:12px;
}

.ranking_type1 li:nth-child(5n) {
	margin: 0 0 10px;
}

.ranking_type1 li img{
	margin-bottom:5px;
}

.ranking_type1 li a {
	display: block;
	color: #ff3f00;
}

.ranking_type1 li a:hover {
	text-decoration:underline;
}



/* ranking_type2 */
.ranking_type2{
	overflow:hidden;
	padding-top:20px;
	margin-bottom:30px;
}
.ranking_type2 li{
	position:relative;
	width:107px;	
	
	float:left;
	margin-right:13px;
	margin-bottom:10px;
	text-align:left;
}

.ranking_type2 li:nth-child(5n){
	margin-right:0px;
}

.ranking_type2 li a{
	display:block;
	color:#FF3F00;
}

.ranking_type2 li figure{
	display:block;
	padding-left:32px;
	margin-bottom:10px;
}
.ranking_type2 li span{
	position:absolute;
	top:-1px;
	left:0px;
	z-index:100;
	width:27px;
	height:65px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#fff;
	font-size:12px;
	padding-top:15px;
	line-height:1;
}
.ranking_type2 li span strong{
	display:block;
	text-align:center;
	font-size:19px;
	padding-top:5px;
}

.ranking_type2 li p{
	margin:0;
	font-size:11px;
	color:#FF3F00;
}


.flag_type1 li span{
	background:url(../../img/ranking/rank_flag_bg3.png) 0 0 no-repeat;
}
.flag_type2 li span{
	background:url(../../img/ranking/rank_flag_bg4.png) 0 0 no-repeat;
}
.flag_type3 li span{
	background:url(../../img/ranking/rank_flag_bg5.png) 0 0 no-repeat;
}






/* dl 
--------------------*/


/* Table 
--------------------*/

/* table_type1 */
.table_type1{
	width:100%;
	border:1px solid #CECEBF;
	border-collapse:collapse;
	margin-bottom:40px;
}
.table_type1 th,
.table_type1 td{
	border:1px solid #CECEBF;
	font-weight:normal;
	padding:10px;
	text-align:left;
	background:#fff;
	
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.table_type1 th{
	background:#FCFDF8;
	width:180px;
	vertical-align:top;
	overflow:hidden;
}


/* form_table2 */

.form_table2{
	width:100%;
	border:1px solid #CECEBF;
	border-collapse:collapse;
	margin-bottom:40px;
}
.form_table2 th,
.form_table2 td{
	border:1px solid #CECEBF;
	font-weight:normal;
	padding:10px;
	text-align:left;
	background:#fff;
	
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.form_table2 th{
	background:#FCFDF8;
	width:250px;
	vertical-align:top;
	overflow:hidden;
}

.form_table2 td{
	text-align:left;
}

.form_table2 td label{
	display:inline-block;
	margin-right:30px;
}


.form_table2 .item{
	display:block;
	padding:10px;
	border-bottom:1px dotted #ccc;	
}
.form_table2 .item:last-child{
	border-bottom:none;	
}



/* form_table2 */

.form_table3{
	width:100%;
	border:1px solid #CECEBF;
	border-collapse:collapse;
	margin-bottom:40px;
}
.form_table3 th,
.form_table3 td{
	border:1px solid #CECEBF;
	font-weight:normal;
	padding:10px;
	text-align:left;
	background:#fff;
	
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.form_table3 th{
	background:#FCFDF8;
	vertical-align:top;
	overflow:hidden;
}

.form_table3 td{
	text-align:left;
}

.form_table3 td label{
	display:inline-block;
	margin-right:30px;
}


/* ==== */

th .required{
	float:right;
	margin-left:10px;
}

td .ex_txt{
	padding-top:5px;
	display:block;
	font-size:12px;
	color:#666666;
}





/* float 
--------------------*/




/* pattern 
--------------------*/
.pos_rela{
	position:relative;
}
#pop_wrap{
	padding:20px;
}




/* P
--------------------*/
/* btn */
#main .back_txt_link{
	text-align:left;
}

#main .pos_rela .back_txt_link{
	position:absolute;
	top:5px;
	left:0;
}

#main .back_txt_link a{
	background:url(../../img/common/cart_back_arrow.png) 0 50% no-repeat;
	padding:5px 0px 5px 25px;
	font-size:14px;
	color:#333;
}




/* input
--------------------*/
input[type="text"]{
	border:1px solid #DDDDDD;
	padding:8px;
	border-radius: 0;
	-webkit-appearance: none;
}
select{
	border-radius: 0;
	-webkit-border-radius: 0;
}



.form_table2 input[type="radio"]{
	vertical-align:middle;
	margin-right:3px;
}

.form_table2 input[type="text"],
.form_table2 input[type="password"],
.form_table2 select{
	vertical-align:middle;
	border:1px solid #DDDDDD;
	padding:8px;
	
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.form_table2 textarea{
	vertical-align:middle;
	border:1px solid #DDDDDD;
	padding:8px;
	
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.select_address_list select{
	margin:10px 5px 0px 0px;
	
	font-weight:normal;
	
	vertical-align:middle;
	border:1px solid #DDDDDD;
	padding:8px;
	
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.input_text_xsmall{
	width:120px;
}
.input_text_small{
	width:200px;
}
.input_text_middel{
	width:300px;
}
.input_text_middel2{
	width:450px;
}
.input_text_large{
	width:450px;
}





/* ===================== */

.required{
	font-size:12px;
	color:#333;
	display:inline-block;
	padding:3px 6px;
	background:#FFBF00;
	vertical-align:middle;
}







/* ----------------------------------------------------------- */
/* Color Red(イベント)
----------------------------------------------------------- */
body.style_red .detail_ttl,
body.style_red .category_ttl{	
	border-top:5px solid #FF5851;
	color:#FF5851;
}





/* ----------------------------------------------------------- */
/* Color Green(ノベルティ)
----------------------------------------------------------- */
body.style_green .detail_ttl,
body.style_green .category_ttl{	
	border-top:5px solid #A3D900;
	color:#A3D900;
}

body.style_green .item_list li a {
	color: #8FBF00 !important;
}


/* ----------------------------------------------------------- */
/* Color Pink(プチギフト)
----------------------------------------------------------- */
body.style_pink .detail_ttl,
body.style_pink .category_ttl{	
	border-top:5px solid #FFBFFF;
	color:#FF5851;
}

body.style_pink .item_list li a {
	color:#FF5851 !important;
}