@charset "utf-8";

/*
-------------------FontSizeReset-------------------
10px : 0.77em
11px : 0.85em
12px : 0.92em
13px : 1.0em
14px : 1.07em
15px : 1.14em
16px : 1.22em
17px : 1.29em
18px : 1.36em
19px : 1.44em
20px : 1.52em
21px : 1.59em
22px : 1.67em
23px : 1.74em
24px : 1.82em
25px : 1.89em
26px : 1.97em
-------------------//FontSizeReset-------------------
*/

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

Style_Reset&Setting

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

html {
	margin: 0;
	padding: 0;
	background: url(../img/back_header.gif) repeat-x left top;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 13px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color: #313131;
	line-height: 1.0;
	*font-size: small;
	*font: x-small;
	background: url(../img/back_footer.gif) repeat-x left bottom;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,div,form,dl,dt,dd {
	margin: 0;
	padding: 0;
}

h2 {
	margin-bottom: 12px;
}

h3 {
	margin-bottom: 12px;
}

p {
	font-size: 0.92em;
	line-height: 150%;
}

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

a {
	text-decoration: none;
	color: #5b5b5b;
}

a:hover {
	text-decoration: underline;
}

address {
	font-style: normal;	
}

hr {
	display: none;
}

img {
	border: none;
	vertical-align: bottom;
}

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

LayOut

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

#wrapper {
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

#main {
	margin-bottom: 50px;
	padding-top: 25px;
	width: 900px;
	/*\*/
	overflow: hidden;
	/**/
}

#mainarea {
	width: 685px;
	float: left;
}

#subarea{
	width: 200px;
	float: right;
}

#footer {
	width: 900px;
	height: 85px;
}

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

#header

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

#header {
	width: 900px;
	height: 96px;
	position: relative;
}

#header h1 {
	position: absolute;
	bottom: 0px;
}

#header #smallnavi {
	/*\*/
	overflow: hidden;	
	/**/
	position: absolute;
	top: 20px;
	right: 0px;
}

* html #header #smallnavi,*+html #header #smallnavi {
	top: 21px;
}

#header #smallnavi li {
	margin-left: 15px;
	font-size: 1px;
	float: left;
}

#header #gnavi {
	width: 645px;
	/*\*/
	overflow: hidden;
	/**/
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#header #gnavi li {
	float: left;	
}

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

#mainarea

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

#topicpath {
	width: 900px;
	margin-bottom: 10px;
	/*\*/
	overflow: hidden;
	/**/
}

#topicpath li {
	margin-right: 3px;
	float: left;
}

#topicpath li a {
	color: #5cb5e9;
}

#mainarea a {
	color: #5cb5e9;
}

#headerimg {
	margin-bottom: 15px;
}

.contents {
	margin-bottom: 35px;
	width: 685px;
	/*\*/
	overflow: hidden;
	/**/
}

.contents img {
	margin-bottom: 12px;
}

.contents address {
	font-style: normal;	
	font-size: 0.92em;
	line-height: 150%;
}

.contents_paragraph {
	width: 350px;
	float: left;
}

.contents_img {
	width: 310px;
	float: right;
}

#pagetop {
	margin-bottom: 8px;
	text-align: right;
}

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

#subarea

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

#sub_step {
	margin-bottom: 12px;
	padding: 20px 0 0 12px;
	width: 188px;
	height: 163px;
	background: url(../img/back_sub_step.gif) no-repeat left top;
}

#sub_step h2{
	font-size: 1px;
}


#sub_twitter{
	margin-bottom: 10px;
}

#sub_news {
	margin-bottom: 2px;
	padding: 13px 9px 25px;
	width: 182px;
	height: 226px;
	background: url(../img/back_sub_news.gif) no-repeat left top;
}

#sub_news h2 {
	margin-bottom: 10px;
	font-size: 1px;
}

#sub_news dl {
	margin: 0 0 16px 5px;
	font-size: 0.92em;
}

* html #sub_news dl {
  font-family: 'ＭＳ Ｐゴシック', sans-serif;
}

*:first-child+html #sub_news dl {
  font-family: 'メイリオ', sans-serif;
}

#sub_news dt {
	margin-bottom: 0.2em;
}

#sub_news dd {
	/*height: 35px;*/
	margin-bottom: 1.2em;
	line-height: 1.5em;
}

#sub_white_paper {
	margin-bottom: 10px;
	padding: 10px 10px 0px 10px;
	width: 180px;
	height: 200px;
	background: url(../img/back_sub_white_paper.gif) no-repeat left top;
}

/** html #sub_white_paper {
	padding-bottom: 30px;
	height: 222px;
}*/

#sub_white_paper h2 {
	margin-bottom: 8px;
	height: 60px;
	font-size: 1px;
}

#sub_white_paper p {
	font-size: 0.92em;
	line-height: 1.5em;
	margin-bottom: 8px;
}

#sub_blog {
	/*margin-bottom: 6px;
	padding: 10px 9px 25px;
	width: 182px;
	height: 105px;
	background: url(../img/back_sub_blog.gif) no-repeat left top;*/
}

#sub_blog h2 {
	margin-bottom: 10px;
	font-size: 1px;
}

#sub_blog dl {
	margin: 0 0 16px 5px;
	font-size: 0.92em;
}

* html #sub_blog dl {
  font-family: 'ＭＳ Ｐゴシック', sans-serif;
}

*:first-child+html #sub_blog dl {
  font-family: 'メイリオ', sans-serif;
}

#sub_blog dt {
	margin-bottom: 0.2em;
}

#sub_blog dd {
	/*height: 35px;*/
	margin-bottom: 1.2em;
	line-height: 1.5em;
}

#sub_contact {
	margin-bottom: 12px;
	padding: 18px 20px 14px;
	width: 160px;
	height: 238px;
	background: url(../img/back_sub_contact.jpg) no-repeat left top;
}

* html #sub_contact {
	padding-bottom: 30px;
	height: 222px;
}

#sub_contact h2 {
	margin-bottom: 8px;
	height: 26px;
	font-size: 1px;
}

#sub_contact address {
	margin-bottom: 8px;
	padding-left: 4px;
}

#sub_contact p {
	font-size: 0.92em;
	line-height: 1.5em;
	margin-bottom: 8px;
}

#sub_contact_btn {
	text-align: center;
}

* html #sub_contact p {
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
}

*:first-child+html #sub_contact p {
	font-family: 'メイリオ', sans-serif;
}

.sub_banner {
	margin-bottom: 12px;
}

.sub_banner li {
	margin-bottom: 12px; 
}

#sub_supportstation {
	padding: 12px 10px 14px;
	width: 180px;
	height: 134px;
	background: url(../img/back_sub_supportstation.gif) no-repeat left top;
}

* html #sub_supportstation {
	padding-bottom: 23px;
	height: 125px;
}

#sub_supportstation h2 {
	margin-bottom: 7px;
	height: 50px;
}

#sub_supportstation p {
	font-size: 0.92em;
	line-height: 1.4em;
}

* html #sub_supportstation p {
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
}

*:first-child+html #sub_supportstation p {
	font-family: 'メイリオ', sans-serif;
}

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

#footer

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

#footer #footer_contents {
	padding-top: 20px;
}

#footer #footer_copy {
	float: right;
}

#footer #footer_detail,#footer address {
	font-size: 0.77em;
	font-style: normal;
	text-align: right;
	color: #FFFFFF;
	line-height: 1.3em;
}

* html #footer #footer_detail,* html #footer address {
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
}

*:first-child+html #footer #footer_detail,*:first-child+html #footer address {
	font-family: 'メイリオ', sans-serif;
}

#footer address {
	margin-bottom: 5px;
}

#footer #footernavi {
	/*\*/
	overflow: hidden;
	/**/
	float: left;
}

#footer #footernavi li {
	margin-right: 10px;
	font-size: 1px;
	float: left;	
}

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

#home

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

#home #main {
	padding-top: 24px;
}

#stepup {
	margin-bottom: 0;
	padding: 44px 0 0 597px;
	width: 88px;
	height: 31px;
	background: url(../../img/heading_top_step.gif) no-repeat left top;
}

#step_list {
	padding-right: 1px;
	width: 685px;
	/*\*/
	overflow: hidden;
	/**/
	background: url(../../img/border_step.gif) repeat-y right top;
  margin-bottom: 30px;
}

#step_list li {
	width: 227px;
	padding-left: 1px;
	background: url(../../img/border_step.gif) repeat-y left top;
	float: left;
}

#step_list li ul {
	margin-left: 21px;
	width: 205px;
	height: 145px;
}

#step_list li ul li {
	margin-bottom: 0.5em;
	padding-left: 18px;
	width: 188px;
	font-size: 0.92em;
	line-height: 1.5em;
	background: url(../img/icon_circle.gif) no-repeat left 5px;
}

#home .step_detail {
	margin-bottom: 12px;
	padding-right: 16px;
	text-align: right;
}

#home #subarea{
	padding-top: 14px;
}

#schedule {
	margin-bottom: 0px;
}

#schedule_pdf {
	text-align: right;
  margin-top: 5px;
}

#schedule_pdf a {
	text-decoration: none;
	color: #000000;
}

#schedule_pdf a:hover {
	text-decoration: underline;
}

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

#step

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

#step .contents_paragraph {
	width: 295px;
	float: left;
}

#step .contents_img {
	width: 380px;
	float: right;
}

#step #target_contents p,#step #target_contents li {
	font-size: 0.92em;
	line-height: 150%;
}

#step #stepupsupport {
	width: 685px;
}

#step #stepupsupport .contents {
	margin-bottom: 10px;
}

#step .stepupsupport_contents {
	margin: 0 auto 15px;
	padding: 16px;
	width: 625px;
	height: 174px;
	position: relative;
}

#step .stepupsupport_contents h4 {
	margin-bottom: 10px;
}

#step .stepupsupport_paragraph {
	width: 400px;
	float: left;
}

#step .stepupsupport_img {
	width: 217px;
	float: right;
}

#step #stepupsupport_counseling {
	background: url(../../step/img/back_counseling.jpg) no-repeat left top;
}

#step #stepupsupport_seminar {
	background: url(../../step/img/back_seminar.jpg) no-repeat left top;
}

#step #stepupsupport_training {
	background: url(../../step/img/back_training.jpg) no-repeat left top;
}

#step .step_detail {
	position: absolute;
	left: 335px;
	bottom: 20px;
}

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

#seminar

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

#seminar #seminar_tab {
	width: 685px;
	/*\*/
	overflow: hidden;
	/**/
}

#seminar #seminar_tab li {
	float: left;
}

#seminar .contents {
	margin-bottom: 25px;
}

#seminar #mainarea h3 {
	padding: 6px 23px 0;
	width: 639px;
	height: 51px;
	font-size: 1.07em;
	font-weight: normal;
	line-height: 125%;
	background: url(../../step/img/back_subheading.jpg) no-repeat left top;
}

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

#training

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

#introduction_flow {
	margin-bottom: 12px;
}

.introduction_paragraph {
	margin-bottom: 10px;
}

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

#about

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

#about .contents {
	margin-bottom: 12px;
}

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

#message

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

#message .message_article_r,#message .message_article_l {
	margin: 0 auto 15px;
	padding: 27px 18px;
	width: 621px;
	height: 157px;
}

#message .message_article_l {
	background: url(../../message/img/back_message_l.jpg) no-repeat left top;
}

#message .message_article_r {
	padding-left: 40px;
	width: 599px;
	height: 157px;
	background: url(../../message/img/back_message_r.jpg) no-repeat left top;
}

#message .message_paragraph {
	width: 392px;
}

#message .message_paragraph dt {
	margin-bottom: 8px;
}

#message .message_article_r .message_paragraph {
	float: left;
	width: 370px;
}

#message .message_article_l .message_paragraph {
	float: right;
}

#message .message_img {
	width: 217px;
}

#message .message_article_r .message_img {
	float: right;
}

#message .message_article_l .message_img {
	float: left;
}


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

#users_voice

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

#users_voice #description {
	width: 645px;
	padding: 0px 20px 30px 20px;
}

#users_voice .users_voice_article_r,#users_voice .users_voice_article_l {
	margin: 0px auto 30px;
	padding: 0px 10px 30px 10px;
	width: 650px;
  height: 200px;
}

#users_voice .bubble {
  float: left; /* または position: absolute;*/
  border-left: 10px solid #c2e8ff;
  border-bottom: 10px solid transparent;
  -border-bottom-color: white; /* for IE6 */
  margin:0px 0px 0px 20px;
}

#users_voice .bubble .body {
  -moz-border-radius:10px 10px 10px 10px;
  /*float: left;*/ /* または width を明示 */
  width:610px;
  /*margin-left: -20px;*/
  background: none repeat scroll 0 0 #c2e8ff;
  /*color: white;*/
  font:bold 1.22em "Gill Sans","Trebuchet MS",sans-serif;
  -position: relative; /* for IE6 */
  margin:0px 0px 0px -30px;
  padding:10px 20px 10px 20px;
}

#users_voice .users_voice_article_l .honbun{
  width:630px;
}

#users_voice .users_voice_article_l .honbun .image_area{
  float:left;
  width:150px;
  margin:0px 0px 0px 0px;
}

#users_voice .users_voice_article_l .honbun .image_area{
  text-align:center;
}


#users_voice .users_voice_article_l .honbun .paragraph{
  float:right;
  width:460px;
  margin:0px 0px 0px 0px;
}


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

#useful_info

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

#useful_info #description {
	width: 645px;
	padding: 0px 20px 30px 20px;
}

#useful_info #qa {
	width: 645px;
	padding: 0px 20px 10px 20px;
}

#accordion{
     border: 1px #ccc solid;
     border-top:none;
     width:645px;
	   margin: 0px 0px 20px 0px;
}

#accordion dt{
     background: #FFF4A3;
     padding: 10px;
     border-top: 1px #ccc solid;
}

#accordion dt a{
     color: #000; text-decoration:none;display:block;
}

#accordion dd{
     line-height: 150%;
     padding: 10px 10px 20px 20px;
}



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

#privacy

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

#policy h3 {
	margin-bottom: 0;
	font-size: 0.92em;
	font-weight: normal;
	line-height: 150%;
}

#policy li {
	margin-bottom: 1.8em;
}

#policy ol li ul li{
	margin-bottom: 0;
	padding-left: 6px;
	font-size: 0.92em;
	line-height: 150%;
	background: url(../img/icon_list.gif) no-repeat left 7px;
}

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

#sitemap

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

#sitemap #mainarea li {
	margin-bottom: 2.0em;
	padding-left: 7px;
	font-size: 1.07em;
	line-height: 1.2em;
	background: url(../img/icon_list.gif) no-repeat left 6px;
}

#sitemap #mainarea li li {
	margin-bottom: 0;
	padding-left: 10px;
	background: none;
}

#sitemap #mainarea li a {
	color: #5d8bab;
}