@charset "utf-8";

/******************************
=1: コンテンツ共通
=2: ヘッダー
=2_2: グローバルナビ
=3: コンテンツ本体
=3_1: コンテンツ本体左側
=3_2: コンテンツ本体右側
=4: コンテンツ下部(MHLWバナーエリア)
=5: ページトップに戻る
=6: Footer
*******************************/

html,body,div,p,h1,h2,h3,h4,h5,ul,li,dl,dd,dt {
	margin:0;
	padding:0;
}

img {
	border:0;
}

a,a:hover,a:visited {
	text-decoration:none;
	outline:none;
}

/*------------------------------
=1: コンテンツ共通
------------------------------*/
body {
	background-color: #ffffff;
	color: #666666;
	text-align: center;
	font-size: medium;
	margin: 0;
	padding: 0;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
}

#container {
	width:100%;
	margin:0 auto;
	text-align:left;
}

#main_container {
	width: 850px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/bg_body.jpg) repeat-y;
}

.clear {
	clear: both;
}

/*------------------------------
=2: ヘッダー
------------------------------*/
#head{
	width:850px;
	margin:0;
	clear:both;
}

/*------------------------------
=2_1: ヘッダーグローバルナビ
------------------------------*/
#gnav {
	width: 820px;
	height:43px;
	margin:0 auto;
	z-index:2;
}

#gnav ul {
	width: 820px;
	list-style:none;
}

#gnav ul li {
	width:117px;
	position:relative;
	float: left;
	padding:0;
}

#gnav ul li li{
	float: left;
	clear: left;
}

#gnav a
{
	width:117px;
	height:43px;
	display:block;
	text-indent:-9999em;
}

#gnav a.link
{
	width:118px;
	height:43px;
	display:block;
	text-indent:-9999em;
}

#gnav li.disease {
	background:url(../img/gnavi_disease.png) no-repeat top left;
}
#gnav li.symptom {
	background:url(../img/gnavi_symptom.png) no-repeat top left;
}
#gnav li.support {
	background:url(../img/gnavi_support.png) no-repeat top left;
}
#gnav li.nation {
	background:url(../img/gnavi_nation.png) no-repeat top left;
}
#gnav li.expart {
	background:url(../img/gnavi_expart.png) no-repeat top left;
}
#gnav li.info {
	background:url(../img/gnavi_info.png) no-repeat top left;
}
#gnav li.link {
	background:url(../img/gnavi_link.png) no-repeat top left;
}

/* hover */
#gnav li:hover
{
	background-position:0 -43px;
}

/* マウスオーバー */

#gnav ul li:hover ul {
	display:block;
}

/*カレント*/
#gnav ul li.current {
	background-position:0 -43px;
}

/*------------------------------
=3: コンテンツ本体
------------------------------*/
#contentbody {
	width:820px;
	margin:0 auto;
	background:url(../img/bg_cont_middle.jpg) repeat-y top center;
}

.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	margin:0;
}

.clearfix {
	display:inline-block;
}

/* Hides from Mac IE \*/
* html .clearfix { height:1px; }
.clearfix { display:block; }
/* */

.floatclear {
	clear:both;
}

/*------------------------------
=3_1: コンテンツ本体左側
------------------------------*/
#contentbody .left {
	width:551px;
	margin-top:20px;
	float:left;
}

/*------------------------------
=3_2: コンテンツ本体右側
------------------------------*/
#contentbody .right {
	width:267px;
	float:left;
}

/*------------------------------
=4: コンテンツ下部(MHLWバナーエリア)
------------------------------*/

#contentbottom {
	width:820px;
	margin:0 auto;
	background:url(../img/bg_cont_bottom.jpg) no-repeat top center;
}

.mhlw {
	width:760px;
	padding-top:5px;
	text-align:right;
}

/*------------------------------
=5: ページトップに戻る
------------------------------*/
.pagetop {
	width:100%;
	height:15px;
	margin-bottom:20px;
	text-align:right;
}

.pagetop a.pagetop {
	color:#518502;
	font-size:14px;
	padding-left:18px;
	text-decoration:none;
	background:url(../img/ico_Garrow_t.png) no-repeat left top;
}

a.pagetop:hover {
	text-decoration:underline;
}

/*------------------------------
 最下部以外のページトップに戻る
------------------------------*/
.pagetop2 {
	width:100%;
	height:15px;
	margin-bottom: 15px;
	text-align:right;
}

.pagetop2 a.pagetop {
	color:#518502;
	font-size:14px;
	padding-left:18px;
	text-decoration:none;
	background:url(../img/ico_Garrow_t.png) no-repeat left top;
}

a.pagetop2:hover {
	text-decoration:underline;
}

/*------------------------------
 右寄せリンク
------------------------------*/
.pagetop3 {
	width:60%;
	margin-left:200px;
	margin-bottom: 10px;
}

.pagetop3 a.pagetop {
	color:#518502;
	font-size:14px;
	padding-left:18px;
	text-decoration:none;
	background:url(../img/ico_Garrow_t.png) no-repeat left top;
}

a.pagetop3:hover {
	text-decoration:underline;
}

/*------------------------------
=6: 前のページ戻る
------------------------------*/
.prev {
	width:100%;
	height:15px;
	margin-bottom:10px;
}

.prev a.prev {
	color:#518502;
	font-size:14px;
	padding-left:18px;
	text-decoration:none;
	background:url(../img/ico_Garrow_l.png) no-repeat left top;
}

a.prev:hover {
	text-decoration:underline;
}


/*------------------------------
=6: 右バナーメニュー
------------------------------*/
#rightmenu {
	width: 240px;
	/*height:200px;*/
	margin:0 auto 10px;
}

#rightmenu p{
	margin-bottom:10px;
}

#rightmenu p.how {
	margin-bottom:1px;
}

/* メンタルヘルスはここからはじまる */
a.mhealth {
	width:240px;
	height:72px;
	display:block;
	text-indent:-9999em;
}

a.mhealth {
	background:url(../img/top2/menu_mh.png) no-repeat top center;
}

#rightmenu a.mhealth:hover {
	background-position:0 -72px;
}

/* 心の不調を感じている方へ */
a.condition {
	background:url(../img/top2/menu_condition.png) no-repeat top center;
}

a.condition {
	width:240px;
	height:55px;
	display:block;
	text-indent:-9999em;
}

#rightmenu a.condition:hover {
	background-position:0 -55px;
}

/* 心の病気・精神疾患を治療している方へ */
a.treatment {
	width:240px;
	height:55px;
	display:block;
	text-indent:-9999em;
}

a.treatment {
	background:url(../img/top2/menu_treatment.png) no-repeat top center;
}

#rightmenu a.treatment:hover {
	background-position:0 -55px;
}

/* 精神障害とともに生きる方へ */
a.life {
	width:240px;
	height:55px;
	display:block;
	text-indent:-9999em;
}

a.life {
	background:url(../img/top2/menu_life.png) no-repeat top center;
}

#rightmenu a.life:hover {
	background-position:0 -55px;
}

/* 家族の方へ */
a.forfamily {
	width:240px;
	height:91px;
	display:block;
	text-indent:-9999em;
}

a.forfamily {
	background:url(../img/top2/menu_family.png) no-repeat top center;
}

#rightmenu a.forfamily:hover {
	background-position:0 -91px;
}

/*------------------------------
=7: Footer
------------------------------*/
#footer {
	width:850px;
	height:23px;
	font-size:10px;
	color:#fff;
}

#footer .fbody {
	width:800px;
	margin:0 15px;
	height:13px;
	padding:5px 0 5px 20px;
	background:url(../img/bg_footer.jpg) repeat-x top left;
}

.fbody a.footmenu,a.footmenu:visited {
	text-decoration:none;
	margin-right:20px;
	color:#ffffcc;
}

.fbody a.footmenu:hover{
	color:#ffffff;
	margin-right:20px;
	text-decoration:underline;
}

#footer .utility {
	float:left;
}

#footer .copy {
	float:right;
}