@charset "utf-8";

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


/* 基本スタイル
-------------------------------------------------------------------------------------*/

/* 全体
------------------------------*/

/* CSS Document */

/* メニュー部分
-------------------------------------------------------------------------------------*/
#subtop {
		float:left;
		width: 900px;
		height: 100px;
		padding: 10px 50px 45px;
}


/* メイン部分
-------------------------------------------------------------------------------------*/
#main {
	float:left;
	width:950px;
	height: auto;
	padding-left: 50px;
	margin-bottom: 20px;
}

.inner {
		float:left;
		width:550px;
		height: auto;
		padding-bottom: 30px;
}

.innertype2 {
		float:left;
		width:550px;
		height: 210px;
		background: url(../../flow/img/inner_bg.gif) no-repeat center 0px;
}

.innertype2middle {
		float:left;
		width:550px;
		height: 195px;
		background: url(../../flow/img/inner_bg_3.gif) no-repeat center top;
}

.innertype2last {
		float:left;
		width:550px;
		height: 165px;
		background: url(../../flow/img/inner_bg_2.gif) no-repeat center 0px;
}

.innerright {
		float:left;
		width:275px;
		height: auto;
		padding-top: 25px;
		padding-right: 25px;
}

.innerright_2 {
	float:left;
	width:275px;
	height: auto;
	padding-top: 30px;
	padding-right: 25px;
	font-size: 110%;
	line-height: normal;
}

.innerleft {
	float:left;
	width:200px;
	height: auto;
	padding-left: 50px;
	padding-top: 23px;
}

.innerleft_2 {
	float:left;
	width:200px;
	height: auto;
	padding-left: 50px;
	padding-top: 28px;
}

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

.innerflow {
	float:left;
	width:550px;
	text-align: center;
	margin-bottom: 10px;
}

#outline {
	float:left;
	width:550px;
	height: auto;
	padding-right: 45px;
}

#outline p {
	float:left;
	width:520px;
	height: auto;
	font-size: 95%;
	text-align: justify;
	padding: 10px 15px;
	line-height: 15px;
	display: block;
}
#outline p.me {
	float:left;
	width:420px;
	height: auto;
	font-size: 95%;
	text-align: justify;
	line-height: 15px;
	display: block;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#outline p.me-img {
	float:left;
	width:100px;
	height: 140px;
	font-size: 95%;
	text-align: justify;
	line-height: 15px;
	display: block;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#outline p.left {
	float:left;
	width:210px;
	height: auto;
	display: block;
	text-align: justify;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}

#outline p.img {
	float:left;
	height: auto;
	width: 320px;
	display: block;
	font-weight: normal;
	padding: 0px;
	text-align: center;
}

#outline p.img2 {
	float:left;
	width:550px;
	height: auto;
	display: block;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#outline h2 {
	float:left;
	width:520px;
	height: 20px;
	display: block;
	color: #000000;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-size: 130%;
	font-weight: bold;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FF33CC;
}

#outline h3 {
		float:left;
		width:550px;
		height: auto;
		padding-bottom: 20px;
}

#outline h4 {
	float:left;
	width:510px;
	height: auto;
	font-size: 120%;
	font-weight: bold;
	display: block;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FF0066;
	margin-bottom: 10px;
	margin-top: 10px;
}

#outline ul {
		width:550px;
		height: auto;
		background: center;
		display: block;
		float: left;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
}

#outline li {
		height: auto;
		display: inline;
		width: auto;
}

#idea {
		float:left;
		width:550px;
		height: auto;
		padding-right: 45px;
}

#idea h2 {
	float:left;
	width:530px;
	height: auto;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 130%;
	color: #F13E8F;
	font-weight: bolder;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #F13E8F;
}

#idea h3 {
		float:left;
		width:530px;
		height: auto;
		display: block;
		padding: 10px;
		font-size: 110%;
		font-weight: bold;
}

#idea p {
	float:left;
	width:530px;
	height: auto;
	display: block;
	text-align: justify;
	font-size: 95%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 0px;
}

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

#idea ul {
		float:left;
		width:160px;
		height: auto;
		display: block;
		padding-left: 10px;
		padding-top: 20px;
		padding-bottom: 20px;
}

#idea ul.type2 {
		float:left;
		width:auto;
		height: auto;
		display: block;
		background: left;
		padding: 20px 25px;
}

#idea li {
		height: auto;
}

#idea li.type1 {
		height: auto;
		width: auto;
		font-size: 110%;
		font-weight: bold;
}

#idea li.type2 {
		height: auto;
		width: auto;
}

#company {
		float:left;
		width:550px;
		height: auto;
		padding-right: 45px;
}

#company h2 {
		float:left;
		width: 550px;
		display: block;
		padding: 10px 0px 15px;
}

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

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

#company p {
		float:left;
		width: 550px;
		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;
}

#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; /* ボックスの幅を指定 */
}

#inquiry {
		float:left;
		width:550px;
		height: auto;
		padding-right: 45px;
}

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

#inquiry table {
	font-size: 100%; /* Windows Internet Explorer 5対策のため、フォントサイズを指定 */
	width: 100%; /* ボックスの幅を指定 */
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF33CC;
}

#inquiry td {
	padding: 10px; /* 全方向にパディングを指定 */
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FF33CC;
}

#inquiry th {
	background-color: #FFE2FA; /* セルの背景色を指定 */
	font-weight: normal; /* フォントを通常の太さに指定 */
	padding: 10px; /* 全方向にパディングを指定 */
	width: 200px; /* ボックスの幅を指定 */
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #FFFFFF;
	border-bottom-color: #FF33CC;
}

#entry {
		float:left;
		width:550px;
		height: auto;
		padding-right: 45px;
}

#entry p {
		float:left;
		width: 530px;
		display: block;
		padding: 10px;
}

#entry table {
	font-size: 90%; /* Windows Internet Explorer 5対策のため、フォントサイズを指定 */
	width: 100%; /* ボックスの幅を指定 */
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF33CC;
}

#entry td {
	padding: 10px; /* 全方向にパディングを指定 */
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FF33CC;
}

#entry th {
	background-color: #FFE2FA; /* セルの背景色を指定 */
	font-weight: normal; /* フォントを通常の太さに指定 */
	padding: 10px; /* 全方向にパディングを指定 */
	width: 200px; /* ボックスの幅を指定 */
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FF33CC;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-width: 1px;
}

#info {
		float:left;
		width:550px;
		height: auto;
		padding-right: 45px;
}

#qa {
		float:left;
		width:550px;
		height: auto;
		padding-right: 45px;
		display: block;
}

#qa h2 {
		float:left;
		width:550px;
		height: auto;
		display: block;
}

#qa p {
	float:left;
	height: auto;
	width: 440px;
	display: block;
	padding-left: 10px;
	font-size: 100%;
	margin-top: 10px;
}

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

#qa h3 {
	float:left;
	width:515px;
	height: auto;
	display: block;
	background: #F7E8FF url(../../qa/img/q.gif) no-repeat 10px center;
	padding-left: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 120%;
}

#qa p.answer {
		float:left;
		height: auto;
		width: 495px;
		display: block;
		padding: 15px 20px 15px 35px;
		background: url(../../qa/img/a.gif) no-repeat 10px 17px;
		font-size: 100%;
}

#flow {
		float:left;
		width:550px;
		height: auto;
		padding-right: 45px;
		display: block;
}

#flow p {
		float:left;
		width:550px;
		height: auto;
		display: block;
}

#flow p.top {
	float:left;
	width:275px;
	height: 20px;
	display: block;
	font-size: 130%;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FF33CC;
}

#flow p.bottom {
	float:left;
	height: auto;
	display: block;
	width: 285px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#flow p.img {
	float:right;
	height: auto;
	display: block;
	width: 250px;
	text-align: center;
}

#flow p.right {
	float:left;
	height: auto;
	display: block;
	width: 255px;
	text-align: justify;
	line-height: 16px;
}

#flow h3 {
	float:left;
	height: auto;
	display: block;
	width: 180px;
}

#flow h4 {
	float:left;
	height: auto;
	display: block;
	width: 200px;
	font-weight: bold;
	font-size: 120%;
	margin-top: 5px;
}

#flow ul {
	float:left;
	height: auto;
	display: block;
	width: 500px;
	padding-left: 50px;
	padding-top: 5px;
}

#flow li {
		float:left;
		height: auto;
		display: block;
		width: auto;
		padding-left: 15px;
}

#sitemap {
		float:left;
		width:550px;
		height: auto;
		padding-right: 45px;
		display: block;
}

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

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

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

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

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

#newcomer {
		float:left;
		width:550px;
		height: auto;
		padding-right: 45px;
		display: block;
}
#newcomer h2 {
		float:left;
		width: 550px;
		display: block;
		padding: 10px 0px 15px;
}
#newcomer p {
		float:left;
		width: 550px;
		height: auto;
		display: block;
}

#regist {
		float:left;
		width:550px;
		height: auto;
		padding-right: 45px;
}

#regist p {
		float:left;
		width: 530px;
		display: block;
		padding: 10px;
}

#regist table {
	font-size: 90%; /* Windows Internet Explorer 5対策のため、フォントサイズを指定 */
	width: 100%; /* ボックスの幅を指定 */
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF33CC;
}

#regist td {
	padding: 10px; /* 全方向にパディングを指定 */
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FF3399;
}

#regist th {
	background-color: #FFE2FA; /* セルの背景色を指定 */
	font-weight: normal; /* フォントを通常の太さに指定 */
	padding: 10px; /* 全方向にパディングを指定 */
	width: 200px; /* ボックスの幅を指定 */
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #FFFFFF;
	border-bottom-color: #FF33CC;
}