@charset "utf-8";
/* ================================================
基本共通css
================================================ */


*{
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color: #333333;
}
h1 {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}
h2 {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}
h3, h4, h5, h6, p {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

/*************** 共通 ***************/
img{margin: 0px;border: none; }

.clear {
	/* clear: both; text-align: center; */
}

.center{text-align:center;}
.left{text-align:left;}

.line{border:1px solid #FFFFFF;}

.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}
.mini{font-size: 10px;}
.button{text-align:center;padding:10px;}

.red_mark{
	padding : 2px;
	background: #FF3300;
	color : #FFFFFF;
}

a.dot_under{
	color:#333333;
	text-decoration : none;
	border-bottom-style : dotted;
	border-bottom-color : #333333;
	border-bottom-width : 1px;
}

a.no_under{
	color:#333333;
	text-decoration : none;
}

ul.atention{
	padding: 10px 0px 20px 20px;
}

.atention li{
	line-height: 150%;
}


hr.gray	{
	color:#C8C2B8;
	height: 1px;
}

/* パンくずリスト */
#content #page_navi a{
	color:#333333;
	text-decoration : none;
	border-bottom-style : dotted;
	border-bottom-color : #333333;
	border-bottom-width : 1px;
}

/* テーブル関係 */
#content table{
	border-collapse:collapse;
	border-spacing:0px;
}

#content table.input_table{
	width: 560px;
}

#content th{
	border:#666666 1px solid;
	padding:5px;
	background: #FFDEAD;
	text-align: right;
	line-height: 150%;
	width: 30%;
	white-space: nowrap;
}

#content td{
	border:#666666 1px solid;
	padding:3px;
	line-height: 150%;
}

/*************** ヘッダー***************/

#container .header_t{
	width: 800px;
	height:12px;
	float:center;
	background-color:#FAFAFA;
	border-top:#FF6600 3px solid;
}

#header{
	width: 800px;
	height:85px;
	text-align:left;
	background-color:#FAFAFA;
}

/* ロゴ */
#header h1{float:left;width:300px;height:54px;margin-left:5px;}

/* ヘッダーメニュー */
#header .h_menu{width:300px;float:right;text-align:left;line-height: 130%;border:#666666 1px solid;padding:5px;margin-right:5px;}

#header_menu{
	padding:0;
	margin:0;
	border-bottom:#666666 1px solid;
	text-align: center;
}

#header_menu ul {
	margin: 0px auto;
	padding: 0 0 0 217px;
}

#header_menu li {
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
	text-indent: -9000px;
	font-size: 1%;
	line-height: 0%;
	width: 193px;
}

#header_menu a {
	width: 193px;
	height: 35px;
	display: block;
}
#header_menu a#btn01 {
	background-image: url(/img/header_mn_01.gif);
}
#header_menu a#btn02 {
	background-image: url(/img/header_mn_02.gif);
}
#header_menu a#btn03 {
	background-image: url(/img/header_mn_03.gif);
}
#header_menu a:hover  {
	background-position: 0px -35px;
}


/*************** 全体 ***************/

body {
	background-color: #FFFFFF;
	background-image: url(../img/bg_gr.gif);
	background-repeat: repeat-y;
	background-position: center; 
}

#container{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#mainbox{
	width: 800px;
	text-align:center;
}

#maincontents{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/*************** 左メニュー***************/

#maincontents #leftside{
	background:#D8D8D8; 
	width: 180px;
	float:left;
	height: auto;
}

#menulist{
	padding-bottom:3px;
	width: 180px;
}

/* カテゴリ */
#menulist .m_category{
	height:10px;
}

/* 各メニューの塊 */
#menulist ul{
	margin-bottom: 5px;
}

#menulist li{
	width: 170px;
	background: #666666;
	list-style:none;
	line-height: 120%;
	margin: 0px auto 5px;
}
#menulist li a{
	width: 170px;
	color: #444444;
	text-decoration: none;
	text-align:left;
	display: block;
	text-indent: 5px;
	padding: 5px 0px;
}

#menulist li a.red_menu{
	width: 170px;
	text-decoration: none;
	text-align:left;
	display: block;
	text-indent: 5px;
	padding: 5px 0px;
}

/* 左メヌー */
#menulist ul#menu_1 li{ border-top: 1px solid #FFCC99; background: #FF9966; border-bottom: 1px solid #FF8800; }
#menulist ul#menu_2 li{ border-top: 1px solid #FFD8B3; background: #FFCC99; border-bottom: 1px solid #FFBB33; }
#menulist ul#menu_3 li{ border-top: 1px solid #FFEEDD; background: #FFE4CC; border-bottom: 1px solid #FFCC99; }

#menulist ul#menu_1 li a:hover{ background: #FF8800; }
#menulist ul#menu_2 li a:hover{ background: #FF9966; }
#menulist ul#menu_3 li a:hover{ background: #FF9966; }
/* #menulist ul#menu_3 li a:hover{ background: #FFCC99; } */

/* リンク */
#menulink_head{
	width: 160px;
	background: #FF9966;
	list-style:none;
	line-height: 120%;
	margin: 5px 5px 0px 5px;
	border:#FF9966 1px solid;
	padding: 7px 4px 5px 4px; 
}

#menulink{
	width: 160px;
	background: #EDEDED;
	list-style:none;
	line-height: 150%;
	border:#FF9966 1px solid;
	margin: 0px 5px 5px 5px;
	padding: 4px; 
}

#menulink a{
	text-decoration: none;
	font-size: 11px;
	color: #333333;
}

#menulink a:hover{
	text-decoration: underline;
	color: #FF3300;
}


/***************メイン***************/
#maincontents #rightside{
	width: 610px;
	float: right;
	text-align:left;
	background:#FFFFFF;
}
#maincontents #rightside #content{
	background:#FFFFFF;
	padding:5px 15px 5px 15px;
}
#maincontents #rightside #content p{
	line-height: 130%;
	padding: 10px 0px;
}

#maincontents #rightside #content2{
	line-height: 150%;
	width:540px;
	padding: 10px 10px;
}


/* 写真と説明 */
#rightside #intro #left_photo{
	width: 170px;
	float: left;
	text-align: center;
}
#rightside p.main_photo{
	padding-top:5px;
}
#rightside #right_comment {
	width: 395px;
	float: right;
}

#rightside #intro_comment_head{
	width: 395px;
	height:28px;
	background-image: url(../img/header_comment.gif);
	background-repeat: no-repeat;
}

#rightside #intro_comment{
	width: 385px;
	background-color: #FFE4CC;
	line-height: 150%;
	padding: 5px;
}

#rightside #intro_comment2{
	font-size: 10px;
	width: 540px;
	background-color: #FFFFFF;
	padding:5px;
	margin: 0px auto;
	text-align:center;
	border:#FF3300 1px dotted;
}

#rightside #intro_comment2 a{
	font-size: 10px;
}

#rightside #intro_comment_foot{
	width: 395px;
	height:5px;
	background-image: url(../img/footer_comment.gif);
	background-repeat: no-repeat;
}

/* タイトル */
#rightside #title {
	color:#333333;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	width: 530px;height:30px;float:center;
	background-image: url(../img/header_result.gif);
	background-repeat: no-repeat;
	padding-left:35px;
	padding-top:9px;
}

#rightside h2 {
	color:#333333;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	width: 530px;height:30px;float:center;
	background-image: url(../img/header_result.gif);
	background-repeat: no-repeat;
	padding-left:35px;
	padding-top:9px;
}
#rightside #kourei h2 {
	color:#333333;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	width: 530px;height:30px;float:center;
	background-image: url(../img/header_result2.gif);
	background-repeat: no-repeat;
	padding-left:35px;
	padding-top:9px;
}
#rightside h3 {
	color:#FF8400;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	width: 530px;height:20px;

}
#rightside #kourei h3 {
	color:#2BAF49;
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	width: 530px;height:20px;

}
#rightside h4 {
	font-size: 14px;
	font-weight: bold;
	font-style: normal;
	width: 530px;height:20px;

}



/* 第三者評価の効果 */
#rightside #kouka {
	width: 570px;
}

#rightside #kouka ul {
	margin: 0px;
	padding: 0px;
	width: 570px;
	text-align:center;
}

#rightside #kouka #result_mi {
	color:#FFFFFF;
	font-weight: bold;
	width: 180px;
	height:20px;
	background-image: url(../img/result_mi.gif);
	background-repeat: no-repeat;
	text-align:center;
	padding-top:4px;
}

#rightside #kouka li {
	list-style:none;
	float:left;
	width:180px;
	text-align:left;
	padding: 0px;
	margin: 0px 2px;
}

#rightside #hyoka {
	background-color: #D1EFD7;
	width:560px;
	height: 100%;
	padding:7px;
}
#rightside #hyoka img{
	margin: 0 5px 0 5px;
}
#rightside #hyoka .rightbox{
	float:right;
	width:210px;
}
#rightside #hyoka .box{
	padding:10px 7px 10px 7px;
	line-height: 1.5em;
}

/* 雑誌掲載 先生の推薦 */
#rightside #middle{
	width: 570px;
}

#rightside #middle #book {
	color:#333333;
	font-size: 14px;
	font-weight: bold;
	width: 250px;height:30px;float:left;
	background-image: url(../img/header_middle.gif);
	background-repeat: no-repeat;
	padding-left:35px;
	padding-top:9px;
}
#rightside #middle #book_c {
	color:#333333;
	width: 270px;
	float:left;
	line-height: 150%;
}

#rightside #middle #teacher {
	color:#333333;
	font-size: 14px;
	font-weight: bold;
	width: 250px;height:30px;float:right;
	background-image: url(../img/header_middle.gif);
	background-repeat: no-repeat;
	padding-left:35px;
	padding-top:9px;

}
#rightside #middle #teacher_c {
	color:#333333;
	font-size: 12px;
	line-height: 150%;
	padding-left:290px;
	padding-right:12px;
}


#rightside #midashi {
	color:#009900;
	font-weight:bold;
	width: 265px;
	float:center;
	text-align:left;
	padding-top:2px;
	padding-bottom:5px;
}

/* 保育分野の実績 */
#rightside #midashi2 {
	color:#009900;
	font-weight:normal;
	font-size: 10px;
	width: 265px;
	float:center;
	text-align:left;
	padding-top:2px;
	padding-bottom:5px;
}

#rightside #jisseki {
	font-size: 10px;
	width: 400px;
	float:right;
	text-align:left;
	padding-top:2px;
	line-height: 150%;
}

#rightside #jisseki a {
	color:#FF7300;
	font-size: 10px;
}

/* 詳しくはこちら */
#rightside #detail a {
	color:#FF7300;
	font-weight:bold;
	line-height: 150%;
	padding:3px;
	text-align:right;
	text-decoration: none;
}

#rightside #detail a:hover{
	text-decoration: underline;
}

/*
#rightside ul{
	margin-bottom: 5px;
}

#rightside li{
	list-style:none;
	line-height: 150%;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
*/

/***************フッター***************/

#copyright{
	color:#666666;
	background-color:#FFFFFF;
	text-align:right;
	width:790px;
	padding:10px 5px;
	border-top:#666666 1px solid;
}


#copyright a:link{color: #666666;text-decoration: none;}
#copyright a:visited{color: #666666;text-decoration: none;}
#copyright a:hover{color: #FF6600;text-decoration: none;}


/***************評価***************/

#step {
	color:#FF7300;
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
	line-height: 150%;
	padding:3px;
	text-align:left;
}


#faq_q{
	font-size: 12px;
	font-style: normal;
	line-height: 150%;
	padding:3px;
	text-align:left;
}

#faq_a{
	font-size: 12px;
	font-style: normal;
	line-height: 150%;
	padding:3px;
	text-align:left;
	margin-left:50px;
}

#waku{
	width: 550px;
	background-color: #FFFFFF;
	padding:10px;
	border:#333333 1px solid;
	line-height: 150%;
}

.photo01 {
	float: right;
	margin: 0px 5px 5px 5px;
}
.photo02 {
	float: left;
	margin: 0px 5px 5px 5px;
}

/***************会社***************/



