@charset "utf-8";



.intoro_pic{
	width:100%;
	margin:0px auto 20px auto;
}

.intoro_pic img{
	width:100%;
	height:auto;
}



/****************************サブメニュー**************************************/

#con_button_waku{
	margin-bottom:20px;
	padding-left:1%;
	background-color:#ffb5d3;
	padding:10px 0px 0px 1%;
	border-top:1px solid #c21b5e;
	border-bottom:1px solid #c21b5e;
}


.con_button_none{
	width:32%;
	float:left;
	margin-right:1%;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#FFFFFF;
	padding:5px 0px;
	margin-bottom:10px;
	border-top:1px solid #ffaacf;
	border-left:1px solid #ffaacf;
	border-bottom:1px solid #88093f;
	border-right:1px solid #88093f;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd547d+49,bf2a6a+100 */
background: #dd547d; /* Old browsers */
background: -moz-linear-gradient(top,  #dd547d 49%, #bf2a6a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dd547d 49%,#bf2a6a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dd547d 49%,#bf2a6a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd547d', endColorstr='#bf2a6a',GradientType=0 ); /* IE6-9 */
	
	
}

.con_button{
	width:32%;
	float:left;
	margin-right:1%;
	text-align:center;
	color:#FFFFFF;
	
}

.con_button A {
	text-decoration: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: block;
	color: #fff;
	padding:5px 0px;
	margin-bottom:10px;
	border-top:1px solid #77b5ef;
	border-left:1px solid #77b5ef;
	border-bottom:1px solid #003261;
	border-right:1px solid #003261;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b7ac4+0,50a1ed+49,2b7ac4+99 */
	background: #2b7ac4; /* Old browsers */
	background: -moz-linear-gradient(top,  #2b7ac4 0%, #50a1ed 49%, #2b7ac4 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2b7ac4 0%,#50a1ed 49%,#2b7ac4 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2b7ac4 0%,#50a1ed 49%,#2b7ac4 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b7ac4', endColorstr='#2b7ac4',GradientType=0 ); /* IE6-9 */
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */	
	 }


.con_button A:hover{
	border-top:1px solid #ffdda3;
	border-left:1px solid #ffdda3;
	border-bottom:1px solid #835709;
	border-right:1px solid #835709;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c18a2a+0,e0ad55+49,c18a2a+100 */
	background: #c18a2a; /* Old browsers */
	background: -moz-linear-gradient(top,  #c18a2a 0%, #e0ad55 49%, #c18a2a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c18a2a 0%,#e0ad55 49%,#c18a2a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c18a2a 0%,#e0ad55 49%,#c18a2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c18a2a', endColorstr='#c18a2a',GradientType=0 ); /* IE6-9 */
}






.stu_m_title{
	width:96%;
	margin:0px auto 20px auto;
}

.stu_m_title img{
	width:100%;
	height:auto;
}


.con01_waku{
	width:92%;
	margin:0px auto 30px auto;
}


.con01_ul{
	width:96%;
	margin:0px auto;
}
	

.con01_li{
	margin-bottom:5px;
	padding:0px 0px 0px 16px;
	background-image:url(../img/katudo_text_bg.jpg);
	background-repeat:no-repeat;
}


.con01_li01{
	margin-bottom:10px;
	padding:0px 0px 0px 16px;
	background-image:url(../img/katudo_text_bg.jpg);
	background-repeat:no-repeat;
}




.stu_s_title{
	width:100%;
	color:#e34182;
	font-weight:bold;
	border-bottom:3px solid #e34182;
	padding:5px;
	margin-bottom:20px;
}


.con02_waku{
	width:92%;
	margin:0px auto 30px auto;
}

.con02_bold{
	font-weight:bold;
}

.con02_text_waku{
	margin-bottom:20px;
}


.con02_pic_waku{
	width:100%;
	margin-bottom:15px;
}

.con02_pic_l{
	width:49%;
	float:left;
	display:inline;
}

.con02_pic_l img{
	width:100%;
	height:auto;
}

.con02_pic_r{
	width:49%;
	float:right;
	display:inline;
}


.con02_pic_r img{
	width:100%;
	height:auto;
}


.con02_pic_text{
	font-size:1.2rem;
	text-align:center;
}


.con02_pic{
	width:96%;
	margin:0px auto;
}

.con02_pic img{
	width:100%;
	height:auto;
}



.con02_pic01{
	width:100%;
	margin:0px auto 20px auto;
}

.con02_pic01 img{
	width:100%;
	height:auto;
}


.red{
	color:#E90003;
}

.con02_pic_intoro{
	width:49%;
	float:right;
	display:inline;
	margin-left:10px;
}


.con02_pic_intoro img{
	width:100%;
	height:auto;
}

	












/************************************************************************/
/*　　　　　　　       電話での予約・お問合せ　　　 　　　           　 */
/************************************************************************/


.mail_text_waku01{
	width:96%;
	margin:0px auto 30px auto;
}


.mail_text_waku02{
	width:90%;
	margin:0px auto 30px auto;
}


.mail_text_li01{
	margin-bottom:10px;
}

.mail_text_li02{
	margin-bottom:5px;
}


.mail_waku{
	font-size:14px;
	font-size:1.4rem;
	display:block;
	width:94%;
	margin:0px auto 50px auto;
	background-color:#ffdfec;
	padding:15px 0px;
}

.mail_s_title{
	width:60%;
	padding:10px 0px;
	margin-top:30px;
	margin-bottom:10px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	background-color:#FF7600;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}






.mail_chu_waku{
	width:90%;
	margin:0px auto 20px auto;
	padding:10px;
	background-color:#eeeeee;
}


.mail_title{
	width:100%;
	background-color:#848484;
	color:#FFFFFF;
	padding:10px 0px;
	text-align:center;
	margin-bottom:30px;
}
.mail_ul{
	width:94%;
	margin:0px auto;
}


.mail_li01{
	margin-bottom:10px;
	font-weight:bold;
	padding:5px;
	background-color:#e8689b;
	color:#FFFFFF;
	
}

.mail_li02{
	margin-bottom:15px;
	background-color:#ffdfec;
	
}


.mail_li03{
	margin-bottom:15px;
	background-color:#ffdfec;
	
}	


.mail_li04{
	text-align:center;
	background-color:#ffdfec;
}

.mail_li05{
	display:block;
	padding-left:20px;
	margin-bottom:15px;
	background-color:#ffdfec;
	
}


input[type="text"],
input[type="tel"],
input[type="email"]{
	width:95%;
	height:50px;
	font-size:120%;
	padding:5px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
		
	
	
textarea{
	width:95%;
	font-size:120%;
	padding:5px;
	height:200px;
}

	

input[type="radio"],
input[type="chexkbox"] {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}



textarea{
	width:95%;
	font-size:120%;
	padding:5px;
	height:200px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}



input[type="submit"],
input[type="button"]{
	width: 80%;
	font-size: 14px;
    font-size:1.4rem;
	margin: 0 auto;
	padding: 10px 5px;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:2px solid #b80949;
	border-right:2px solid #b80949;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b2003e+1,d63570+50,990035+100 */
background: #b2003e; /* Old browsers */
background: -moz-linear-gradient(top,  #b2003e 1%, #d63570 50%, #990035 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b2003e 1%,#d63570 50%,#990035 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b2003e 1%,#d63570 50%,#990035 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2003e', endColorstr='#990035',GradientType=0 ); /* IE6-9 */



	
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 

}



select{
 margin: 0;
 padding:0;
 vertical-align: middle;
 font-size: inherit;
 color: inherit;
 box-sizing: content-box;
 width: 35%;
 height:40px;
}

.kome{
font-size:10px;
font-weight:bold;
color:#ff0000;
}



/**** mail end ****/


.end1{
padding:100px 0px 50px 0px;
text-align:center;
}

.end2{
margin-bottom:100px;
line-height:20px;
}

.end3{color:#FF0000;}


.end4{
font-size:16px;
font-weight:bold;
margin-bottom:80px;
line-height:20px;
}

.end5{
width:450px;
margin:0px auto 50px auto;
background-image:url(../img/recruit_mail_bg.jpg);
background-repeat:no-repeat;
background-color:#ffe6e6;
font-size:12px;
text-align:left;
padding:10px 20px 10px 70px;
border:1px solid #ff0000;
margin-bottom:50px;
line-height:18px;
}