*{
	margin: 0;
	padding:0;
}

img{
       max-width:100%;
       height:auto;
}

body  {
	margin:0;
	padding:0;
	color: #999999;
	font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif !important;
	background-color: #ffffff;
	text-align: center;
	margin:auto;


	}

h1     {
        padding-top:38px;
        padding-bottom:38px;

}

.mae_gazou{
        font-size:;80%
}

.mae_gazou:before{
        content:url(http://mikakuya.com/img/atama.gif);
        position: relative;
        top: 0.3em;
        margin-right: 0.5em
}


p#box {
        width:704px;
        border-bottom: 1px solid #000000;
   	margin:auto;
        font-size:80%;
}

#c2    {
        padding-top:38px;
        padding-bottom:0px;
}


.square{
       color:#e60012;
       font-size:100%;
}

.hissu{
       color:#e60012;
       font-size:90%;
}

p      {
	text-align: left;
}

.texta {
        width:704px;
        margin: 0 auto;
        font-size:80%;
        line-height:1.8em;
        padding-bottom:38px;
        letter-spacing:0.1em;
}

.textb {
        margin: 0 auto;
        font-size:80%;
        line-height:1.8em;
        margin-left:15px;
        margin-right:15px;
        padding-bottom:20px;
}

.textc {
        font-size:80%;
        line-height:1.8em;
        margin-left:15px;
        margin-right:15px;
        margin-top:30px;
        padding-bottom:20px;
}

.textx {
        width:704px;
        margin: 0 auto;
        font-size:80%;
        line-height:1.8em;
        letter-spacing:0.1em;
}

.textx2 {
        font-size:80%;
        line-height:1.8em;
        letter-spacing:0.1em;
        margin-left:15px;
        margin-right:15px;
}

.topmessage {
        width:704px;
        height:480px;
        margin: 0 auto;
        position: relative;
        background: url(http://mikakuya.com/img/top_m.png) no-repeat;
}

#tmtext {
        padding-top:10px;
        width:470px;
        top:0px;
        left:0px;
        font-size:80%;
        line-height:1.8em;
        margin: 0 auto;
        position: absolute;
	text-align: left;
}

.procati{
        padding-top:15px;
        padding-left:15px;
        background-color:#e60012;
        text-align: left;
}

p#procatitxt{
         font-size:70%;
         padding-top:5px;
         padding-right:20px;
         padding-bottom:20px;
         margin: 0 auto;
         color:#ffffff;
}

.topmessage2 {
        margin: 0 auto;
        padding-top:38px;
        padding-bottom:20px;
}

#tmtext2 {
        font-size:80%;
        line-height:1.8em;
	text-align: left;
        margin-left:15px;
        margin-right:15px;
        padding-bottom:50px;
}

.bpolicy{
        width:691px;
	text-align: left;
        font-size:80%;
        line-height:1.8em;
        padding-left:36px;
        margin: 0 auto;

}

.bpolicy2{
	text-align: left;
        font-size:80%;
        line-height:1.8em;
        padding-left:20px;
        margin-left:15px;
        margin-right:15px;

}

.ppolicy{
        width:680px;
	text-align: left;
        font-size:80%;
        line-height:1.8em;
        padding-left:16px;
        margin: 0 auto;
}

.ppolicy2{
	text-align: left;
        font-size:80%;
        line-height:1.8em;
        padding-left:16px;
        margin-left:15px;
        margin-right:15px;
}

ol.marun{
position: relative;
margin:0;
padding:0
}

ol.marun li  {
list-style: none;
list-style-position:outside;
margin:0;
padding-left:1.25em
}
ol li span {
position: absolute;
left:0;
margin:0
}

.thpo { padding-top:6px;
        width:640px;
        margin: 0 auto;
        padding-bottom:;20px
}

ul.thpo {
   margin:10px;              
   padding-top: 10px; 
}

ul.thpo li {
   width: 160px;          /* メニュー項目の横幅*/
   display: inline-block; /* ★横並びに配置する */
   list-style-type: none; /* ★リストの先頭記号を消す */
   position: relative;    /* ★サブメニュー表示の基準位置にする */
   text-align: left;
   font-size:70%;
   letter-spacing:0.1em;
   line-height:1.6em;
}



a:hover{
        text-decoration:none;
}

a     {
	color:#000000;
        text-decoration:none;
	}

.fl{
	float:left;
}

.fl2{
	padding-top:14px;
}

.fr{
	float:right;
}


.heti {
	display:inline-block;
        width:802px;
        height:52px;
        padding-top:20px;
        padding-left:;
	padding-bottom:34px;
        background-color:#ffffff;
        margin: 0 auto;
}

.heti2 {
        height:52px;
        padding-top:14px;
        padding-left:1px;
        background-color:#ffffff;
        margin: 0 auto;
}


#gnv {  
        margin: 0 auto;
	width:802px;
	height:38px;
}


#gnv li{
	list-style:none;
	float:left;
}

#gnv li a{
	display:block;
}

#gnv li a:hover{
	background-color:transparent;
}

#gnv li a:hover img{
	visibility:hidden;
}

#gnv li#navi01{
	background:url(../img/menutopb.gif) no-repeat;
}

#gnv li#navi02{
	background:url(../img/menu01b.gif) no-repeat;
}

#gnv li#navi03{
	background:url(../img/menu02b.gif) no-repeat;
}

#gnv li#navi04{
	background:url(../img/menu03b.gif) no-repeat;
}

#gnv li#navi05{
	background:url(../img/menu04b.gif) no-repeat;
}

#gnv li#navi06{
	background:url(../img/menu05b.gif) no-repeat;
}

#gnv li#navi07{
	background:url(../img/menu06b.gif) no-repeat;
}

#top_image{
        padding-top:10px;
        margin: 0 auto;

}

.trst {
        height:28px;
        background-color:#e5e5e6;
}

.trtx {
       width:702px;
       padding-top:8px;
       padding-left:2px;
       color:#000000;
       font-size:60%;
       margin: 0 auto;
}

.trst2 {
        height:28px;
        background-color:#e5e5e6;
}

.trtx2 {

       padding-top:8px;
       padding-left:2px;
       color:#000000;
       font-size:60%;
       margin: 0 auto;
}



.maim {
       padding-top:34px;
       margin: 0 auto;
       max-width:704px;
       min-width:;
}

.maim2 {
       margin: 0 auto;
       max-width:704px;
       min-width:;
}

#yokonaga {
       max-width:704px;
       min-width:;
}

.maim img { width: 100%; }

.maim2 img { width: 100%; }

#yokonaga img { width: 100%; }


#zinc {
       color:#ffffff;
}

#zinc a:hover {
   background-color: #cccccc; 
   color: #000000;            
}

#zinc a {
       color:#ffffff;
}

#zinc2 {
       color:#e60012;
       padding-top:20px;
}

#zinc2 a:hover {
       text-decoration:underline;
}

#zinc3 {
       padding-top:10px;
}

#engicon{
}

.formpc{
}

@media (max-width: 620px) {
     .heti, .gnv, #glme, #engicon, #top_image, .contents{
          display: none;
     }
}

@media (min-width: 620px) {
       .heti2, #zinc, #top_image2, .contents2{
          display: none;
     }
}

/* Toggle(Button) */
#navToggle {
	display: none;
	position:absolute;/*to body*/
	right:13px;
	top:34px;
	width:30px;
	height:25px;
	cursor:pointer}
#navToggle div {position:relative}
#navToggle span {
	display:block;
	position:absolute;/*to div*/
	width:100%;
	border-bottom:solid 3px #401000;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out}
#navToggle span:nth-child(1) {top:0px}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}

@media screen and (max-width: 620px) {
}

@media screen and (max-width: 620px) {
header nav {
	position:absolute;
	right:0;
    top:-800px; /*通常時はビュー外*/
	background:rgba(140, 105, 105, 1);
    width:80%;
	padding:0 10px;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
	transition:.5s ease-in-out;
	text-align:left}
header ul {margin:0}
header ul li {display:block;margin:0;border-bottom:dotted 0px #fff; line-height:2.6}
header ul li a {display:block}
header ul li::after {content:''}
header ul li:last-child {border-bottom:none}
/* Toggle(Button) */
#navToggle {display: block}
/* Click Toggle(Button) */
.openNav #navToggle span:nth-child(1) {
	top: 11px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)}
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
	top: 11px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)}
/*header menu*/
.openNav nav {
	-moz-transform: translateY(860px);
	-webkit-transform: translateY(860px);
	transform: translateY(860px)}
}

#red a{
     color:#ffffff;
     white-space:pre;
     line-height:2;
}

.eng {
     padding-top:20px;
     padding-bottom:10px;
}

.anme {
     width:704px;
     padding-top:20px;
     margin: 0 auto;
}

ul.anme {
   margin: 0px 0px 0px 0px;              
   padding: 0px 0px 0px 0px; 
}

ul.anme li {
   width: 228px;          /* メニュー項目の横幅*/
   display: inline-block; /* ★横並びに配置する */
   list-style-type: none; /* ★リストの先頭記号を消す */
   position: relative;    /* ★サブメニュー表示の基準位置にする */
}

ul.anme a {
   line-height: 19px;         /* メニュー項目のリンクの高さ */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   display: block;            /* ★項目内全域をリンク可能にする */
}


ul.anme ul {
   margin: 0px;        /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;       /* ★サブメニュー内側の余白(ゼロ) */
   display: none;      /* ★標準では非表示にする */
   position: absolute; /* ★絶対配置にする */
}

ul.anme ul li {
   text-align: left;    /* 文字列の配置(左寄せ) */
   width: 223px;               /* サブメニュー1項目の横幅 */
   line-height: 37px;   /* サブメニュー1項目の高さ(35px) */
   border-top: 1px dotted #ffffff; /* 項目上側の枠線 */
   padding-left: 5px;   /* 文字列前方の余白(5px) */
   background-color: pink; 
   font-size:90%;
}

ul.anme ul li a {
   text-align: left;    /* 文字列の配置(左寄せ) */
   line-height: 37px;   /* サブメニュー1項目の高さ(35px) */
   font-weight: normal; /* 太字にはしない */
}
ul.anme ul li a:hover {
   background-color: ; 
   color: #e60012;            
}

.anme2 {
     width:704px;
     padding-top:3px;
     margin: 0 auto;
}

#shadow {
    display: inline-block; 
    box-shadow: 0px 3px 15px -5px rgba(0, 0, 0, 0.8);
}

.footer {
        font-size:30%;
        color:#ffffff;
        margin-top:50px;
        height:30px;
        background-color:#e60012;
}

.footbase {
        height:3px;
        background-color:#000000;
}

.vam {
       vertical-align:middle;
       padding:10px;
}

#page-top {
    font-size: 0;
    position: fixed;
    bottom: 16px;
    right: 16px;
    opacity: 0;
}

#page-top.fade-in {
    color: #000;
    font-size: 60px;
    opacity: 0.8;
    transition: opacity 1s;
}

#pro_title{
    max-width:462px;
    min-width:;
    margin: 0 auto;
    padding-bottom:36px;
}

#pro_title img { width: 100%; }

#pro_title2{
    width:462px;
    margin: 0 auto;
    padding-bottom:36px;
}

#pspace{
    width:38px;
}

#ptd1{
    vertical-align:top;
}

.pcate{
    padding-top:40px;
    line-height:1.4em;
    letter-spacing:0.1em;
}

.pcatebt{
    padding-top:40px;
    padding-bottom:40px;
    line-height:1.4em;
    letter-spacing:0.1em;
}

.product{
    width:704px;
    background:#eeeeee;
    margin:0 auto;
    text-align:left;
    padding-top:20px;
}

.plabel{
    width:640px;
    height:25px;
    background:#e60012;
    margin:0 auto;
    text-align:left;
    color:#ffffff;
    padding-left:10px;
    padding-top:3px;
}

p.product{
    width:650px;
    font-size:72%;
    padding-top:20px;
    line-height:1.8em;
    letter-spacing:0.1em;
}

.product2{
    width:90%;
    background:#eeeeee;
    margin:0 auto;
    text-align:left;
    padding-top:20px;
}

.plabel2{
    width:88%;
    height:25px;
    background:#e60012;
    margin:0 auto;
    text-align:left;
    color:#ffffff;
    padding-left:10px;
    padding-top:3px;
}

p.product2{
    font-size:72%;
    padding-top:20px;
    line-height:1.8em;
    letter-spacing:0.1em;
}

#pch{
    padding-top:30px;
}

#pch2{
    padding-top:30px;
    padding-bottom:30px;
}

#form-tbl {
	margin-left: 1.5em;
}
#form {
	border-collapse: collapse;
	margin: 1em 0;
}
#form th, #form td {
	border: 1px solid #666;
	padding: 8px;
}
#form th {
	white-space: nowrap;
	background: #e8e8e8;
}
#form td {
	background: #fff;
}


@media only screen and (max-width: 480px) {
	#body { margin-left: 0; }
	
	/* 投稿フォーム */
	#form-tbl { margin: 0 auto; text-align: center; }
	#form { width: 80%; margin: 0 auto; }
    #form th, #form td {
    	text-align: left;
		width: 100%;
        display: block;
        padding: 6px 3px;
        border-top: none;
    }
    #form tr:first-child th	{ border-top: 1px solid #666; }
    p.btn input { 
                width: 10em;
                margin:0 auto;
              }
    
	/* 小見出し */
	h2 { margin: 1em 3px; width: 90%; }
	
	/* サンクス */
	p.msg { margin: 1em auto; }
}


.mikakuya{
	vertical-align:top;
	margin-bottom:10px;
        color:#3F1000;
        font-size:12px;
}

.mikakuya2{
	vertical-align:top;
	margin-bottom:10px;
        color:#3F1000;
        font-size:12px;
        text-align:center;
}


.contents  {
	background-color: #ffffff;
        background-image: url("../img/back_paper.gif");
        padding-top:15px;
	width: 802px;
        margin: 0 auto;
	text-align: center;
	}

.contents2  {
	background-color: #faeabb;
        padding-top:15px;
        padding-left:8px;
	text-align:left;
	margin-top:40px;
	}
.main {
	vertical-align:top;
	text-align:left;
        width:600px;
	margin-top:0px;
        margin-left:100px;
	margin-bottom:20px;
        color:#3F1000;
        font-size:14px;
	}

.main2 {
	vertical-align:top;
	text-align:center;
        width:680px;
	margin-top:0px;
        margin-left:60px;
	margin-bottom:20px;
        color:#3F1000;
        font-size:14px;
	}

.main3 {
	vertical-align:top;
	text-align:left;
        margin: 0 auto;
        color:#3F1000;
        font-size:14px;
	}

#headline01 {
	margin-top:10px;
	margin-bottom:30px;
	vertical-align:top;
	text-align:center;
        }

#headline02 {
	margin-top:;
	margin-bottom:10px;
	vertical-align:top;
	text-align:left;
        }

#month{
        font-size:18px;
        color:#008C1F;
}

.menu_name  {
       font-size:18px;
       font-weight:bold;
       font-family:"ＭＳ Ｐ明朝";
}

p{
	color:#555555;
	font-size:;
	letter-spacing: 0.05em;
	line-height: 150%;
        margin-top:10px;
        text-align:center;
        
}

.pstxt{
	color:#555555;
	font-size:;
	letter-spacing: 0.05em;
	line-height: 150%;
        margin-top:10px;
        text-align:left;
}

.pstxt2{
	color:#555555;
	font-size:18px;
	letter-spacing: 0.05em;
	line-height: 100%;
        margin-top:10px;
        text-align:left;
       font-weight:bold;
        color:#000000;
        font-family:"ＭＳ Ｐ明朝";
}

.topping{
       font-weight:bold;
	letter-spacing: 0.05em;
	line-height: 150%;
        margin-top:10px;
}

#course{
        font-size:18px;
        color:#b22222;
}

.regul{
        color:#3F1000;
}

#totop{
        width:95%;
	text-align:right;
        font-size:12px;
}