@charset"UTF-8";

/* *******共通1【S】******* */
body {
	width: 100%;
	text-align: center;
	background-color: #d1e7fd;
	background: linear-gradient(#64b3f4 , #f0f8ff);
	margin: 0px 0px 0px 0px;
	/* 書体【ゴシック系】 */
	font-family: Avenir, "Helvetica neue", Helvetica, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	/* 書体【明朝系】 */
	/* font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; */
	font-size: 14px;
	font-weight: bold;
	text-align: left;

}
/* *******ヘッダー1【S】******* */
/* 【帯の部分】*/
.header1 {
	width: 100%;
	height: 40px;
	background-color: #64b3f4;

}
.obi {
	width: 950px;
	height: 100%;
	margin: 0 auto;

}
.obi_moji {
	margin: 0px 0px 0px 0px;
	padding : 10px 0px 10px 1px;
	float: left;

}
/* *******ヘッダー1【E】******* */
.container {
	width: 980px;
	margin: 0 auto;
	background-image: url("img/bgi.jpg");
}
.container p{
	font-family: Avenir, "Helvetica neue", Helvetica, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
/* *******ヘッダー部【S】******* */
.header2 {
	width: 100%;
	height: 210px;
	margin: 0 auto;

}
.logo {
	margin: 0 auto;
	width: 928px;
	height: 130px;

}
.habataki_logo {
	margin: 20px 0px 0px 0px;
	width: 500px;
	float: left;

}
.navi {
	width: 928px;
	height: 50px;
	margin: 0 auto;
	margin-top: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #574700;
	border-radius: 10px;

}
.navi ul{
	margin: 0; 
	padding: 0; 
	list-style: none;

}
.navi li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
	float: left;
	CURSOR: pointer;

}
.navi a{
	width: 120px; 
	height: 20px;
	margin: 0 auto;
	padding: 15px 5px 15px 5px;
	text-align: center;
	background-color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	display: block; 
	text-decoration: none;
	border-right-style: dotted;
	color: #000080;
}
.navi a:visited{
	color: #000080;

}
.navi a:hover{
	display: block; 
	background-color: #ffa07a;
	color: #574700;

}
.home a{
	border-radius: 10px 0px 0px 10px;

}
.menu6 a{
	border-radius: 0px 10px 10px 0px;
	border-right-style: none;

}
.home_s a{
	border-radius: 10px 0px 0px 10px;
	background-color: #ff7f50;

}
.menu1_s a{
	background-color: #ff7f50;

}
.menu2_s a{
	background-color: #ff7f50;

}
.menu3_s a{
	background-color: #ff7f50;

}
.menu4_s a{
	background-color: #ff7f50;

}
.menu5_s a{
	background-color: #ff7f50;

}
.menu6_s a{
	background-color: #ff7f50;
	border-radius: 0px 10px 10px 0px;
	border-right-style: none;

}
/* *******ヘッダー部【E】******* */

.main_frame{
	width: 920px;
	margin: 0 auto;

	border-style: solid;
	border-width: 3px;
	border-color: #F6AD3C;
	border-radius: 10px;
	background-color: #f0ffff;
	font-family: Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3';

}
.sub_frame{
	width: 92%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;

}
.title{
	width: 100%;
	margin: 0 auto;
	padding :7px 0px 7px 0px;
	font-size:34px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	color:#fff;
	background-color:#00AEE0;
	border-radius: 10px;
	box-shadow:2px 2px #1a6ea0;
	text-shadow:0 -1px #1a6ea0;
	background-image:-moz-linear-gradient(
		top,
		#49a9d4 0%,
		#49a9d4 49%,
		#419cd8 50%,
		#419cd8);
 
    background-image:-webkit-gradient(
    	linear,left top,left bottom,
		from(#49a9d4),
		color-stop(0.49,#49a9d4),
		color-stop(0.50,#419cde8),
		to(#419cd8));

}
.yohaku{
	height: 30px;

}
.footer{
	height: 10px;
	margin: 0 auto;
}
/* *******共通【E】******* */

/* *******トップページ【S】******* */
.index_mainframe {
	width: 928px;
	height: 680px;
	margin: 0 auto;

}
/*メインフレーム左側*/
.index_mainframe_l {
	float: left;
	width: 500px;
	height: 100%;
	margin: 0px 0px 0px 0px;
}
.index_mainframe_l1 {
	width: 500px;
	height: 310px;
	margin: 0px 0px 0px 0px;
	position: relative;

}
#slideshow {
	width: 100%;
	height: 310px;
	margin: 0px 0px 0px 0px;
	position: absolute;
}
#slideshow img {
	width: 100%;
	height: 310px;
	border-style: solid;
	border-width: 4px;
	border-color: #574700;
	border-radius: 10px;

	position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}
.index_mainframe_l2 {
	width: 100%;
	height: 300px;
	margin: 10px 0px 0px 0px;
	position: relative;
}
.index_mainframe_l2_banner {
	width: 500px;
	height: 100px;
	margin: 0px 0px 5px 5px;
}
.index_mainframe_l2l {
	float: left;
	width: 48%;
	height: 100%;

}
.kj_logo {
	width: 100%;
	height: 30%;
	border-style: solid;
	border-width: 4px;
	border-radius: 10px;
	border-color: #003856;

}
.index_mainframe_l2r {
	float: right;
	width: 48%;
	height: 100%;

}
.index_mainframe_l2 a:hover img {
	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";

}
.oozora_logo {
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: 4px;
	border-radius: 10px;
	border-color: #003856;

}
.main_img{
	width: 100%;
	height: 350px;
	border-style: solid;
	border-width: 4px;
	border-color: #574700;
	border-radius: 10px;


}
.main_moji{
	width: 80%;
	height: 80px;

	top: 20px;
	left: 50px;

}
/*メインフレーム右側*/
.index_mainframe_r {
	float: right;
	width: 400px;
	height: 650px;
	margin: 0px 0px 0px 10px;

}
.facebook_frame {
	width: 100%;
	height: 310px;
	margin: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 1px;

}
.twitter_frame {
	width: 100%;
	height: 310px;
	margin: 10px 0px 0px 0px;
	border-style: solid;
	border-width: 1px;

}

.rireki {
	clear:both; /*float(回り込み)の解除、ここがポイント*/
	width: 100%;
	height: 30px;
	margin: 0 auto;
	margin-top: 30px;
	background-color: #00fa9a;

}
.rireki_moji{
	width: 90px;
	margin: 0 auto;
	padding: 2px 0px 2px 50px;

}
.history {
	width: 928px;
	margin: 0 auto;

}
.history li{
	TEXT-ALIGN: left;
	font-size: 10pt;
	color:#2f4f4f;

}
.history a{
	color: #2f4f4f;

}
/* *******トップページ【E】******* */
.main main_menu4 {
	width: 800px;
	border-bottom: 1px #000000 solid;
	border-width: 2px;
	border-color: #2c9539;
	position: relative;
	padding: 7px 0px 7px 20px;

}
.main main_menu4 p{
	padding: 7px 0px 7px 20px;
	font-size: 20px;
	line-height: 30px;

}

/* *******法人紹介【S】******* */
.houjinshoukai_frame{
	width: 96%;
	margin: 0 auto;
	margin-top: 20px;

}
.sub_title1{
	width: 100%;
	border-bottom: 1px #000000 solid;
	border-width: 2px;
	border-color: #2c9539;
	color: #E9546B;
	
}
.sub_title1 p{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	color: #E9546B;
	font-size: 26px;

}
.houjin_bun1{
	margin: 0 auto;
	margin-top: 10px;

}
.houjin_bun1 p{
	padding-left: 20px;
	font-size: 19px;
	line-height: 32px;
}
.houjin_bun2{
	margin: 0 auto;
	margin-top: 10px;

}
.houjin_bun2 p{
	padding-left: 20px;
	font-size: 19px;
	line-height: 30px;
}
/* *******法人紹介【E】******* */

/* *******理事長あいさつ【S】******* */
.aisatu {
	width: 96%;
	margin: 0 auto;
	margin-top: 10px;
	line-height: 30px;
	font-size: 20px;
	/* 書体【ゴシック系】 */
	font-family: Avenir, 'Helvetica neue', Helvetica, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	/* 書体【明朝系】 */
	/* font-family:“Times New Roman”, “游明朝”, YuMincho, “ヒラギノ明朝 ProN W3”, “Hiragino Mincho ProN”, “メイリオ”, Meiryo, serif; */
}
.rijichou_frame {
	width: 96%;
	margin: 0 auto;
	margin-top: 20px;

}
.rijichou_frame1 {
	width: 100%;
	height: 360px;

}
.rijichou_frame1_l {
	float: left;
	width: 400px;

}
.rijichou_frame1_l img{
	width: 100%;

}

.rijichou_frame1_r {
	float: right;
	width: 400px;
	margin: 0 auto;

}
.rijichou_frame1_r p{
	line-height: 45px;
	font-size: 24px;

}
.rijichou_frame1_r span{
	display: inline-block;
	width: 120px;
	font-size: 18px;

}
.rijichou2{
	clear: both; /*float(回り込み)の解除、ここがポイント*/
	width: 100%;
	margin-top: 10px;
	font-size: 18px;

}
.rijichou2 h1{
	font-size: 24px;

}
.rijichou2 p{
	line-height: 35px;
	font-size: 22px;

}
.rijichou2 span{
	display: inline-block;
	width: 150px;

}
/* *******理事長あいさつ【E】******* */

/* *******事業所紹介【S】******* */
.habataki{
	width: 840px;
	margin: 20px auto;

}
.matubokkuri{
	width: 840px;
	margin: 20px auto;

}
.jigyoushomei{
	TEXT-ALIGN: center;
	color: #000080;
	background-color: #FFE4E1;
	border-style: solid;
	border-width: 1px;
	border-color: #D3EDFB;
	line-height: 10px;
	font-family: Avenir, "Helvetica neue", Helvetica, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.jigyousho_img{
	width: 840px;

}
.jyuusho{
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 7px 20px;
	color: #2F4F4F;
	background-color: #FFFFE0;
	border-style: solid;
	border-width: 1px;
	border-color: #D3EDFB;
	border-radius: 10px;
	position: relative;
	line-height: 10px;
	font-size: 18px;

}
/* *******事業所紹介【E】******* */

/* *******事業案内【S】******* */
.jigyouannai_frame {
	width: 96%;
	margin: 0 auto;
	
}

.jigyouannai_setumei{
	width: 98%;
	margin-top: 10px;
	padding: 7px 0px 7px 20px;
	border-bottom: 2px #2c9539 solid;
	position: relative;
	color: #E9546B;
	font-size: 26px;
}
.accordion dt{
	width: 98%;
	margin: 0 auto;
	padding: 7px 0px 7px 15px;
	border-bottom: 2px #9f166a solid;
	background-color: #4169e1;
	color: #ffff00;
	font-size:20pt;

}
.accordion dd{
	width: 100%;
	margin: 0 auto;

	background: #afeeee;
	color: #00ff00;
	border-bottom: solid 1px #e6e6e6;

}
.annai_frame {
	width: 96%;
	margin: 0 auto;

}
.annai_frame_l {
	width: 48%;
	float: left;

}
.annai_frame_r {
	width: 48%;
	float: right;

}
.annai_frame_e{
	height: 10px;
	clear:both; /*float(回り込み)の解除、ここがポイント*/

}
.accordion p{
	width:100%;
	margin: 10px 10px 1px 0px;
	padding: 7px 0px 7px 0px;
	text-align: center;
	font-weight: bold;
	FONT-SIZE: 16pt;
	text-decoration:none;
	display:block;
	color:#0000cd;
	background-color:#ffd700;
	border-radius:5px;
	box-shadow:2px 2px #1a6ea0;

}
.jigyouannai_img{
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;

}
/* *******事業案内【E】******* */

/* *******自主製品【S】******* */
.jishuseihin{
	width: 840px;
	margin: 20px auto;

}
.seihin_l{
	width: 410px;
	float: left;

}
.seihin_r{
	width: 410px;
	float: right;

}
.je{
	height: 30px;
	clear:both; /*float(回り込み)の解除、ここがポイント*/

}
.jishuseihin img{
	width: 400px;
	margin: 0px 0px 10px 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #00bfff;

}
.jishuseihin p{
	width:385px;
	margin: 10px 10px 2px 0px;
	padding: 7px 0px 7px 15px;
	text-align: center;
	color: #e06897;
	font-weight: bold;
	FONT-SIZE: 16pt;
	text-decoration:none;
	display:block;
	color:#fff;
	background-color:#ee82ee;
	border-radius:5px;
	box-shadow:2px 2px #1a6ea0;

}
/* *******自主製品【E】******* */

/* *******ご利用にあたって【S】******* */
.riyou_bun{
	margin: 0 auto;
	margin-top: 10px;

}
.riyou_bun p{
	padding-left: 20px;
	font-size: 19px;

}
/* *******ご利用にあたって【E】******* */