@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	font-style : normal;
	font-weight : normal;
}

body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size : 14px;
	color: #333333;
}

/*共通
------------------------------------------------------------*/
a {
	text-decoration: none;
}

a:focus {
	outline:none;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

img {
	border-style: none;
}

table {
}

.p10 {padding: 10px;}
.p_tl10 {padding: 10px 0 0 10px;}
.p_t20l10 {padding: 20px 0 0 10px;}
.pt10 {padding-top: 10px;}
.pl10 {padding-left: 10px;}
.pr10 {padding-right: 10px}
.pb15 {padding-bottom: 15px}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.pl84 {padding-left: 84px;}

/*ヘッダー
------------------------------------------------------------*/
#header_area {
	width: 100%;
	margin: 0 auto;
	background: url(../images/head_rep.gif) center top repeat-x;
	height: 39px;
}

.header {
	width: 960px;
	margin: 0 auto;
}

.top {
	padding-top: 3px;
	text-align: center;
}


/*コンテンツ
----------------------------------------------*/
#contents_area {
	margin: 0 auto;
	width: 960px;
	height: auto;
	overflow: hidden;
	padding: 0 7px;
	background:url(../images/rep.gif) repeat-y;
}

#contents_area a:hover {
	color: #ff0066;
	zoom: 1.0;
	opacity: 0.50;
	filter: alpha( opacity=50 );
	filter: alpha ( opacity=50 );
	-ms-filter: "alpha( opacity=50 )";
	-khtml-opacity: 0.50;
	-moz-opacity: 0.50;
}


/*メイン
----------------------------------------------*/
.main {
	width: 945px;
	padding-bottom: 15px;
}


/*共通
----------------------------------------------*/
.cmn_box {
	width: 946px;
	height: auto;
	overflow: hidden;
	margin-bottom: 30px;
}

.cmn_box a:hover {
	zoom: 1.0;
	opacity: 0.50;
	filter: alpha( opacity=50 );
	filter: alpha ( opacity=50 );
	-ms-filter: "alpha( opacity=50 )";
	-khtml-opacity: 0.50;
	-moz-opacity: 0.50;
	position: relative;
	top: 2px;
	left: 2px;
}

.title {
	margin: 0 0 20px 10px;
}

.text {
	font-size: 17px;
	font-weight: bold;
	width: 880px;
	margin:0 auto 20px auto;
}

/*お試しコース
----------------------------------------------*/
.ac {
	text-align: center;
}


/*シナブロで学ぶ3つの理由
----------------------------------------------*/
.reason {
	width: 915px;
	margin: 0px auto;
	height: 353px;
}

.reason p {
	padding: 130px 20px 0 20px;
	font-weight: bold;
	font-size: 15px;
	line-height: 170%;
}

.reason .reason_btn {
	width: 200px;
	margin: 30px auto 0 auto;
}

.reason_1 {
	width: 295px;
	height: 353px;
	background:url(../images/reason_1.gif) no-repeat;
	margin: 0 10px 0 5px;
	float: left;
}

.reason_2 {
	width: 295px;
	height: 353px;
	background:url(../images/reason_2.gif) no-repeat;
	margin-right: 10px;
	float: left;
}

.reason_3 {
	width: 295px;
	height: 353px;
	background:url(../images/reason_3.gif) no-repeat;
	float: left;
}

.contact_banner {
	margin-left: 1px;
	margin-bottom: 30px;
}


/*韓国語を学ぶあなたの目的は？
----------------------------------------------*/
.purpose {
	width: 900px;
	height: auto;
	margin: 0px auto;
}

.purpose_left {
	width: 491px;
	float: left;
	margin-left: 40px;
}

.purpose_left ul {
	margin-top: 20px;
}

.purpose_left ul li {
	background: url(../images/check.gif) left center no-repeat;
	font-size: 18px;
	line-height: 240%;
	color: #ff3366;
	font-weight: bold;
	padding-left: 40px;
	margin-left: 45px;
}

.purpose_right {
	float: left;
	margin-top: -10px;
}

.purpose_txt {
	clear: both;
	font-size: 18px;
	font-weight: bold;
	margin-left: 60px;
}

.purpose_txt span {
	color: #2e5fd0;
	font-size: 25px;
	font-weight: bold;
}

.purpose_box {
	background: url(../images/purpose_box.gif) no-repeat;
	width: 625px;
	height: 85px;
	margin: 10px auto 20px auto;
	padding: 15px 20px;
}

.blue {
	color: #3061d1;
	font-weight: bold;
	line-height: 140%;
	font-size: 20px;
}

.center {
	text-align: center;
	font-size: 18px;
	margin-top: 4px;
}

.cource_box {
	width: 875px;
	height: 266px;
	margin: 15px auto 0 auto;
}


/*シナブロへのアクセス
----------------------------------------------*/
.access_box {
	background: url(../images/access_box.gif) no-repeat;
	width: 780px;
	height: 500px;
	margin: 0 auto;
	padding: 20px 20px;
}

.access_box ul {
	margin: 20px 0 30px 50px;
	line-height: 200%;
}

.access_box ul li {
	font-size: 20px;
	font-weight: bold;
	padding-left: 200px;
	vertical-align: middle;
}

.access_1 li {
	background:url(../images/access_1.gif) left center no-repeat;
}

.access_2 li {
	background:url(../images/access_2.gif) left center no-repeat;
	height: 30px;
}

.access_3 li {
	background:url(../images/access_3.gif) left center no-repeat;
}

.access_4 li {
	background:url(../images/access_4.gif) left center no-repeat;
	height: 33px;
}

.access_5 li {
	background:url(../images/access_5.gif) left center no-repeat;
}

.access_box p {
	font-size: 23px;
	color: #ff3366;
	font-weight: bold;
	margin-left: 120px;
}

.sub_title {
	margin:40px 0 20px 40px;
}

.access_txt {
	font-size: 16px;
	color: #ff507c;
	margin: 0 0 3px 80px;
	font-weight: bold;
}

.access_link {
	font-size: 16px;
	color: #ff507c;
	margin: 4px 0 0 80px;
	text-decoration: underline;
}

.access_link a{
	color: #ff507c;
	font-weight: bold;
}


#map {
	width: 806px;
	height: 550px;
	border: 3px solid #afc7ff;
	margin: 0 auto;
}


/*シナブロへのお問い合わせ
----------------------------------------------*/
.sub_title2 {
	margin:20px 0 20px 40px;
}

.contact_txt {
	font-size: 16px;
	color: #ff0000;
	margin: 30px 0 0 160px;
}
.contact_txt2 {
	font-size: 16px;
	margin: 30px 160px 0 160px;
}

.contact_table {
	width: 630px;
	margin: 20px auto 30px auto;
	font-size: 16px;
}

.contact_table th {
	width: 40%;
	text-align: left;
	vertical-align: top;
	padding: 7px;
	font-weight: bold;
	color: #2e5fd0;
	width: 40%;
}

.contact_table td {
	width: 60%;
}
.contact_table th span {
	color: #fc0000;
}

.form_btn {
	width: 450px;
	height: 60px;
	margin: 0px auto;
}

.form_btn input:hover {
	zoom: 1.0;
	opacity: 0.60;
	filter: alpha( opacity=60 );
	filter: alpha ( opacity=60 );
	-ms-filter: "alpha( opacity=60 )";
	-khtml-opacity: 0.60;
	-moz-opacity: 0.60;
	position: relative;
	top: 2px;
	left: 2px;
}

.form_rst {
	background: url(../images/contact_btn_1.gif) no-repeat;
	width: 158px;
	height: 44px;
	float: left;
	vertical-align: bottom;
	border: 0;
	margin-top: 5px;
	text-indent: -9999px;
	cursor: pointer;
}

.form_chk {
	background: url(../images/contact_btn_2.gif) no-repeat;
	width: 234px;
	height: 52px;
	float: right;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
}


/***********▽confirmation.php▽***********/
.required {
	color: #ff0000;
}

.form_btn2 {
	width: 234px;
	height: 60px;
	margin: 0 auto;
}

.form_btn2 input:hover {
	zoom: 1.0;
	opacity: 0.60;
	filter: alpha( opacity=60 );
	filter: alpha ( opacity=60 );
	-ms-filter: "alpha( opacity=60 )";
	-khtml-opacity: 0.60;
	-moz-opacity: 0.60;
	position: relative;
	top: 2px;
	left: 2px;
}

.form_btn3 {
	width: 455px;
	height: 60px;
	margin: 0px auto;
}

.form_btn3 input:hover {
	zoom: 1.0;
	opacity: 0.60;
	filter: alpha( opacity=60 );
	filter: alpha ( opacity=60 );
	-ms-filter: "alpha( opacity=60 )";
	-khtml-opacity: 0.60;
	-moz-opacity: 0.60;
	position: relative;
	top: 2px;
	left: 2px;
}

.form_rtn {
	background: url(../images/contact_btn_3.gif) no-repeat;
	width: 234px;
	height: 53px;
	float: left;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
}

.form_snd {
	background: url(../images/contact_btn_4.gif) no-repeat;
	width: 158px;
	height: 53px;
	float: right;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
}


/***********△confirmation.php△***********/

/***********▽complete.php▽***********/
.contact_btn5 {
	width: 160px;
	height: 55px;
	margin: 30px auto 0px auto;
}

.contact_btn5 a:hover {
	zoom: 1.0;
	opacity: 0.60;
	filter: alpha( opacity=60 );
	filter: alpha ( opacity=60 );
	-ms-filter: "alpha( opacity=60 )";
	-khtml-opacity: 0.60;
	-moz-opacity: 0.60;
	position: relative;
	top: 2px;
	left: 2px;
}
/***********△complete.php△***********/





/*フッター
----------------------------------------------*/
.fotter_top {
	width: 100%;
	margin: 0 auto;
	height: 61px;
}

.fotter_top div {
	width: 960px;
	margin: 0 auto;
	padding: 0 7px;
	background:url(../images/rep.gif) repeat-y;
}

.fotter_top img {
	position: relative;
	top: 54px;
	left: 865px;
}

.fotter_top a:hover {
	position: relative;
	left: 3px;
}


#footer_area {
	margin: 0 auto;
	width: 100%;
	background: url(../images/foot_rep.gif) repeat-x;
	height: 220px;
}

.footer_contents {
	margin: 0 auto;
	width: 960px;
	font-size: 13px;
	color: #ffffff;
	line-height: 100%;
}

.banner {
	width: 236px;
	float: left;
	margin: 80px 0 0 20px;
}

.banner a:hover {
	position: relative;
	left: 3px;
	top: 2px;
}

.footer_address {
	padding: 35px 0 0 50px;
	float: left;
}

.footer_address li {
	padding-bottom: 8px;
}

.footer_address li p {
	margin: 6px 0 0 80px;
}

.copyright {
	clear: both;
	text-align: center;
	font-size: 13px;
	padding-top: 15px;
}

/*end
----------------------------------------------*/