.text1 {font-size: 10px; line-height: 12px}
.text2 {font-size: 12px; line-height: 16px}
.text3 {font-size: 11px; line-height: 14px}
.text4 {font-size: 9px; line-height: 11px}

button#cart{
	width: 200px;
	height: 50px;
	display: block;
	margin: 10pt;
	text-align: center;
	line-height: 50px
	
	color black:;

	text-decoration: none;
	font-size: 18px;
	
	background-image: url(./img/cart.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-color: orange;
	background-size: 24px 24px;
}

button#cart:hover{
	opacity: .7;
}
button#regi{
	width: 200px;
	height: 50px;
	display: block;
	
	text-align: center;
	line-height: 50px
	
	color black:;

	text-decoration: none;
	font-size: 18px;
	
	background-image: url(./img/regi.png);
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-color: orange;
	background-size: 24px 24px;
}

button#regi:hover{
	opacity: .7;
}


.note {
	width: 90%;
    margin: 2em 0;
    background: oldlace;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	margin-left: auto;
	margin-right: auto;
}
.note:hover{
	background-color: rgba(255,255,255,.2);
}
.note span {
    font-size: 1.5em;
    background: orange;
    padding: 4px;
    text-align: center;
    color: #FFF;
    letter-spacing: 0.05em;
}
.note p {
	font-size: 1.2em;
    padding: 15px 20px;
    margin: 0;
}


.MEISAIBOX {
	padding: 0.5em 0.5em;
	margin: 20pt 0;
	color: black;
	margin-left: auto;
	margin-right: auto;

	background: oldlace;
	border-left: solid 10px orange;
	border-right: solid 10px orange;
	width: 85%;
	text-align: center;
	vertical-align: middle;
}
.MEISAIBOX span{
	margin: 0;
	@padding 0;
	font-size: 16px;
}
.MEISAIBOX p{
	margin: 0;
	@padding 0;
	font-size: 20px;
}

.TITLEBOX {
	padding: 0.2em 0.5em;
	margin: 10pt 0;
	color: black;
	margin-left: auto;
	margin-right: auto;

	background: oldlace;
	border-left: solid 10px orange;
	width: 300px;
	text-align: center;
	vertical-align: middle;
}

.TITLEBOX p{
	margin: 0;
	@padding 0;
	font-size: 16px;
}


.ERRBOX {
	padding: 0.5em 1em;
	margin: 1em 0;
	border: double 5px red;
}

.ERRBOX p{
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: red;
	text-align: center;
	font-weight: bold;
}

#kiyaku{
font-size: 10px; line-height: 12px;  color: black;
}

span.ktop{
font-size: 14px; line-height: 16px;  color: #660000;font-weight: bold;
}

span.ktitle{
font-size: 11px; line-height: 12px;  color: #990000;font-weight: bold;
}
span.ksubt{
font-size: 9px; line-height: 12px;  color: #990000;
}

span.malart{
font-size: 14pt; line-height: 16pt;  color: black;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; text-align: center; vertical-align: middle}

td.ot{
font-size: 12px; line-height: 16pt;  color: black;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; text-align: center; vertical-align: middle
; background-color: #FFCC66; background-image: url(../../images/spffcc66.gif)}

td.om{
font-size: 10pt; line-height: 12pt;  color: black;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; vertical-align: middle
; background-color: #FFCC99; background-image: url(../../images/spffcc99.gif)}

td.od{
font-size: 10pt; line-height: 12pt;  color: black;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; vertical-align: middle
; background-color: #F5CB98; background-image: url(../../images/spf5cb98.gif)}


td.of{
font-size: 12px; line-height: 14pt;  color: black;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; background-color: white; width: 100px}

.ftitle{
font-size: 14px; line-height: 15pt;  color: black; font-weight: bold;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; }

.fmeisei{
font-size: 10px; line-height: 12pt;  color: black;
; font-family: "ＭＳ Ｐゴシック", "Osaka";}

a{ color: blue; ; text-decoration: none}
a:hover { color: red; ; text-decoration: none}

#fontlist td{
font-size: 12px; line-height: 16pt;  color: black; width: 100;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; text-align: center; vertical-align: middle
; background-color: white;}

#sizelist td{
font-size: 12px; line-height: 16pt;  color: black; width: 150;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; text-align: center; vertical-align: middle
; background-color: white;}

#odrlist td{
font-size: 10px; line-height: 12pt;  color: black; width: 300;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; text-align: left; vertical-align: middle
; background-color: sandybrown;}

table#tbl01{
font-size: 12px; line-height: 16pt;  color: black; width: 98%;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; text-align: center; vertical-align: middle
; background-color: #FFCC66; background-image: url(../../images/spffcc66.gif) }

table#tbl02{
font-size: 12px; line-height: 16pt;  color: black; width: 98%;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; text-align: left; vertical-align: middle
; background-color: #FFCC66; background-image: url(../../images/spffcc66.gif) }

table#tbl03{
line-height: 16pt; text-align: center;  color: black; width: 98%;
; background-color: #448800;  }


.td00{
font-size: 14px; background-color: #FFCC66; text-align: center}

.td01{
font-size: 14px; background-color: #FFDD99; text-align: left}

.td01 div{
text-align: center}


.td02{
font-size: 14px; background-color: #66CC99; text-align: center}

.td03{
font-size: 14px; background-color: #CCFFCC; }


.td04{
font-size: 14px; background-color: #FFFFCC; text-align: center}

.td05{
font-size: 12px; background-color: #CCFFCC; }

*.alert{
font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; font-weight: bold; color: #FF0000; text-decoration: underline; text-align: center}


#kakutable table{
font-size: 10px; line-height: 12pt;  color: black; width: 98%;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; text-align: left; vertical-align: middle
; }

#kakutable td{
text-align: left; vertical-align: middle; background-color: peachpuff; }

#kakutable td.title{
width: 60;  text-align: center; vertical-align: middle; background-color: salmon;  }

input.func{
font-size: 12px; line-height: 12pt;  color: white;
 font-family: "ＭＳ Ｐゴシック", "Osaka";
 background-color: sienna;}

input.funcg{
font-size: 12px; line-height: 12pt;  color: white;
 font-family: "ＭＳ Ｐゴシック", "Osaka";
 background-color: darkgreen;}
 
.bmsg{
font-size: 10px; line-height: 12pt;  color: maroon; 
 font-family: "ＭＳ Ｐゴシック", "Osaka";
 background-color: gold;}
 
.msg{
font-size: 10px; line-height: 12pt;  color: maroon; 
 font-family: "ＭＳ Ｐゴシック", "Osaka";}
 
 .item{
font-size: 12px; line-height: 12pt;
 font-family: "ＭＳ Ｐゴシック", "Osaka";
 background-color: peachpuff;}
 
#tblcrt{
font-size: 12px; line-height: 16pt;  color: black; width: 98%; border-collapse: collapse;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; text-align: left; vertical-align: middle
; background-color: #FFCC66; background-image: url(../../images/spffcc66.gif) }


#tblcrt th{
padding: 6px;
text-align: center;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
#tblcrt td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

#tblcrt td.right,
#tblcrt th.right{
text-align: right;
}

#tblrer{
font-size: 12px; line-height: 16pt;  color: black; width: 98%; border-collapse: collapse;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; text-align: left; vertical-align: middle
; background-color: #FFCC66; background-image: url(../../images/spffcc66.gif) }


#tblrer th{
width: 25%;
padding: 6px;
text-align: center;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
#tblrer td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
border-width: 1px 0;
}

#tblrer td:last-of-type{
padding: 6px;
text-align: right;
background-color: #fff;
border: 1px solid #b9b9b9;
border-width: 1px 1px 1px 0;
}

#tblrer td.right,
#tblrer th.right{
text-align: right;

}

#tblpay{
font-size: 12px; line-height: 16pt;  color: black; width: 98%; border-collapse: collapse;
; font-family: "ＭＳ Ｐゴシック", "Osaka"; text-align: left; vertical-align: middle
; background-color: #FFCC66; background-image: url(../../images/spffcc66.gif) }


#tblpay th{
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}

#tblpay th.card{
color: #333;
background-color: #cee;
border: 1px solid #b9b9b9;
}

#tblpay th.atena{
color: #333;
background-color: #cce;
border: 1px solid #b9b9b9;
}

#tblpay td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
border-width: 1px 0;
}


#tblpay td.left,
#tblpay th.left{
text-align: left;

}


.td06{
font-size: 14px; background-color: #FFDD99; padding: 20px 40px;}


.td06 .title{
font-size: 30px; line-height: 30px;  color: black;
font-family: "メイリオ", "Osaka"; text-align: left; vertical-align: middle; }

.td06 input.dialog{
 width: 300px; height: 28px}

.td06 a.button{
	display: inline-block;
	width: 300px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	outline; none;
	border: 1px solid #999;
	background-color: #cccccc;
	color: #000;
 }
.td06 a.button::before,
.td06 a.button::after{
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.td06 a.button,
.td06 a.button::before,
.td06 a.button::after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.td11{
font-size: 14px; background-color: #FFDD99; padding: 5px 5px;}


.td11 ul {
  border: solid 2px brown;
  padding: 0 0.5em;
  position: relative;
  background-color: moccasin
}

.td11 ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  border-bottom: dashed 1px orange;
  list-style-type: none!important;
}

.td11 ul li:before {
  font-family: "メイリオ", "Osaka";
  content: "\f138";/*アイコン種類*/
  position: absolute;
  left : 0.5em; /*左端からのアイコンまで*/
  color: black; /*アイコン色*/
}

.td11 ul li:last-of-type{
  border-bottom: none;
}


td.01 ul li:last-of-type{
  border-bottom: none;
}

.square_btn {
    display: inline-block;
    width: 355px;
    padding: 0.8em 0.2em 0.5em 0.2em;
    text-decoration: none;
    font-size: 16pt;
    color: black;
    border: solid 2px #663516;
    border-radius: 10px;
    background: #ffdf9f;
    transition: .4s;
    position: relative;
    margin: 0.5em;
}

span.square_title{
    position: absolute;
    font-weight: bold;
    top: -6px;
    left: 100px;
    margin: 1em;
}

#square_right{
  display: inline-block;
  position: relative;
  left: 140px;
  height: 30px;
  width: 50px;
  margin: 15px;
  text-decoration: none;
  background: #fdc689;
  color: black;
  line-height: 20px;
  text-align: center;
  border: none;
  border-radius: 3px;
  box-shadow: 1px 2px 4px #d4842c;
}

#square_right:hover{  /* ホバー */
  background: #fdc689;
  color: white;
}

#square_right:active{  /* クリック時の設定 */
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  box-shadow:none;
}

.com_block {
    position: relative;
}
.com_block span.com_text {
    display: none;
}
.com_block span:hover span.com_text {
    background: none repeat scroll 0 0 #EEFFEE;
    border: 1px solid #CCCCCC;
    color: #000000;
    display: block;
    line-height: 1.2em;
    margin: 0.5em;
    padding: 0.5em;
    position: absolute;
    top: 20px;
    text-align: left;
    width: 12em;
}