@charset "utf-8";


/** Common **/
body {
	background-image:url(../img/bg_body.gif);
	background-position:0 300px;
	background-repeat:repeat-x;
}

#main p { margin-bottom:10px; }
h2 img, h3 img, h4 img { display:block; }
.attention { color:#ee0000; font-weight:bold; }

#title {
	width:980px;
	height:160px;
	margin:0 auto 30px;
	background:url(../img/bg_title.jpg) no-repeat;
}
#title h2 {
	color:#f0641e;
	font-size:30px;
	font-weight:bold;
	text-align:left;
	padding-top:115px;
	letter-spacing: 0.2em;
}
#main h2 {
	width:700px;
	color:#222;
	font-size:24px;
	font-weight:bold;
	line-height:1.0em;
	padding:18px 15px 18px 25px;
	margin-bottom:20px;
	background:url(../img/bg_h2.gif) repeat-y;
}
#main h3 {
	width:705px;
	height:30px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:1.0em;
	padding-left:35px;
	padding-top:10px;
	margin-bottom:20px;
	background:url(../img/bg_h3.gif) no-repeat;
}
#main h4 {
	font-size:16px;
	font-weight:bold;
	color:#0090dc;
	margin-bottom:15px;
}
.ttl-image {
	width:auto !important;
	height:auto !important;
	background-color:transparent;
	background-image:none !important;
	border:none !important;
	padding:0 !important;
	margin:0 auto;
}
ul.list-square,
ul.list-circle,
ul.list-check {
	width:96%;
	font-size:14px;
	font-weight:bold;
	margin:0 auto 15px;
}
ul.list-square li {
	padding:4px 0 4px 20px;
	background:url(../img/list-square.gif) no-repeat 0 8px;
}
ul.list-check li {
	padding:8px 0 8px 30px;
	background:url(../img/list-check.gif) no-repeat 0 4px;
	border-bottom:1px dotted #aaa;
}
ul.list-circle li {
	padding:4px 0 4px 20px;
	background:url(../img/list-circle.png) no-repeat 0 9px;
}




/* Box */
.box-shadow {
	border:1px solid #ccc;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
}
.box-r6 {
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.box-btm-r6 {
	border-radius:0 0 6px 6px / 0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px / 0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px / 0 0 6px 6px;
}
.box-top-r6 {
	border-radius:6px 6px 0 0 / 6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0 / 6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0 / 6px 6px 0 0;
}
.box-attention {
	width:696px;
	padding:30px 20px 20px;
	background-color:#fffde6;
	border:2px solid #ffa058;
}
.box-attention li {
	font-weight:bold;
	padding-top:5px;
	padding-left:20px;
	background:url(../img/list-circle.png) 0 10px no-repeat;
}
p.ttl {
	font-size:18px;
	font-weight:bold;
	color:#0090dc;
}



/** side **/
#side-trial {
	width:220px;
	margin-bottom:20px;
}
#side-trial #side-trial-inner {
	width:202px;
	border:2px solid #cb0101;
	padding:10px 7px 15px;
}
#side-trial-inner p {
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.side-contents {
	width:220px;
	margin-bottom:20px;
}
.side-contents h3 {
	width:205px;
	height:30px;
	font-size:16px;
	font-weight:bold;
	padding-left:15px;
	margin-bottom:5px;
	background:url(../img/side_bg-ttl.gif);
}
.side-contents li {
	width:205px;
	padding-top:5px;
	padding-left:18px;
	background:url(../img/arrow.gif) 3px 10px no-repeat;
}
#side-teacher {
	width:220px;
	margin-bottom:20px;
}
#side-teacher #side-teacher-inner {
	width:202px;
	border:2px solid #5aaa0c;
	padding:10px 7px 15px;
}
#side-teacher-inner p {
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
#side-teacher-inner .photo {
	width:132px;
	height:135px;
	margin:10px auto 3px;
}
#side-teacher-inner .name {
	font-weight:normal;
	margin:0 0 10px;
}
#side a,
#side a:link { color:#555; text-decoration:none; }
#side a:hover,
#side a:active { color:#e60012; text-decoration:underline; }



/** button **/
.button {
	display:block;
	background-position:0 0;
	overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
.button-trial {
	width:202px;
	height:40px;
	background-image:url(../img/btn-trial.gif);
}
.button-trial:hover { background-position:0 -40px; }
.button-trial2 {
	width:202px;
	height:104px;
	background-image:url(../img/btn-trial2.gif);
}
.button-trial2:hover { background-position:0 -104px; }
.button-teacher {
	width:202px;
	height:40px;
	background-image:url(../img/btn-teacher.gif);
}
.button-teacher:hover { background-position:0 -40px; }
.button-detail {
	width:202px;
	height:40px;
	background-image:url(../img/btn-detail.gif);
}
.button-detail:hover { background-position:0 -40px; }
.button-fax {
	width:202px;
	height:40px;
	background-image:url(../img/btn-fax.gif);
}
.button-fax:hover { background-position:0 -40px; }
.button-contact {
	width:202px;
	height:40px;
	background-image:url(../img/btn-contact.gif);
}
.button-contact:hover { background-position:0 -40px; }
.side-button-support {
	width:220px;
	height:60px;
	background-image:url(../img/side_btn-support.gif);
}
.side-button-support:hover { background-position:0 -60px; }
.side-button-teacher {
	width:220px;
	height:60px;
	background-image:url(../img/side_btn-teacher.gif);
}
.side-button-teacher:hover { background-position:0 -60px; }
.footer-button-faq {
	width:188px;
	height:29px;
	background-image:url(../img/footer_btn-faq.gif);
	float:right;
}
.footer-button-faq:hover { background-position:0 -29px; }
.footer-button-contact {
	width:188px;
	height:29px;
	background-image:url(../img/footer_btn-contact.gif);
	float:right;
}
.footer-button-contact:hover { background-position:0 -29px; }
.button-return-list {
	width:110px;
	height:25px;
	background-image:url(../img/btn-return-list.gif);
}
.button-return-list:hover { background-position:0 -25px; }

.button-voice {
	width:602px;
	height:62px;
	background-image:url(../img/btn_questionnaire.gif);
	margin:auto auto 40px;
}
.button-voice-02 {
	width:602px;
	height:62px;
	background-image:url(../img/btn_questionnaire_02.gif);
	margin:auto auto 40px;
}
.button-voice:hover, .button-voice-02:hover { background-position:0 bottom;}


/** table **/
.table-company {
	width:740px;
	margin:0 auto;
}
.table-company th {
	width:190px;
	padding:10px 0;
	color:#eee;
	font-weight:bold;
	text-align:center;
	background-color:#cb0101;
	border-bottom:1px solid #ccc;
}
.table-company td {
	padding:10px 15px;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc; 
	border-bottom:1px solid #ccc;
}

.table-price {
	width:740px;
	margin:0 auto 20px;
	border:1px solid #ccc;
}
.table-price th {
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	line-height:1.2em;
	padding:5px 0;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.table-price td {
	text-align:center;
	padding:10px 15px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.table-price th.top {
	color:#eee;
	background-color:#cb0101;
}
.table-price .we {
	background-color:#fef6c3;
}


/** 中国語講師を探す Banner **/
.link-search {
	width:740px;
	height:210px;
	margin:30px auto 60px;
}
.link-search a.banner {
	width:740px;
	height:145px;
	display:block;
	background-image:url(../img/bnr_search.jpg);
	background-position:0 0;
	overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}
.link-search a.banner:hover { background-position:0 -145px; }



/** 料金システム **/
#price { margin:0 auto 40px; }

#price-compare { margin:0 auto 30px; }
#price-compare p.comment {
	color:#777;
	font-size:11px;
	text-align:right;
	line-height:1.4em;
	margin-bottom:20px;
}

#price-merit { margin:0 auto 30px; }
.price-merit-inner-01 { margin-bottom:20px; }
.price-merit-inner-01 img { float:left; }
.price-merit-inner-01 ul { float:right; width:440px; }
.price-merit-inner-02 img { float:right; }
.price-merit-inner-02 ul { float:left; width:440px; }
.price-merit-inner-01 li,
.price-merit-inner-02 li {
	font-size:13px;
	font-weight:bold;
	padding:5px 0 5px 30px;
	background:url(../img/ico_check.png) no-repeat 0 3px;
}

#price-payment { margin: 0 auto 30px; }

.banner-price {
	width:700px;
	height:160px;
	margin:30px auto 40px;
}
#repayment { width:740px; margin-bottom:20px; }
#repayment #repayment-inner {
	width:696px;
	padding:15px 20px 5px;
	border:2px solid #cb0101;
}
#repayment-inner p {
	font-size:13px;
	margin-bottom:15px;
}



/** 受講の流れ **/
.box-step {
	width:680px;
	min-height:213px;
	padding:30px 30px 10px;
	background-image:url(../img/start_bg-step.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.box-step-06 {
	background-image:url(../img/start_bg-step06.gif);
}
.box-step .ico {
	float:left;
}
.box-step .text {
	float:right;
	width:550px;
}
.start-step-arrow {
	width:110px;
	height:20px;
	margin:0 auto 10px;
	background-image:url(../img/start-arrow-step.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
p.onepoint {
	height:34px;
	line-height:150%;
	padding:0 0 0 65px;
	background-image:url(../img/one-point.gif);
	background-position:0 4px;
	background-repeat:no-repeat;
}

#about-trial { margin:0 auto 30px; }
.about-trial-inner {}
.about-trial-inner .text {
	width:425px;
	float:left;
}
.about-trial-inner img {
	float:right;
}

p.ttl-anshin {
	margin:0 !important;
	padding:0 !important;
}
#box-anshin {
	width:696px;
	height:auto;
	padding:0 20px 30px;
	margin-bottom:60px;
	background-color:#fffde6;
	border:2px solid #ffa058;
	border-top:none;
}
#box-anshin li {
	font-weight:bold;
	padding-top:5px;
	padding-left:20px;
	background:url(../img/list-circle.png) 0 10px no-repeat;
}



/** レッスンの特長 **/
#benefit-teacher { margin:0 auto 30px; }

/* 講師写真 */
.photo-teacher {
	width:740px;
	margin:30px auto 30px;
}
.box-photo {
	float:left;
	width:132px;
	height:162px;
	padding:3px;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
}
.box-photo img {
	widows:132px;
	height:162px;
}

#benefit { margin:0 auto 60px; }
#benefit-01,
#benefit-02,
#benefit-03,
#benefit-04,
#benefit-05,
#benefit-06 { margin-bottom:30px; }

#benefit-01-inner {
	margin-bottom:15px;
}
#benefit-01-inner .text {
	width:415px;
	float:left;
}
#benefit-01-inner img {
	float:right;
}

#benefit-02 .text,
#benefit-03 .text,
#benefit-04 .text,
#benefit-05 .text,
#benefit-06 .text {
	width:600px;
	float:right;
}
#benefit-02 img.ico,
#benefit-03 img.ico,
#benefit-04 img.ico,
#benefit-05 img.ico,
#benefit-06 img.ico {
	float:left;
}



/** よくある質問 **/
#faq-list { margin:0 auto 20px; }
.content-half-left {
	width:360px;
	height:auto;
	float:left;
}
.content-half-right {
	width:360px;
	height:auto;
	float:right;
}
.box-faq-list {
	width:356px;
	margin-bottom:15px;
	border:2px solid #cb0101;
}
.box-faq-list h4 {
	width:336px;
	height:27px;
	padding:6px 0 0 20px;
	margin:0 !important;
	color:#fff !important;
	font-size:18px;
	font-weight:bold;
	background-color:#cb0101;
}
.box-faq-list ul {
	width:330px;
	margin:10px auto 15px;
}
.box-faq-list li {
	padding-top:5px;
	padding-left:20px;
	background:url(../img/arrow.gif) 3px 10px no-repeat;
}



/** よくある質問 詳細 **/
#faq-detail { margin-bottom:60px; }
#faq-ttl-index {
	width:740px;
	height:36px;
	position:relative;
}
#faq-ttl-index #ttl-index {}
#faq-ttl-index a {
	position:absolute;
	right:0;
	top:0;
}
#box-faq-index {
	width:696px;
	padding:18px 20px 20px;
	margin-bottom:50px;
	background:url(../img/bg-grid.gif) repeat;
	border:2px solid #cb0101;
	border-top:none;
}
#box-faq-index li {
	font-size:14px;
	font-weight:bold;
	padding:7px 0 7px 20px;
	background:url(../img/arrow.gif) 3px 12px no-repeat;
	border-bottom:1px dotted #8899aa;
}
.box-faq {
	width:696px;
	padding:25px 20px 10px;
	margin-bottom:5px;	
	background-color:#ffffe6;
	border:2px solid #ffa058;
	clear:both;
}
.box-faq .question {
	min-height:36px;
	color:#0090dc;
	font-weight:bold;
	padding:6px 0 0 45px;
	margin-bottom:0 !important;
	background:url(../img/faq_ico-q.gif) 0 0 no-repeat;
	border-bottom:1px dotted #ffa058;
}
.box-faq .answer {
	min-height:30px;
	padding:6px 0 0 45px;
	margin-top:10px;
	background:url(../img/faq_ico-a.gif) 0 0 no-repeat;
}
.faq-back-top {
	width:140px;
	height:24px;
	background-image:url(../img/faq_btn-backtop.gif);
	float:right;
	margin-bottom:20px;
}
.faq-back-top:hover { background-position:0 -24px; }



/** 生徒様の感想 **/
.box-voice {
	width:740px;
	height:auto;
	padding-bottom:30px;
	margin-bottom:20px;
	background-image:url(../img/voice_bg-box-bottom.gif);
	background-position:0 bottom;
	background-repeat:no-repeat;
}
.box-voice-inner {
	width:740px;
	height:auto;
	background-image:url(../img/voice_bg-box.gif);
	background-position:0 0;
	background-repeat:repeat-y;
}
.box-voice .ttl-date,
.box-voice h4 {
	width:690px;
	color:#0090dc;
	font-size:16px;
	font-weight:bold;
	padding:25px 26px 0;
	background-image:url(../img/voice_bg-box-top.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.box-voice p {
	width:690px;
	margin:0 auto;
	line-height:200%;
	background:url(../img/voice_bg-box-p.gif) repeat;
}



/** 利用規約　個人情報保護について  **/
#agreement,
#privacy {
	margin:0 auto 60px;
}
#agreement p,
#privacy p {
	margin-bottom:10px;
}
#agreement ul,
#privacy ul {
	width:720px;
	margin-bottom:20px;
	padding-left:20px;
}
#agreement li,
#privacy li {
	list-style-type: decimal;
	margin-bottom:10px;
}



/** 記事 **/
#blog-list {}
#blog-list ul li {
	min-height: 120px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom:1px dotted #8899aa;
}

.blog-thumbnail {
	width: 120px;
	height: 120px;
	float: left;
	margin-right: 20px;
	display: block;
}
.blog-title {
	font-size: 16px;
	font-weight:bold;
	margin-bottom:15px;
	line-height:32px;
}
.blog-title {
	display:block;
	line-height:32px;
}
.blog-abstract a {
	text-decoration: none !important;
	color:#555 !important;
}

.list1 li {
	font-weight:bold;
	padding-top:5px;
	padding-left:20px;
	background:url(../img/list-square.gif) 5px 10px no-repeat;
}
.list3 li {
	padding-top:5px;
	padding-left:20px;
	background:url(../img/list-circle.png) 5px 10px no-repeat;
}

/** 返金 **/
#top-poricy2 {
	width:680px;
	padding:10px 30px 20px;
	margin-bottom:40px;
	background-color:#fffef0;
	border:2px solid #d2e6b4;
}
#top-poricy2 h3 {
	margin-bottom:15px;
}
#top-poricy2 p {
	width:680px;
	line-height:30px;
	background:url(../img/top_bg-poricy.gif) repeat;
}

/** 理念 **/
#top-poricy {
        width:680px;
        padding:10px 30px 20px;
        margin-bottom:15px;
        background-color:#fffef0;
        border:2px solid #D2E6B4;
}
#top-poricy h3 {
        margin-bottom:15px;
}
#top-poricy p {
        width:680px;
        line-height:30px;
        background:url(../img/top_bg-poricy.gif) repeat;
        font-size:14px;
}


/** アンケート **/
#questionnaire { margin-top:40px; }
.questionnaire-lightbox a {
	display:block;
	width:674px;
	height:944px;
	margin:0 auto 20px;
	border:1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*
.questionnaire-lightbox a {
	float:left;
	margin-bottom:30px;
	border:1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.questionnaire-lightbox a:nth-child(2n) {
	float:right;
}
*/


.block-letter * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.block-letter .thumbnail-letter {
	position:relative;
	float:left;
	width:160px;
	border:1px solid #aaa;
}
.block-letter .thumbnail-letter img {
	max-width:100%;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
.block-letter .thumbnail-letter a:hover img {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.block-letter .thumbnail-letter .loupe {
	position:absolute;
	top:calc(50% - 32px);
	left:calc(50% - 32px);
	width:64px;
	height:64px;
	background-image: url(../img/ico_loupe.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.block-letter .thumbnail-letter a:hover .loupe {
	background-image: url(../img/ico_loupe_r.png);
}
.text-letter {
	float:right;
	width:560px;
	padding:20px;
	margin-bottom:30px;
	border:1px solid #aaa;
	box-shadow: 5px 5px rgba(0,0,0,0.2);
}
.lt-lightbox .text-letter {
	float:none;
	width:800px;
	margin:0 auto;
}
.lt-lightbox img {
	margin:0 auto 30px;
}
.text-letter p {
	line-height:1.5;
}
.text-letter p.lt-question {
	color:#eb6100;
	font-size:13px;
	font-weight:bold;
	padding-top:8px;
	padding-left:20px;
	margin-bottom:7px !important;
	background-image: url(../img/list-circle.png);
	background-repeat: no-repeat;
	background-position: 0 13px;
}
.text-letter p.lt-answer {
	font-size:13px;
	padding-bottom:18px;
	padding-left:20px;
	margin-bottom:10px;
	border-bottom:1px solid #aaa;	
}
.text-letter p.lt-answer:last-child {
	padding-bottom:0;
	border:none;
}
.lt-lightbox {
	display:none;
}

/** 追加　ボタン **/
.button-simple {
	position: relative;
	font-weight: bold;
	line-height:1.3em;
	width:95%;
	padding: 10px 20px;
	margin: 5px 5px 15px 5px;
	border-radius: 30px;/*角の丸み*/
	font-size: 2.1em;/*文字サイズ*/
	background-color: #00a41a;/*背景色*/
	color: #fff;/*文字色*/
	display: inline-block;
	text-shadow: 1px 1px 0px rgb(0, 0, 0, 0.3);
	box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
}
.button-simple:before {
	font-family: FontAwesome;
	content: '\f144';/*好きなアイコン*/
	color: #eeee22;/*アイコンの色*/
	margin-right: 3px;
}
a:hover .button-simple {
	background-color: #cc0000;/*触れたときの背景色*/
	color: #fff;/*触れたときの文字色*/
	box-shadow: 0 0px 0 rgb(0, 0, 0, 0.3);
	animation-play-state: paused;
	top: 3px;
}


.button-simpleor {
	position: relative;
	font-weight: bold;
	line-height:1.3em;
	padding: 10px 20px;
	width:95%;
	margin: 0px 5px;
	border-radius: 25px;/*角の丸み*/
	font-size: 2.1em;/*文字サイズ*/
	background-color: #FF8506;/*背景色*/
	color: #fff;/*文字色*/
	display: inline-block;
	text-shadow: 1px 1px 0px rgb(0, 0, 0, 0.3);
	box-shadow: 0 3px 0 rgb(0, 0, 0, 0.3);
}
.button-simpleor:before {
	font-family: FontAwesome;
	content: '\f144';/*好きなアイコン*/
	color: #eeee22;/*アイコンの色*/
	margin-right: 3px;
}
a:hover .button-simpleor {
	background-color: #cc0000;/*触れたときの背景色*/
	color: #fff;/*触れたときの文字色*/
	box-shadow: 0 0px 0 rgb(0, 0, 0, 0.3);
	animation-play-state: paused;
	top: 3px;
}


.purupuru {
	animation: purupuru 0.1s infinite;
}
@keyframes purupuru {
	0% {
		transform: translate(0px, 0px)
	}
	50% {
		transform: translate(0px, 1px) rotateZ(1deg)
	}
}
/** 追加　ボタン **/