@charset "utf-8";

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


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

/* 全体
------------------------------*/
* {
		margin: 0;
		padding: 0;
		font-size: 100%;
}

/* ボディ
------------------------------*/
body {
	font-size: 75%;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 18px;
}

/* リンク
------------------------------*/
a { color: #003399; }
a:visited { color: #333333; }
a:hover { color: #0066CC; }

/* 画像
------------------------------*/
img {
		border:none;
		vertical-align:top;
}

.inner {
		height: auto;
		width: 450px;
		float: left;
		}

/* サイト（コンテンツ部分）の幅指定
-------------------------------------------------------------------------------------*/
#wrapper {
	width: 900px;
	background: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}

/* ヘッダー部分
-------------------------------------------------------------------------------------*/
#header {
	width: 900px;
	float: left;
	height: auto;
	margin-bottom: 10px;
	margin-top: 10px;
	background-image: url(../img/header_bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#header p {
		float: left;
		height: 37px;
		width: 243px;
		display: block;
}
#header p.text {
		float: left;
		height: auto;
		width: 450px;
		display: block;
		font-size: 80%;
}
#header ul {
		float: right;
		height: auto;
		display: block;
}
#header ul.over {
	float: right;
	height: 20px;
	display: block;
	margin-top: 65px;
	width: 400px;
	text-align: right;
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 3px;
}
#header ul.under {
	float: right;
	height: auto;
	display: block;
	width: 400px;
	text-align: right;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 3px;
}

#header li {
		float: left;
		height: auto;
		display: inline;
		text-align: right;
}

#header li.over {
	height: auto;
	width: auto;
	text-align: right;
	font-size: 90%;
	padding-left: 15px;
	vertical-align: middle;
	margin-left: 7px;
	display: inline;
	float: none;
	background-image: url(../img/yajirushi.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header li.under {
	float: none;
	height: auto;
	width: auto;
	display: inline;
	text-align: right;
	font-size: 90%;
	margin-left: 8px;
	padding-left: 16px;
	background-image: url(../img/yajirushi.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
}

#header h1 {
		width: 900px;
		text-align: right;
		float: left;
		font-size: 80%;
		display: block;
		padding-top: 80px;
}
/* ナビ部分
-------------------------------------------------------------------------------------*/
#navi {
		width: 900px;
		float: left;
		display: block;
		height: 307px;
}
#navi div#green {
	width: 450px;
	float: right;
	background-image: url(../img/navi_chintai_back.png);
	background-repeat: no-repeat;
	height: 307px;
}
#navi div#green h2 {
		width: 430px;
		float: left;
		display: block;
		padding-top: 20px;
		padding-left: 15px;
}
#navi div#green p {
		width: 307px;
		float: left;
		display: block;
		padding-left: 143px;
		height: auto;
		padding-top: 25px;
}

#navi div#blue {
	width: 450px;
	float: left;
	background-image: url(../img/navi_baibai_back.png);
	background-repeat: no-repeat;
	display: block;
	height: 307px;
}
#navi div#blue h2 {
		width: 450x;
		float: right;
		display: block;
		padding-right: 15px;
		padding-top: 20px;
}
#navi div#blue p {
		width: 307px;
		float: right;
		display: block;
		padding-left: 143px;
		padding-top: 25px;
}


/* メニュー部分
-------------------------------------------------------------------------------------*/
#menu {
	float:left;
	width:30%;
	background-color: #FFE2B2;
}
/* メイン部分
-------------------------------------------------------------------------------------*/
#main {
		float:left;
		width:900px;
		height: auto;
		margin-top: 20px;
}
#main div#side {
		float:left;
		width:320px;
		height: auto;
		display: block;
}
#main div#side ul {
		float:left;
		width:320px;
		height: auto;
		display: block;
		margin-top: 20px;
}
#main div#side li {
		float:left;
		width:294px;
		height: auto;
		display: inline;
}
#main div#side li.text {
		float:left;
		height: 55px;
		display: inline;
		width: 294px;
		text-align: right;
}

#main div#contents {
	   float:left;
		width:580px;
		height: auto
}
#main div#contents h2 {
		float:left;
		width:580px;
		height: auto;
		display: block;
}
#main div#contents h3  {
	float:left;
	width:580px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}
#main div#contents dl {
		float:left;
		width:580px;
		height: auto;
}
#main div#contents dt {
		float:left;
		width:100px;
		height: auto;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCCCCC;
}
#main div#contents dd{
		float:left;
		width:480px;
		height: auto;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCCCCC;
}

/* フッター部分
-------------------------------------------------------------------------------------*/
#footer {
	clear:left;
	width: 900px;
	background-image: url(../img/footer_border.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-top: 10px;
	float: left;
	margin-bottom: 20px;
}
#footer p {
		clear:left;
		width: 860px;
		display: block;
		text-align: right;
		padding-right: 40px;
		padding-top: 20px;
}
#footer p.pli {
	clear:left;
	width: 860px;
	display: block;
	text-align: right;
	padding-right: 40px;
	padding-top: 5px;
}



/* index2.html
-------------------------------------------------------------------------------------*/
/* 部分
-------------------------------------------------------------------------------------*/
#gnavi {
	width: 900px;
	height: 40px;
	float: left;
	display: block;
}
#gnavi ul {
	height: 40px;
	width: 897px;
	float: right;
	margin-left: 0px;
	list-style: none;
}
#gnavi li {
	width: 127px;
	float: left;
margin-right: 1px;
}
#gnavi li a {
	width: 100%;
	display:block;
	overflow:hidden;
	height:0 !important;
	height /**/:40px;
	padding-top:40px;
	color:#FFFFFF;
	background-image:url(../img/g_navi_back.gif);
	float: right;
}
/* オフマウス
-------------------------------------*/
#nav01 a { background-position:  -0px 0px; }
#nav02 a { background-position:-128px 0px; }
#nav03 a { background-position:-257px 0px; }
#nav04 a { background-position:-386px 0px; }
#nav05 a { background-position:-515px 0px; }
#nav06 a { background-position:-644px 0px; }
#nav07 a { background-position:-773px 0px; }

/* オフマウス
-------------------------------------*/
#nav01 a.stay { background-position:  -0px 1px; }
#nav02 a.stay { background-position:-114px 1px; }
#nav03 a.stay { background-position:-228px 1px; }
#nav04 a.stay { background-position:-343px 1px; }
#nav05 a.stay { background-position:-456px 1px; }

/* オフマウス
-------------------------------------*/
#nav01 a:hover { background-position:  -0px -50px; }
#nav02 a:hover { background-position:-128px -50px; }
#nav03 a:hover { background-position:-257px -50px; }
#nav04 a:hover { background-position:-386px -50px; }
#nav05 a:hover { background-position:-515px -50px; }
#nav06 a:hover { background-position:-644px -50px; }
#nav07 a:hover { background-position:-773px -50px; }

#flash {
		width: 900px;
		height: 300px;
		float: left;
		display: block;
		background-image: url(../img/flash_back.png);
		margin-top: 10px;
}
#sidecontents {
	width: 381px;
	height: auto;
	float: left;
	display: block;
}
#news {
		width: 371px;
		height: auto;
		float: left;
		display: block;
		padding-bottom: 15px;
}
#news h2 {
		width: 371px;
		height: auto;
		float: left;
		display: block;
		padding-bottom: 10px;
}
#news h2.kaiin {
	width: 236px;
	height: 24px;
	float: left;
	display: block;
	padding-bottom: 0px;
	background-image: url(../img/h_bukkensuu_kaiin.gif);
	background-repeat: no-repeat;
	padding-left: 135px;
	padding-top: 5px;
	font-size: 140%;
	font-weight: bold;
	color: #3333CC;
}
#news h2.hikaiin {
	width: 236px;
	height: 24px;
	float: left;
	display: block;
	padding-bottom: 0px;
	background-image: url(../img/h_bukkensuu_hikaiin.gif);
	background-repeat: no-repeat;
	padding-left: 135px;
	padding-top: 5px;
	font-size: 140%;
	font-weight: bold;
	color: #3333CC;
	margin-bottom: 10px;
}
#news h3 {
		width: 371px;
		height: auto;
		float: left;
		display: block;
		padding-bottom: 10px;
}
#news dl {
		float:left;
		width:365px;
		height: auto;
		margin-bottom: 5px;
		margin-top: 5px;
		display: block;
}
#news dt {
		float:left;
		width:77px;
		height: auto;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCCCCC;
		padding-left: 10px;
		display: block;
		text-align: right;
		color: 009966;
}
#news dd {
	float:left;
	width:265px;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	display: block;
	padding-left: 10px;
	text-align: left;
	color: #333333;
}

#service {
		width: 371px;
		height: auto;
		float: left;
		display: block;
		padding-bottom: 15px;
}
.service2 {
	width: 371px;
	height: auto;
	float: left;
	display: block;
}
#service h3 {
		width: 371px;
		height: auto;
		float: left;
		display: block;
		padding-bottom: 10px;
}
#service h4 {
	width: 66px;
	height: auto;
	float: left;
	display: block;
	padding-left: 10px;
}
#service h5{
	width: 284px;
	height: 14px;
	float: right;
	display: block;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 10px;
}
#service p{
	width: 274px;
	height: auto;
	float: right;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
}

#about {
		width: 371px;
		height: auto;
		float: left;
		display: block;
}
.about2 {
	width: 371px;
	height: auto;
	float: left;
	display: block;
	margin-bottom: 15px;
}
#about h3 {
		width: 371px;
		height: auto;
		float: left;
		display: block;
		padding-bottom: 10px;
}
#about h4 {
		width: 66px;
		height: 94px;
		float: left;
		display: block;
		padding-left: 10px;
}
#about h5{
		width: 284px;
		height: 14px;
		float: left;
		display: block;
		padding-left: 10px;
		padding-top: 4px;
		padding-bottom: 10px;
}
#about p{
		width: 274px;
		height: auto;
		float: left;
		display: block;
		padding-left: 10px;
		padding-right: 10px;
}
#maincontents {
		width: 519px;
		height: auto;
		float: left;
		display: block;
}
#genchi {
	width: 519px;
	height: auto;
	float: left;
	display: block;
	padding-bottom: 20px;
}
#genchi h2 {
		width: 519px;
		height: auto;
		float: left;
		display: block;
}
#genchi dl {
		float:left;
		width:519px;
		height: auto;
}
#genchi dt {
		float:left;
		width:100px;
		height: auto;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCCCCC;
}
#genchi dd{
	float:left;
	width:395px;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#format {
		width: 519px;
		height: auto;
		float: left;
		display: block;
}
#format h2 {
	width: 494px;
	height: 20px;
	float: left;
	display: block;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #000099;
	padding-left: 5px;
	padding-top: 10px;
	font-size: 150%;
	font-weight: bold;
	color: #000066;
	margin-bottom: 15px;
}
#format p {
		width: 500px;
		height: auto;
		float: left;
		display: block;
}
#format ul {
	width: 519px;
	height: auto;
	float: left;
	list-style-type: none;
	display: block;
	margin-top: 10px;
	margin-bottom: 15px;
}
#format li {
	width: 240px;
	height: 160px;
	float: left;
	padding-left: 10px;
	list-style-type: none;
}
#format table {
	border-top: 1px solid #CCCCCC; /* 上方向に1pxのボーダーを指定 */
	border-bottom: none; /* 下方向のボーダーを表示させないように指定 */
	border-left: none; /* 左方向のボーダーを表示させないように指定 */
	border-right: none; /* 右方向のボーダーを表示させないように指定 */
	font-size: 100%; /* Windows Internet Explorer 5対策のため、フォントサイズを指定 */
	width: 98%; /* ボックスの幅を指定 */
	float: left;
}
#format td {
	padding: 5px; /* 全方向にパディングを指定 */
	width: 100px;
	background-color: #F3F3F3;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
}
#format th {
	border-top: none; /* 上方向のボーダーを表示させないように指定 */
	border-bottom: 1px solid #CCCCCC; /* 下方向に1pxのボーダーを指定 */
	border-left: none; /* 左方向のボーダーを表示させないように指定 */
	border-right: none; /* セルの背景色を指定 */
	font-weight: normal; /* フォントを通常の太さに指定 */
	padding: 5px; /* 全方向にパディングを指定 */
	width: auto; /* ボックスの幅を指定 */
}

#bukken {
		width: 519px;
		height: auto;
		float: left;
		display: block;
		padding-bottom: 10px;
}
#bukken h2 {
		width: 519px;
		height: auto;
		float: left;
		display: block;
}
.bukken1 {
	width: 160px;
	height: 170px;
	float: left;
	display: block;
	margin-left: 5px;
	background: url(../img/maincontents_bukken_class2.png) no-repeat bottom;
	margin-bottom: 15px;
}

#bukken h3 {
	width: 145px;
	height: 17px;
	float: left;
	display: block;
	border-bottom: 1px dotted #999999;
	margin-bottom: 5px;
	padding-bottom: 2px;
	background: url(../img/maincontents_bukken_h3_1.png) no-repeat left 5px;
	padding-left: 15px;
}
#bukken h4 {
		width: 145px;
		height: auto;
		float: left;
		display: block;
		padding-left: 15px;
}
#bukken p {
	width: 130px;
	height: auto;
	float: left;
	display: block;
	padding-left: 15px;
	font-size: 80%;
	line-height: 14px;
	text-align: justify;
	padding-top: 5px;
	padding-bottom: 10px;
}
#link {
		width: 519px;
		height: auto;
		float: left;
		display: block;
}
#link h2 {
		width: 519px;
		height: auto;
		float: left;
		display: block;
}
#link ul {
		width: 519px;
		height: auto;
		float: left;
}
#link li {
		width: 150px;
		height: 45px;
		float: left;
		display: block;
		padding-right: 15px;
		padding-bottom: 10px;
}