@charset "utf-8";


/* 基本レイアウト */
/* モバイルレイアウト : 480 px およびそれ以下. */

@media only screen and (max-width: 768px) {
	#sub_side h2 {
		width: 100%;
		color:#584126;
		font-size:123.1%;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		padding:15px 1.4%;

		background:url(../images/article_h2.png) no-repeat right bottom #f0efdf;
		margin-bottom:10px;
		-moz-text-shadow:#999 1px 1px 1px;/*FireFox*/
		-ms-text-shadow:#999 1px 1px 1px;/*ie*/
		-o-text-shadow:#999 1px 1px 1px;/*opera*/
		-webkit-text-shadow:#999 1px 1px 1px;/*webkit系*/
		text-shadow:#999 1px 1px 1px;/*W3C*/
	}
}
.wrapperContainer {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	box-shadow:2px 2px 5px #D9AE8C;
	line-height:1.7;
}

/* header */

header {
	clear: both;
	/*float: left;*/
	margin-left: 0;
	margin-bottom:10px;
	width: 100%;
}
header hgroup {
	margin: 0;
}
header h1 {
	font-size:77%;
}


header h2 {
	text-indent:-9999px;
	height:0;
}

header h3 {
	text-indent:-9999px;
	height:0;
}

img[usemap] {
    height: auto;
    max-width: 100%;
    width: auto;
}
header #main_visual img.mobile_tel {
	max-width:415px;
	margin:0 auto;
}
header nav {
	width:100%;
}

header nav li {
	float:left;
	width:50%;
	height:60px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	font-size:116%;
	background:url(../images/navi_bg.png) repeat-x;
}

header nav a {
	display:block;
	width:100%;
	height:38px;
	line-height:1;
	text-align:center;
	padding-top:22px;
	color:#584126;
	-moz-text-shadow:#999 1px 1px 1px;/*FireFox*/
	-ms-text-shadow:#999 1px 1px 1px;/*ie*/
	-o-text-shadow:#999 1px 1px 1px;/*opera*/
	-webkit-text-shadow:#999 1px 1px 1px;/*webkit系*/
	text-shadow:#999 1px 1px 1px;/*W3C*/
}

#container {
	width: 94%;
	padding-left:3%;
	padding-right:3%;
	clear:both;
}

/* メインコンテンツ */

#contents_side {
	width:100%;
	max-width:700px;
	margin:0 auto 30px auto;
}

#contents_side section h1#pageTitle {
	background:url(../images/h1_bg.png) no-repeat 10px center #f9f8e8;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:131%;
	margin-bottom:20px;
	color:#750439;
	font-weight:bold;
	padding:50px 0 10px 50px;
	-moz-text-shadow:#999 1px 1px 1px,#fff -1px -1px 1px;/*firefox*/
	-ms-text-shadow:#999 1px 1px 1px,#fff -1px -1px 1px;/*ie*/
	-o-text-shadow:#999 1px 1px 1px,#fff -1px -1px 1px;/*opera*/
	-webkit-text-shadow:#999 1px 1px 1px,#fff -1px -1px 1px;/*webkit*/
	text-shadow:#999 1px 1px 1px,#fff -1px -1px 1px;/*W3C準拠*/
	-moz-border-radius:10px;/*firefox*/
	border-radius:10px;/*W3C準拠*/
}
#contents_side article {
	padding:0;
	line-height:1.6;
	margin-bottom:20px;
}

#contents_side article h2 {
	width:97.2%;
	color:#584126;
	font-size:123.1%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:15px 1.4%;

	background:url(../images/article_h2.png) no-repeat right bottom #f0efdf;
	margin-bottom:10px;
	-moz-text-shadow:#999 1px 1px 1px;/*FireFox*/
	-ms-text-shadow:#999 1px 1px 1px;/*ie*/
	-o-text-shadow:#999 1px 1px 1px;/*opera*/
	-webkit-text-shadow:#999 1px 1px 1px;/*webkit系*/
	text-shadow:#999 1px 1px 1px;/*W3C*/
}
.small_cont {
	width:95%;
	margin-left:2.5%;
	margin-right:2.5%;
}
#contents_side h3 {
	border-left:#933 solid 10px;
	padding:5px 10px;
	margin-bottom:10px;
}

#contents_side ul {
	margin-bottom:20px;
}

#contents_side ul li {
	padding-left:1em;
	text-indent:-1em;
}

#contents_side p {
	margin-bottom:10px;
}
.red {
	font-size:85%;
	padding-left:1em;
	text-indent:-1em;
	color: #F00;
}

.notice {
	font-size:85%;
	padding-left:1em;
	text-indent:-1em;
}

#contents_side table {
	width:94%;
	margin-left:3%;
	margin-right:3%;
}

#contents_side table th,#contents_side table td {
	padding:5px;

}
#contents_side section aside p#contact_bana {
	text-align:center;
}

#contents_side section aside p#contact_bana img {
	width:93%;

}

#contents_side section aside a:hover {
	opacity:0.8;
}
/*---------index.html 追加---------*/

#contents_side aside a:hover {
	opacity:0.8;
}

.twitter-timeline{
	width: 100%!important;
	padding-left:2%;
	padding-right:2%;
}

.bana_img img {
	margin-bottom:5px;
}

.del {
	text-align:right;
	font-weight:bold;
}
/*---------price.html 追加---------*/

.f_price {
	margin-bottom:30px;
}
.f_price tr {
	border-bottom:#930 double 3px;
}
#contents_side table.f_price tr td,table.f_price tr th {
	padding:20px;
}

#contents_side .f_price tr td {
	text-align:right;
	white-space:nowrap;
}

table.flow tr th,table.flow tr td {
	vertical-align:top;
}

.arrow {
	text-align:center;
}

/*---------contact.html 追加---------*/

form#form1 {
	background:#FCFCF1;
	border:#74512a 1px solid;
	-moz-border-radius:10px;/*firefox*/
	-ms-border-radius:10px;/*ie*/
	-o-border-radius:10px;/*opera*/
	-wekit-border-radius:10px;/*webkit*/
	border-radius:10px;/*W3C準拠*/
	-moz-box-shadow:2px 2px 3px #666;/*firefox*/
	-ms-box-shadow:2px 2px 3px #666;/*ie*/
	-o-box-shadow:2px 2px 3px #666;/*opera*/
	-webkit-box-shadow:2px 2px 3px #666;/*webkit*/
	box-shadow:2px 2px 3px #666;/*W3C準拠*/
	padding:30px 4.3%;
	margin:10px 5%;
}
form#form1 p {
	padding-bottom:10px;
	border-bottom:#930 solid 1px;
}
form#form1 textarea {
	width:94%;
	margin-left:3%;
	margin-right:3%;
}

form#form1 .span4 {
	width:94%;
	margin-left:3%;
	margin-right:3%;
}


form#form1 .submitBtn {
	text-align:center;
}

form#form1 .wpcf7-submit {
	margin-right:10px;
}
/*---------enrollment_woman.html 追加---------*/

dl#flow {
	margin-bottom:10px;
}

dl#flow dt {
	padding:18px 0 10px 50px;
	border-bottom:#74512a 1px dashed;
	font-size:108%;
	font-weight:bold;
	color:#900;
}

dl#flow #flow_01{
	background:url(../images/no1.png) no-repeat 0 5px;
}
dl#flow #flow_02{
	background:url(../images/no2.png) no-repeat 0 5px;
}
dl#flow #flow_03{
	background:url(../images/no3.png) no-repeat 0 5px;
}
dl#flow #flow_04{
	background:url(../images/no4.png) no-repeat 0 5px;
}
dl#flow #flow_05{
	background:url(../images/no5.png) no-repeat 0 5px;
}
dl#flow dd {
	padding:10px;
	border-bottom:#74512a 2px solid;
}

/*---------woman.html 追加---------*/

dl#recruitment dt{
	border-left:#933 solid 10px;
	padding:5px 10px;
	margin-bottom:10px;
	font-weight:bold;
	color:#936;
}

dl#recruitment dd {
	margin-bottom:15px;
}

dl#qa {
	margin-bottom:10px;
}

dl#qa dt {
	padding:18px 0 10px 50px;
	border-bottom:#74512a 1px dashed;
	font-size:108%;
	font-weight:bold;
	color:#900;
	background:url(../images/noQ.png) no-repeat 0 5px;
}

dl#qa dd {
	padding:10px 0 15px 50px;
	border-bottom:#74512a 2px solid;
	background:url(../images/noA.png) no-repeat 0 5px;
}

.woman_voice li{
	padding: 15px 10px 15px;
	border-bottom:#74512a 2px solid;
    padding-left: 0em !important;
    text-indent: 0em !important;	
}

.woman_voice li:last-child{
	padding: 15px 10px 15px;
    padding-left: 0em !important;
    text-indent: 0em !important;
    margin-bottom: 40px;	
}
.woman_voice li span{
	color:#936;
	text-align: right;
	display: block;
	font-weight: bold;
	padding-top: 3%;
}
/*---------member.html 追加---------*/

#login {
	text-align:center;
}

/*---------price.html 追加---------*/

.line {
	border-top:3px dotted #74512a;
	padding-top:10px;
}


/* サイドメニュー */

#sub_side {
	width:80%;
	padding-right:10%;
	padding-left:10%;
}

#sub_side h2 {
	width:100%;
	color:#584126;
	font-size:123.1%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:15px 1.4%;

	background:url(../images/article_h2.png) no-repeat right bottom #f0efdf;
	margin-bottom:10px;
	-moz-text-shadow:#999 1px 1px 1px;/*FireFox*/
	-ms-text-shadow:#999 1px 1px 1px;/*ie*/
	-o-text-shadow:#999 1px 1px 1px;/*opera*/
	-webkit-text-shadow:#999 1px 1px 1px;/*webkit系*/
	text-shadow:#999 1px 1px 1px;/*W3C*/
}
#sub_side nav {
	padding-bottom:40px;
	background:#74512a;
	margin-bottom:20px;
	-moz-border-radius:20px;/*firefox*/
	border-radius:20px;/*W3C準拠*/
}

#sub_side nav h3 {
	padding:18px 0;
	text-align:center;
	color:#f9f8e8;
	background:#74512a;
	font-size:138.5%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	-moz-border-radius:20px 20px 0 0;/*firefox*/
	border-radius:20px 20px 0 0;/*W3C準拠*/
}

#sub_side nav ul {
	margin:0;
	background:#f9f8e8;
	padding-bottom:10px;
	padding-left:5%;
	padding-right:5%;
}

#sub_side nav li {
	background:url(../images/side_navi_mob02.png) repeat-x left bottom;
	height:50px;
}

#sub_side nav li:first-child {
	background:url(../images/side_navi_mob02.png) repeat-x left bottom;
	height:80px;
}

#sub_side nav li a {
	display:block;
	color:#6a3906;
	font-size:116%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	padding:20px 0 0 35px;
	background:url(../images/side-navi_mob_01.png) no-repeat 10px 19px;
}
#sub_side aside p {
	text-align:center;
}
#sub_side aside img {
	margin-bottom:10px;
}

#sub_side aside p a:hover {
	opacity:0.8;
}
/* フッター */

footer {
	clear:both;
	border-top:10px solid #74512a;
	background:url(../images/footer_bg.jpg) repeat-x top #ebebc7;
	padding-bottom:30px;
}

footer .footer_logo {
	text-align:center;
	margin:20px 0;
}
footer .footer_logo a:hover {
	opacity:0.8;
}
footer nav {
	margin:0 0 40px 30px;
}

footer nav li {
	display:inline;
	margin-right:10px;
	padding-right:10px;
	border-right:solid 1px #6a3906;
	white-space:nowrap;
}

footer nav li a {
	color:#6a3906;
}

footer nav li a:hover {
	color:#f30;
}

footer #footer_tel {
	width:94%;
	margin:5px auto;
	max-width:415px;
}

footer p.copy {
	font-size:93%;
	text-align:center;
/*	margin:0 20px 33px 0;
*/}

/*-------------追加スタイル---------------------*/

.text_link a {
	text-decoration:underline;
}


/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {


.wrapperContainer {
	width: 100%;
}

/***************************
 以下、header内の追加項目
***************************/
header #main_visual img.mobile_tel {
	display:none;
}

/***************************
 以下、コンテンツ内の追加項目
***************************/

/*---------index.html 追加---------*/
#contents_side p img {
	width:50%;
}

#contents_side .twitter_wg{
	display: none;
}
/***************************
 以下、サイドメニュー内の追加項目
***************************/


/***************************
 以下、フッター内の追加項目
***************************/


}

/* デスクトップレイアウト : 801 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 801px) {

.wrapperContainer {
width: 1000px;
	margin:0 auto;
}
#container {
	width:960px;
	padding-left:20px;
	padding-right:20px;
}
#contents_side {
	width:700px;
	float:left;
}

#sub_side {
	width:240px;
	float:right;
	padding:0;
}

#sub_side h2 {
	width:97.2%;
	color:#584126;
	font-size:123.1%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:15px 1.4%;

	background:url(../images/article_h2.png) no-repeat right bottom #f0efdf;
	margin-bottom:10px;
	-moz-text-shadow:#999 1px 1px 1px;/*FireFox*/
	-ms-text-shadow:#999 1px 1px 1px;/*ie*/
	-o-text-shadow:#999 1px 1px 1px;/*opera*/
	-webkit-text-shadow:#999 1px 1px 1px;/*webkit系*/
	text-shadow:#999 1px 1px 1px;/*W3C*/
}


/***************************
 以下、head内の追加項目
***************************/
header nav {
	width:960px;
	padding-left:20px;
	padding-right:20px;
	background:#f0eec7;
}

header nav li {
	float:left;
	width:160px;
	height:60px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	font-size:116%;
}

header nav a {
	display:block;
	width:100%;
	height:100%;
	padding:0;
	color:#584126;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
}

#g_navi01 a {
	background:url(../images/g_navi01_off.png) no-repeat;
}
#g_navi02 a {
	background:url(../images/g_navi02_off.png) no-repeat;
}
#g_navi03 a {
	background:url(../images/g_navi03_off.png) no-repeat;
}
#g_navi04 a {
	background:url(../images/g_navi04_off.png) no-repeat;
}
#g_navi05 a {
	background:url(../images/g_navi05_off.png) no-repeat;
}
#g_navi06 a {
	background:url(../images/g_navi06_off.png) no-repeat;
}

#g_navi01 a:hover {
	background:url(../images/g_navi01_on.png) no-repeat;
}
#g_navi02 a:hover {
	background:url(../images/g_navi02_on.png) no-repeat;
}
#g_navi03 a:hover {
	background:url(../images/g_navi03_on.png) no-repeat;
}
#g_navi04 a:hover {
	background:url(../images/g_navi04_on.png) no-repeat;
}
#g_navi05 a:hover {
	background:url(../images/g_navi05_on.png) no-repeat;
}
#g_navi06 a:hover {
	background:url(../images/g_navi06_on.png) no-repeat;
}

/***************************
 以下、コンテンツ内の追加項目
***************************/

#contents_side section h1#pageTitle {
	font-size:153.9%;
}

#contents_side article h2 {
	font-size:138.5%;
}
/*---------price.html 追加---------*/

#contents_side table.f_price {
	width:70%;
}

#contents_side table.f_price th {
	text-align:left;
}

/*---------enrollment_～.html 追加---------*/

#info_enrollment {
	max-width:300px;
}

#info_enrollment a:hover {
	opacity:0.8;
}


/*---------contact.html 追加---------*/

form#form1 textarea {
	width:100%;
	margin-left:0;
}

form#form1 .span4 {
	width:220px;
	margin-left:0;
}

/***************************
 以下、サイドメニュー内の追加項目
***************************/

#sub_side li a:hover {
	color:#bc680f;
}
/***************************
 以下、フッター内の追加項目
***************************/

footer .footer_logo {
	text-align:left;
	margin:20px;
	width:120px;
	float:left;
}

footer nav {
	max-width:380px;
	float:left;
	margin:20px 20px 40px 0;
}

footer nav li a:hover {
	color:#bc680f;
}

footer #footer_tel {
	width:415px;
	float:right;
	margin:20px 20px 0 0;
}

footer p.copy {
	font-size:93%;
	clear:both;
}

}