@charset "utf-8";
/*
Theme Name: 南大牟田病院 様 法人サイト向けテーマ
Theme URI: /
Description: 南大牟田病院 様 法人サイト向けテーマ 用テンプレートです。
Author: procdesign.jp J,Mori
Author URI: http://www.procdesign.jp/
Version: 1.0
*/

@import url(./css/reset.css);			/* Browser Default Reset */
@import url(./css/design.css);		/* Browser Default Reset */



/****************************************************************************************
 * 共通フレーム関係　ここから↓
 ****************************************************************************************/


/**
 * 全体の囲み
 * 全コンテンツをセンタリングする
 */
div#cb
{
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}

/**
 * ヘッダ部
 * ヘッダメニュー領域を内部に包括していることに注意する
 */
div#h
{
	position: relative;
	width: 850px;
	height: 73px;
}
div#h div#lg
{
	position: absolute;
	top: 16px;
	left: 0px;
}
/*div#h div#hl
{
	position: absolute;
	top: 0px;
	left: 700px;
	text-align: right;
}
div#h div#hl ul
{
	list-style:none;
}
div#h div#hl ul li
{
	float:left;
}*/

/**
 * ヘッダ　メニューボタン
 * ヘッダ領域内領域
 * y位置の調整をすること
 */
div#hn
{
	position: absolute;
	top: 26px;
	left: 320px;
}
div#hn ul
{
	list-style:none;
}
div#hn ul li
{
	float:left;
}

/**
 * トップイメージ（画像やFlash配置領域）
 * サイズの調整を行うこと
 */
div#ha
{
	clear: both;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px #e1e1e1 solid;
}
/**
 * パンくずリスト
 */
div#hp
{
	margin: 10px 0px 10px 0px;
	font-size: 80%;
}

/**
 * コンテント領域
 * コンテンツを配置する領域
 * 左右の指定もすること
 */
div#cm
{
	float: right;
	width: 580px;
	padding: 20px 0px 0px 0px;
}

/**
 * サイドバー領域
 * 左右の指定もすること
 */
div#cs
{
	float: left;
	width: 225px;
	padding: 20px 0px 20px 0px;
}
div#cs ul#widget
{
	clear: both;
	list-style: none;
	width: 100%;
}
div#cs ul#widget li
{
	padding: 0px 0px 10px 0px;
}

/**
 * サイドバーの内部コンテンツ領域
 */
div.cs_w
{
}

/**
 * サイドバーメニュー
 */
div#cs ul#sm
{
	list-style: none;
	width: 225px;
	margin: 0px 0px 30px 0px;
	border-top: 1px #e4e4e4 solid;
}

/**
 * フッタ領域
 */
div#f
{
	clear: both;
	width: 100%;
	background-image: url(./images/footer.gif);
	background-repeat: repeat-x;
}
div#fw
{
	clear: both;
	width: 850px;
	margin: 0px auto 10px auto;
	padding: 20px 0px 0px 0px;
}
div#fw ul#fwidget
{
	list-style: none;
	margin: 0px 0px 0px 0px;
}
div#fw ul#fwidget li
{
	float: left;
	font-size: 85%;
	padding: 0px 0px 0px 0px;
}

div#fb
{
	width: 850px;
	height: 80px;
	margin: 0px auto 0px auto;
}
/**
 * フッタ左側（レイアウトによって調整や削除すること）
 */
div#fl
{
	width: 50%;
	float: left;
	height: 20px;
	padding: 60px 0px 0px 0px;
}

/**
 * フッタ右側（レイアウトによって調整や削除すること）
 */
div#fr
{
	width: 50%;
	float: right;
	text-align: right;
	height: 50px;
	padding: 30px 0px 0px 0px;
}

/****************************************************************************************
 * 共通フレーム関係　ここまで↑
 ****************************************************************************************/



/*
 * 線
 */
div.br
{
	margin-left:auto;
	margin-right:auto;
	clear: both;
	width:100%;
	border-bottom: 1px #aaaaaa solid;
}


/*
 * 回りこみ解除用
 */
.cboth
{
	clear: both;
}

/*
 * 左右寄せ用
 */
.tleft
{
	text-align: left;
}
.tcenter
{
	text-align: center;
}
.tright
{
	text-align: right;
}


/****************************************************************************************
 * ビジュアルリッチエディタ用（削除しないこと）
 ****************************************************************************************/
.alignright
{
	float: right;
}

.alignleft
{
	float: left;
}



.imgtrans img{opacity: 1; transition: opacity 500ms 0s ease;}
.imgtrans img:hover{opacity: 0.6;}