@charset "utf-8";



/* defoult settings
-----------------------------------*/

*{
margin:0;
padding:0;
font-size:100%;
list-style:none;
line-height:130%;
}

body{
	font-size:80%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	color:#444;
	background-color:#fff;
}
a{
color:#4169e1;
text-decoration:none;
}
a:hover{
color:#ff3333;
}
img,object{
border:none;
vertical-align:bottom;
}
ul,li {
list-style:none;
}
/*th {
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}*/
td {
	vertical-align: top;
}

/* structure
-----------------------------------*/
body {
}
#container {
width:800px;
background: #f7f6ec;
margin:0 auto;
border-left:solid 1px #d2d1c9;
border-right:solid 1px #d2d1c9;
border-bottom:solid 1px #d2d1c9;
}
#head-img-inner1 {
width:174px;
float:left;
background:url(http://www.e-cheerful.co.jp/images/top-saidnav-bg.gif) no-repeat;
height:298px;
}
#head-img-inner2 {
width:626px;
height:298px;
background:url(http://www.e-cheerful.co.jp/images/main-img.gif) no-repeat;
float:right;
}
#nav {
clear:both;
}
#contents {
width:800px;
background:url(http://www.e-cheerful.co.jp/images/bg-gradation.gif) top center no-repeat #f7f6ec;
}
#main-contents {
float:left;
width:498px;
padding-right:14px;
}
#sub-contents {
float:right;
width:283px;
}
#footer {
clear:both;
width:100%;

}


/*  top-nav
-----------------------------------*/

body#top-page #nav ul#topnav {
margin: 0px;
padding: 0px;
height: 57px;
width: 800px;
color: #333;
background:url(http://www.e-cheerful.co.jp/images/nav.jpg) no-repeat left top;
}

body#top-page #nav ul#topnav li{
list-style: none;
display: block;
margin: 0px;
padding: 0px;
float: left;
text-indent: -9999px;
height: 57px;
}

body#top-page #nav ul#topnav li a{
display: block;
text-decoration: none;
padding: 0px;
height: 57px;
background:url(http://www.e-cheerful.co.jp/images/nav.jpg) no-repeat;
overflow:hidden;
}

body#top-page #nav ul#topnav li#nav-voice		{ width: 133px; }
body#top-page #nav ul#topnav li#nav-service	{ width: 133px; }
body#top-page #nav ul#topnav li#nav-conferlist		{ width: 134px; }
body#top-page #nav ul#topnav li#nav-seminar	{ width: 134px; }
body#top-page #nav ul#topnav li#nav-assesment	{ width: 133px; }
body#top-page #nav ul#topnav li#nav-mousikomi	{ width: 133px; }

body#top-page #nav ul#topnav li#nav-voice a		{ background-position: 0px 0; }
body#top-page #nav ul#topnav li#nav-service a		{ background-position: -133px 0; }
body#top-page #nav ul#topnav li#nav-conferlist a	{ background-position: -266px 0; }
body#top-page #nav ul#topnav li#nav-seminar a		{ background-position: -400px 0; }
body#top-page #nav ul#topnav li#nav-assesment a	{ background-position: -534px 0; }
body#top-page #nav ul#topnav li#nav-mousikomi a	{ background-position: -667px 0; }

body#top-page #nav ul#topnav li#nav-voice a:hover		{ background-position: 0px 50%; }
body#top-page #nav ul#topnav li#nav-service a:hover		{ background-position: -133px 50%; }
body#top-page #nav ul#topnav li#nav-conferlist a:hover	{ background-position: -266px 50%; }
body#top-page #nav ul#topnav li#nav-seminar a:hover		{ background-position: -400px 50%; }
body#top-page #nav ul#topnav li#nav-assesment a:hover	{ background-position: -534px 50%; }
body#top-page #nav ul#topnav li#nav-mousikomi a:hover	{ background-position: -667px 50%; }

body#top-page #nav ul#topnav li#nav-voice.current-page		{ background: url(http://www.e-cheerful.co.jp/images/nav-subpage.jpg) 0px 100%; }
body#top-page #nav ul#topnav li#nav-service.current-page		{ background: url(http://www.e-cheerful.co.jp/images/nav-subpage.jpg) -133px 100%; }
body#top-page #nav ul#topnav li#nav-conferlist.current-page	{ background: url(http://www.e-cheerful.co.jp/images/nav-subpage.jpg) -266px 100%; }
body#top-page #nav ul#topnav li#nav-seminar.current-page		{ background: url(http://www.e-cheerful.co.jp/images/nav-subpage.jpg) -400px 100%; }
body#top-page #nav ul#topnav li#nav-assesment.current-page	{ background: url(http://www.e-cheerful.co.jp/images/nav-subpage.jpg) -534px 100%; }
body#top-page #nav ul#topnav li#nav-mousikomi.current-page		{ background: url(http://www.e-cheerful.co.jp/images/nav-subpage.jpg) -667px 100%; }


/*  top-catch
-----------------------------------*/
#head-img-inner2 #catch-copy {
font-size:24px;
font-weight:bold;
color:#444;
letter-spacing:0.1em;
line-height:130%;
width:223px;
height:105px;
margin-top:52px;
margin-left:115px;
font:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";@important!
}


/*  sub-nav
-----------------------------------*/
#head-img-inner1 #sub-nav {
width:174px;
padding-top:18px;
}
#head-img-inner1 #sub-nav ul {
list-style:none;
}
#head-img-inner1 #sub-nav em{
font-size:9px;
color:#fff;
visibility:hidden;
}

#head-img-inner1 #sub-nav li a {
color:#003399;
text-decoration:none;
display:block;
width:174px;
height:34px;
}

#head-img-inner1 #sub-nav li#sn1 a {
background:url(http://www.e-cheerful.co.jp/images/top-sidenav1.jpg) no-repeat;
}
#head-img-inner1 #sub-nav li#sn1 a:hover{
background:url(http://www.e-cheerful.co.jp/images/top-sidenav1-on.jpg) no-repeat;
}

#head-img-inner1 #sub-nav li#sn2 a {
background:url(http://www.e-cheerful.co.jp/images/top-sidenav2.jpg) no-repeat;
}
#head-img-inner1 #sub-nav li#sn2 a:hover{
background:url(http://www.e-cheerful.co.jp/images/top-sidenav2-on.jpg) no-repeat;
}

#head-img-inner1 #sub-nav li#sn3 a {
background:url(http://www.e-cheerful.co.jp/images/top-sidenav3.jpg) no-repeat;
}
#head-img-inner1 #sub-nav li#sn3 a:hover{
background:url(http://www.e-cheerful.co.jp/images/top-sidenav3-on.jpg) no-repeat;
}


/* seminar-info
-----------------------------------*/

#main-contents-inner {
width:475px;
margin-top:20px;
padding-left:23px;
}

#main-contents-inner h2 {
margin-bottom:7px;
}
table#seminar-info img.si-bullet {
padding-top:0px;
margin-top:0px;
vertical-align:top;
}
table#seminar-info td.si-date {
color:#003399;
font-size:12px;
font-weight:bold;
}

table#seminar-info td.si-text {
color:#444;
font-size:12px;
padding-bottom:3px;
letter-spacing:0.1em;
text-align:justify;
}
#main-contents-inner div.btn-seminar {
text-align:right;
margin-top:5px;
margin-bottom:20px;
}

/* sub-contents
-----------------------------------*/
#sub-contents {
margin-top:20px;
}

#sub-contents h2 {
margin-bottom:7px;
}
#sub-contents #sub-contents-inner {
width:265px;
}

#sub-contents #sub-contents-inner div.news-text {
width:265px;
}

#sub-contents #sub-contents-inner div.news-text h3 {
background:url(http://www.e-cheerful.co.jp/images/news-bullet.gif) top left no-repeat;
padding-left:15px;
font-size:12px;
font-weight:bold;
color:#003399;
}
#sub-contents #sub-contents-inner div.news-text h3 a,
#sub-contents #sub-contents-inner div.news-text h3 a:visited{
color:#003399;
}
#sub-contents #sub-contents-inner div.news-text h3 a:hover{
color:#ff3333;
}
#sub-contents #sub-contents-inner div.news-text p {
padding-left:15px;
font-size:12px;
color:#444;
margin-bottom:3px;
letter-spacing:0.1em;
text-align:justify;
}



/* footer
-----------------------------------*/
#footer {
text-align:left;
padding-bottom:10px;
margin-top:10px;
background:#f7f6ec;
}
#footer ul.foot-nav1{
float:left;
font-size:11px;
width:600px;
margin-left:20px;
}
#footer ul li {
display:inline;
padding-left:10px;
padding-right:5px;
border-left:1px solid #686867;
letter-spacing:normal;
}
#footer ul .fnav-first {
border-left:none;
}
#footer ul .fnav-last {
border-right:1px solid #686867;
}
#footer ul a {
text-decoration:none;
color:#686867;
}
#footer ul a:hover {
text-decoration:underline;
color:#fe5210;
}
#footer p {
display:block;
float:right;
padding-right:20px;
font-size:11px;
}




/* holly hack 
-----------------------------------*/
* html #contents,
* html div
 { height: 1%; }
/* holly hack end */

/* clearfix
-----------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* div.clearfix
-----------------------------------*/
div:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

div {
  min-height: 1px;
}

* html div {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}