@charset "UTF-8";


/* reset
----------------------------------- */

* {
	margin:0px;
	padding:0px;
}

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul, li,img,
form, input, select, textarea, fieldset, legend { 
	margin: 0; 
	padding: 0; 
}

h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul,
th { 
	font-weight: normal;
	font-style: normal; 
}

strong { 
	font-weight:normal; 
	font-style: normal; 
}

img {
	border: none;
}

ul {
list-style: none;
}


/* headline
----------------------------------- */
h1 {
	font-size:19px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:50px;
	color:#212121;
}

h2 {
	font-size:19px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:22px;
	color:#212121;
	margin-bottom:20px
}

h3 {
	width:100%;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	line-height:30px;
}

p.tit_h3 {
	color:#80c26b;
	font-size:7px;
}

h4 {
	font-size:10px;
	font-weight:bold;
	line-height:15px;
	margin-bottom:5px;
	
}

blockquote {
}
	
blockquote span {

}


/* body
----------------------------------- */

body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	background:#fff;
	color:#212121;
	margin:0;
	padding:0;
	line-height:21px;
	-webkit-text-size-adjust : none;
}

a {	 color:#212121; text-decoration:none; }
a:link {  color:#212121; text-decoration:none; }
a:visited {  color:#212121; text-decoration:none; }
a:hover {	color:#212121; text-decoration:underline; }


input, select, textarea { 
	font-family: Verdana, Arial, sans-serif;
	color: #958c94;
	
border:none;
background:none;
	
}

.searcharea {
	-webkit-box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset;
   -moz-box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset;
        box-shadow:0 0 2px 2px rgba(200,200,200,0.2) inset;
		border:1px solid #a5a4a4;
		text-indent:20px;
		}



/* class
----------------------------------- */

.clear {
	font-size: 0;
	line-height: 0;
	clear: both;
	height: 0px;
	visibility: hidden;
}

.ud {
text-decoration:underline;

}

.r {
	float:right;
}

.l {
	float:left;
}


.center {
text-align:center;

}

.left {
	text-align:left;
}

a span {
}
 

.mt10 {
margin-top:10px;
}
.mt15 {
margin-top:15px;
}
.mt20 {
margin-top:20px;
}

.mb5 {
margin-bottom:5px;
}
.mb10 {
margin-bottom:10px;
}
.mb15 {
margin-bottom:15px;
}
.mb20 {
margin-bottom:20px;
}
.mb25 {
margin-bottom:25px;
}

.mr10 {
margin-right:10px;
}
.mr15 {
margin-right:15px;
}
.mr20 {
margin-right:20px;
}
.mr30 {
margin-right:30px;
}
.pl10 {
padding-left:10px;
}

.ml5 {
margin-left:5px;
}
.ml10 {
margin-left:10px;
}
.ml15 {
margin-left:15px;
}
.ml20 {
margin-left:20px;
}

.fc_red {
    color: #F00;
}

/* oowaku
----------------------------------- */

#all {
	width:100%;
	text-align:center;
	overflow: hidden;
	background:url(../img/bg_all.jpg) top repeat-x;
}

#container {
	text-align:center;
	margin:0 auto;
	overflow: hidden;
}





/* head
----------------------------------- */
#header {
	width: 100%;
	z-index: 20;
	bottom: 0px;
	background-color: #FFF;	
}

#header p {
	text-align:center;
	margin:20px auto; !important;
}



/* main 
----------------------------------- */

#main {
width:100%;
margin:0 auto;
}

/* contents
----------------------------------- */

.contents {
	padding-bottom:40px;
	min-height:300px;
}


/* footer
----------------------------------- */
#page-top {
position: fixed;
bottom: 15px;
right: 30px;
}
 
#page-top div a #img{
display:block;
width:46px;
height:0;
padding-top:60px;
overflow:hidden;
background:url(../img/page_top.png) no-repeat;
}
 
#page-top div a p:hover{
-moz-opacity:0.6;
opacity:0.6;
filter: alpha(opacity=60);
text-decoration:none;
}


/*.html
--------------------------------*/

#copy01 {
	background:#f6f6f6;
	padding:25px 0;
	color:#212121;
}

#copy01 ul {
	text-align:left;
	width:90%;
	margin:0 auto;
}

#copy01 ul li {
	line-height:60px;
}


#copy01 h2 {
	width:94%;
	margin:0 auto;
	text-align:left;
}
#copy01 p {	
	font-size:16px;
	margin:0 auto;
	text-align:center;
}
#copy01 p.logo {
	text-align:center;
	margin-bottom:10px;
}

#copy02 {
	padding:50px 0;
}

#copy02 p {
	font-size:30px;
	font-weight:bold;
	color:#ce5050;
	width:94%;
	margin:0 auto;
	text-align:center;
}


#copy03 {
	display:block;
	width:94%;
	margin:0 auto;
background:#fcd200;
	padding:30px 0;
}


#copy03 p {	
	font-size:16px;
	font-weight:bold;
	width:94%;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
}


#copy04 {
	width:94%;
	margin:0 auto;
	padding:15px 0 30px;
}

#copy04 p {	
	width:94%;
	margin:0 auto;
	text-align:center;
}

a.link_btn {
	color:#fff;
	font-size:14px;
	padding:12px 15px;
	background:#3a3a3a;
	line-height:43px;
	letter-spacing:0.1em;
	font-weight:bold;  
	 border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome */  
    -moz-border-radius: 5px;   /* Firefox */ 
}

p.hissu {
	font-size:11px;
	text-align:center;
	margin-top:10px;
}

#copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px
}


/*2.html
--------------------------------*/
#copy05 {
	font-weight:bold;
background:#ed4a58;
	padding:25px 0;
	margin:0 auto;
	text-align:center;
	font-size:16px;
}

#copy05 p {
	font-weight:bold;
	color:#fff;
background:#ed4a58;
	width:94%;
	margin:0 auto;
	}
#copy06 {
	background:#f6f6f6;
}



#copy06 p {
	width:94%;
	margin:0 auto;
	padding:25px 0;
}

p.link {
	text-align:center;
	width:90%;
	margin:30px auto 0;
}

p.link a {
	color:#1abc9c;
}



/*5.html
--------------------------------*/
#kiyaku {
	width:94%;
	margin:0 auto;
	padding:25px 0;
	text-align:left;
	}

#kiyaku p {
	font-size:13px;
	margin-top:10px;
}
#kiyaku ul {
	font-size:12px;
	margin:0 0 0 10px;
}
#kiyaku ul.l_style li {
	text-indent:-15px;
	padding-left:15px;
}
#kiyaku dl {
	font-size:12px;
	margin:10px 0 0 10px;
}
#kiyaku dl dd {
	margin:0 0 0 10px;
}

#kiyaku  p.seitei {
	margin-top:30px;
	font-size:12px;
}

#kiyaku  p.comp {
	margin-top:30px;
	font-size:12px;
	text-align:right;
}


/*20150807*/
div.login_out {
	width:94%;
	margin:30px auto 0;
	color:#212121;
}
div.tab {
	width:90px;
	height:24px;
	display:table-cell;
	vertical-align:middle;
	padding:6px 20px;
	white-space:nowrap;
	font-size:13px;
	font-weight:bold;
	background:#e8e8e8;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;  
}

div.login {
	width:86%;
	background:#f5f5f5;
	border:7px solid #e8e8e8;
	padding:30px 5% 15px;
}

div.login  table {
	text-align:left;
	width:100%;
	margin-bottom:10px;
}

div.login  table td {
	padding-bottom:15px;
}

div.login  table td p {
	display:table-cell;
	white-space:nowrap;
}

div.login  table td p input {
	vertical-align:middle;
}
div.login  table td p span {
	vertical-align:middle;
}

div.login input {
	background:#fff;
	width:100%;
	border:1px solid #d7d7d7;
	height:24px;
	text-indent:10px;
}
div.login select {
	background:#fff;
	border:1px solid #d7d7d7;
	height:24px;
}

div.login input.check {
	display:inline;
	background:#fff;
	width:10%;
	border:1px solid #d7d7d7;
}


a.submit_btn {
	color:#fff;
	font-size:14px;
	padding:12px 40px;
	background:#fdd001;
	line-height:43px;
	letter-spacing:0.1em;
	font-weight:bold;  
	 border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome */  
    -moz-border-radius: 5px;   /* Firefox */ 
}


div.keikoku {
	width:86%;
	background:#f5f5f5;
	border:7px solid #e8e8e8;
	padding:15px 5% 15px;
	margin-bottom:20px;
	color:#ce5050;
	text-align:left;
}
div.keikoku p {
	background:url(../img/bg_keikoku.png) no-repeat left center;
	background-size:auto 30px;
	padding-left:40px;
}

#copy07 {
	background:#fff;
	padding:0;
}


#copy07 p.campain {
	font-size:30px;
	font-weight:bold;
	color:#ce5050;
	margin:0 auto;
	text-align:center;
	line-height:36px;
	white-space:nowrap;
	margin:25px 0 0;
}
#copy07 p.campain span {
	display:inline-block;
	font-size:16px;
	font-weight:normal;
	color:#212121;
	text-align:center;
	line-height:21px;
	padding:0 0 5px;
}
#copy07 p.price {
	font-size:30px;
	font-weight:bold;
	color:#ce5050;
	margin:0 auto;
	text-align:center;
	line-height:36px;
	white-space:nowrap;
	margin:10px 0 25px;
}
#copy07 p.price span {
	display:inline-block;
	font-size:16px;
	text-align:center;
	line-height:21px;
}

p.btn {
	text-align:center;
	margin:0 auto;
	width:280px;

}

p.btn a.new_btn {
	color:#fff;
	font-size:14px;
	width:280px;
	background:#ed4a58;
	color:#000;
	line-height:43px;
	letter-spacing:0.1em;
	font-weight:bold;  
	 border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome */  
    -moz-border-radius: 5px;   /* Firefox */ 
	display:block;
}

p.btn a.new_btn:visited {
	color:#fff;
}
p.btn a.new_btn:link {
	color:#fff;
}
p.btn a.new_btn:hover {
-moz-opacity:0.7;
opacity:0.7;
filter: alpha(opacity=70);
text-decoration:none;
}

#copy04 p.t_l {
	text-align:left;
}


#copy04 p.ryosyo {
	color:#ce5050;
	font-size:11px;
	text-align:left;
	padding-top:10px;
	margin-bottom:20px;
}
#copy04 p.ryosyo02 {
	color:#ce5050;
	font-size:11px;
	text-align:left;
	padding-top:10px;
}

p.gazo img {
	margin:0 auto 30px;
	width:100%;
	max-width:423px;
}

p.t_l {
	text-align:left;
	width:423px;
	margin:0 auto;
}

p.link b {
	color:#ce5050;
}

a.campain2 {
	display:inline-block;
	color:#ce5050;
	font-size:14px;
	white-space:nowrap;
	padding:12px 10px;
	background:#fcd200;
	line-height:18px;
	font-weight:bold;  
	 border-radius: 5px;        /* CSS3 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome */  
    -moz-border-radius: 5px;   /* Firefox */ 
	margin:30px auto 0;
}


#goods {
	padding:0 5%;
}


table.goods {
	width:100%;
	margin:30px auto 0;
}
table.goods th  {
	text-align:left;
	width:3%;
}
table.goods td {
	text-align:left;
	padding:5px 10px;
	vertical-align:top;
}
table.goods td.price {
	text-align:right;
	white-space:nowrap;
}
table.goods th.kei,table.goods td.kei {
	border-top:1px solid #000;
	padding:15px 10px;
}

ul.jyuyo  {
	width:600px;
	padding:20px 10%;
	margin:0 auto;
}
ul.jyuyo li {
	text-align:left;
	line-height:30px;
}
ul.jyuyo li a {
	text-decoration:underline;
}

/* ---------------------------------------------------
	oda create css
--------------------------------------------------- */
input, select, textarea { 
	color:#212121 !important;
}
input[type=checkbox] {
	cursor:pointer;/* checkbox size change
	width:30px;
	height:30px;
	-moz-transform-origin: right bottom;
	-moz-transform: scale( 2 , 2 );
	-webkit-transform-origin: right bottom;
	-webkit-transform: scale( 2 , 2 );*/
}

label {
	display:block;
	cursor:pointer;
	line-height:2em;
	height:60px;
	overflow-y:hidden;
}

div.goods1b,div.goods2b {
	display:block;
	line-height:2em;
	height:60px;
	overflow-y:hidden;
}

tr.frameline {
}

tr.frameline td {
	border-bottom:2px solid #d8d8d8;
	text-align:left;
	vertical-align:top;
	padding:5px 0;
}

tr.frameline td span {
	font-weight:bold;
	font-size:20px;
}
tr.frameline td div.img_td {
	float:left;
	vertical-align:top;
	width:60px;
	padding-right:15px;
}

tr.frameline td div.img_td img {
	width:60px;
}

tr.bkcolor {
	background:#FFBEC3;
}

.disblock {
	display:block;
}

@media screen and (max-width: 480px) {
	label {
	display:block;
	cursor:pointer;
	line-height:2em;
	height:auto;
	}
	div.goods1b,div.goods2b {
	display:block;
	cursor:pointer;
	line-height:2em;
	height:auto;
}

	.price label {
		display:block;
		height:120px;
	}
	.price div.goods1b,.price div.goods2b {
		display:block;
		height:120px;
	}
	tr.frameline td span {
		font-weight:bold;
		font-size:17px;
	}
	tr.frameline td div.img_td {
		clear:left;
		width:50px;
		height:auto;
		padding-right:10px;
		text-align: center;
	}
	tr.frameline td div.img_td img {
		max-width:50px;
	}
}

.select_mail {
	width:19.8%;
	float:left;
	text-align:center;
	line-height: 1.5em;
}

.select_mail select {
	padding:2px;
	float:right;
	width:88%;
	height:auto !important;
}

p.other {
	margin-right:10px;
	float:left;
}

.margin_top10 {
	margin-top:10px;
}
.margin_top5 {
	margin-top:5px;
}

.left {
	float:left;
}
.right {
	float:right;
}

.width100 {
	width:100px !important;
}

.width200 {
	width:200px !important;
}

.width300 {
	width:300px !important;
}

.width20per {
	width:20% !important;
}

.width80per {
	width:80% !important;
}
span.size13 {
	font-size:13px;
}
@media screen and (max-width: 480px) {
	.select_mail {
		width:130px;
		float:left;
		text-align:center;
		line-height: 1.5em;
	}
	.select_mail select {
		padding:2px;
		float:right;
		width:80%;
		height:auto !important;
	}
	p.other {
		margin-left:0;
		margin-right:10px;
		float:left;
	}
	.width100 {
		width:50px !important;
	}
	.width200 {
		width:100px !important;
	}
	.width300 {
		width:150px !important;
	}
}
@media only screen
 and (min-device-width: 768px)
 and (max-device-width: 1024px) {
	.select_mail {
		width:28%;
		float:left;
		text-align:center;
		line-height: 1.5em;
	}
	.select_mail select {
		padding:2px;
		float:right;
		width:80%;
		height:auto !important;
	}
}
.desc_position {
	position:relative !important;
	width:90%;
	margin:0 auto;
}
.kiyaku {
	text-align:left;
	margin: 10px !important;
	line-height: 1.5em;
}

.left_margin10 {
	margin-left:10px;
}

/*20160209追記*/
input, select, textarea { 
	color:#212121 !important;
}
input[type=checkbox] {
	cursor:pointer;/* checkbox size change
	width:30px;
	height:30px;
	-moz-transform-origin: right bottom;
	-moz-transform: scale( 2 , 2 );
	-webkit-transform-origin: right bottom;
	-webkit-transform: scale( 2 , 2 );*/
}

label.list {
	display:block;
	cursor:pointer;
	line-height:2em;
	height:auto;
	padding:0px;
	padding:0px 0 10px;
	overflow-y:hidden;
}

div.item_check {
	float:left;
	width:3%;
	text-align:left;
}
div.item_check  input.goods_check {
     line-height: 75px;
	box-sizing: border-box;
     height: 75px;

}

div.frameline {
	border-bottom:2px solid #d8d8d8;
	text-align:left;
	vertical-align:middle;
	height:auto;
	box-sizing: border-box;
	float:left;
	width:97%;
	position:relative;
	}

div.frameline span {
	font-weight:bold;
	font-size:20px;
}
div.frameline div.img_td {
	position:absolute;
	top:13px;
	left:13px;
}

div.frameline div.img_td img {
	width:60px;
}

div.item_tit {
	float:left;
	box-sizing: border-box;
	padding-left:80px;
	width:70%;
	padding-top:10px;
}

div.item_value {
	float:right;
	box-sizing: border-box;
	padding-right:10px;
	padding-top:10px;
}

div.item_cont {
	float:left;
	box-sizing: border-box;
	padding-left:80px;
	width:70%;
}
div.bkcolor {
	background:#FFBEC3;
}

.disblock {
	display:block;
}
@media screen and (max-width: 640px) {
	label.list {
	display:block;
	cursor:pointer;
	line-height:2em;
	min-height:80px;
	padding:0px;
	padding:0px 0 0px;
}

div.item_check {
	float:left;
	width:5%;
	text-align:left;
}
div.item_check  input.goods_check {
     line-height: 80px;
	box-sizing: border-box;
     min-height: 80px;

}

div.frameline {
	border-bottom:2px solid #d8d8d8;
	text-align:left;
	vertical-align:middle;
	min-height:80px;
	box-sizing: border-box;
	float:left;
	width:95%;
	position:relative;
	}

div.frameline span {
	font-weight:bold;
	font-size:16px;
}
div.frameline div.img_td {
	position:absolute;
	top:10px;
	left:3%;
}

div.frameline div.img_td img {
	width:50px;
}

div.item_tit {
	float:left;
	box-sizing: border-box;
	padding-top:5px;
	padding-left:25%;
	width:100%;
}

div.item_value {
	float:left;
	box-sizing: border-box;
	padding-top:15px;
	
	padding-left:3%;
	width:100%;
}

div.item_cont {
	float:left;
	box-sizing: border-box;
	
	padding-left:3%;
	width:100%;
	line-height:1.5em;
	padding-top:0px;
	padding-right:3%;
}
div.bkcolor {
	background:#FFBEC3;
}

.disblock {
	display:block;
}
    .br-sp { display:none; }
	div.login select.box {
	background:#fff;
	border:1px solid #d7d7d7;
	height:24px;
	width:90px;
}
	
}