@charset "utf-8";

/*======================================

	Font-size Adjustment
	
	77% = 10px	| 	123.1% = 16px	|	167% = 22px	
	85% = 11px	|	131% = 17px		|	174% = 23px
	93% = 12px	|	138.5% = 18px	|	182% = 24px
	100% = 13px	|	146.5% = 19px	|	189% = 25px
	108% = 14px	|	153.9% = 20px	|	197% = 26px
	116% = 15px	|	161.6% = 21px	|

=======================================*/

body {
	font-family:"ヒラギノ角ゴ pro W3","Hiragino Kaku Gothic pro",Osaka,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
	color: #333;
	background: url(../img/common/back.gif) repeat left top;
}

a {
	/*color: #729155;*/
    color:#f68d0e;
	text-decoration: none;
}

a:hover {
	/*color: #dd960f;*/
	text-decoration: underline;
}
a:hover img{
    opacity: 0.6;
}

img {
	vertical-align: bottom;
}

ul,ol,li {
	list-style: none;
}


/* Start clearFix */
.clearfix:after {
	font-size: 1px;
	color: #fff;
	content: "";
	display: block;
	height: 0px;
	clear: both;
}
.clearfix {
	zoom: 1;
}
/* End clearFix */

/*======================================

#globalHeader

=======================================*/

#globalHeader {
	padding: 8px 0 3px;
	background: url(../img/common/back_globalHeader.gif) repeat-x left top;
}

#globalHeader .inner {
	margin: 0 auto;
	width: 900px;
}

#globalNavi {
	width: 900px;
	overflow: hidden;
}

#globalNavi li {
	margin-right: 10px;
	float: left;
}

#globalNavi .globalNavi_school {
	margin-right: 0;
}

/*======================================

#contents

=======================================*/

#contents {
	margin: 0 auto 50px;
	padding-top: 14px;
	width: 900px;
	overflow: hidden;
}

#main {
	padding-top: 16px;
	width: 655px;
	float: left;
}

#sub {
	width: 230px;
	float: right;
}

#pagetop {
	margin: 0 auto 15px;
	width: 900px;
	text-align: right;
}

/*======================================

#main

=======================================*/

#main h2 {
	margin-bottom: 10px;
}

#main h3 {
	margin-bottom: 10px;
}

#mainContents {
	padding: 30px 33px 30px 34px;
	width: 588px;
	background: url(../img/common/back_mainContents.gif) repeat-y left top;
	border-top: 1px solid #9ec138;
	border-bottom: 1px solid #9ec138;
}

#mainContents p {
	font-size: 108%;
	line-height: 130%;
}

#mainContents .paragraph {
	margin-bottom: 30px;
}

#mainContents li {
	font-size: 108%;
	margin-bottom: 10px;
	line-height: 130%;
}

#mainContents .ttl02{
	color:#8fc31f;
	font-size:110%;
	padding:3px 0 5px 18px;
	background:url(../img/access/subHeading_icon01.gif) no-repeat 5px 6px;
}



/*======================================

#sub

=======================================*/

#sub section {
	margin-bottom: 10px;
	padding-bottom: 11px;
	font-size: 93%;
	background: url(../img/common/sub_section_bottom.png) no-repeat left bottom;
}

#sub section .inner {
	padding: 10px 20px 1px;
	background: url(../img/common/sub_section_middle.gif) repeat-y left top;
}

#sub_news dt {
	line-height: 130%;
	color: #729155;
}

#sub_news dd {
	padding-bottom: 15px;
	word-wrap: break-word;
}

#sub_blog dt {
	line-height: 130%;
}

#sub .date {
	color: #5b5f4d;
}

#sub_news dd p,#sub_blog dd p {
	line-height: 130%;
	margin-bottom: 15px;
}

#sub_blog dd {
	margin-bottom: 15px;
}

#sub_blog li {
	line-height: 130%;
	margin-bottom: 15px;
}

#sub_blog dd a {
	margin-bottom: 15px;
	font-size: 93%;
	color: #729155;
}

#sub_blog dd a:hover {
	color: #dd960f;
}

#sub .banner {
	margin-bottom: 15px;
}

#sub .banner li {
	margin-bottom: 15px;
}

/*======================================

#globalFooter

=======================================*/

#globalFooter {
	padding-top: 20px;
	height: 80px;
	background: url(../img/common/back_globalFooter.gif) repeat-x left top;
}

#globalFooter .inner {
	margin: 0 auto;
	width: 900px;
	overflow: hidden;
}

#globalFooter .logo {
	padding-top: 10px;
	float: left;
}

#globalFooter .logo img {
	vertical-align:top;
}

#globalFooter .copy {
	padding-top: 10px;
	float: right;
}

#globalFooter .copy p {
	margin-bottom: 3px;
	font-size: 93%;
	color: #765b4b;
	text-align: right;
}

/*======================================

#top

=======================================*/

#top #main h2 {
	margin-bottom: 0;
}

/*======================================

#facilities

=======================================*/

#facilities dd {
	margin-bottom: 20px;
}

#facilities table {
    width:100%;
	margin-bottom: 30px;
}

#facilities tr {
	text-align: left;
}

#facilities th {
    width:100px;
	text-align: left;
    vertical-align:top;
    padding:5px 0 10px 0;
}

#facilities td {
    vertical-align:top;
    padding:4px 0 10px 20px;
}

#facilities .tel {
	padding-left: 0;
}

#facilities .kome01{
    text-indent:-1em;
    padding-left:1em;
}



/*======================================

#privacy

=======================================*/

#privacy dd {
	margin-bottom: 20px;
}

#privacy .paragraph p {
	margin-bottom: 20px;
}



/*======================================

#info

=======================================*/
#job-training #lead_area .waku01{
    border: 2px solid #a0d23c;
    background: #f1ffd7;
    border-radius: 10px;
    padding: 1em;
}
#job-training #lead_area .arrow01{
        text-align: center;
}

#job-training #mokuteki {
	background-color: #fadeaa;
	border-radius: 10px;
    padding: 2em;
	position: relative;
}
#job-training #mokuteki #person {
  width:66px;
  position: absolute;
  right: 40px;
  top: 80px;
}
#job-training #mokuteki .text{
    padding-right: 100px;
}
#job-training #mokuteki h3{
    color: #75a215;
    font-size: 150%;
    text-align: center;
    margin-bottom: 20px;
}

#job-training #onegai h3{
    color: #75a215;
    font-size: 130%;
    text-align: center;
    margin-bottom: 10px;
}

#job-training #onegai li{
    text-indent: -1em;
    margin-left: 1em;
}

#job-training #contact_area h3{
    font-weight: bolder;
    font-size: 120%;
}


/*======================================

#school

=======================================*/

#school #mainContents .ttl02{
	font-size:120%;
}

#school .paragraph li{
    margin-bottom:0.5em;
} 

#school #mokuteki {
	background-color: #fadeaa;
	border-radius: 10px;
    padding: 2em;
	position: relative;
}
#school #mokuteki #person {
  width:66px;
  position: absolute;
  right: 40px;
  top: 80px;
}
#school #mokuteki .text{
    padding-right: 100px;
}
#school #mokuteki h3{
    color: #75a215;
    font-size: 120%;
    text-align: center;
    margin-bottom: 20px;
}


/*#school .paragraph #wedo {
	background-color: #fadeaa;
	border-radius: 10px 10px 10px 10px;
	height: 135px;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 115px;
	position: relative;
}


#school .paragraph #wedo #person {
	width:66px;
    position: absolute;
    right: 25px;
    top: 25px;
}*/



/*======================================

#access

=======================================*/

#access #nav_map{
}
#access #nav_map ul{
    width:580px;
    margin:0 auto 25px;
}
#access #nav_map ul li{
    display:block;
    float:left;
    width:270px;
    height:50px;
    margin:0 10px;
}
#access #nav_map ul li a{
    display:block;
    width:270px;
    height:50px;
    text-indent:-9999px;
    overflow:hidden;
}

#access #nav_map ul li#pgNavi01 a{
    background:url(../img/access/pgNavi01-over.png) no-repeat 0 0;
}
#access #nav_map ul li#pgNavi02 a{
    background:url(../img/access/pgNavi02-over.png) no-repeat 0 0;
}

#access #nav_map ul li#pgNavi01 a:hover,
#access #nav_map ul li#pgNavi01 a.on{
    background:url(../img/access/pgNavi01.png) no-repeat 0 0;
}
#access #nav_map ul li#pgNavi02 a:hover,
#access #nav_map ul li#pgNavi02 a.on{
    background:url(../img/access/pgNavi02.png) no-repeat 0 0;
}




#access #access_map{
	margin-bottom:50px;
}

#access #access_flow{
}

#access #access_flow .paragraph p{
	margin-bottom:15px;
}

#access #access_flow .ttl01{
	background:#dfe99d;
	color:#6f4431;
	font-size:120%;
	margin-bottom:15px;
	padding:7px 15px 5px 15px;
}

#access #access_flow .ttl02{
	color:#8fc31f;
	font-size:110%;
	margin-bottom:10px;
	padding:3px 0 5px 18px;
	background:url(../img/access/subHeading_icon01.gif) no-repeat 5px 6px;
}

#access #access_flow .text_area01{
	float:left;
	width:318px;
	padding-left:20px;
}

#access #access_flow .text_area01 p{
	padding-top:5px;
}

#access #access_flow .photo_area01{
	float:left;
	width:250px;
	margin-bottom:15px;
}




/*======================================

#contact

=======================================*/
#contact table{
    width:100%;
    margin-bottom:15px;
}
#contact table tr{
}
#contact table th{
    font-weight:bolder;
    font-size:110%;
    width:9em;
    text-align:left;
    padding:1em 0.25em;
}
#contact table td{
    padding:1em 0;
}

#contact table td input{
    width:85%;
    padding:0.5em 0.5em;
}

#contact table td input.textbox02{
    width:30%;
    padding:0.5em 0.5em;
}

#contact table td select{
    width:12em;
    padding:0.5em 0.5em;
}

#contact .att01{
    background:#F63;
    color:#fff;
    font-size:80%;
    padding:0 0.5em;
    margin-left:1em;
}

#contact .kome01{
    font-size:90%;
}
#contact .kome02{
    font-size:90%;
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 5px;
    
}

#contact .f_red{
    color:#F63;
}

#contact #msg_waku {
	background: #fadeaa;
	border-radius: 10px 10px 10px 10px;
	padding: 15px 20px;
}





/*=============================
btn_area
=============================*/

#form_area input[type=submit],
#form_area input[type=reset],
#form_area input[type=button]{
    width:250px;
    box-sizing: border-box;
    display:inline-block;
    font-weight:bolder;
    line-height:1.4;
    padding:0.5em 0.5em;
    border-radius:6px;
    text-align:center;
    margin:0 auto 1em;
    cursor: pointer;

    color:#9c7162;
    background:#fcedd3;
    border:2px solid #f39704;
}

#form_area input[type=submit]:hover,
#form_area input[type=reset]:hover,
#form_area input[type=button]:hover{
    color:#fff;
    background:#f39704;
    border:2px solid #f39704;
}



#form_area input[type=submit].btn_form,
#form_area input[type=reset].btn_form,
#form_area input[type=button].btn_form{
    width:250px;
    box-sizing: border-box;
    display:inline-block;
    font-weight:bolder;
    line-height:1.4;
    padding:0.5em 0.5em;
    border-radius:6px;
    text-align:center;
    margin:0 auto 1em;
    cursor: pointer;

    color:#fff;
    background:#f39704;
    border:2px solid #f39704;
}

#form_area input[type=submit].btn_form:hover,
#form_area input[type=reset].btn_form:hover,
#form_area input[type=button].btn_form:hover{
    color:#9c7162;
    background:#fcedd3;
    border:2px solid #f39704;
}






/*=============================
checkbox
※radioボタン
=============================*/
#form_area input[type="radio"]{
    display:none;
}
.check_icon {
    width:5em;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    /*margin-right:1em;*/

    line-height:1.4;
    font-size:110%;

    padding:0.3em 0em 0.3em 1.75em;
    margin-bottom:0.0em;
}
.check_icon:hover:after {
    border-color: #f39704;
}
.check_icon:after {
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    position: absolute;
    top: 50%;
    left: 0.25em;
    display: block;
    margin-top: -0.5em;
    width: 1em;
    height: 1em;
    border: 1px solid #ccc;
    border-radius: 4px;
    content: '';
    background:#fff;
}
.check_icon:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 50%;
    left:0.5em;
    display: block;
    margin-top: -0.35em;
    width: 0.25em;
    height: 0.5em;
    border-right: 3px solid #f39704;
    border-bottom: 3px solid #f39704;
    content: '';
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index:1;
}
input[type=radio]:checked + .check_icon:before {
    opacity: 1;
}