@charset "utf-8";

/* 株式会社ココロ　スタイルシート
　 作成者：
　 平成00年00月00日
-------------------------------------------------------------------------------------*/

/* メニュー部分
-------------------------------------------------------------------------------------*/
#subtop {
	float:left;
	width: 1000px;
	height: 100px;
	margin-top: 10px;
	margin-bottom: 45px;
	background-color: #CCCCCC;
}


/* メイン部分
-------------------------------------------------------------------------------------*/
.inner_contents {
		float:left;
		width: 560px;
		height: auto;
		display: block;
		padding-bottom: 20px;
}

.inner_contents_small {
		float:left;
		width: 560px;
		height: auto;
		display: block;
		padding-top: 15px;
}

#management {
		float:left;
		width: 560px;
		height: auto;
		display: block;
		padding-left: 50px;
		padding-right: 25px;
		padding-bottom: 30px;
}

#management h2 {
	float:left;
	width: 550px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 20px;
	padding-left: 10px;
	font-size: 130%;
	font-weight: bolder;
	background-image: url(../img/maincontents_h2_bg.png);
	background-repeat: no-repeat;
}

#management h3 {
		float:left;
		width: 560px;
		display: block;
		padding-top: 10px;
		padding-bottom: 15px;
}

#management p {
		float:left;
		width: 540px;
		display: block;
		padding: 10px;
}

#management p.img {
		float:left;
		width: auto;
		display: block;
		height: auto;
		background: center;
		padding: 10px 0px 0px;
		text-align: center;
}

#management ul {
		float:left;
		width: 165px;
		display: block;
		height: auto;
		padding: 20px 0px;
}

#management li {
		width: auto;
		display: block;
		padding: 5px;
		font-size: 110%;
		height: auto;
}

#management ul.right {
		float:left;
		width: 150px;
		display: block;
		padding: 20px 0px 20px 10px;
}

#management li.right {
		width: auto;
		display: block;
}

#company {
		float:left;
		width: 560px;
		height: auto;
		display: block;
		padding-left: 50px;
		padding-right: 25px;
}

#company h2 {
	    float:left;
		width: 560px;
		display: block;
		padding-top: 10px;
		padding-bottom: 15px;
}

#company h3 {
		float:left;
		width: 560px;
		display: block;
		padding-bottom: 0px;
		font-size: 110%;
		font-weight: bold;
		border-bottom: 1px dotted #CCCCCC;
		padding-top: 10px;
}

#company h4 {
		float:left;
		width: 560px;
		display: block;
		height: auto;
		border-bottom: 1px dotted #CCCCCC;
}

#company p {
		float:left;
		width: 560px;
		height: auto;
		display: block;
}

#company p.name {
		float:left;
		width: 260px;
		height: auto;
		display: block;
		padding: 5px 5px 5px 60px;
}

#company p.left {
	float:left;
	width: 316px;
	height: auto;
	display: block;
	padding: 5px;
	text-align: justify;
}

#company p.right {
		float:left;
		width: 214px;
		height: auto;
		display: block;
		padding: 5px;
}

#company p.left2 {
		float:left;
		width: 214px;
		height: auto;
		display: block;
		padding: 10px 5px 5px;
}

#company p.right2 {
		float:left;
		width: 316px;
		height: auto;
		display: block;
		padding: 10px 5px 5px;
}

#company p.bottom {
		float:left;
		height: auto;
		display: block;
		width: 380px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 180px;
}

#company table {
	border-top: 1px solid #CCCCCC; /* 上方向に1pxのボーダーを指定 */
	border-bottom: none; /* 下方向のボーダーを表示させないように指定 */
	border-left: none; /* 左方向のボーダーを表示させないように指定 */
	border-right: none; /* 右方向のボーダーを表示させないように指定 */
	font-size: 100%; /* Windows Internet Explorer 5対策のため、フォントサイズを指定 */
	width: 100%; /* ボックスの幅を指定 */
	float: left;
}
#company td {
	border-top: none; /* 上方向のボーダーを表示させないように指定 */
	border-bottom: 1px solid #CCCCCC; /* 下方向に1pxのボーダーを指定 */
	border-left: none; /* 左方向のボーダーを表示させないように指定 */
	border-right: none; /* 右方向のボーダーを表示させないように指定 */
	padding: 10px; /* 全方向にパディングを指定 */
}
#company th {
	border-top: none; /* 上方向のボーダーを表示させないように指定 */
	border-bottom: 1px solid #CCCCCC; /* 下方向に1pxのボーダーを指定 */
	border-left: none; /* 左方向のボーダーを表示させないように指定 */
	border-right: none; /* 右方向のボーダーを表示させないように指定 */
	background-color: #F3F3F3; /* セルの背景色を指定 */
	font-weight: normal; /* フォントを通常の太さに指定 */
	padding: 10px; /* 全方向にパディングを指定 */	
	width: 200px; /* ボックスの幅を指定 */
}


#recruit {
		float:left;
		width: 560px;
		height: auto;
		display: block;
		padding-left: 50px;
		padding-right: 25px;
}

#recruit h2 {
		float:left;
		width: 550px;
		display: block;
		padding-top: 10px;
		padding-bottom: 15px;
		height: auto;
		padding-left: 10px;
		font-size: 120%;
		font-weight: bold;
}

#recruit h3 {
		float:left;
		width: 560px;
		display: block;
		padding-top: 10px;
		padding-bottom: 15px;
}

#recruit p {
		float:left;
		width: 530px;
		display: block;
		height: auto;
		padding-right: 20px;
		padding-left: 10px;
		padding-bottom: 10px;
		text-align: justify;
}

#recruit p.center {
		float:left;
		width: 540px;
		display: block;
		padding: 15px 10px;
		height: auto;
		text-align: center;
}

#recruit table {
	border-top: 1px solid #CCCCCC; /* 上方向に1pxのボーダーを指定 */
	border-bottom: none; /* 下方向のボーダーを表示させないように指定 */
	border-left: none; /* 左方向のボーダーを表示させないように指定 */
	border-right: none; /* 右方向のボーダーを表示させないように指定 */
	font-size: 100%; /* Windows Internet Explorer 5対策のため、フォントサイズを指定 */
	width: 100%; /* ボックスの幅を指定 */
	float: left;
}
#recruit td {
	border-top: none; /* 上方向のボーダーを表示させないように指定 */
	border-bottom: 1px solid #CCCCCC; /* 下方向に1pxのボーダーを指定 */
	border-left: none; /* 左方向のボーダーを表示させないように指定 */
	border-right: none; /* 右方向のボーダーを表示させないように指定 */
	padding: 10px; /* 全方向にパディングを指定 */
}
#recruit th {
	border-top: none; /* 上方向のボーダーを表示させないように指定 */
	border-bottom: 1px solid #CCCCCC; /* 下方向に1pxのボーダーを指定 */
	border-left: none; /* 左方向のボーダーを表示させないように指定 */
	border-right: none; /* 右方向のボーダーを表示させないように指定 */
	background-color: #F3F3F3; /* セルの背景色を指定 */
	font-weight: normal; /* フォントを通常の太さに指定 */
	padding: 10px; /* 全方向にパディングを指定 */	
	width: 200px; /* ボックスの幅を指定 */
}

#inquiry {
	float:left;
	width: 560px;
	height: auto;
	display: block;
	padding-left: 50px;
	padding-right: 25px;
}

#inquiry p {
		float:left;
		width: 540px;
		display: block;
		padding: 10px;
}

#inquiry table {
	border-top: 1px solid #CCCCCC; /* 上方向に1pxのボーダーを指定 */
	border-bottom: none; /* 下方向のボーダーを表示させないように指定 */
	border-left: none; /* 左方向のボーダーを表示させないように指定 */
	border-right: none; /* 右方向のボーダーを表示させないように指定 */
	font-size: 100%; /* Windows Internet Explorer 5対策のため、フォントサイズを指定 */
	width: 100%; /* ボックスの幅を指定 */
	float: left;
}

#inquiry td {
	border-top: none; /* 上方向のボーダーを表示させないように指定 */
	border-bottom: 1px solid #CCCCCC; /* 下方向に1pxのボーダーを指定 */
	border-left: none; /* 左方向のボーダーを表示させないように指定 */
	border-right: none; /* 右方向のボーダーを表示させないように指定 */
	padding: 10px; /* 全方向にパディングを指定 */
}

#inquiry th {
	border-top: none; /* 上方向のボーダーを表示させないように指定 */
	border-bottom: 1px solid #CCCCCC; /* 下方向に1pxのボーダーを指定 */
	border-left: none; /* 左方向のボーダーを表示させないように指定 */
	border-right: none; /* 右方向のボーダーを表示させないように指定 */
	background-color: #F3F3F3; /* セルの背景色を指定 */
	font-weight: normal; /* フォントを通常の太さに指定 */
	padding: 10px; /* 全方向にパディングを指定 */	
	width: 200px; /* ボックスの幅を指定 */
}

#structure {
	float:left;
	width: 560px;
	height: auto;
	display: block;
	padding-left: 50px;
	padding-right: 25px;
}

#structure h3 {
	float:left;
	width: 560px;
	display: block;
}

#structure p {
		float:left;
		width: 540px;
		display: block;
		height: auto;
		padding: 10px;
}

#structure p.center{
		float:left;
		width: 540px;
		display: block;
		padding: 10px;
		height: auto;
		text-align: center;
}

#structure p.inquiry {
		float:left;
		width: 540px;
		height: auto;
		display: block;
		font-size: 110%;
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight: bold;
}

#structure ul.inquiry {
		float:left;
		width: 525px;
		display: block;
		height: auto;
		padding: 10px 10px 10px 25px;
}

#structure li.inquiry {
		display: block;
		height: auto;
		width: auto;
		border-bottom: 1px dotted #CCCCCC;
}

#merit {
		float:left;
		width: 560px;
		height: auto;
		display: block;
		padding-left: 50px;
		padding-right: 25px;
}

#merit h3 {
		float:left;
		width: 560px;
		display: block;
		height: auto;
		padding-bottom: 20px;
}

#merit h4 {
	float:left;
	width: 560px;
	display: block;
	font-size: 120%;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #3333CC;
}

#merit p {
		float:left;
		width: 540px;
		display: block;
		height: auto;
		padding-top: 10px;
		padding-left: 20px;
		padding-bottom: 10px;
}
#merit p.bold {
		float:left;
		width: 555px;
		display: block;
		height: auto;
		font-weight: bold;
		font-size: 110%;
		padding: 5px 0px 5px 5px;
}

#merit p.irregular {
		float:left;
		width: 530px;
		display: block;
		height: auto;
		padding: 0px 0px 0px 30px;
}

#merit p.inquiry {
		float:left;
		width: 550px;
		height: auto;
		display: block;
		font-size: 110%;
		padding-left: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight: bold;
}

#merit p.center{
		float:left;
		width: 540px;
		display: block;
		padding: 10px;
		height: auto;
		text-align: center;
}

#merit ul {
		width: 540px;
		display: block;
		height: auto;
		padding-left: 20px;
		list-style: circle inside;
		float: left;
		padding-top: 5px;
}

#merit li {
		float:left;
		height: auto;
		width: 300px;
		display: block;
}

#merit ul.inquiry {
		float:left;
		width: 525px;
		display: block;
		height: auto;
		padding: 10px 10px 10px 25px;
}

#merit li.inquiry {
		display: block;
		height: auto;
		width: 530px;
		border-bottom: 1px dotted #CCCCCC;
}

#contract {
	float:left;
	width: 560px;
	height: auto;
	display: block;
	padding-left: 50px;
	padding-right: 25px;
}

#contract h3 {
	  float:left;
	  width: 560px;
 	  display: block;
}
#contract h4 {
	float:left;
	width: 520px;
	display: block;
	padding-left: 5px;
	font-size: 130%;
	color: #3333CC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-weight: bolder;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #3366CC;
	margin-left: 10px;
	margin-top: 10px;
}
#contract ul.inquiry  {
	    float:left;
		width: 525px;
		display: block;
		height: auto;
		padding: 10px 10px 10px 25px;
}

#contract li.inquiry  {
		display: block;
		height: auto;
		width: auto;
		border-bottom: 1px dotted #CCCCCC;
}

#contract p {
		float:left;
		width: 540px;
		display: block;
		height: auto;
		padding-top: 10px;
		padding-left: 20px;
		padding-bottom: 10px;
}

#contract p.inquiry {
		float:left;
		width: 550px;
		height: auto;
		display: block;
		font-size: 110%;
		padding-left: 10px;
		padding-top: 10px;
		font-weight: bold;
		padding-bottom: 10px;
}

#contract p.center{
	float:left;
	width: 560px;
	display: block;
	height: auto;
	text-align: center;
	padding: 0px;
}

#contract p.goinquiry {
	float:left;
	width: 540px;
	display: block;
	height: auto;
	text-align: center;
	padding: 10px;
}

#question {
		float:left;
		width: 560px;
		height: auto;
		display: block;
		padding-left: 50px;
		padding-right: 25px;
}

#question h3 {
		float:left;
		width: 560px;
		display: block;
		height: auto;
		padding-bottom: 20px;
}

#question ul {
		float:left;
		width: 515px;
		display: block;
		height: auto;
		padding: 10px 25px 10px 20px;
}

#question li {
		display: block;
		height: auto;
		width: auto;
		padding-left: 20px;
		border-bottom: 1px dotted #CCCCCC;
}

#question li.type1 {
		display: block;
		background: #ECFFF7 url(../../inquiry/img/question_list_bg.png) no-repeat left 7px;
		height: auto;
		width: auto;
		text-align: justify;
		padding: 5px 15px 5px 30px;
}

#question li.type2 {
		float:left;
		display: block;
		background: url(../../inquiry/img/question_p_answer_bg.png) no-repeat left 18px;
		height: auto;
		width: 475px;
		padding: 15px 10px 15px 30px;
		text-align: justify;
}

#question p {
		float:left;
		width: 550px;
		height: auto;
		display: block;
		font-size: 110%;
		padding-left: 10px;
		padding-top: 10px;
		font-weight: bold;
		padding-bottom: 10px;
}

#question p.center{
		float:left;
		width: 540px;
		display: block;
		padding: 10px;
		height: auto;
		text-align: center;
}

#sitemap {
	float:left;
	width: 560px;
	height: auto;
	display: block;
	padding-left: 50px;
	padding-right: 25px;
}

#sitemap h3 {
		float:left;
		width: 550px;
		height: auto;
		display: block;
		font-size: 130%;
		font-weight: bolder;
		padding-left: 10px;
		border-bottom: 1px dotted #CCCCCC;
}

#sitemap ul {
		float:left;
		width: 560px;
		height: auto;
		display: block;
		padding-top: 20px;
}
#sitemap li {
		float:left;
		height: auto;
		width: 560px;
		padding-top: 5px;
		padding-bottom: 5px;
}

#polisy {
	float:left;
	width: 560px;
	height: auto;
	display: block;
	padding-left: 50px;
	padding-right: 25px;
}

#polisy h2 {
		float:left;
		width: 560px;
		height: auto;
		display: block;
		padding-bottom: 15px;
}

#polisy h3 {
		float:left;
		width: 540px;
		height: auto;
		display: block;
		padding: 10px;
		border-bottom: 1px dotted #CCCCCC;
		font-size: 110%;
}

#polisy p {
		float:left;
		width: 540px;
		height: auto;
		display: block;
		padding: 5px 10px;
		font-size: 90%;
}

#polisy p.inquiry {
		float:left;
		width: 370px;
		height: auto;
		display: block;
		padding: 5px 10px 5px 180px;
		font-size: 90%;
}
#polisy p.center{
		float:left;
		width: 540px;
		display: block;
		padding: 10px;
		height: auto;
		text-align: center;
}