﻿@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?202401);		/* Browser Default Reset */



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


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

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

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

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

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

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

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

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

/**
 * フッタ領域
 */
div#f
{
	clear: both;
	width: 100%;
	background-image: url(./images/footer.gif);
	background-repeat: repeat-x;
}
div#fw
{
	clear: both;
	width: 900px;
	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: 900px;
	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: 23px 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;
	margin: 0px 10px 0px 0px;
}

.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.hidden{display: none;}
.floatleft{float: left;}
.floatright{float: right;}

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

.alignleft
{
	float: left;
}


.time_schedule {margin:16px 32px 0 32px; font-size: 140%; line-height: 130%;}
.time_schedule table{width: 100%; border: 1px #339ACD solid; margin-bottom:10px;}
.time_schedule table th{text-align: center; color: #fff; background-color: #339ACD; padding: 8px; font-weight: bold; border-left: 1px #fff solid;}
.time_schedule table th:first-child{border-left: inherit;}
.time_schedule table td{padding: 5px; text-align: center;border: 1px #339ACD solid;}


.nav-paging{text-align:center; padding: 30px 0;}