@charset "UTF-8";

/*============================================================
//
//  目次---------------------
//  ・YMC建学の精神
//  ・YMCオススメ５つの理由
//  ・YMC 8つの安心制度
//  ・What's A.P.バランス
//  ・入学から卒業までの流れ
//  ・YMCとは？フッターナビゲーション
//  ・会社概要
//  ・採用情報
//
//==========================================================*/


/*============================================================
//  コンテンツレイアウト
//==========================================================*/

#contents{
	width:950px;
	padding:0 0 10px 0;
}
#contents #menu-left{
	width:190px;
	float:left;
}
#contents #main{
	width:750px;
	float:right;
}
#contents #body{
	width:550px;
	float:left;
}
#contents #menu-right{
	width:190px;
	float:right;
}
#body .inner{
	width:525px;
	padding: 0 10px 0 15px ;
}

#body .toptop{
	width:525px;
	text-align:right;
	font-size:10px;
	padding: 15px 0 15px 0;
}
#body .toptop a{
	color:#333;
	text-decoration: underline;
}
#body .toptop a:hover{
	color:#93D6E2;
	text-decoration: underline;
}








.ymc #body h5{
	padding: 0 0 15px 0 ;
	font-size:14px;
	font-weight:bold;
	color:#2E535B;
}

.ymc #body h5 .strong{
	padding: 0 0 15px 0 ;
	font-size:18px;
	font-weight:bold;
	color:#2E535B;
}

.ymc #body h5 a,
.ymc #body h5 .strong a{
	font-weight:bold;
	color:#2FC0D7;
}

.ymc #body span {
	font-size:14px;
	font-weight:bold;
	color:#2E535B;
}

.ymc #body li a,
.ymc #body p a {
	font-size:14px;
	color:#2FC0D7;
	text-decoration:none;
}

.ymc #body li a:hover,
.ymc #body p a:hover {
	font-size:14px;
	color:#000;
	text-decoration:underline;
}


.shinro h5{
	padding: 0 0 15px 0 ;
	font-size:14px;
	font-weight:bold;
	color:#2E535B;
}

.shinro h5 .strong{
	padding: 0 0 15px 0 ;
	font-size:18px;
	font-weight:bold;
	color:#2E535B;
}

.shinro span {
	font-size:14px;
	font-weight:bold;
	color:#2E535B;
}

shinro p a {
	font-size:14px;
	color:#2FC0D7;
	text-decoration:none;
}

.shinro p a:hover {
	font-size:14px;
	color:#000;
	text-decoration:underline;
}

/*============================================================
//  YMCとは？フッターナビゲーション
//==========================================================*/

.ymc #body .ymc_about_footnavi{
	width:510px;
}

.ymc #body .ymc_about_footnavi ul {
	list-style-type:none;
}

.ymc #body .ymc_about_footnavi li.spirit {
	height:160px;
	width:170px;
	background:url(/ymc_about/image/navi01.jpg) no-repeat scroll 0%;
	float:left;
	text-indent:-9999px;
	margin-bottom:10px;
}

.ymc #body .ymc_about_footnavi li.spirit a {
	background:url(/ymc_about/image/navi01.jpg) no-repeat scroll 0%;
	display:block;
	height:160px;
	width:170px;
}

.ymc #body .ymc_about_footnavi li.spirit a:hover {
	background:url(/ymc_about/image/navi01_on.jpg) no-repeat scroll 0%;
}

.ymc #body .ymc_about_footnavi li.reason {
	height:160px;
	width:170px;
	background:url(/ymc_about/image/navi02.jpg) no-repeat scroll 0%;
	float:left;
	text-indent:-9999px;
}

.ymc #body .ymc_about_footnavi li.reason a {
	background:url(/ymc_about/image/navi02.jpg) no-repeat scroll 0%;
	display:block;
	height:160px;
	width:170px;
}

.ymc #body .ymc_about_footnavi li.reason a:hover {
	background:url(/ymc_about/image/navi02_on.jpg) no-repeat scroll 0%;
}

.ymc #body .ymc_about_footnavi li.system {
	height:160px;
	width:170px;
	background:url(/ymc_about/image/navi03.jpg) no-repeat scroll 0%;
	float:left;
	text-indent:-9999px;
}

.ymc #body .ymc_about_footnavi li.system a {
	background:url(/ymc_about/image/navi03.jpg) no-repeat scroll 0%;
	display:block;
	height:160px;
	width:170px;
}

.ymc #body .ymc_about_footnavi li.system a:hover {
	background:url(/ymc_about/image/navi03_on.jpg) no-repeat scroll 0%;
}

.ymc #body .ymc_about_footnavi li.apbalance {
	height:160px;
	width:170px;
	background:url(/ymc_about/image/navi04.jpg) no-repeat scroll 0%;
	float:left;
	text-indent:-9999px;
	margin-bottom:10px;
}

.ymc #body .ymc_about_footnavi li.apbalance a {
	background:url(/ymc_about/image/navi04.jpg) no-repeat scroll 0%;
	display:block;
	height:160px;
	width:170px;
}

.ymc #body .ymc_about_footnavi li.apbalance a:hover {
	background:url(/ymc_about/image/navi04_on.jpg) no-repeat scroll 0%;
}

.ymc #body .ymc_about_footnavi li.flow {
	height:160px;
	width:170px;
	background:url(/ymc_about/image/navi05.jpg) no-repeat scroll 0%;
	float:left;
	text-indent:-9999px;
}

.ymc #body .ymc_about_footnavi li.flow a {
	background:url(/ymc_about/image/navi05.jpg) no-repeat scroll 0%;
	display:block;
	height:160px;
	width:170px;
}

.ymc #body .ymc_about_footnavi li.flow a:hover {
	background:url(/ymc_about/image/navi05_on.jpg) no-repeat scroll 0%;
}

.ymc #body .ymc_about_footnavi li.curriculum {
	height:160px;
	width:170px;
	background:url(/ymc_about/image/navi06.jpg) no-repeat scroll 0%;
	float:left;
	text-indent:-9999px;
}

.ymc #body .ymc_about_footnavi li.curriculum a {
	background:url(/ymc_about/image/navi06.jpg) no-repeat scroll 0%;
	display:block;
	height:160px;
	width:170px;
}

.ymc #body .ymc_about_footnavi li.curriculum a:hover {
	background:url(/ymc_about/image/navi06_on.jpg) no-repeat scroll 0%;
}

.ymc #body .ymc_about_footnavi li.shinro01 {
	height:160px;
	width:170px;
	background:url(/ymc_about/image/navi07.jpg) no-repeat scroll 0%;
	float:left;
	text-indent:-9999px;
	margin-bottom:30px;
}

.ymc #body .ymc_about_footnavi li.shinro01 a {
	background:url(/ymc_about/image/navi07.jpg) no-repeat scroll 0%;
	display:block;
	height:160px;
	width:170px;
}

.ymc #body .ymc_about_footnavi li.shinro01 a:hover {
	background:url(/ymc_about/image/navi07_on.jpg) no-repeat scroll 0%;
}

.ymc #body .ymc_about_footnavi li.shinro02 {
	height:160px;
	width:170px;
	background:url(/ymc_about/image/navi08.jpg) no-repeat scroll 0%;
	float:left;
	text-indent:-9999px;
}

.ymc #body .ymc_about_footnavi li.shinro02 a {
	background:url(/ymc_about/image/navi08.jpg) no-repeat scroll 0%;
	display:block;
	height:160px;
	width:170px;
}

.ymc #body .ymc_about_footnavi li.shinro02 a:hover {
	background:url(/ymc_about/image/navi08_on.jpg) no-repeat scroll 0%;
}

.ymc #body .ymc_about_footnavi li.shinro03 {
	height:160px;
	width:170px;
	background:url(/ymc_about/image/navi09.jpg) no-repeat scroll 0%;
	float:left;
	text-indent:-9999px;
}

.ymc #body .ymc_about_footnavi li.shinro03 a {
	background:url(/ymc_about/image/navi09.jpg) no-repeat scroll 0%;
	display:block;
	height:160px;
	width:170px;
}

.ymc #body .ymc_about_footnavi li.shinro03 a:hover {
	background:url(/ymc_about/image/navi09_on.jpg) no-repeat scroll 0%;
}

/*============================================================
//  YMC建学の精神
//==========================================================*/

.ymc #body .mind ul.list{
	width:510px;
	list-style:decimal;
	padding: 0 0 0 20px ;
}
.ymc #body .mind ul.list li{
	font-size:12px;
	line-height:140%;
	margin:0 0 20px 0;
}

.ymc #body .mind ul.list li a {
	font-size:14px;
	color:#2FC0D7;
	text-decoration:none;
}

.ymc #body .mind ul.list li a:hover {
	font-size:14px;
	color:#000;
	text-decoration:underline;
}
.ymc #body .mind ul.list02{
	width:510px;
	list-style:disc;
	padding: 0 0 0 20px ;
}
.ymc #body .mind ul.list02 li{
	font-size:12px;
	line-height:140%;
	margin:0 0 20px 0;
}
.ymc #body .mind .list02 ul.inner_list{
	list-style:decimal;
	padding: 0 0 0 20px ;
}
.ymc #body .mind .list02 ul.inner_list li a {
	font-size:14px;
	color:#2FC0D7;
	text-decoration:none;
}

.ymc #body .mind .list02 ul.inner_list li a:hover {
	font-size:14px;
	color:#000;
	text-decoration:underline;
}



.ymc #body .mind .flash{
	margin:auto;
}
/*============================================================
//  YMCオススメ５つの理由
//==========================================================*/

.ymc #body .reason .image{
	width:120px;
	float:right;
	text-align:right;
}
.ymc #body .reason ul{
	width:385px;
	list-style:decimal;
	padding: 0 0 20px 20px ;
	float:left;
}
.ymc #body .reason ul li{
	font-size:12px;
	line-height:140%;
	margin:0 0 15px 0;
}


/*-------業界トップクラスの就職ネットワーク------*/

.ymc #body .network .image{
	width:275px;
	float:right;
	text-align:left;
}

.ymc #body .network .box{
	width:250px;
	float:left;
	padding: 0 0 60px 0 ;
}

.ymc #body .network h6{
	padding: 20px 0 15px 0 ;
	font-size:18px;
	font-weight:strong;
	color:#2E535B;
}

.ymc #body .network ul{
	width:250px;
	list-style:none;
}

.ymc #body .network ul li{
	font-size:12px;
	line-height:140%;
	color:#666;
}


.ymc #body .network ul li a {
color:#2FC0D7;
text-decoration:none;
}

.ymc #body .network ul li a:hover {
color:#000000;
text-decoration:underline;
}



/*-------だから就職しやすい！YMCのサポート体制------*/

.ymc #body .support-system .image{
	width:525px;
	padding: 0 0 40px 0 ;
}

/*============================================================
// YMC5つの特典
//==========================================================*/

.ymc #body .advantage .image{
	width:240px;
	float:right;
}
.ymc #body .advantage ul.paragraph01{
	width:285px;
	list-style:none;
	float:left;
}
.ymc #body .advantage ul.paragraph02{
	width:525px;
	list-style:none;
}
.ymc #body .advantage ul li{
	font-size:16px;
	line-height:140%;
}
.ymc #body .advantage ul li.text{
	font-size:12px;
	color:#666;
	line-height:140%;
	margin:0 0 15px 0;
}

/*============================================================
//  What's A.P.バランス
//==========================================================*/

.ymc #body .apbalance .paragraph01 .image{
	width:190px;
	float:right;
	text-align:right;
}
.ymc #body .apbalance .paragraph01 p.title{
	width:335px;
	color:#000;
	float:left;
	margin-bottom:10px;
}
.ymc #body .apbalance .paragraph01 p.text{
	width:335px;
	color:#666;
	float:left;
	margin-bottom:15px;
}
.ymc #body .apbalance .paragraph02 .image{
	width:170px;
	float:right;
	text-align:right;
}
.ymc #body .apbalance .paragraph02 .image img{
	border:1px solid #CCC;
	margin-bottom:7px;
}
.ymc #body .apbalance .paragraph02 p.title{
	width:355px;
	color:#000;
	float:left;
	margin-bottom:10px;
}
.ymc #body .apbalance .paragraph02 p.text{
	width:355px;
	color:#666;
	float:left;
	margin-bottom:15px;
}


/*============================================================
//  What's A.P.バランス
//==========================================================*/

.ymc #body .apbalance .paragraph01 .image{
	width:190px;
	float:right;
	text-align:right;
}
.ymc #body .apbalance .paragraph01 p.title{
	width:335px;
	color:#000;
	float:left;
	margin-bottom:10px;
}
.ymc #body .apbalance .paragraph01 p.text{
	width:335px;
	color:#666;
	float:left;
	margin-bottom:15px;
}
.ymc #body .apbalance .paragraph02 .image{
	width:170px;
	float:right;
	text-align:right;
}
.ymc #body .apbalance .paragraph02 .image img{
	border:1px solid #CCC;
	margin-bottom:7px;
}
.ymc #body .apbalance .paragraph02 p.title{
	width:355px;
	color:#000;
	float:left;
	margin-bottom:10px;
}
.ymc #body .apbalance .paragraph02 p.text{
	width:355px;
	color:#666;
	float:left;
	margin-bottom:15px;
}



/*============================================================
//  入学から卒業までの流れ
//==========================================================*/

.ymc #body .flow .introduction .image{
	width:190px;
}
.ymc #body .flow .introduction p.title{
	width:335px;
	color:#000;
	margin-bottom:10px;
}
.ymc #body .flow .introduction p.text{
	width:335px;
	color:#666;
	margin-bottom:15px;
}
.ymc #body .flow .paragraph .image{
	width:170px;
	float:left;
	text-align:left;
}
.ymc #body .flow .paragraph .image img{
	border:1px solid #CCC;
	margin-bottom:5px;
}

.ymc #body .flow .paragraph .image p{
	font-size:10px;
	color:#666;
	padding:0 0 10px 0;
}


.ymc #body .flow .paragraph h5{
	width:355px;
	float:right;
	margin-bottom:10px;
}

.ymc #body .flow .paragraph p.title{
	width:355px;
	color:#000;
	float:right;
	margin-bottom:10px;
}

.ymc #body .flow .paragraph p.text{
	width:355px;
	color:#666;
	float:right;
	margin-bottom:15px;
}

/*============================================================
//  会社概要
//==========================================================*/
.ymc #body .title-large {
	width:530px;
	background:url(/imgcommon/bg_title.jpg) no-repeat;
	margin-bottom:10px;
	padding:10px;
}
.ymc #body .title-large h4{
	background:url(/imgcommon/catch_title.gif) no-repeat;
	background-position : 0 50% ;
	padding: 0 0 0 22px ;
	font-size:24px;
	line-height:130%;
	margin:0 0 0 5px;
}
.ymc .companyinfo table {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom:10px;
	width:525px;
}

.ymc .companyinfo th {
	background:#53BDCF none repeat scroll 0 0;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#FFFFFF;
	height:30px;
	text-align:center;
	width:100px;
}

.ymc .companyinfo td {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#333333;
	font-weight:normal;
	line-height:160%;
	padding:8px;
}

.ymc .companyinfo a{
	color:#000;
	border:underline;
}
.ymc .companyinfo a:hover{
	color:#2FC0D7;
	border:underline;
}



/*============================================================
//  採用情報
//==========================================================*/
.ymc #body .companyinfo li{
	font-size:12px;
	line-height:140%;
	list-style:none;
}
.ymc #body .companyinfo dl{
	margin-bottom:10px;
}
.ymc #body .companyinfo dt{
	font-size:12px;
	font-weight:bold;
	line-height:140%;
	list-style:none;
	color:#000;
}
.ymc #body .companyinfo dd{
	font-size:12px;
	line-height:140%;
	padding-left:15px;
}