@charset "UTF-8";

.tab{
	box-sizing: border-box;
	background-color: black;
	color: white;
	text-align: center;
	width: fit-content;
	margin: 0 0 0 2em;
	padding: 1em 1.5em 1em 1.5em;
	font-size: 12px;
	border-radius: 0 0 6px 6px;
}

hr.s1{
	margin-top: 30px;
}

.btn_box{
	position: relative;
	/* left: 50%; */
	padding: 5px;
	/* margin-left: -80px; */
	width: 160px;
	height: 23px;
	border: 1px solid black;
	text-align: center;
	color: black;
	font-size: 12px;
}
.btn_box a{
	cursor: pointer;
	display: block;
	text-decoration:none;
	color: black;
	font-size: 12px;
}



#wrapper{
	display: none;
}

/* デフォルト非表示 */
#box_add_cart,#box_set_custom,#box_tosi_alert,#box_nin_select,#box_nin_select2,#box_alert,#box_alert2,#box_alert_com,#box_alert_cart,#box_alert_setting,#HIDE_ORDER_ERROR_COM,#HIDE_ORDER_ERROR,#HIDE_MIKAKUTEI_SU,#HIDE_MIKAKUTEI_SU2,#HIDE_MIKAKUTEI_SU3,#HIDE_OTODOKE_SU,#HIDE_COMMENT_SU,#HIDE_COMMENT_SU2,#HIDE_COMMENT_SU3,#HIDE_COMMENT_TXT,#HIDE_ADMIN_MIDOKU_SU,#HIDE_ADMIN_KOK_ID,#HIDE_ADMIN_KOK_NAME,#posi_help,#box_detail,#HIDE_DSP_CART_NINYOU,#HIDE_DSP_CART_YOBI_SET,#HIDE_CART_KINGAKU,#HIDE_SOFTWARE_VER,#HIDE_SOFTWARE_VER2 {
  display: none;
}


select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
/*
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
*/
	background-color: #f3f3f3;
	width: 200px;
	height: 40px;
	border: 1px solid black;
	padding: 10px;
	font-size: 16px;
}

/* devicePixelRatio=1（iPhone3?3GS、低解像度Android端末）とdevicePixelRatio未対応ブラウザ */


.logo_okazu {
     width: 187px;
     height: 44px;
     background: url(../images/logo_okazu.gif); /* 等倍サイズの画像 */
     background-size: 187px 44px;
     text-indent: -9999px;
     display: block;
}

#box_footerbar {
	z-index:1002;
	width:100%;
	height:50px;
	/* position:fixed; */
	left:0;
	bottom:0;
	background:#0e2428;
	background: url(../images/footer_bg.gif) repeat-x; /* 等倍サイズの画像 */
	-moz-box-shadow:0 -1px 3px #000;
	-webkit-box-shadow:0 -1px 3px #000;
	box-shadow:0 -1px 3px #000;
}
#box_footerbar2 {
	z-index:1002;
	width:100%;
	height:50px;
	left:0;
	bottom:0;
	background:#FFF;
	border:0px solid #000000;
	text-align: center;
	/*
-moz-box-shadow:0 0px 5px #999;
	-webkit-box-shadow:0 0px 5px #999;
	box-shadow:0 0px 5px #999;
*/
}

#box_add_cart2 {
	z-index:20000;
	position: absolute;
	top:50px;
	right: 29px;/* left: 95px */
    width: 9px;
    height: 5px;
    background: url(../images/add_cart_yaji.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#box_add_cart2b {
	z-index:20000;
	position: absolute;
	top:50px;
	right: 29px;/* left: 125px */
    width: 9px;
    height: 5px;
    background: url(../images/add_cart_yaji.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#box_add_cart3 {
	z-index:20001;
	position: absolute;
	top:10px;
	left: 20px;
    width: 30px;
    height: 30px;
    background: url(../images/icon_check.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#box_check {
	z-index:1000;
	position: absolute;
	top:13px;
	left: 13px;
    width: 30px;
    height: 30px;
    background: url(../images/icon_check.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#box_plus {
	z-index:20001;
	position: absolute;
	top:15px;
	left: 15px;
    width: 25px;
    height: 25px;
    background: url(../images/icon_plus.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
}

#icon_okazu {
	position: absolute;
	top:16px;
	left: 25px;
    width: 40px;
    height: 37px;
    background: url(../images/icon_okazu.png); /* 等倍サイズの画像 */
    text-indent: -9999px;
}
#icon_cart {
	position: absolute;
	top:18px;
	left: 25px;
    width: 40px;
    height: 37px;
    background: url(../images/icon_cart.png); /* 等倍サイズの画像 */
    text-indent: -9999px;
}
#icon_rireki {
	position: absolute;
	top:18px;
	left: 23px;
    width: 40px;
    height: 37px;
    background: url(../images/icon_rireki.png); /* 等倍サイズの画像 */
    text-indent: -9999px;
}
#icon_otodoke {
	position: absolute;
	top:18px;
	left: 23px;
    width: 40px;
    height: 37px;
    background: url(../images/icon_otodoke.png); /* 等倍サイズの画像 */
    text-indent: -9999px;
}

#btn_user2{
	margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 25px;
	height:20px;
	background:url(../images/btn_user2.png) 0px 0px no-repeat;
	border: 0px solid #000;
	text-align: left;
	width: 75px;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
#btn_user3{
	margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 25px;
	height:20px;
	background:url(../images/btn_user2.png) 0px 0px no-repeat;
	border: 0px solid #000;
	text-align: left;
	width: 90px;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
	display: block;
}
#btn_whats{
	margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 23px;
	height:23px;
	background:url(../images/btn_guide2.png) 0px -2px no-repeat;
	border: 0px solid #000;
	text-align: left;
	width: 140px;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
#img_catalog_okazu{
	position: relative;
	left:0px;
    width: 240px;
    height: 266px;
    background: url(../images/img_catalog_olazu.png) 2px -1px no-repeat;
    text-indent: -9999px;
}
#img_setbox{
	position: relative;
	left:-10px;
    width: 240px;
    height: 207px;
    background: url(../images/img_setbox.png) 2px -1px no-repeat;
    text-indent: -9999px;
}
#btn_mail{
	margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 25px;
	height:20px;
	background:url(../images/btn_mail.png) 0px 0px no-repeat;
	border: 0px solid #000;
	text-align: left;
	width: 75px;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
#btn_pc{
	margin: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 25px;
	height:20px;
	background:url(../images/btn_pc.png) 0px 0px no-repeat;
	border: 0px solid #000;
	text-align: left;
	width: 60px;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}

#btn_okazu {
	position: absolute;
	top:16px;
	left: 10px;
    width: 68px;
    height: 18px;
    background: url(../images/btn_okazu.png); /* 等倍サイズの画像 */
    text-indent: -9999px;
}
#btn_cart {
	position: absolute;
	top:15px;
	left: 90px;
    width: 23px;
    height: 20px;
    background: url(../images/btn_cart.png); /* 等倍サイズの画像 */
    text-indent: -9999px;
}
#btn_cart2 {
	position: absolute;
	top:14px;
	right: 20px;
    width: 23px;
    height: 20px;
    background: url(../images/btn_cart.png); /* 等倍サイズの画像 */
    text-indent: -9999px;
}
#btn_contact {
	position: absolute;
	top:18px;
	left: 154px;
    width: 21px;
    height: 15px;
    background: url(../images/btn_contact.png);/* 等倍サイズの画像 */
    text-indent: -9999px;
}
#btn_rireki {
	position: absolute;
	top:15px;
	left: 164px;
    width: 19px;
    height: 22px;
    background: url(../images/btn_rireki.png); /* 等倍サイズの画像 */
    text-indent: -9999px;
}
#btn_otodoke {  
	position: absolute;
	top:17px;
	left: 217px;
    width: 27px;
    height: 18px;
    background: url(../images/btn_otodoke.png); /* 等倍サイズの画像 */
    text-indent: -9999px;
}
#btn_user {
	position: absolute;
	top:15px;
	right: 10px;
    width: 24px;
    height: 21px;
    background: url(../images/btn_user.png); /* 等倍サイズの画像 */
    text-indent: -9999px;
}
#btn_guide {
	position: absolute;
	top:15px;
	right: 10px;
    width: 24px;
    height: 23px;
    background: url(../images/btn_guide.png); /* 等倍サイズの画像 */
    text-indent: -9999px;
}

.btn_close {
	position: absolute;
	top:0px;
	right: 0px;
    width: 70px;
    height: 27px;
    background: url(../images/btn_close.png) 42px 10px no-repeat; /* 等倍サイズの画像 */
    text-indent: -9999px;
    display: block;
    cursor: pointer;
    border: 0px solid white;
}

#btn_yaji {
	z-index:20001;
	position: absolute;
	top:14px;
	right: 5px;
    width: 24px;
    height: 20px;
    background: url(../images/btn_yaji.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#btn_yaji2 {
	z-index:20001;
	position: absolute;
	top:14px;
	left: 20px;
    width: 24px;
    height: 20px;
    background: url(../images/btn_yaji2.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#btn_yaji3 {
	z-index:20001;
	position: absolute;
	top:25px;
	right: 20px;
    width: 24px;
    height: 20px;
    background: url(../images/btn_yaji3.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#btn_yaji4 {
	z-index:20001;
    width: 28px;
    height: 27px;
    background: url(../images/btn_yaji4.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
}

#help_kijyunbi {
	z-index:20001;
	position: absolute;
	top:50px;
	left: 380px;
    width: 33px;
    height: 56px;
    background: url(../images/help_y6.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
#help_category {
	z-index:20001;
	position: absolute;
	top:5px;
	right: 26%;
    width: 33px;
    height: 60px;
    background: url(../images/help_y1.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
#help_detail {
	z-index:20001;
	position: absolute;
	top:153px;
	left: 30px;
    width: 33px;
    height: 68px;
    background: url(../images/help_y2.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
#help_detail2 {
	z-index:20001;
	position: absolute;
	top:183px;
	left: 30px;
    width: 33px;
    height: 68px;
    background: url(../images/help_y2.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
#help_quick {
	z-index:20001;
	position: absolute;
	top:153px;
	left: 0%;
    width: 100%;
    height: 109px;
    background: url(../images/help_y4.png) 42% 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#help_quick2 {
	z-index:20001;
	position: absolute;
	top:205px;
	left: 0%;
    width: 100%;
    height: 109px;
    background: url(../images/help_y4.png) 43% 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#help_ninset {
	z-index:20001;
	position: absolute;
	top:139px;
	right: 27px;
    width: 75px;
    height: 44px;
    background: url(../images/help_y3.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#help_ninset2 {
	z-index:20001;
	position: absolute;
	top:230px;
	right: 100px;
    width: 122px;
    height: 109px;
    background: url(../images/help_y4.png) 42% 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#help_top {
	z-index:20001;
	position: absolute;
	top:50px;
	left: 90px;
    width: 33px;
    height: 56px;
    background: url(../images/help_y6.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
#help_addcart {
	z-index:20001;
	position: absolute;
	bottom:40px;
	left: 40%;
    width: 61px;
    height: 82px;
    background: url(../images/help_y5.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#help_cart {
	z-index:20001;
	position: absolute;
	bottom:5px;
	right: 0px;
    width: 100%;
    height: 57px;
    background: url(../images/help_y7.png) 42% 0px no-repeat; /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#btn_cancel {
	z-index:20001;
	position: absolute;
	bottom:8px;
	right: 5px;
    width: 24px;
    height: 20px;
    background: url(../images/btn_cancel.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
}
#icon_yaji1 {
	z-index:20001;
    width: 78px;
    height: 34px;
    background: url(../images/icon_yaji1.png); /* 等倍サイズの画像 */
    border:0px solid #000000;
}


/* devicePixelRatio=1.5〜2 （iPhone4〜4S、高解像度Android端末）*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

     .logo_okazu {
          background: url(../images/logo_okazu_b.gif); /* 1.5倍または2倍サイズの画像 */
          -webkit-background-size: 187px 44px; /* WebKit */
          background-size: 187px 44px; /* WebKit以外 */
          text-indent: -9999px;
          display: block;
     }
     
     #box_footerbar {
		z-index:1002;
		width:100%;
		height:50px;
		/* position:fixed; */
		left:0;
		bottom:0;
		background:#0e2428;
		background: url(../images/footer_bg_b.gif) repeat-x; /* 1.5または2倍サイズの画像 */
		-webkit-background-size: 10px 50px; /* WebKit */
		background-size: 10px 50px; /* WebKit以外 */
		-moz-box-shadow:0 -1px 3px #000;
		-webkit-box-shadow:0 -1px 3px #000;
		box-shadow:0 -1px 3px #000;
	}
	
	#box_add_cart2 {
		z-index:20000;
		position: absolute;
		top:50px;
		right: 29px;/* left: 95px */
	    width: 9px;
	    height: 5px;
	    background: url(../images/add_cart_yaji_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 9px 5px; /* WebKit */
	    background-size: 9px 5px; /* WebKit以外 */
	    border:0px solid #000000;
	}
	#box_add_cart2b {
		z-index:20000;
		position: absolute;
		top:50px;
		right: 29px;/* left: 125px */
	    width: 9px;
	    height: 5px;
	    background: url(../images/add_cart_yaji_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 9px 5px; /* WebKit */
	    background-size: 9px 5px; /* WebKit以外 */
	    border:0px solid #000000;
	}
	#box_add_cart3 {
		z-index:20001;
		position: absolute;
		top:10px;
		left: 20px;
	    width: 30px;
	    height: 30px;
	    background: url(../images/icon_check_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 30px 30px; /* WebKit */
	    background-size: 30px 30px; /* WebKit以外 */
	    border:0px solid #000000;
	}
	#box_check {
		z-index:1000;
		position: absolute;
		top:13px;
		left: 13px;
	    width: 30px;
	    height: 30px;
	    background: url(../images/icon_check_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 30px 30px; /* WebKit */
	    background-size: 30px 30px; /* WebKit以外 */
	    border:0px solid #000000;
	}
	#box_plus {
		z-index:20001;
		position: absolute;
		top:15px;
		left: 15px;
	    width: 25px;
	    height: 25px;
	    background: url(../images/icon_plus_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 25px 25px; /* WebKit */
	    background-size: 25px 25px; /* WebKit以外 */
	    border:0px solid #000000;
	}

	#icon_okazu {
		position: absolute;
		top:16px;
		left: 25px;
	    width: 40px;
	    height: 37px;
	    background: url(../images/icon_okazu_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 40px 37px; /* WebKit */
        background-size: 40px 37px; /* WebKit以外 */
	    text-indent: -9999px;
	}
	#icon_cart {
		position: absolute;
		top:18px;
		left: 25px;
	    width: 40px;
	    height: 37px;
	    background: url(../images/icon_cart_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 40px 37px; /* WebKit */
        background-size: 40px 37px; /* WebKit以外 */
	    text-indent: -9999px;
	}
	#icon_rireki {
		position: absolute;
		top:18px;
		left: 23px;
	    width: 40px;
	    height: 37px;
	    background: url(../images/icon_rireki_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 40px 37px; /* WebKit */
        background-size: 40px 37px; /* WebKit以外 */
	    text-indent: -9999px;
	}
	#icon_otodoke {
		position: absolute;
		top:18px;
		left: 23px;
	    width: 40px;
	    height: 37px;
	    background: url(../images/icon_otodoke_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 40px 37px; /* WebKit */
        background-size: 40px 37px; /* WebKit以外 */
	    text-indent: -9999px;
	}
	
	#btn_user2{
		margin: 0;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0;
		padding-left: 25px;
		height:20px;
		background:url(../images/btn_user2_b.png) 0px 0px no-repeat;/* 1.5倍または2倍サイズの画像 */
		-webkit-background-size: 24px 20px; /* WebKit */
        background-size: 24px 20px; /* WebKit以外 */
		border: 0px solid #000;
		text-align: left;
		width: 75px;
		cursor: pointer;
		float: left;
		position: relative;
		left: -50%;
	}
	#btn_user3{
		margin: 0;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0;
		padding-left: 25px;
		height:20px;
		background:url(../images/btn_user2_b.png) 0px 0px no-repeat;/* 1.5倍または2倍サイズの画像 */
		-webkit-background-size: 24px 20px; /* WebKit */
        background-size: 24px 20px; /* WebKit以外 */
		border: 0px solid #000;
		text-align: left;
		width: 90px;
		cursor: pointer;
		float: left;
		position: relative;
		left: -50%;
	}
	#btn_whats{
		margin: 0;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0;
		padding-left: 23px;
		height:23px;
		background:url(../images/btn_guide2_b.png) 0px -2px no-repeat;/* 1.5倍または2倍サイズの画像 */
		-webkit-background-size: 24px 23px; /* WebKit */
        background-size: 24px 23px; /* WebKit以外 */
		border: 0px solid #000;
		text-align: left;
		width: 140px;
		cursor: pointer;
		float: left;
		position: relative;
		left: -50%;
	}
	#img_catalog_okazu{
		position: relative;
		left:0px;
	    width: 240px;
	    height: 266px;
	    background: url(../images/img_catalog_olazu_b.png) 2px -1px no-repeat; /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 240px 266px; /* WebKit */
        background-size: 240px 266px; /* WebKit以外 */
	    text-indent: -9999px;
	}
	#img_setbox{
		position: relative;
		left:-10px;
	    width: 240px;
	    height: 207px;
	    background: url(../images/img_setbox_b.png) 2px -1px no-repeat; /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 240px 207px; /* WebKit */
        background-size: 240px 207px; /* WebKit以外 */
	    text-indent: -9999px;
	}
	#btn_mail{
		margin: 0;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0;
		padding-left: 25px;
		height:20px;
		background:url(../images/btn_mail_b.png) 0px 0px no-repeat;/* 1.5倍または2倍サイズの画像 */
		-webkit-background-size: 24px 20px; /* WebKit */
        background-size: 24px 20px; /* WebKit以外 */
		border: 0px solid #000;
		text-align: left;
		width: 75px;
		cursor: pointer;
		float: left;
		position: relative;
		left: -50%;
	}
	#btn_pc{
		margin: 0;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0;
		padding-left: 25px;
		height:20px;
		background:url(../images/btn_pc_b.png) 0px 0px no-repeat;/* 1.5倍または2倍サイズの画像 */
		-webkit-background-size: 24px 20px; /* WebKit */
        background-size: 24px 20px; /* WebKit以外 */
		border: 0px solid #000;
		text-align: left;
		width: 60px;
		cursor: pointer;
		float: left;
		position: relative;
		left: -50%;
	}

	#btn_okazu {
		position: absolute;
		top:16px;
		left: 10px;
	    width: 68px;
	    height: 18px;
	    background: url(../images/btn_okazu_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 68px 18px; /* WebKit */
        background-size: 68px 18px; /* WebKit以外 */
	    text-indent: -9999px;
	}
	#btn_cart {
		position: absolute;
		top:15px;
		left: 90px;
	    width: 23px;
	    height: 20px;
	    background: url(../images/btn_cart_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 23px 20px; /* WebKit */
        background-size: 23px 20px; /* WebKit以外 */
	    text-indent: -9999px;
	}
	#btn_cart2 {
		position: absolute;
		top:14px;
		right: 20px;
	    width: 23px;
	    height: 20px;
	    background: url(../images/btn_cart_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 23px 20px; /* WebKit */
        background-size: 23px 20px; /* WebKit以外 */
	    text-indent: -9999px;
	}
	#btn_contact {
		position: absolute;
		top:18px;
		left: 154px;
	    width: 21px;
	    height: 15px;
	    background: url(../images/btn_contact_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 21px 15px; /* WebKit */
        background-size: 21px 15px; /* WebKit以外 */
	    text-indent: -9999px;
	}
	#btn_rireki {
		position: absolute;
		top:15px;
		left: 164px;
	    width: 19px;
	    height: 22px;
	    background: url(../images/btn_rireki_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 19px 22px; /* WebKit */
        background-size: 19px 22px; /* WebKit以外 */
	    text-indent: -9999px;
	}
	#btn_otodoke {
		position: absolute;
		top:17px;
		left: 217px;
	    width: 27px;
	    height: 18px;
	    background: url(../images/btn_otodoke_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 27px 18px; /* WebKit */
        background-size: 27px 18px; /* WebKit以外 */
	    text-indent: -9999px;
	}
	#btn_user {
		position: absolute;
		top:15px;
		right: 10px;
	    width: 24px;
	    height: 21px;
	    background: url(../images/btn_user_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 24px 21px; /* WebKit */
        background-size: 24px 21px; /* WebKit以外 */
	    text-indent: -9999px;
	}
	#btn_guide {
		position: absolute;
		top:15px;
		right: 10px;
	    width: 24px;
	    height: 23px;
	    background: url(../images/btn_guide_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 24px 23px; /* WebKit */
        background-size: 24px 23px; /* WebKit以外 */
	    text-indent: -9999px;
	}
	
	.btn_close {
		position: absolute;
		top:0px;
		right: 0px;
	    width: 70px;
	    height: 27px;
	    background: url(../images/btn_close_b.png) 42px 10px no-repeat; /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 18px 18px; /* WebKit */
	    background-size: 18px 18px; /* WebKit以外 */
	    text-indent: -9999px;
	    display: block;
	    cursor: pointer;
	    border: 0px solid white;
    }
    

    #btn_yaji {
    	z-index:20001;
		position: absolute;
		top:14px;
		right: 5px;
	    width: 24px;
	    height: 20px;
	    background: url(../images/btn_yaji_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 24px 20px; /* WebKit */
        background-size: 24px 20px; /* WebKit以外 */
	}
	#btn_yaji2 {
    	z-index:20001;
		position: absolute;
		top:14px;
		left: 20px;
	    width: 24px;
	    height: 20px;
	    background: url(../images/btn_yaji2_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 24px 20px; /* WebKit */
        background-size: 24px 20px; /* WebKit以外 */
	}
	#btn_yaji3 {
    	z-index:20001;
		position: absolute;
		top:25px;
		right: 20px;
	    width: 24px;
	    height: 20px;
	    background: url(../images/btn_yaji3_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 24px 20px; /* WebKit */
        background-size: 24px 20px; /* WebKit以外 */
	}
	#btn_yaji4 {
    	z-index:20001;
	    width: 28px;
	    height: 27px;
	    background: url(../images/btn_yaji4_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 28px 27px; /* WebKit */
        background-size: 28px 27px; /* WebKit以外 */
	}
	
	#help_kijyunbi {
		z-index:20001;
		position: absolute;
		top:50px;
		left: 380px;
	    width: 33px;
	    height: 56px;
	    background: url(../images/help_y6b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 33px 56px; /* WebKit */
        background-size: 33px 56px; /* WebKit以外 */
        filter: alpha(opacity=70);
        opacity: 0.7;
	}
	#help_category {
		z-index:20001;
		position: absolute;
		top:5px;
		right: 26%;
	    width: 33px;
	    height: 60px;
	    background: url(../images/help_y1b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 33px 60px; /* WebKit */
        background-size: 33px 60px; /* WebKit以外 */
        filter: alpha(opacity=70);
        opacity: 0.7;
	}
	#help_detail {
		z-index:20001;
		position: absolute;
		top:153px;
		left: 30px;
	    width: 33px;
	    height: 68px;
	    background: url(../images/help_y2b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 33px 68px; /* WebKit */
        background-size: 33px 68px; /* WebKit以外 */
        filter: alpha(opacity=70);
        opacity: 0.7;
	}
	#help_detail2 {
		z-index:20001;
		position: absolute;
		top:183px;
		left: 30px;
	    width: 33px;
	    height: 68px;
	    background: url(../images/help_y2b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 33px 68px; /* WebKit */
        background-size: 33px 68px; /* WebKit以外 */
        filter: alpha(opacity=70);
        opacity: 0.7;
	}
	#help_quick {
		z-index:20001;
		position: absolute;
		top:153px;
		left: 0%;
	    width: 100%;
	    height: 109px;
	    background: url(../images/help_y4b.png) 42% 0px no-repeat; /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 122px 109px; /* WebKit */
        background-size: 122px 109px; /* WebKit以外 */
	}
	#help_quick2 {
		z-index:20001;
		position: absolute;
		top:205px;
		left: 0%;
	    width: 100%;
	    height: 109px;
	    background: url(../images/help_y4b.png) 43% 0px no-repeat; /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 122px 109px; /* WebKit */
        background-size: 122px 109px; /* WebKit以外 */
	}
	#help_ninset {
		z-index:20001;
		position: absolute;
		top:139px;
		right: 27px;
	    width: 75px;
	    height: 44px;
	    background: url(../images/help_y3b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 75px 44px; /* WebKit */
        background-size: 75px 44px; /* WebKit以外 */
	}
	#help_ninset2 {
		z-index:20001;
		position: absolute;
		top:230px;
		right: 100px;
	    width: 122px;
	    height: 109px;
	    background: url(../images/help_y4b.png) 42% 0px no-repeat; /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 122px 109px; /* WebKit */
        background-size: 122px 109px; /* WebKit以外 */
	}
	#help_top {
		z-index:20001;
		position: absolute;
		top:50px;
		left: 90px;
	    width: 33px;
	    height: 56px;
	    background: url(../images/help_y6b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 33px 56px; /* WebKit */
        background-size: 33px 56px; /* WebKit以外 */
        filter: alpha(opacity=70);
        opacity: 0.7;
	}
	#help_addcart {
		z-index:20001;
		position: absolute;
		bottom:40px;
		left: 40%;
	    width: 61px;
	    height: 82px;
	    background: url(../images/help_y5b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 61px 82px; /* WebKit */
        background-size: 61px 82px; /* WebKit以外 */
	}
	#help_cart {
		z-index:20001;
		position: absolute;
		bottom:5px;
		right: 0px;
	    width: 100%;
	    height: 57px;
	    background: url(../images/help_y7b.png) 42% 0px no-repeat; /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 34px 57px; /* WebKit */
        background-size: 34px 57px; /* WebKit以外 */
	}
	#btn_cancel {
    	z-index:20001;
		position: absolute;
		bottom:8px;
		right: 5px;
	    width: 24px;
	    height: 20px;
	    background: url(../images/btn_cancel_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 24px 20px; /* WebKit */
        background-size: 24px 20px; /* WebKit以外 */
	}
    #icon_yaji1 {
    	z-index:20001;
	    width: 78px;
	    height: 34px;
	    background: url(../images/icon_yaji1_b.png); /* 1.5倍または2倍サイズの画像 */
	    -webkit-background-size: 78px 34px; /* WebKit */
        background-size: 78px 34px; /* WebKit以外 */
	}
}


/* ----------------------------------------------------
　　　　　　　　　　　　　　全体構造
---------------------------------------------------- */
html, body {
 height: 100%;
}
body {
  position: relative;
  margin: 0;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  padding: 0;
  color: #000;
  text-align:center;
  background: #ffffff;
  border:0px solid #000000;
}
body img{
  border:0px solid #000000;
}
#wrapper {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  width: 100%;
  text-align:left
}

br{
letter-spacing:0;/* IE6、IE7改行対策 */
}

hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid;
   border-color: #afafaf;
   height: 1px;
   width: 100%;
}

h1 {
margin: 0;
padding: 0;
}

.POSI_DEF {
	position: relative;
	left:0px;
	top:0px;
	z-index: 1000;
}

hr{
 margin: 0;
 padding: 0;
 height: 0px;
 border-top: 1px solid #d8d6d6;
}

hr.hr-w{
 margin: 0;
 padding: 0;
 height: 0px;
 border-top: 1px solid #FFF;
}
hr.hr-g{
 margin: 0;
 padding: 0;
 height: 0px;
 border-top: 1px solid #2cd67e;
}
hr.ten{
 margin: 0;
 padding: 0;
 height: 0px;
 border-top: 1px dashed #d8d6d6;
}

.marge_l10 {
margin-left: 10px;
}
.marge_r10 {
margin-right: 10px;
}
	
.bd-gray_b {
border-bottom: 1px solid #d2d2d2;
}
.bd-gray_t {
border-top: 1px solid #d2d2d2;
}
.bd-gray_r {
border-right: 1px solid #d2d2d2;
}
.bd-gray_l {
border-left: 1px solid #d2d2d2;
}
.bd-pink_b {
border-bottom: 1px solid #cd2c66;
}
.bd-pink_t {
border-top: 1px solid #cd2c66;
}
.bd-pink_r {
border-right: 1px solid #cd2c66;
}
.bd-pink_l {
border-left: 1px solid #cd2c66;
}

.bg-white {
background:#FFF;
}
.bg-gray {
background:#dfdfdf;
}
.bg-gray2 {
background:#efefef;
}
.bg-gray3 {
background:#f5f4f4;
}
.bg-gray4 {
background:#3f494b;
}
.bg-gray5 {
background:#7c979c;
}
.bg-gray6 {
background:#fafafa;
}
/*
.bg-green {
background:#2de083;
}
*/
.bg-red {
background:#f11d4f;
}
.bg-orange {
background:#e77231;
}
.bg-pink {
background:#f11d4f;
}
.bg-blue {
background:#31aee7;
}
.bg-yellow {
background:#e7b531;
}
.bg-navy {
background:#0b1b1f;	
}
.non {
user-select: none;
}

#blackout {
    position: absolute;
    z-index: 20000;
    background: #000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0.0;
    display: none;
}
#whiteout {
    position: absolute;
    z-index: 20000;
    background: #FFF;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; 
}

#SOFTWARE_FORM,#FUNC_SOFTWARE_UPDATE {
	margin: 0;
	padding: 0;
}


#btn_kidoku,#btn_kidoku_b,#btn_hensin{
	display: block;
	cursor: pointer;
}
#icon_kidoku,#icon_hensin{
    width: 90px;
    height: 20px;
    border-radius: 10px;
    display: block;
    cursor: pointer;
    text-align: center;
}

.img_waku_white{
	border: 7px solid white;
}

/* ----------------------------------------------------
　　　　　　　　　　　　ヘルプページ
---------------------------------------------------- */	
#blackout2 {
    position: absolute;
    z-index: 20000;
    background: #000;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0.0;
    display: none;
}
#posi_help {
	z-index:20001;
	top:0px;
	left: 0px;
}
#txt_help_kijyunbi {
    position: absolute;
    z-index: 20001;
    top: 65px;
    left: 10px;
    width: 120px;
    text-align: left;
}
#txt_help_kijyunbi2 {
    position: absolute;
    z-index: 20001;
    top: 30px;
    left: 290px;
    width: 250px;
    text-align: left;
}
#txt_help_kijyunbi3 {
    position: absolute;
    z-index: 20001;
    top: 65px;
    left: 10px;
    width: 100%;
    text-align: left;
}
#txt_help_category {
    position: absolute;
    z-index: 20001;
    top: 65px;
    right: 10%;
    width: 120px;
    text-align: left;
}
#txt_help_category2 {
    position: absolute;
    z-index: 20001;
    top: 68px;
    right: 10px;
    width: 120px;
    text-align: right;
}
#txt_help_detail {
    position: absolute;
    z-index: 20001;
    top: 134px;
    left: 10px;
    width: 140px;
    text-align: left;
}
#txt_help_detail2 {
    position: absolute;
    z-index: 20001;
    top: 164px;
    left: 10px;
    width: 140px;
    text-align: left;
}
#txt_help_ninset {
    position: absolute;
    z-index: 20001;
    top: 120px;
    right: 20px;
    width: 160px;
    text-align: left;
}
#txt_help_ninset2 {
    position: absolute;
    z-index: 20001;
    top: 350px;
    right: 30px;
    width: 260px;
    text-align: left;
}
#txt_help_quick {
    position: absolute;
    z-index: 20001;
    top: 270px;
    left: 3%;
    width: 92%;
    text-align: left;
}
#txt_help_quick2 {
    position: absolute;
    z-index: 20001;
    top: 320px;
    left: 0px;
    width: 92%;
    text-align: center;
}
#txt_help_quick3 {
    position: absolute;
    z-index: 20001;
    top: 270px;
    left: 160px;
    width: 92%;
    text-align: left;
}
#txt_help_top {
    position: absolute;
    z-index: 20001;
    top: 30px;
    left: 70px;
    width: 120px;
    text-align: left;
}
#txt_help_cart {
    position: absolute;
    z-index: 20001;
    bottom: 70px;
    right: 70px;
    width: 100%;
    text-align: center;
}
#txt_help_addcart {
    position: absolute;
    z-index: 20001;
    bottom: 125px;
    left: 0;
    width: 92%;
    text-align: center;
}



/* ----------------------------------------------------
　　　　　　　　　　　　管理者ページ
---------------------------------------------------- */	
#posi_comment_header{
position: absolute;
left: 20px;
top:12px;
}
#posi_tab_all{
position: absolute;
right: 140px;
top:12px;
}
#posi_tab_midoku{
position: absolute;
right: 75px;
top:12px;
}
#posi_tab_sinki{
position: absolute;
right: 10px;
top:12px;
}

#btn_tab{
width: 60px;
height: 20px;
border-radius: 10px;
display: block;
cursor: pointer;
text-align: center;
}
.posi_maru{
position: absolute;
top:30px;
left: 12px;
width: 10px;
height: 10px;
border-radius: 10px;
display: block;
}



/* ----------------------------------------------------
　　　　　　　　　　　　　ヘッダーエリア
---------------------------------------------------- */	
	
#box_headerbar {
	/* position:fixed; */
	margin: 0;
	padding: 0;
	width:100%;
	height: 45px;
	top: 0px;
	z-index: 10000;
	border: 0px solid #000000;
	background:#2de083;
	background:-webkit-gradient(linear, left top, left bottom, from(#2de083), to(#2ed57e));
	background:-moz-linear-gradient(top, #2de083, #2ed57e);
	-moz-box-shadow:0 -1px 5px 2px #000;
	-webkit-box-shadow:0 -1px 5px 2px #000;
	box-shadow:0 -1px 5px 2px #000;
}


#box_headerbar ul{
	float: left;
	margin: 0;
	padding: 0;
	width:100%;
	height: 45px;
	top: 0px;
	z-index: 10000;
	border: 0px solid #000000;
	background-color: #2de083;
	background:-webkit-gradient(linear, left top, left bottom, from(#2de083), to(#2ed57e));
	background:-moz-linear-gradient(top, #2de083, #2ed57e);
}

#box_headerbar li.lbar{
	width: 36%;
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	border: 0px solid #110f0f;
}
#box_headerbar li.rbar{
	width: 63%;
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	border: 0px solid #110f0f;
}

#box_headerbar li.lbar2{
	width: 45%;
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	border: 0px solid #110f0f;
}
#box_headerbar li.rbar2{
	width: 54%;
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	border: 0px solid #110f0f;
}

#box_headerbar li.cbar{
	width: 1px;
	height: 45px;
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
	border: 0px solid #110f0f;
	background: #25ac66;
}





/* ----------------------------------------------------
　　　　　　　　　　　　　コンテンツエリア
---------------------------------------------------- */


/* メニューリスト */
#box_list {
margin: 0;
padding: 0;
padding-left: 20px;
height: 60px;
text-align: left;
z-index: 100;
border: 0px solid #000000;
}
#box_list2 {
position: relative;
margin: 0;
padding: 0;
height: 105px;
text-align: left;
z-index: 100;
border: 0px solid #000000;
}
#box_list3 {
position: relative;
margin: 0;
padding: 0;
padding-left: 20px;
height: 70px;
text-align: left;
z-index: 100;
border: 0px solid #000000;
}
#box_list4 {
position: relative;
margin: 0;
padding: 20px;
padding-top: 10px;
height: 270px;
text-align: left;
z-index: 100;
border: 0px solid #000000;
}
#box_list5 {
margin: 0;
padding: 0;
padding-top: 20px;
padding-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
text-align: left;
z-index: 100;
border: 0px solid #000000;
border-bottom: 1px solid #d9d6d6;
border-top: 1px solid #d9d6d6;
}
#box_list6 {
position: relative;
margin: 0;
padding: 0;
padding-left: 20px;
height: 90px;
text-align: left;
z-index: 100;
border: 0px solid #000000;
}
#box_list7 {
position: relative;
margin: 0;
padding: 0;
padding-left: 20px;
height: 120px;
text-align: left;
z-index: 100;
border: 0px solid #000000;
}
#box_list8 {
margin: 0;
padding: 0;
text-align: center;
border: 0px solid #000000;
}
#box_list9 {
position: relative;
margin: 0;
padding: 0;
text-align: left;
z-index: 100;
border: 0px solid #000000;
}
#box_list10 {
position: relative;
margin: 0;
padding: 0;
padding-left: 30px;
height: 70px;
text-align: left;
z-index: 100;
border: 0px solid #000000;
}

#top_menu_list {
	position: absolute;
	top:23px;
	left: 70px;
}



/* リード文 */
.box_lead {
margin: 0;
padding-left: 10%;
padding-right: 10%;
margin-top: 0px;
margin-bottom: 0px;
z-index: 1000;
height: 50px;
border: 0px solid #000000;
text-align: left;
display: table-cell;
vertical-align: middle;
}


/* 現在の未確定カート数 */
#icon_cart_num {
position: absolute;
top:25px;
right: 30px;
width: 40px;
height: 18px;
padding-top: 3px;
background: #5efbaa;
border-radius: 10px;
text-align: center;
background:-webkit-gradient(linear, left top, left bottom, from(#5efbaa), to(#5efbaa));
background:-moz-linear-gradient(top, #5efbaa, #5efbaa);
-moz-box-shadow:inset 0px 1px 2px 0px #136139;
-webkit-box-shadow:inset 0px 1px 2px 0px #136139;
box-shadow:inset 0px 1px 2px 0px #136139;
}
#icon_cart_num2 {
position: absolute;
top:25px;
right: 30px;
width: 40px;
height: 18px;
padding-top: 3px;
background: #f11d4f;
border-radius: 10px;
text-align: center;
background:-webkit-gradient(linear, left top, left bottom, from(#f11d4f), to(#f11d4f));
background:-moz-linear-gradient(top, #f11d4f, #f11d4f);
-moz-box-shadow:inset 0px 1px 2px 0px #0d4227;
-webkit-box-shadow:inset 0px 1px 2px 0px #0d4227;
box-shadow:inset 0px 1px 2px 0px #0d4227;
}


/* 本日のお届け商品数 */
#icon_otodoke_num {
position: absolute;
top:25px;
right: 30px;
width: 40px;
height: 18px;
padding-top: 3px;
background: #5efbaa;
border-radius: 10px;
text-align: center;
background:-webkit-gradient(linear, left top, left bottom, from(#5efbaa), to(#5efbaa));
background:-moz-linear-gradient(top, #5efbaa, #5efbaa);
-moz-box-shadow:inset 0px 1px 2px 0px #136139;
-webkit-box-shadow:inset 0px 1px 2px 0px #136139;
box-shadow:inset 0px 1px 2px 0px #136139;
}
#icon_otodoke_num2 {
position: absolute;
top:25px;
right: 30px;
width: 40px;
height: 18px;
padding-top: 3px;
background: #f11d4f;
border-radius: 10px;
text-align: center;
background:-webkit-gradient(linear, left top, left bottom, from(#f11d4f), to(#f11d4f));
background:-moz-linear-gradient(top, #f11d4f, #f11d4f);
-moz-box-shadow:inset 0px 1px 2px 0px #0d4227;
-webkit-box-shadow:inset 0px 1px 2px 0px #0d4227;
box-shadow:inset 0px 1px 2px 0px #0d4227;
}

#box_comment {
width: 95%;
padding: 10px;
border-radius: 10px;
-moz-box-shadow:0 1px 5px 0px #000;
-webkit-box-shadow:0 1px 5px 0px #000;
box-shadow:0 1px 5px 0px #000;
}


/* フォーム */
#LOGIN_FORM{
	margin: 0;
	padding: 0;
}
.form_text {
	width: 100%;
	height: 45px;
	margin: 0;
	padding: 0;
	background: #dfdfdf;
	border-radius: 6px;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fafafa));
	background:-moz-linear-gradient(top, #fafafa, #fafafa);
	line-height: 1.4;
	font-size: 16px;
	display: block;
	outline: 0;
	-moz-box-shadow:inset 0px 1px 2px 0px #eae8e8;
	-webkit-box-shadow:inset 0px 1px 2px 0px #eae8e8;
	box-shadow:inset 0px 1px 2px 0px #eae8e8;
	border: solid 1px #dadada;
}
.form_text2 {
	width: 80%;
	height: 45px;
	margin: 0;
	padding: 0;
	background: #dfdfdf;
	border-radius: 6px;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fafafa));
	background:-moz-linear-gradient(top, #fafafa, #fafafa);
	line-height: 1.4;
	font-size: 16px;
	outline: 0;
	-moz-box-shadow:inset 0px 1px 2px 0px #eae8e8;
	-webkit-box-shadow:inset 0px 1px 2px 0px #eae8e8;
	box-shadow:inset 0px 1px 2px 0px #eae8e8;
	border: solid 1px #dadada;
}
.form_text3 {
	width: 30%;
	height: 45px;
	margin: 0;
	padding: 0;
	background: #dfdfdf;
	border-radius: 6px;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fafafa));
	background:-moz-linear-gradient(top, #fafafa, #fafafa);
	line-height: 1.4;
	font-size: 16px;
	outline: 0;
	-moz-box-shadow:inset 0px 1px 2px 0px #eae8e8;
	-webkit-box-shadow:inset 0px 1px 2px 0px #eae8e8;
	box-shadow:inset 0px 1px 2px 0px #eae8e8;
	border: solid 1px #dadada;
}
.form_textarea {
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	background: #dfdfdf;
	border-radius: 6px;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fafafa));
	background:-moz-linear-gradient(top, #fafafa, #fafafa);
	line-height: 1.4;
	font-size: 16px;
	display: block;
	outline: 0;
	-moz-box-shadow:inset 0px 1px 2px 0px #eae8e8;
	-webkit-box-shadow:inset 0px 1px 2px 0px #eae8e8;
	box-shadow:inset 0px 1px 2px 0px #eae8e8;
	border: solid 1px #dadada;
}
.form_textarea2 {
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
	background: #dfdfdf;
	border-radius: 6px;
	background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#fafafa));
	background:-moz-linear-gradient(top, #fafafa, #fafafa);
	line-height: 1.4;
	font-size: 16px;
	display: block;
	outline: 0;
	-moz-box-shadow:inset 0px 1px 2px 0px #eae8e8;
	-webkit-box-shadow:inset 0px 1px 2px 0px #eae8e8;
	box-shadow:inset 0px 1px 2px 0px #eae8e8;
	border: solid 1px #dadada;
}



/* ボタン */
#box_btn {
	position: relative;
	z-index:1000;
	width:100%;
	height:50px;
	background:#ed3274;
	background:-webkit-gradient(linear, left top, left bottom, from(#ed3274), to(#d92c69));
	background:-moz-linear-gradient(top, #ed3274, #d92c69);
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	cursor: pointer;
	border-radius: 6px;
	text-align: center;
}
.box_btn {
	position: relative;
	z-index:1000;
	width:100%;
	height:50px;
	background:#f11d4f;
	/*
background:-webkit-gradient(linear, left top, left bottom, from(#ed3274), to(#d92c69));
	background:-moz-linear-gradient(top, #ed3274, #d92c69);
*/
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	cursor: pointer;
	border-radius: 6px;
	text-align: center;
	display: block;
}
.box_btn_s {
	position: relative;
	z-index:1000;
	width:35%;
	height:50px;
	background:#ed3274;
	background:-webkit-gradient(linear, left top, left bottom, from(#ed3274), to(#d92c69));
	background:-moz-linear-gradient(top, #ed3274, #d92c69);
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	cursor: pointer;
	border-radius: 6px;
	text-align: center;
	display: block;
}
.box_btn_s2 {
	position: relative;
	z-index:1000;
	width:35%;
	height:50px;
	background:#2de083;
	background:-webkit-gradient(linear, left top, left bottom, from(#2de083), to(#2ed57e));
	background:-moz-linear-gradient(top, #ed3274, #d92c69);
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	cursor: pointer;
	border-radius: 6px;
	text-align: center;
	display: block;
}
.box_btn_s3 {
	z-index:1000;
	width:100px;
	height:50px;
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	cursor: pointer;
	border-radius: 6px;
	text-align: center;
	display: block;
	float: left;
	position: relative;
	left: -50%;
}
.box_btn_s4 {
	position: relative;
	z-index:1000;
	width:100%;
	height:50px;
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	cursor: pointer;
	border-radius: 6px;
	text-align: center;
	display: block;
}
.box_btn_flat {
	position: relative;
	z-index:1000;
	width:99.9%;
	height:50px;
	cursor: pointer;
	display: block;
}

.grad_green{
	background:#2de083;
	background:-webkit-gradient(linear, left top, left bottom, from(#2de083), to(#2ed57e));
	background:-moz-linear-gradient(top, #ed3274, #d92c69);
}
.grad_red{
	background:#ed3274;
	background:-webkit-gradient(linear, left top, left bottom, from(#ed3274), to(#d92c69));
	background:-moz-linear-gradient(top, #ed3274, #d92c69);
}


#box_btn2 {
margin: 0;
padding: 0;
padding-left: 20px;
height: 60px;
text-align: left;
z-index: 100;
border: 1px solid #000000;
}
.text_box_m{
	position: relative;
	top:12px;
}
.text_box_m2{
	position: relative;
	top:10px;
}
.text_box_m3{
	position: relative;
	top:14px;
}
.text_box_m4{
	position: relative;
	top:18px;
}


/* 基準日リスト-ご利用週 */
#posi_kijyunbi_date {
position: absolute;
top:50px;
left: 15px;
}
/* 基準日リスト-タイトル */
#posi_kijyunbi_title {
position: absolute;
top:10px;
left: 15px;
width: 90%;
height: 22px;
padding-top: 2px;
background: #2de083;
border-radius: 10px;
text-align: center;
}
/* 基準日リスト-試食 */
#posi_kijyunbi_sisyoku {
position: absolute;
top:10px;
right: 10px;
}
/* 基準日リスト-コメント */
#posi_kijyunbi_comment {
position: absolute;
top:40px;
left: 135px;
text-align: left;
display: table-cell;
vertical-align: middle;
border: 0px solid #000000;
padding-right: 10px;
}


/* カテゴリリスト-タイトル */
#posi_cate_title {
position: absolute;
top:45px;
left: 20px;
}

/* カテゴリリスト-コメント */
#posi_cate_comment {
position: absolute;
top:15px;
left: 155px;
text-align: left;
display: table-cell;
vertical-align: middle;
border: 0px solid #000000;
padding-right: 10px;
}


/* タグ */
#box_tag {
position: absolute;
top:15px;
left: 20px;
width: 105px;
height: 20px;
padding-top: 1px;
border-radius: 10px;
text-align: center;
}
/* ステータスタグ */
#box_state {
position: absolute;
right:8px;
top:8px;
width: 80px;
height: 20px;
padding-top: 1px;
border-radius: 10px;
text-align: center;
}
/* オビタグ */
.box_obi {
width: 100%;
height: 22px;
padding-top: 3px;
background: #2de083;
border-radius: 10px;
text-align: center;
}
/* ミニオビタグ */
.box_miniobi {
width: 35px;
height: 20px;
padding-top: 3px;
border-radius: 10px;
text-align: center;
}



/* メニューイメージ（サムネイル） */
.POSI_MENU_IMG {
	position: absolute;
	left:20px;
	top:20px;
}
/* メニューイメージ2（サムネイル） */
.POSI_MENU_IMG2 {
	position: absolute;
	left:10px;
	top:40px;
}
/* メニューイメージ（サムネイル） */
.POSI_MENU_IMG3 {
	position: absolute;
	left:20px;
	top:10px;
}
/* メニューイメージ（サムネイル） */
.POSI_MENU_IMG4 {
	position: absolute;
	left:20px;
	top:40px;
}
/* メニューリスト-メニュー情報 */
#posi_menu_text {
position: absolute;
top:25px;
left: 150px;
padding-right: 10px;
}
#posi_menu_textb {
position: absolute;
top:10px;
left: 110px;
padding-right: 10px;
}
#posi_menu_textc {
position: absolute;
top:20px;
left: 130px;
padding-right: 10px;
}
#posi_menu_price {
position: absolute;
bottom:5px;
left: 20px;
}
#posi_menu_priceb {
position: absolute;
bottom:20px;
left: 130px;
}

.box_select {
	position: absolute;
	top:8px;
	right: 6px;
}
/* 通し用：曜日セット・人用セレクトボタン */
#box_btn_tosi {
	position: relative;
	z-index:1000;
	width:100%;
	height:55px;
	/*
-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
*/
}
/* 単品用：人用セレクトボタン */
#box_ninselect_btn {
	width: 80px;
	height: 20px;
	padding-top: 1px;
	border-radius: 10px;
	text-align: center;
	z-index: 15000;
}
/* カスタムメニューボタン */
#box_custom_btn {
	width: 90px;
	height: 20px;
	padding-top: 1px;
	border-radius: 10px;
	text-align: center;
	z-index: 15000;
}
/* 人用セットボタン */
#box_ninset_btn {
	position: absolute;
	top:0px;
	/* right: 65px; */
	right: 0px;
	width: 50px;
	height: 20px;
	padding-top: 1px;
	border-radius: 10px;
	text-align: center;
	z-index: 15000;
}
/* 人用セットボタン2 */
#box_ninset2_btn {
	position: absolute;
	top:0px;
	right: 53px;
	width: 50px;
	height: 20px;
	padding-top: 1px;
	border-radius: 10px;
	text-align: center;
	z-index: 15000;
}
/* 数量セットボタン */
#box_suset_btn {
	position: absolute;
	top:0px;
	right: 0px;
	width: 50px;
	height: 20px;
	padding-top: 1px;
	border-radius: 10px;
	text-align: center;
	z-index: 15000;
}
/* 数量 × ○点 */
#box_batuset_btn {
	position: absolute;
	top:0px;
	right: 52px;
	height: 20px;
	text-align: center;
	z-index: 15000;
}

/* プライス */
#box_priceset_btn {
	position: absolute;
	top:70px;
	width:300px;
	right: 5px;
	text-align: right;
	border: 0px solid black;
	z-index: 15000;
}

/* 注文済み・カートの中タグ */
#box_tag_order {
	width: 80px;
	height: 20px;
	padding-top: 1px;
	border-radius: 10px;
	text-align: center;
	z-index: 15000;
}

.he_pop1{
height:330px;	
}
.he_pop2{
height:210px;	
}
.he_pop3{
height:435px;	
}
.he_pop4{
height:270px;	
}
.he_pop5{
height:380px;	
}
/* 詳細ポップアップ */
#box_detail {
	z-index:30000;
	top:50%;
	margin-top: -240px;
	width:100%;
}

/* 人用セレクトポップアップ */
#box_nin_select {
	z-index:30000;
	width:100%;
	left:0;
	top:16%;
	background:#0b1b1f;
	background:-webkit-gradient(linear, left top, left bottom, from(#0b1b1f), to(#0b1b1f));
	background:-moz-linear-gradient(top, #0b1b1f, #0b1b1f);
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	/* overflow: scroll; */
}
#box_nin_select2 {
	z-index:30000;
	width:100%;
	height:435px;
	left:0;
	top:6%;
	background:#0b1b1f;
	background:-webkit-gradient(linear, left top, left bottom, from(#0b1b1f), to(#0b1b1f));
	background:-moz-linear-gradient(top, #0b1b1f, #0b1b1f);
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	/* overflow: scroll; */
}
#box_alert {
	z-index:30000;
	width:240px;
	height:50px;
	left:50%;
	top:40%;
	margin-left: -120px;
	background:#0b1b1f;
	background:-webkit-gradient(linear, left top, left bottom, from(#0b1b1f), to(#0b1b1f));
	background:-moz-linear-gradient(top, #0b1b1f, #0b1b1f);
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	border-radius: 20px;
	filter: alpha(opacity=90);
    opacity: 0.90;
	/* overflow: scroll; */
}
#box_alert2 {
	z-index:30000;
	width:280px;
	height:100px;
	left:50%;
	top:40%;
	margin-left: -140px;
	background:#0b1b1f;
	background:-webkit-gradient(linear, left top, left bottom, from(#0b1b1f), to(#0b1b1f));
	background:-moz-linear-gradient(top, #0b1b1f, #0b1b1f);
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	border-radius: 20px;
	filter: alpha(opacity=90);
    opacity: 0.90;
	/* overflow: scroll; */
}
#box_alert_com {
	z-index:30000;
	width:240px;
	height:50px;
	left:50%;
	top:46%;
	margin-left: -120px;
	background:#0b1b1f;
	background:-webkit-gradient(linear, left top, left bottom, from(#0b1b1f), to(#0b1b1f));
	background:-moz-linear-gradient(top, #0b1b1f, #0b1b1f);
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	border-radius: 20px;
	filter: alpha(opacity=90);
    opacity: 0.90;
	/* overflow: scroll; */
}
#box_alert_cart {
	z-index:30000;
	width:240px;
	height:50px;
	left:50%;
	top:46%;
	margin-left: -120px;
	background:#0b1b1f;
	background:-webkit-gradient(linear, left top, left bottom, from(#0b1b1f), to(#0b1b1f));
	background:-moz-linear-gradient(top, #0b1b1f, #0b1b1f);
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	border-radius: 20px;
	filter: alpha(opacity=90);
    opacity: 0.90;
	/* overflow: scroll; */
}
#box_alert_setting {
	z-index:30000;
	width:240px;
	height:50px;
	left:50%;
	top:46%;
	margin-left: -120px;
	background:#0b1b1f;
	background:-webkit-gradient(linear, left top, left bottom, from(#0b1b1f), to(#0b1b1f));
	background:-moz-linear-gradient(top, #0b1b1f, #0b1b1f);
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	border-radius: 20px;
	filter: alpha(opacity=90);
    opacity: 0.90;
	/* overflow: scroll; */
}

.SELECT_SHOKU{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	display: block;
	cursor: pointer;
}
.SELECT_NIN{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 50%;
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
.SELECT_NIN_OFF{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 50%;
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
.SELECT_YOBI{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	/* width:50%; */
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
.SELECT_WNIN{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 33%;
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
.SELECT_WNIN_OFF{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 33%;
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
.SELECT_SU{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 50px;
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
.SELECT_NINb{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	/* width: 70px; */
	width: 33%;
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
.SELECT_NINb_OFF{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	/* width: 70px; */
	width: 33%;
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
.SELECT_NINc{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 135px;
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
.SELECT_DEL{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	display: block;
	cursor: pointer;
	position: relative;
}
.SELECT_DEL2{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 160px;
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}
.SELECT_RESET{
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 160px;
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
	left: -50%;
}



/* ----------------------------------------------------
　　　　　　　　　　　　　フッターエリア
---------------------------------------------------- */
#box_wform{
	z-index:5000;
	top:45px;
	width:100%;
	height:55px;
	/* cursor: pointer; */
}
#box_add_cart {
	z-index:10000;
	width:100%;
	height:50px;
	left:0;
	bottom:45px;
	background:#f11d4f;
	background:-webkit-gradient(linear, left top, left bottom, from(#f11d4f), to(#f11d4f));
	background:-moz-linear-gradient(top, #f11d4f, #f11d4f);
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	cursor: pointer;
}
#box_set_custom {
	z-index:10000;
	width:100%;
	height:50px;
	left:0;
	bottom:45px;
	background:#f11d4f;
	background:-webkit-gradient(linear, left top, left bottom, from(#f11d4f), to(#f11d4f));
	background:-moz-linear-gradient(top, #f11d4f, #f11d4f);
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	cursor: pointer;
}
#box_add_order {
	position: fixed;
	z-index:10000;
	width:100%;
	height:50px;
	left:0;
	bottom:45px;
	background:#f11d4f;
	background:-webkit-gradient(linear, left top, left bottom, from(#f11d4f), to(#f11d4f));
	background:-moz-linear-gradient(top, #f11d4f, #f11d4f);
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
	cursor: pointer;
	}
#box_navi {
	position: fixed;
	z-index:1001;
	width:100%;
	height:50px;
	left:0;
	bottom:50px;
	cursor: pointer;
	}
#box_add_cart4 {
	position: absolute;
	z-index:20000;
	top:15px;
	left: 0px;
    border:0px solid #000000;
    text-align: center;
    width: 100%;
}
#box_tosi_alert {
	z-index:10000;
	width:100%;
	height:50px;
	left:0;
	bottom:45px;
	background:#ed3274;
	background:-webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#cfcdcd));
	background:-moz-linear-gradient(top, #dfdfdf, #cfcdcd);
	-moz-box-shadow:0 1px 5px 0px #000;
	-webkit-box-shadow:0 1px 5px 0px #000;
	box-shadow:0 1px 5px 0px #000;
}

#btn_cart_num {
position: absolute;
top:17px;
right: 47px;/* left: 115px */
width: 25px;
height: 15px;
padding-top: 2px;
background: #133137;
border-radius: 10px;
text-align: center;
background:-webkit-gradient(linear, left top, left bottom, from(#133137), to(#133137));
background:-moz-linear-gradient(top, #133137, #133137);
-moz-box-shadow:inset 0px 1px 2px 0px #0f262a;
-webkit-box-shadow:inset 0px 1px 2px 0px #0f262a;
box-shadow:inset 0px 1px 2px 0px #0f262a;
}
#btn_cart_num2 {
position: absolute;
top:17px;
right: 47px;/* left: 115px */
width: 25px;
height: 15px;
padding-top: 2px;
background: #f11d4f;
border-radius: 10px;
text-align: center;
background:-webkit-gradient(linear, left top, left bottom, from(#f11d4f), to(#f11d4f));
background:-moz-linear-gradient(top, #f11d4f, #f11d4f);
-moz-box-shadow:inset 0px 1px 2px 0px #0f262a;
-webkit-box-shadow:inset 0px 1px 2px 0px #0f262a;
box-shadow:inset 0px 1px 2px 0px #0f262a;
}
#btn_cart_num2b {
position: absolute;
top:16px;
right: 50px;
width: 185px;
height: 17px;
padding-top: 0px;
background: #f11d4f;
border-radius: 10px;
text-align: center;
background:-webkit-gradient(linear, left top, left bottom, from(#f11d4f), to(#f11d4f));
background:-moz-linear-gradient(top, #f11d4f, #f11d4f);
-moz-box-shadow:inset 0px 1px 2px 0px #0f262a;
-webkit-box-shadow:inset 0px 1px 2px 0px #0f262a;
box-shadow:inset 0px 1px 2px 0px #0f262a;
}



#btn_contact_num {
position: absolute;
top:17px;
left: 177px;
width: 25px;
height: 15px;
padding-top: 2px;
background: #133137;
border-radius: 10px;
text-align: center;
background:-webkit-gradient(linear, left top, left bottom, from(#133137), to(#133137));
background:-moz-linear-gradient(top, #133137, #133137);
-moz-box-shadow:inset 0px 1px 2px 0px #0f262a;
-webkit-box-shadow:inset 0px 1px 2px 0px #0f262a;
box-shadow:inset 0px 1px 2px 0px #0f262a;
}
#btn_contact_num2 {
position: absolute;
top:17px;
left: 177px;
width: 25px;
height: 15px;
padding-top: 2px;
background: #f11d4f;
border-radius: 10px;
text-align: center;
background:-webkit-gradient(linear, left top, left bottom, from(#f11d4f), to(#f11d4f));
background:-moz-linear-gradient(top, #f11d4f, #f11d4f);
-moz-box-shadow:inset 0px 1px 2px 0px #0f262a;
-webkit-box-shadow:inset 0px 1px 2px 0px #0f262a;
box-shadow:inset 0px 1px 2px 0px #0f262a;
}


#btn_otodoke_num {
position: absolute;
top:17px;
left: 246px;
width: 25px;
height: 15px;
padding-top: 2px;
background: #133137;
border-radius: 10px;
text-align: center;
background:-webkit-gradient(linear, left top, left bottom, from(#133137), to(#133137));
background:-moz-linear-gradient(top, #133137, #133137);
-moz-box-shadow:inset 0px 1px 2px 0px #0f262a;
-webkit-box-shadow:inset 0px 1px 2px 0px #0f262a;
box-shadow:inset 0px 1px 2px 0px #0f262a;
}
#btn_otodoke_num2 {
position: absolute;
top:17px;
left: 246px;
width: 25px;
height: 15px;
padding-top: 2px;
background: #f11d4f;
border-radius: 10px;
text-align: center;
background:-webkit-gradient(linear, left top, left bottom, from(#f11d4f), to(#f11d4f));
background:-moz-linear-gradient(top, #f11d4f, #f11d4f);
-moz-box-shadow:inset 0px 1px 2px 0px #0f262a;
-webkit-box-shadow:inset 0px 1px 2px 0px #0f262a;
box-shadow:inset 0px 1px 2px 0px #0f262a;
}

#COMMENT_NUM{
position: absolute;
top:-0px;
left:-46px;
}

#icon_comment_su{
margin: 0;
padding: 0;
width: 12px;
height: 12px;
background: #f11d4f;
border-radius: 12px;
text-align: center;
background:-webkit-gradient(linear, left top, left bottom, from(#f11d4f), to(#f11d4f));
background:-moz-linear-gradient(top, #f11d4f, #f11d4f);
cursor: pointer;
}




/* ----------------------------------------------------
　　　　　　　　マージン（margin）設定
---------------------------------------------------- */
p.m0{ 
 margin: 0 0;
 padding:0px;
 padding-top:0px;
}
p.m1{ 
 margin: 0 0;
 padding:0px;
 padding-top:1px;
}
p.m2{ 
 margin: 0 0;
 padding:0px;
 padding-top:2px;
}
p.m3{ 
 margin: 0 0;
 padding:0px;
 padding-top:3px;
}
p.m4{ 
 margin: 0 0;
 padding:0px;
 padding-top:4px;
}
p.m5{ 
 margin: 0 0;
 padding:0px;
 padding-top:5px;
}
p.m10{ 
 margin:0px;
 padding:0px;
 padding-top:10px;
}
p.m15{ 
 margin: 0 0;
 padding:0px;
 padding-top:15px;
}
p.m20{ 
 margin: 0 0;
 padding:0px;
 padding-top:20px;
}
p.m30{ 
 margin: 0 0;
 padding:0px;
 padding-top:30px;
}
p.m40{ 
 margin: 0 0;
 padding:0px;
 padding-top:40px;
}
p.m50{ 
 margin: 0 0;
 padding:0px;
 padding-top:50px;
}
p.m60{ 
 margin: 0 0;
 padding:0px;
 padding-top:60px;
}
p.m100{ 
 margin: 0 0;
 padding:0px;
 padding-top:100px;
}
p.m150{ 
 margin: 0 0;
 padding:0px;
 padding-top:150px;
}
p.m200{ 
 margin: 0 0;
 padding:0px;
 padding-top:200px;
}

.PD10{
padding-right: 10px;
padding-left: 10px;
}
.PD20{
padding-right: 20px;
padding-left: 20px;
}
.PD30{
padding-right: 30px;
padding-left: 30px;
}
.PD40{
padding-right: 40px;
padding-left: 40px;
}
.PD50{
padding-right: 50px;
padding-left: 50px;
}
.PD100{
padding-right: 100px;
padding-left: 100px;
}


.center{
text-align: center;
}
.left{
text-align: left;
}
.right{
text-align: right;
}

.w100p{
width: 100%;	
}
.w5{
width: 5px;	
}
.w10{
width: 10px;	
}
.w15{
width: 15px;	
}
.w20{
width: 20px;	
}
.w30{
width: 30px;	
}
.w60{
width: 60px;	
}
.w70{
width: 70px;	
}
.w80{
width: 80px;	
}
.w100{
width: 100px;
}
.w110{
width: 110px;	
}
.w120{
width: 120px;	
}
.w160{
width: 160px;	
}
.w180{
width: 180px;	
}
.w200{
width: 200px;	
}
.w250{
width: 250px;	
}
.w300{
width: 300px;	
}


.h5{
height: 5px;	
}
.h10{
height: 10px;	
}
.h15{
height: 15px;	
}
.h20{
height: 20px;	
}
.h30{
height: 30px;	
}
.h37{
height: 37px;	
}
.h40{
height: 40px;	
}
.h50{
height: 50px;	
}
.h60{
height: 60px;	
}
.h70{
height: 70px;	
}
.h80{
height: 80px;	
}
.h100{
height: 100px;	
}
.h110{
height: 110px;	
}
.h120{
height: 120px;	
}
.h160{
height: 160px;	
}
.h180{
height: 180px;	
}
.h200{
height: 200px;	
}


.rt5{
border-radius: 5px 5px 0px 0px;
}
.rt10{
border-radius: 10px 10px 0px 0px;
}
.rt15{
border-radius: 15px 15px 0px 0px;
}
.rb5{
border-radius: 0px 0px 5px 5px;
}
.rb10{
border-radius: 0px 0px 10px 10px;
}
.rb15{
border-radius: 0px 0px 15px 15px;
}

.r5{
border-radius: 5px;	
}
.r10{
border-radius: 10px;	
}
.r15{
border-radius: 15px;	
}
.r20{
border-radius: 20px;	
}
.r30{
border-radius: 30px;	
}
.r60{
border-radius: 60px;	
}
.r70{
border-radius: 70px;	
}
.r80{
border-radius: 80px;	
}
.r100{
border-radius: 100px;	
}
.r110{
border-radius: 110px;	
}
.r120{
border-radius: 120px;	
}
.r160{
border-radius: 160px;	
}
.r200{
border-radius: 200px;	
}


.op70{
filter: alpha(opacity=70);
opacity: 0.7;
}
.op80{
filter: alpha(opacity=80);
opacity: 0.8;
}

.op70b{
background-color: rgba(255,255,255,0.7);
}
.op80b{
background-color: rgba(255,255,255,0.8);
}


#infscr-loading {
text-align:center;
margin:0 auto;
}

/* ログイン画面用CSS */
#login {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #f4f4f4;
  font-family: Arial, sans-serif;
}
#login form {
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 300px;
}
#login form label, #login form input[type=text], #login form input[type=password] {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
#login form label {
  margin-bottom: 5px;
  font-weight: bold;
}
#login form .error {
  color: red;
  font-size: 13px;
  margin-top: 0px;
  margin-bottom: 1em;
}
#login form input[type=text], #login form input[type=password] {
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
}
#login form input[type=submit] {
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 4px;
  background-color: #007bff;
  color: white;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
#login form input[type=submit]:hover {
  background-color: #0056b3;
}