@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:875px;
	margin-left: auto;
	margin-right: auto;
}

/**
 * ヘッダ部
 * ヘッダメニュー領域を内部に包括していることに注意する
 */
div#h
{
	position: relative;
	width: 875px;
	height: 70px;
	background-color: transparent;
	margin: 1px 0px 2px 0px;
}
div#h div#lg
{
	position: absolute;
	top: 10px;
	left: 10px;
}
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
{
	clear: both;
	height: 58px;
}
div#hn ul
{
	list-style:none;
}
div#hn ul li
{
	float:left;
}

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

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

/**
 * サイドバー領域
 * 左右の指定もすること
 */
div#cs
{
	float:left;
	width: 200px;
	padding: 25px 25px 0px 0px;
	margin: 0px 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: 200px;
	margin: 0px 0px 20px 0px;
}

/**
 * フッタ領域
 */
div#f
{
	clear: both;
	width: 100%;
	height: 180px;
	padding: 30px 0px 0px 0px;
	border-top: 1px #cccccc solid;
	border-bottom: 5px #f3f3f1 solid;
}
/*div#fw
{
	width: 100%;
}
div#fw ul#fwidget
{
	list-style: none;
	margin: 0px 0px 0px 0px;
}
div#fw ul#fwidget li
{
	float: left;
	padding: 5px 10px;
}
*/
div#fb
{
	width: 875px;
	height: 150px;
	margin: 10px auto 0px auto;
}
/**
 * フッタ左側（レイアウトによって調整や削除すること）
 */
div#fl
{
	width: 400px;
	float: left;
}

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

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



/*
 * 線
 */
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;
}