@charset "utf-8";
/*==========================
 main image
==========================*/
#mainImg{ height:360px; position:relative; z-index:1;} 
#slide #mainImg{ background:url(../img/slide.jpg) top center repeat-x; } 
#premium #mainImg{ background:url(../img/premium.jpg) top center repeat-x;} 
.plan ul li a .info, .plan ul li a .text, #Include ul li a{-webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out;}
a:hover, a:hover img { opacity: 0.9; filter: alpha(opacity=90);}
/* NAV
------------------*/
#planMenu{ margin:10px 0 0;}
#planMenu ul li{ width:30%; float:left; display:inline; margin:0 1.5%; text-align:center; border:solid 1px #88C4F0; letter-spacing:3px;}
#planMenu ul li br { display:none;}
#planMenu ul li.now{ position:relative;}
#planMenu ul li.now img{ position:absolute; z-index:3; width:16px; height:auto; left:50%; bottom:-19px; margin-left:-8px;}
#planMenu ul li a{ display:block; background:#efefef; padding:7px 0 5px; color:#1A9DFF;}

#planMenu ul li a:hover{ box-shadow:0 0 0 3px #88C4F0 inset; background:#fff;}
#planMenu ul li.now a{ display:block; background:#88C4F0; color:#fff;}
#planMenu ul li a span{ display:block; font-size:10px; line-height:1.4em; color:#999;}
#planMenu ul li.now a span{ color:#fff;}


#planMenu ul li.sp{ border:solid 1px #FF9999;}
#planMenu ul li.sp a{ background:#fff; color:#FF9999;}
#planMenu ul li.sp a:hover{ box-shadow:0 0 0 3px #FF9999 inset; color:#fff; background:#FF9999;}
#planMenu ul li.sp a span{ color:#FF9999; }
#planMenu ul li.sp a:hover span{ color:#fff; }

@media screen and (max-width: 960px) {
#planMenu{ margin:10px 0;}
#planMenu ul li{ width:30%; margin:0 1.5%;}
}
@media screen and (max-width: 600px) {
#mainImg{height:220px; background-size:auto 100%;}
#premium #mainImg{ background-size:auto 100%;} 
#slide #mainImg{ background-size:auto 100%;} 
 
#planMenu {margin:0px 0 20px;}
#planMenu ul {background:#88C4F0; }
#planMenu ul li{margin:0 -1px; width:33%;}
#planMenu ul li a{ padding-bottom:10px; line-height:1.5em; background:#FFF; font-size:11px;}
#planMenu ul li a span{ line-height:2em; letter-spacing:0;}
#planMenu ul li br { display:block;}
}
/* PAGE TITLE
------------------*/
.PageTitle{ padding-top:10px; *padding-top:10px; padding-top:100px\9; margin:30px auto 40px; *margin:0 auto; margin:0 auto\9; background:url(../img/icon/plan.png) top center no-repeat; background-size:40px 40px; font-size:12px; color:#AA9A00; text-align:center; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:2.4em;}
.PageTitle em{ color:#AA9A00; font-size:24px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background:url(../img/index/plan_bk.gif) bottom center no-repeat; display:block; padding-bottom:20px;}
.PageTitle em span{ display:none;}
@media screen and (max-width: 960px) {
.PageTitle{ letter-spacing:4px;}
.PageTitle em{ font-size:20px;}
}
@media screen and (max-width: 680px) {
.PageTitle{ margin:40px 0 20px; letter-spacing:2px; font-size:11px;}
.PageTitle em{ font-size:22px;  background-size:84px auto; padding-bottom:10px;}
.PageTitle em span{ display:block; font-size:12px;  color:#AA9A00;}
}
@media screen and (max-width: 520px) {
.PageTitle{ margin:20px 0;}
.PageTitle em{ font-size:18px;}
.PageTitle em span{font-size:11px;}
}
/* PLAN
------------------*/
.plan{}
.plan h3{ padding:10px 0 10px; text-align:center; color:#222; font-size:18px; letter-spacing:3px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.plan h3 span{ display:block; line-height:18px; text-align:center; color:#666;}
.plan > .text{ text-align:center; padding:10px 0 25px; color:#666; letter-spacing:2px; line-height:1.6em;}
.plan > .recruit{ text-align:left; padding:10px 0 25px; color:#666; letter-spacing:2px; line-height:1.6em;}
.plan > .recruit br{ display:none;}
.plan > .text br{ display:none;}
.plan dl{ padding-bottom:10px; *padding-top:10px; padding-top:10px\9; background:url(../img/title_end.gif) center bottom no-repeat; }
.plan dl dt{ width:100%; float:left; text-align:center; color:#AA9A00; font-size:20px; line-height:1.7em; margin-bottom:50px;}
.plan dl dd { display:inline; color:#444;}
.plan dl dd.text{ width:55%; padding:0 4%; float:left; font-size:13.5px;}
.plan dl dd.recruit{ width:55%; padding:0 4%; float:left; font-size:13.5px;}
.plan dl dd.price{ width:30%; padding:25px 0 0; float:right; font-size:48px; line-height:1.2em; vertical-align:text-bottom; font-family:"Times New Roman", Times, serif;}
.plan dl dd.price span{ font-size:48px; vertical-align:baseline; line-height:1.4em; font-family:"Times New Roman", Times, serif;}
.plan dl dd.price .JPY{ display:inline; font-size:18px; color:#444;  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.plan .SPtitle{ display:none;}
@media screen and (max-width: 1250px) {
.plan{ width:94%; padding:0px 3% 10px; float:left;}
.plan > .text br{ display:block;}
.plan > .text br.br_no{ display:none;}
.plan > .recruit br{ display:block;}
.plan > .recruit br.br_no{ display:none;}
}
@media screen and (max-width: 960px) {
.plan h3 span{ color:#222;}
.plan dl { background-size:100% auto;}
.plan dl dt{font-size:16px; line-height:1.6em; margin-bottom:10px;}
.plan dl dd.text{ width:55%; padding:0; float:left; font-size:13px;}
.plan dl dd.recruit{ width:55%; padding:0; float:left; font-size:13px;}
.plan dl dd.price{ width:40%; font-size:40px; padding:50px 0 0;}
}
@media screen and (max-width: 680px) {
.plan { width:90%; padding:0px 5% 10px;}
.plan h3{font-size:15px; padding:10px 0 10px;}
#Include.plan h3{ padding:2
]0px 0 10px;}
.plan h3 span{ font-size:11px; color:#888;}
.plan > .text{ font-size:11px; letter-spacing:0; padding-bottom:20px; line-height:1.8em;}
.plan > .text br{ display:block;}
.plan > .text .br_no{ display:none;}
.plan > .recruit{ font-size:11px; letter-spacing:0; padding-bottom:20px; line-height:1.8em;}
.plan > .recruit br{ display:block;}
.plan > .recruit .br_no{ display:none;}
.plan dl { width:95%; margin:0px 2.5% 30px; padding-bottom:30px;}
.plan dl dt{ font-size:14px; margin-bottom:20px;}
.plan dl dd.text, 
.plan dl dd.recruit, 
.plan dl dd.price { width:100%; float:left; padding:0; margin-top:15px; text-align:left;}
.plan dl dd.price span{ font-size:40px;}
.plan dl dd.text { font-size:11.5px; line-height:1.5em;}
.plan dl dd.recruit { font-size:11.5px; line-height:1.5em;}
}
@media screen and (max-width: 570px) {
.plan dl dt{ text-align:left; letter-spacing:0;}
.plan dl dd.price span{ font-size:30px;}
.plan dl dd.price .JPY{ font-size:12px;}
}
@media screen and (max-width: 520px) {
.plan > .text{ text-align:left;}
.plan > .text br{ display:none;}
.plan > .recruit{ text-align:left;}
.plan > .recruit br{ display:none;}
.plan .SPtitle{ display:block; text-align:center;}
.plan .SPtitle span { display:block; text-align:center; background:#4DA6FF; color:#fff; font-size:10px; line-height:20px;}
}

.red {
    padding: 10px 0px;
    font-size: 110%;
	color:#ff0000;
}

/*料金表*/

.price_area {
    clear:both;
	margin: 0 auto; 
	line-height: 25px;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.price_area table   { width: 100%; }
.price_area th, .price_area td  { padding: 10px; border: 1px solid #ddd; }
.price_area th  { background: #f2f2f2; }
 
/*----------------------------------------------------
    .price01
----------------------------------------------------*/
.price01 th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    .price01 { }
    .price01 th,
    .price01 td{
    	margin: 0 auto; 
        width: 90%;
        display: block;
        border-top: none;
    }
    .price01 tr:first-child th   { border-top: 1px solid #ddd; }
}