@charset "UTF-8";
/* 
美しいスタイルシート
*/



body {
	height: 100%;
	line-height: 1.5;
	color: #333;
	font-family: "CI", Meiryo, "lr oSVbN", "MS PGothic", Osaka, sans-serif;
	font-size: 16px;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

select,input,button,textarea,button {
	font: 99% arial,helvetica,clean,sans-serif;
}

table {
	font-size: inherit;
	font: 100%;
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
}

* html div#idWrap{
    height:100%;
}
div#idWrap{
    width: 100%;
    margin:0px auto;
    position:relative;
    min-height: 100%;
}
body > #idWrap {
    height: auto;
}
#idContents{
    width:100%;
    margin:0 auto;
}
#idFooterWrap{
    height:38px;
    width:100%;
    background-color:#FFFFFF;
    position:absolute;
    bottom:0px;
    text-align:center;
}



h1 {
  position: relative;
  color: #333;
  display: inline-block;
  margin: 20px 0;
  text-shadow: 0 0 2px white;
	font-size: 26px;
}
h1:before {
  content: "";
  position: absolute;
  background: #ffd69d;
  width:  60px;
  height: 60px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
}
















img {
	border: 0;
}

input{
	font-family: "CI", Meiryo, "lr oSVbN", "MS PGothic", Osaka, sans-serif;
	font-size: 16px;
}

.border1{
	border: solid 1px black;

}

.flex{
  display: flex;
	flex-wrap: wrap;
	padding: 0px 100px 0px 0px;
}
.itemg{
	font-size: 16px;
	border: solid 2px skyblue;
	margin: 2px 5px;
	padding: 5px;
}
.item{
	font-size: 14px;
	border: dashed 2px pink;
	margin: 2px 5px;
	padding: 5px;
}
.center{
	text-align: center;
	width: 100%; /* これがないとコンテンツにautofitした小さなdivの中でcenterになる */
}

.sample_box7 {
    padding: 1em 1.5em;
    margin: 2em 0;
    background-color:#fff0f5;/*背景色*/
    border:1px solid #9370db;/*線*/
    color:#000000;/*文字色*/
    border-radius: 10px;/*角の丸み*/
}
.sample_box7 p {
    margin: 0; 
    padding: 0;
}

.kakomi-box14 {
 position: relative;
// margin: 2em auto;
margin: 1em 300px;
 padding: 1.2em;
// width: 90%;
 color: #FF5555; /* 文字色 */
 background-color: #fff;
 border: 4px double #CC0033; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 2px #ccc;/* 影の色 */
 font-size: 20px;
text-align: left;
}
.title-box14 {
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color:  #fff; /* タイトル背景色 */
 color: #CC0033; /* タイトル文字色 */
 font-size: 20px;
}

/* 角丸　影（タイトル）4 */
.kakomi-maru4 {
 position: relative;
 margin: 2em auto;
//margin:2em 300px;
 padding: 1.2em;
 width: 80%;
 border: 2px solid #ff9ece; /* 枠線の太さ・色 */
 color: #555555; /* 文字色 */
 background-color: #fff;
 box-shadow: 2px 2px 1px #c7c7c7;/* 影の色 */
 border-radius: 8px; /* 角の丸み */
}
.title-maru4 {
 position: absolute;
 left: 20px; /*（left）に変更すると左 */
 top: -15px;
 padding: 0 .5em;
 font-weight: bold;
 font-size: 1.1em;
 color: #ff9ece; /* タイトル色 */
 background-color: #fff;
}

.msgbox28 {
    position: relative;
    margin: 2em 0;
    padding: 35px 10px 25px 10px;/*↑→下←*/
    border: solid 2px skyblue;
		width: 40%;
}
.msgbox28 .msgbox28-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: skyblue;
    color: #ffffff;
    font-weight: bold;
}
.msgbox28 p {
    margin: 0; 
    padding: 20px;
}

/* submitボタン */
.submit-1{
  box-shadow: 0px 3px 0px blue;
	padding: 3px 8px 3px 8px;
	font-size: 14px;
}

.submit-taishoku {
  color: #fff;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
	padding: 3px 10px 3px 10px;
}
.submit-taishoku:hover {
  margin-top: 3px;
  color: #fff;
  background: #f56500;
  border-bottom: 2px solid #b84c00;
}








.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.clearfix {
	height:1%;  /* for IE */
}

#hmenu li{
 display: block;
 float: left;
}
#hmenu li a {
 color: #ffffff;
 background: brown;
 border-left: 1px solid #ffffff;
 width: 110px;
 display: block;
 text-align: center;
 line-height: 1.0;
 font-size:18px; line-height:18px; font-weight: normal; color: #EEEEEE;
 padding-top: 2px;
 padding-bottom: 4px;
 text-decoration: none;
}
#hmenu li a:hover {
 background: #ffaa88;
 font-weight:bold;color: #333333;
}
#dmenu li{
 display: block;
 float: left;
}
#dmenu li a {
 color: #ffffff;
 background: gray;
 border-left: 1px solid #ffffff;
 width: 100px;
 display: block;
 text-align: center;
 line-height: 1.0;
 font-size:18px; line-height:18px; font-weight: normal; color: #EEEEEE;
 padding-top: 2px;
 padding-bottom: 4px;
 text-decoration: none;
}
#dmenu li a:hover {
 background: #cccccc;
 font-weight:bold;color: #333333;
}
#helpnote {
 font-size:8px; line-height:10px; font-weight: normal; color: #8888ff;
}
#tshop {
 font-size:12px; line-height:12px; font-weight: bold; color: #888888; text-align: right;
}
#hshop {
 font-size:16px; line-height:16px; font-weight: bold; color: #ff0000; text-align: right;
}
#boldgray {
 font-size:16px; line-height:16px; font-weight: bold; color: gray;
}





A:link{   color:#8888ff; }
A:active{ color:#8888ff; }
A:visited{color:#8888ff; }
A:hover { color:#3333ff; }     
body { background: #ffffff}
.main{font-size:12px; line-height:14px; font-weight: normal;}
.mainwh{font-size:12px; line-height:16px; font-weight: normal; color: #EEEEEE;}
.mainred{font-size:12px; line-height:16px; font-weight: normal; color: #FF0000;}
.mainredb{font-size:12px; line-height:16px; font-weight: bold; color: #FF0000;}
.mainb{font-size:12px; line-height:16px; font-weight: bold;}
.mainbw{font-size:12px; line-height:16px; font-weight: bold; color: #333333;}
.mainbwh{font-size:14px; line-height:18px; font-weight: bold; color: #EEEEEE;}
.mini{font-size:11px; line-height:14px; font-weight: normal;}
.main14{font-size:14px; line-height:18px; font-weight: normal;}
.mainb14{font-size:14px; line-height:18px; font-weight: bold;}
.mainb14wh{font-size:14px; line-height:18px; font-weight: bold; color: #FFEEEE;}
.mainbw14{font-size:14px; line-height:18px; font-weight: bold; color: #333333;}
.mainbred14{font-size:14px; line-height:28px; font-weight: bold; color: #FF0000;}
.mainbgreen14{font-size:14px; line-height:18px; font-weight: bold; color: #00CC00;}
.main16{font-size:16px; line-height:20px; font-weight: normal;}
.main16red{font-size:16px; line-height:20px; font-weight: normal;color: #FF0000;}
.mainb16{font-size:16px; line-height:20px; font-weight: bold;}
.main18{font-size:18px; line-height:22px; font-weight: normal;}
.main20{font-size:20px; line-height:24px; font-weight: normal;}
.main28{font-size:28px; line-height:34px; font-weight: normal;}
.main32{font-size:32px; line-height:44px; font-weight: normal;}
.main38{font-size:38px; line-height:44px; font-weight: normal;}
.mainred20{font-size:20px; line-height:24px; font-weight: normal;color: #FF0000;}
.mainbred20{font-size:20px; line-height:24px; font-weight:  bold; color: #FF0000;}
.mainbred28{font-size:28px; line-height:36px; font-weight:  bold; color: #FF0000;}
.mainbpink28{font-size:28px; line-height:36px; font-weight: bold; color: #c71585;}
.main22{font-size:22px; line-height:26px; font-weight: normal;}
.main24{font-size:24px; line-height:28px; font-weight: normal;}
.ent{font-size:16px; line-height:20px; font-weight: bold; color: #ffffff;}
.entb{font-size:16px; line-height:20px; font-weight: bold;}
.entbb{font-size:16px; line-height:20px; font-weight: bold;}
.ent26bb{font-size:26px; line-height:30px; font-weight: bold;}
.ent20w{font-size:20px; line-height:24px; font-weight: bold; color: #FFFFFF;}
.bigredb{font-size:12px; line-height:16px; font-weight: bold; color: #FF0000;}
.point{font-size:26px; line-height:30px; font-weight: bold;}
.pointw{font-size:26px; line-height:30px; font-weight: bold; color: #FFFFFF;}
input,textarea,select{font-size:12px; line-height:16px;}
.bigredb{font-size:20px; line-height:24px; font-weight: bold; color: #FF0000;}
.nocome{font-size:20px; font-weight: bold; color: #FF0000; text-align:center;}
.nocome_blue{font-size:20px; font-weight: bold; color: blue; text-align:center;}
.nocome_pink{font-size:20px; font-weight: bold; color: #FF6666; text-align:center;}
.recepac{text-align:center;}
.pretrem{color: #C0C0C0; text-align:center;}
.footer{
  font-size:10px;
  line-height:10px;
  font-weight: normal;
  color: #AAAAFF;
	text-align: center;
}

.selectzo{font-weight:  bold; color: #FFFFFF; background:gray ; font-style:italic}
.selectdo{font-weight:  bold; text-align:right}
.select999{font-weight:  bold; text-align:right; color: #0000FF;}

.war1{font-size:14px; line-height:18px; font-weight: normal; color: #FF0000;text-decoration: blink}

.gpath{
font-size:10px; line-height:12px; color: #888888;
 float: left;
}
.ptitle{
font-size:16px; line-height:30px;
}
.welmsg{
font-size:10px; line-height:12px; color:orange
}
.textarea{
// background: #00f0f0;
 background: #3333aa;
}

.amtext{text-align:right; width: 135px;}

.maru{font-family: "CI", Meiryo, "メイリヨ", "MS PGothic", Osaka, sans-serif;font-size:26px; line-height:26px; font-weight: normal;letter-spacing:0px; text-decoration:none;}
.kaku{font-family: "ＭＳ ゴシック", "MS Gothic", Osaka, sans-serif;font-size:10px; line-height:10px; font-weight: normal;letter-spacing=0px;}

.grid-hcost2-staff-9to10-color{background-color: #ffff33}
.grid-hcost2-staff-since11-color{background-color: #ffc0cb;}

#chaya-img  {float:right}

.number1 {
	text-align: right;
	font-size:  16px;
}

.marunumm {
 height:25px;
 width:25px;
 border-radius:50%;
 line-height:25px;
 text-align:center;
 font-weight: 500;
 color: white;
 background:blue;
 font-size:14px;
}
.marunump {
 height:25px;
 width:25px;
 border-radius:50%;
 line-height:25px;
 text-align:center;
 font-weight: 500;
 color: white;
 background:#FF07B2;
 font-size:14px;
}
.marunumy {
 height:25px;
 width:25px;
 border-radius:50%;
 line-height:25px;
 text-align:center;
 font-weight: 500;
 color: white;
 background:#CCCC00;
 font-size:14px;
}