@charset "shift_jis";
/*----------------------------
  CSS S.Kanamori Document 2008.07
  Last Update 2008.07.31 担当者名


　├ 枠設定
　├ ヘッダー
　├ トップイメージ
　├ メインメニュー

	　├ リストボックス
	　├ メニューボックス
	　└ メッセージボックス
	
　└ サブメニュー

	　├ メンタルワクチン
	　├ マネジメント検定
	　└ クリニックインフォメーション
	　└ トピックス・サポート事例


----------------------------*/

@import "common.css";

/*####################　枠設定　####################*/


#Header {
	background:url(../../img/wall-header02.gif) no-repeat left top; }


#TopImage {
	clear:both;
	background:url(../../img/wall-topimage2.jpg) no-repeat 0 0;
	width:926px;
	height:266px;
	margin:0 auto;
	text-align:left;
	}

#Main {
	display:inline;
	float:right;
	width:510px;
	margin:0 10px 0 20px;
	}

#Sub {
	display:inline;
	float:left;
	width:250px;
	margin:0 0 0 10px;
	}


/*####################　ヘッダー　####################*/

#Header #Navi1 ul li.menu01 a{background-position:0 -80px;}
#Header #Navi1 ul li.menu01 a:hover{background-position:0 -80px;}




/*####################　トップイメージ　####################*/

#TopImage:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#TopImage h2{
	display:none;
	}
	
#TopImage p{
	display:none;
	}

#TopImage p.link{
	display:block;
	width:155px;
	padding-top:192px;
	}

	#TopImage p.link a{
	display:block;
	width:155px;
	height:29px;
	margin:0 0 0 344px;
	text-indent:-9999px;
	}


/*####################　メインメニュー　####################*/

/*　リストボックス
-------------------------------------*/
#ListBox {
	background:#F8F8F8;
	border-right:1px solid #B5CEDF;
	border-bottom:1px solid #B5CEDF;
	border-left:1px solid #B5CEDF;
	width:499px;
	_width:510px;
	margin-bottom:15px;
	padding:10px 0 10px 9px;
	zoom:1;
	}

	#ListBox:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#ListBox .contentsBox{
	clear:both;
	width:490px;
	margin-bottom:15px;
	}
#ListBox .contentsBox:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#ListBox .measuresBox01{
	background:url(../../img/wall_measures_bottom.jpg) left bottom no-repeat;
	width:490px;
	margin-bottom:10px;
	padding-bottom:15px;
	position:relative;
	}
#ListBox .measuresBox01 h4 {
	background:url(../../img/wall-measures_top02.jpg) 0 0 no-repeat;
	width:490px;
	height:20px;
	_height:43px;
	padding:23px 0 0 22px;
	color:#036;}

#ListBox .top h4 {
	background:url(../../img/wall-measures_top.jpg) 0 0 no-repeat;
	height:19px;
	_height:43px;
	padding:24px 0 0 22px;
	}
#ListBox p {
	background:url(../../img/wall-measures_body.jpg) 0 0 no-repeat;
	width:448px;
	_width:490px;
	margin:0;
	padding:0 22px;
	}
#ListBox p a{
	display:block;
	height:auto;
	}
#ListBox p a:hover{
	text-decoration:underline;}
#ListBox .end{
	padding-bottom:5px;
	margin-bottom:0;
	}
#ListBox p.more{
	background:none;
	width:50px;
	height:20px;
	padding:0;
	position:absolute;
	top:10px;
	left:430px;
	}
#ListBox p.more a{
	display:block;
	width:50px;
	height:20px;
	text-indent:-9999px;
	}

/*　メニューボックス
-------------------------------------*/
#MenuBox {
	clear:both;
	background:url(../../img/button-menu.jpg) no-repeat left top;
	height:131px;
	margin:0;
	}

	#MenuBox h2,
	#MenuBox p{display:none;}

	#MenuBox p.link{
	display:block;
	width:510px;
	padding:14px 0 0 0;
	}

	#MenuBox p.link a{
	display:block;
	width:510px;
	height:95px;
	text-indent:-9999px;
	}


/*　メッセージボックス
-------------------------------------*/
h2.message{
	margin-bottom:10px;
	zoom:1;}
#Main #MessageBox {
	width:510px;
	margin-bottom:50px;
	zoom:1;
	}
	#Main #MessageBox:after,
	#Main #MessageBox .image:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

#Main #MessageBox p {
	display:inline;
	float:left;
	width:365px;
	margin:0 0 0 10px;
	padding:5px 0 0 0;
	line-height:1.7;
	}

	#Main #MessageBox p.catch {
	width:398px;
	margin-bottom:10px;
	zoom:1;
	}

	#Main #MessageBox p.name {
	float:right;
	text-align:right;
	}
#Main #MessageBox .image{
	display:inline;
	float:right;
	width:130px;
	margin:0 0 0 0;
	}

	#Main #MessageBox .image p{
	width:130px;
	margin:0 0 10px 0;
	padding:0;
	text-align:right;
	}


/*####################　サブメニュー　####################*/

#Sub h2{
	display:none;
	}

/*　メンタルワクチン
-------------------------------------*/
#Sub dl.vaccine{
	background:url(../../img/menu-01.jpg) no-repeat 0 0;
	width:250px;
	margin:0 0 10px 0;
	}

	#Sub dl.vaccine dt a{
	display:block;
	height:130px;
	text-indent:-9999px;
	}

	#Sub dl.vaccine dd{
	display:none;
	}


/*　マネジメント検定
-------------------------------------*/
#Sub p.probation {
	margin-bottom:10px;
	margin-left:0;
	}


/*　クリニックインフォメーション
-------------------------------------*/
#Sub .info1 {
	background:url(../../img/info-01.gif) no-repeat 0 0;
	width:250px;
	height:160px;
	margin:0 0 10px 0;
	}

	#Sub .info1 h3,
	#Sub .info1 p{
	display:none;
	}

	#Sub .info1 p.contact{
	display:block;
	margin:0 0 0 22px;
	padding:131px 0 0 0;
	}

	#Sub .info1 p.contact a{
	display:block;
	width:208px;
	height:23px;
	text-indent:-9999px;
	}


#Sub .info2 {
	background:url(../../img/info-02.gif) no-repeat 0 0;
	width:250px;
	height:119px;
	margin:0 0 10px 0;
	}

	#Sub .info2 h3{
	width:250px;
	height:119px;
	}
	#Sub .info2 h3 a{
		display:block;
		height:119px;
		text-indent:-9999px;
		}

	#Sub .info2 p{
	display:none;
	}



/*　トピックス・サポート事例
-------------------------------------*/
#Sub .contentsBox{
	background:url(../../img/wall-blog.gif) no-repeat 0 0;
	width:244px;
	margin:0 0 10px 0;
	padding:10px 3px;
	}

#Sub .contentsBox dl,
#Sub .contentsBox ul{
	background:url(../img/line-01.gif) no-repeat left bottom;
	width:238px;
	margin:0 3px 5px;
	padding:0 0 10px 0;
	zoom:1;
	}

	#Sub .contentsBox dl:after,
	#Sub .contentsBox ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

	#Sub .contentsBox dl dt{
	margin:0 0 3px 0;
	padding:0 0 0 12px;
	color:#66CCCC;
	font-size:10px;
	}

	#Sub .contentsBox dl dd,
	#Sub .contentsBox li{
	background:url(../img/ico-arrow01.gif) no-repeat 5px 5px;
	padding:0 0 0 15px;
	}

		#Sub .contentsBox dl dd a,
		#Sub .contentsBox li a{
		color:#006699;
		text-decoration:underline;
		}


/*end*/