@charset "UTF-8";

.Point7e { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 7pt}
.Point9h { font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 9pt; line-height: 1.3;}
.Point10h { font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 10pt; line-height: 1.3;}
h3 {font-size:12pt; color:black;}

.navi-section {
	position: fixed;
	top:0;
	left:0;
	right: 0;
	width: 100%;
	background: #ebebeb;
}
.wrap {margin-top:129px;}

/* form */
.toi-tab,.cap-box-buy {width:93.75%; margin: 0 auto;}
.toi-tab th {padding:10px; background:#666; color:#fff; text-align:left; font-weight: normal;}
.toi-tab td {padding:10px; background:#ccc;}
.toi-tab input.ex1 {width:400px; padding:3px;}
.toi-tab input.ex2 {width:200px; padding:3px;}
.toi-tab textarea {width:400px; padding:3px;}

.center {text-align:center;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}

.sobi-ul {list-style:none; margin:0; padding:0;}
.sobi-ul li {
float:left;
width:50%;
margin-bottom:5px;	
}


/*---------------------------------- cleaarfix 
*/
.clear {clear: both;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}


.ani-1 {
animation: ani 0.5s ease 0.1s 1 forwards;
}
.ani-2 {
animation: ani 0.5s ease 0.2s 1 forwards;
}
.ani-3 {
animation: ani 0.5s ease 0.3s 1 forwards;
}
.ani-4 {
animation: ani 0.5s ease 0.4s 1 forwards;
}
.ani-5 {
animation: ani 0.5s ease 0.5s 1 forwards;
}
.ani-6 {
animation: ani 0.5s ease 0.6s 1 forwards;
}

.menu {width:666px; margin: 0 auto;}
.menu a, .menu img{ border:none !important;}


:root .navi li { opacity: 1 \0/; }  /* IE9 */

.menu ul, .meny li{ padding: 0; margin: 0; list-style: none;}
.navi li {float:left; margin: 0 5px; opacity: 0;}




/* menu anime */
@keyframes ani {
0% {
    opacity: 0;/* 透明 */
	transform: translateX(-10px);/* X軸方向に50px */
}
100% {
    opacity: 1;/* 不透明 */
}
}