@charset "UTF-8";
body { 
	font-family: sans-serif;
	color: #4D4D4D; 
	line-height: 1.4;
}

/*リンク*/
a { color: #4D4D4D; }
a:hover { color: #996600; }

a {text-decoration: none;}

/*ページ*/
#page {
	width: 960px;
	margin: 0 auto;
	}

/*ページヘッダー*/
#pageHead .sitetitle {
	width: 960px;
	height: 140px;
	margin: 0 auto;
}

#pageHead .sitetitle .img-left {
	float: left;
}

/* -----------ドロップメニュー  ----------*/
.menu ul{
  margin:0;
  padding:0;
  display: block;
  clear: both;
  float: left;
  }

.menu ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:14px;
  float: left;
  position: relative;
  width: 240px;/*親メニューの幅*/
  height: 40px;/*親メニューの高さ*/
  line-height: 40px;
  background:#FF818D;/*親メニューの背景色*/
  color: #4D4D4D;/*親メニューの文字色*/
  text-align:center;
  font-weight:bold;
}

.menu ul li a {
  color: #4D4D4D;
  display: block;
  text-decoration: none;
}

.menu ul li:hover, .menu ul li a:hover {
  /*background:#D0D0D0;/*ホバー時の親メニューの背景色*/*/
  /*color:#fff;/*ホバー時の親メニューの文字色*/*/
}

.menu ul li ul {
  position: absolute;
  top: 40px;/*親メニューの高さと同じにする*/
  width: 240px;
  z-index: 100;
}

.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 240px;/*サブメニューの幅*/
  height: 0;
  background:#FFDAD7;/*サブメニューの背景色*/
}

.menu ul li ul li:hover, .menu ul li ul li a:hover {
  /*background:#D0D0D0;/*ホバー時のサブメニューの背景色*/*/
}

.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:40px;/*サブメニューの高さ*/
  z-index: 10;
}

.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/*親メニューの背景色*/
.nav_home {
	background-color: #E7E371;
}
.nav_yoberu {
	background-color: #99D55E;
}
.nav_tonetto {
	background-color: #ECA94A;
}
.nav_sky {
	background-color: #97D8F9;
}

/*サブメニューの背景色*/
.nav_home_sub {
	background-color: #F4F3BF;
}
.nav_yoberu_sub {
	background-color: #BBEDB8;
}
.nav_tonetto_sub {
	background-color: #F7D8AE;
}
.nav_sky_sub {
	background-color: #D5F0FD;
}

/*ホバー時の背景色と文字色*/
.nav_home:hover,
.nav_home_sub:hover {
	background:#FFEE00;
	color:#333;
}
.nav_yoberu:hover,
.nav_yoberu_sub:hover {
	background:#53952F;
	color:#FFF;
}
.nav_tonetto:hover,
.nav_tonetto_sub:hover {
	background:#FF9500;
	color:#FFF;
}
.nav_sky:hover,
.nav_sky_sub:hover {
	background:#4798DA;
	color:#FFF;
}


/*ページフッター*/
#pageFoot {
	margin-top: 40px;
	text-align: center;
	display: block;
	clear: both;
	
	}

#pageFood #copyright small {
	font-size: 12px;
	line-height: 1.5;
	}


/*ページボディ*/


/* -----------メインカラム内の装飾 ----------*/


/*リスト*/

/*画像キャプション*/


/*見出し*/

h1 {
	font-size: 60px;
	display: block;
	clear: both;
	float: left;
	padding: 0px 20px 0px 0px;
	letter-spacing: 0.1em;
	}
	

h3 {
	font-size: 20px;
	display: block;
	clear: both;
	float: left;
	padding: 0px 0px 0px 0px;
	letter-spacing: 0.1em;
	}

.heading-typeA {
	border-left: solid 5px #99D55E;
	background-color: #BBEDB8;
	padding: 5px 10px;
	}

.heading-typeB {
	border-left: solid 5px #ECA94A;
	background-color: #F7D8AE;
	padding: 5px 10px;
	}
	
.heading-typeC {
	border-left: solid 5px #97D8F9;
	background-color: #D5F0FD;
	padding: 5px 10px;
	}
		
	
.heading-typeD { font-size: 18px; }

#tonetto_top .heading-typeE,
#tonetto_1 .heading-typeE,
#tonetto_2 .heading-typeE {
	border-left: solid 5px #ECA94A;
	background-color: #F7D8AE;
	padding: 5px 10px;
	clear: both;
}
#sky_top .heading-typeE {
	border-left: solid 5px #123867;
	background-color: #d9f1fe;
	padding: 5px 10px;
	}
#yobhel_top .heading-typeE {
	border-left: solid 5px #008000;
	background-color: #dbffb7;
	padding: 5px 10px;
	}
#headline {
	width: 960px;
}
#headline p {
	float: left;
	margin-left: 40px;
}
#headline img {
	float: right;
	margin-right: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/* -----------トップページの内容-------------- */

/* メインビジュアル */
#pagebody .mainvisual .mainvisualtext{
	color: #fff;
	position: absolute;
	/*background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(133, 191, 81, .8));*/
	display: block;
	clear: both;
	overflow: hidden;
	min-width:960px;
	width: 960px;
	height: 330px;
	}

#pagebody .mainvisual {
	position: relative;
	padding-top: 40px;
	display: block;
	clear: both;
	}
	
#pagebody .mainvisual p {
	font-size: 30px;
	line-height:1.2;
	}

.box1 {
	position:  relative;
	top: 20px;
	left: 50px;
	}
	
.box2 {
	position: relative;
	top: 20px;
	left: 100px;
	}

.box3 {
	position: relative;
	top: 20px;
	left: 180px;
	}

.box4 {
	position: relative;
	top: 20px;
	left: 720px;
	}

/*インデックス内装飾*/

#pagebody .index article {
	width: 300px;
	float: left;
	margin-left: 30px;
	}

#pagebody .index article:first-child {
	margin-left: 0;
	}

#pagebody .index article a {
	display: block;
	}

#pagebody .index article a:hover {
	opacity: 0.7;
}

#pagebody .index {
	margin-top: 30px;
	}
	
#pagebody .index:after {
	content: "";
	clear: both;
	display: block;
	}

#pagebody .index p {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: 0.13em;
	}
#index #tell {
	font-weight: normal;
}

/* お問い合わせ*/
.contact {
	border: solid 1px #cccccc;
	margin-top: 30px;
	padding: 10px;
	width: 938px;
	}

.contactText p {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.33;
	letter-spacing: 0.13em;
	}
	
.contactText li {
	font-size: 16px;
	line-height: 1.375;
	list-style: none;
	}	
	
.contact:after {
	content: "";
	clear: both;
	display: block;
	}

.contact .contactText {
	float: left;
	width: 440px;
	}
	
.contact .contactMap {
	float: right;
	width: 400px;
	}

/* -----------下層ページの内容-------------- */

/*法人案内*/

#houjin #contents #greeting img {
	float: right;
	margin: 20px 50px 0px 60px;
}
#houjin #contents #greeting h1 {
	font-size: 50px;
	margin: 20px 0px 15px 0px;
	float: left;
}
#houjin #contents #greeting p {
	font-size: 18px;
	line-height: 1.33;
	font-weight: 700;
	margin: 0px 50px 0px 0px;
	clear: left;
}
#houjin #presidents_name {
	float: right;
	margin: 20px 30px 0px 0px;
}
#houjin #contents #history table {
	font-size: 18px;
	line-height: 1.33;
	font-weight: 700;
	margin: 120px auto 40px;
	width: 640px;
}
#houjin #contents #history .year-month {
	width: 160px;
	text-align: right;
	vertical-align: top;
	padding-right: 15px;
}
#houjin #contents #history table caption {
	margin: 0px 0px 14px 0px;
}
/*シラバス*/

#syllabus #contents #text h2 {
	font-size: 25px;
	margin: 20px 0px 30px 0px;
	float: left;
}
#syllabus #contents #text p {
	font-size: 18px;
	line-height: 1.33;
	font-weight: 0;
	margin: 0px 0px 0px 0px;
	clear: left;
}
#syllabus #contents #text h1 {
	font-size: 36px;
	line-height: 1.33;
	font-weight: 0;
	margin: 40px 0px 0px 0px;
	clear: left;
}
#syllabus #contents #text p.kasen {
	text-decoration:underline;
}
#syllabus #contents #text p.subtitle {
	font-size: 22px;
	line-height: 1.33;
	font-weight: 0;
	margin: 0px 0px 0px 0px;
	clear: left;
}
#syllabus #contents #text p.denwa {
	color:#000099;
	font-size: 22px;
	line-height: 1.33;
	font-weight: 0;
	margin: 0px 0px 0px 0px;
	clear: left;
}
#syllabus #contents #text p.mini1 {
	font-size: 14px;
	line-height: 1.33;
	font-weight: 0;
	margin: 0px 0px 0px 0px;
	clear: left;
}
#syllabus #contents #text p.mini2 {
	font-size: 14px;
	text-decoration:underline;
	line-height: 1.33;
	font-weight: 0;
	margin: 0px 0px 0px 0px;
	clear: left;
}
#syllabus #contents #text .renraku {
	float: right;
}
#syllabus #tell {
	float: right;
	margin: 20px 30px 0px 0px;
}
#index #tell span, #syllabus #tell span {
	font-size: 12px;
}
.moushikomi {
	border: solid 1px #cccccc;
	margin-top: 30px;
	padding: 10px;
	width: 938px;
	}

/

 とねっと＿メインビジュアル */

#pagebody .tonetto_visual {
	width: 960px;
	margin-top: 70px;
	position: relative;
	}


#pagebody .main {
	padding-top: 40px;
	}

/* スカイ＿メインビジュアル */

#pagebody .sky_visual {
	width: 960px;
	margin-top: 70px;
	position: relative;
	}


#pagebody .sky_visual img {
	vertical-align: bottom;
	}

#pagebody .sky_visual .sky_visualText {
	color: #ffffff;
	position: absolute;
	right: 30px;
	bottom: 30px;
	width: 400px;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

#pagebody .sky_visual p {
	font-size: 30px;
	line-height: 1.8;
	margin: 0;
	float: right;
	}

#pagebody .sky_visual h2 {
	font-size: 60px;
	line-height: 1.1;
	letter-spacing: 0.2em;
	margin: 0;
	float: right;
	}


#pagebody .sky_visual .kunren {
	color: #fff;
	position: absolute;
	left: 14px;
	bottom: 20px;
	width: 270px;
	padding: 0;
	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

#pagebody .sky_visual .kunren h3 {
	font-size: 70px;
	line-height: 1.9;
	font-weight: 100;
	margin: 0;
	text-align: center;
	transform: scale( 1 , 1.5 );
	}

#pagebody .sky_visual .kunren h4 {
	font-size: 30px;
	line-height: 1.4;
	font-weight: 100;
	margin: 0;
	text-align: center;
	}



/*リンクボタン*/
.btn {
	margin-top: 30px;
}
.btn img {
	margin-left: 90px;
}

/* 相談内容 */
.font-size18 {
	font-size: 18px;
	line-height: 1.33;
	font-weight:600;  /*追記0418*/
}
#soudannonagare {
	background-image: url(../../images/tonetto_1.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 960px;
	height: 664px;
}
#soudannonagare p {
	width: 180px;
	float:left;
	margin-top: 415px;
}
#soudannonagare .box5 {
	margin-left: 190px;
}
#soudannonagare .box6 {
	margin-left: 25px;
}
#soudannonagare .box7 {
	margin-left: 30px;
}
.terebi {
	width: 400px;
	float: right;
	margin: 0px 0px 0px 20px;
}
.terebi p {
	background-color: #ECA94A;
	text-align: center;
	margin-top: 15px;
}
.text_left {
	width: 540px;
	font-size: 18px;
	display: block;
	line-height: 1.33;
	font-weight: 700;
	float: left;
}

/* スカイ＿とねっと＿セクション */

.sky_index {
	widht: 960px;
	margin-top: 30px;
	}

#pagebody .rinen {
	
	width: 960px;
	height: 120px;
	margin: 10px 0;
	}

#pagebody .rinen_menu {
	
	width: 960px;
	height: 100px;
	margin: 0;
	}

#pagebody .rinen p{
	margin: 0;
	width: 960px;
	font-size: 18px;
	line-height: 1.33;
	font-weight: 700;
	letter-spacing: 0.13em;
	}

#pagebody .sky_2 p {
	margin: 0;
	width: 600px;
	font-size: 18px;
	line-height: 1.33;
	font-weight: 700;
	letter-spacing: 0.13em;
	}

.img-right1 { 
	display: block;
	clear: both;
	float: right;
	margin: 0 30px 0 20px;
	 }	

.img-right2 { 
	display: block;
	clear: both;
	float: right;
	margin: 10px 30px 0 20px;
	 }

.img-b1 { 
	display: block;
	float: left;
	margin: 0 0 0 0px;
	 }	

.img-b2 { 
	display: block;
	float: left;
	margin: 0 0 0 20px;
	 }

.img-b3 { 
	display: block;
	float: left;
	margin: 0 0 0 20px;
	 }

table.koe_a {
width: 600px;
height: 150px;
background-image:url(../../images/koe_back_a.gif);
table-layout: fixed;
}

table.koe_b {
width: 600px;
height: 150px;
background-image:url(../../images/koe_back_b.gif);
table-layout: fixed;
}

.bottom_table{
width: 100%;
border-collapse: collapse;
}

.bottom_table th{
padding: 0px;
text-align: left;
vertical-align: top;
color: #000000;
background-color: #ffffff;
border: 0px solid #ffffff;
}

.bottom_table_left{
width: 100px;
}

.bottom_table_middle{
width: 460px;
}

.bottom_table_right{
width: 400px;
}

#pagebody .sagyou{
 font-size: 32px; 
 color: #0000ff; 
}

.sky__sagyou_left{
width: 360px;
}

.sky__sagyou_right {
width: 620px;
text-align: left;
vertical-align: top;
}

#pagebody .annai p {
	margin: 0;
	font-size: 18px;
	line-height: 1.33;
	font-weight: 700;
	letter-spacing: 0.13em;
	}
	
#pagebody .annai {
	
	}
	
#pagebody .annai .img-right3 {
	display: block;
	clear: both;
	float: right;
	margin: 10px 30px 0 20px;
	 }
	 
#pagebody .annai p {
	margin: 0;
	font-size: 18px;
	line-height: 1.33;
	font-weight: 700;
	letter-spacing: 0.13em;
	}
/* ヨベル */
.yobhel_1_group figure {
	width: 300px;
	margin: 0 30px 30px 0;
	float: left;
}
.yobhel_1_group figure:nth-child(3) {
	margin-right: 0;
}
.yobhel_1_group figcaption {
	font-size: 18px;
	line-height: 1.33em;
	font-weight: 700;
	letter-spacing: 0.13em;
}
.clearfix {
	clear: both;
}