/* CSS Document common settintg*/

@charset "Shift_JIS";

/*index
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
01：Base 
02：Text 
03：Link 
04：Layout
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

/*===========================================================================
01：基本設定
===========================================================================*/

body{
background:url(../images/bg_dot.gif) #FFCCCC;
padding:0;
margin:0;
text-align:center}

*{
margin:0;
padding:0;
font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


h1,h2,h3,h4{
  margin:0;
	padding:0;
}

img{
  border:none;
}

.clear{
  clear:both;
}

.clear hr
{
	display:none;
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.base
{
	position:relative;
	top:0px;
	left:0px;
}

.sub
{
	font-size:12px;		
}

.dot_line{
background:url(../images/dot_line.gif) repeat-x top;
height:6px;
margin:6px auto;
}


/*カラー設定
---------------------------------------------------------------------------*/
.bg_gray{
background:#f2f2f2;
}

.red {
color:#ff0000}

.pink{
color:#FF0066}

.peach{
color:#fc5b2a}

.peach2{
color:#fcad94}

.brown{
color:#745555;
}

.blue{
color:#0066CC}


/*基本マージン設定/コンテンツ内共通スタイル
---------------------------------------------------------------------------*/
.m4_t { margin-top:4px}
.m10 { margin:10px}
.m10_l { margin-left:10px}
.m10_r { margin-right:10px}
.m10_w{ margin:0 10px}
.m10_t { margin-top:10px}
.m10_b { margin-bottom:10px}
.m10_v { margin:10px 0}
.m20_t { margin-top:20px}
.m20_b { margin-bottom:20px}
.m30_t { margin-top:30px}


/*基本パディング設定/コンテンツ内共通スタイル
---------------------------------------------------------------------------*/

.p4 { padding:4px}
.p4_t { padding-top:4px}
.p4_l { padding-left:4px}
.p4_r { padding-right:4px}
.p4_b{ padding-bottom:4px}
.p4_w{ padding:0 4px}

.p6 { padding:6px}
.p6_l { padding-left:6px}
.p6_r { padding-right:6px}
.p6_b{ padding-bottom:6px}
.p6_w{ padding:0 6px}

.p8 { padding:8px}
.p8_l { padding-left:8px}
.p8_r { padding-right:8px}
.p8_w{ padding:0 8px}

.p10 { padding:10px}
.p10_l { padding-left:10px}
.p10_r { padding-right:10px}
.p10_w{ padding:0 10px}


/*基本レイアウト設定/コンテンツ内共通スタイル
---------------------------------------------------------------------------*/
.f_left {float:left;}
.f_right {float:right;}
.f_center {margin:0 auto;}


/*===========================================================================
02：テキスト設定/コンテンツ内共通スタイル
===========================================================================*/
.f_10 { font-size:10px}
.f_10_12 { font-size:10px; line-height:12px;}
.f_11 { font-size:11px}
.f_12 { font-size:12px}
.f_12_18 { font-size:12px; line-height:18px;}
.f_12_20 { font-size:12px; line-height:20px;}
.f_12_22 { font-size:12px; line-height:22px;}
.f_13 { font-size:13px;}
.f_13_18 { font-size:13px; line-height:18px;}
.f_13_20 { font-size:13px; line-height:20px;}
.f_14 { font-size:14px}
.f_14_20 { font-size:14px; line-height:20px;}


/*テキストレイアウト/コンテンツ内共通スタイル
---------------------------------------------------------------------------*/
.right {text-align:right;}
.center {text-align:center;}
.left {text-align:left;}



/*===========================================================================
03：リンク設定
===========================================================================*/

/*テキストリンク
---------------------------------------------------------------------------*/
/*
a:link{ text-decoration:underline; color:#0045a2; }
a:visited{ text-decoration:underline; color:#003399; }
a:hover{ color:#666666; text-decoration:underline;}
*/

/*ヘッダ右上メニュー
---------------------------------------------------------------------------*/
#header a:link{ text-decoration:none; color:#333333;}
#header a:visited{ text-decoration:none; color:#333333; }
#header a:hover{ color:#0045a2; text-decoration:none;}

/*ピンク文字リンク
---------------------------------------------------------------------------*/
.linkPK a:link{ text-decoration:none; color:#f82a77;}
.linkPK a:hover{text-decoration:none; color:#ff9999; }
.linkPK a:visited{ text-decoration:none; color:#f82a77 }


/*グローバルメニュー
---------------------------------------------------------------------------*/
#g_navi {
	width: 938px;
	height:43px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background: url(../images/g_navi.png) no-repeat left top ;
}

#g_navi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
}

#g_navi li {
	margin: 0px;
	padding: 0px;
	float: left;
	font-family: "MS PGothic", "Osaka";
	font-size: 92%; /*renders 12px */ 
	color:#FFFFFF;
}

#g_navi li a{
	display: block;
	overflow: hidden;
	text-align: right;
	height: 0 !important;
	height /**/: 43px;
	padding-top: 43px;
	background: url(../images/g_navi.png) no-repeat left top;
	width:134px;
}

/*通常時*/
#g_navi li#nav01 a{ background-position: 0 0;}
#g_navi li#nav02 a{ background-position: -134px 0;}
#g_navi li#nav03 a{ background-position: -268px 0;}
#g_navi li#nav04 a{ background-position: -402px 0;}
#g_navi li#nav05 a{ background-position: -536px 0;}
#g_navi li#nav06 a{ background-position: -670px 0;}
#g_navi li#nav07 a{ background-position: -804px 0;}

/*オンマウス時*/
#g_navi li#nav01 a:hover { background-position: 0 -43px;}
#g_navi li#nav02 a:hover { background-position: -134px -43px;}
#g_navi li#nav03 a:hover { background-position: -268px -43px;}
#g_navi li#nav04 a:hover { background-position: -402px -43px;}
#g_navi li#nav05 a:hover { background-position: -536px -43px;}
#g_navi li#nav06 a:hover { background-position: -670px -43px;}
#g_navi li#nav07 a:hover { background-position: -804px -43px;}



.navi_top{
margin:4px 0 54px;
text-align:right;
font-size:10px;
padding-right:10px;
}

.navi_top_s{
margin:4px 0 34px;
text-align:right;
font-size:10px;
padding-right:10px;
}

.navi_top_m24{
margin:4px 0 24px;
text-align:right;
font-size:10px;
padding-right:10px;
}

.navi_top a:link{ text-decoration:none; color:#333333; }
.navi_top a:visited{ text-decoration:none; color:#333333; }
.navi_top a:hover{ color:#333333; text-decoration:none;}


/*===========================================================================
04：レイアウト設定
===========================================================================*/
#container {
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: url(../images/bg_main.png) repeat-y top center;
	text-align:left;
}

/*ヘッダー
---------------------------------------------------------------------------*/

#header{
padding:6px 4px 0;
background:url(../images/bg_dot.gif) #FFCCCC;
}

#header p.lead{
	position:relative;
	top:15px;
	left:0px;
	font-size:11px;
	color:#686767;
	padding-left:4px;
}

#header h1.logo{
	margin:13px 0 9px 0;
	width:346px;
}




/*コンテンツ
---------------------------------------------------------------------------*/
#main_contents {
	width:766px;
	margin-top: 0;
	margin-left: 97px;
	padding-bottom:20px;
	padding-left: 16px;
	clear:both;
	}


.w_500{
margin:15px 0px 0px 5px;
width:500px;
}



/*院長日記_トップページ*/
#diary{
margin-top:10px;
margin-right:6px;
}

/*赤ちゃんバナー_トップページ*/
#baby{
margin-bottom:10px;
margin-right:6px;
padding-left:4px;
color:#92827a;
}

/*医院情報_トップページ*/
#data_info{
background:url(../images/bg_add.gif) no-repeat top left;
width:230px;
color:#745555;
margin:0px 0px 10px 6px;
}

#data_info h3{
font-size:14px;
font-weight:bold;
margin:10px 10px 4px;
padding-top:10px;
}

#data_info p.add_ft{
height:45px;
padding:0 10px;
vertical-align:top;
background:url(../images/bg_add_foot.gif) no-repeat left bottom;
}

/*___________________*/



.sky{
color:#045788;
}

/*＝＝＝＝＝＝＝＝＝＝　07:フッター ＝＝＝＝＝＝＝＝＝＝*/
#footer_menu {
	width:100%;
	text-align:center;
	padding-top: 10px;
	margin-right:auto;
	padding-bottom: 8px;
	margin-left: auto;
	font-size:11px;
}

#foot_info {
color:#4b3131;
text-align:center;
padding:8px 0;
}

#footer {
	width:960px;
	text-align:center;
	padding-top: 10px;
	margin-right:auto;
	padding-bottom: 8px;
	margin-left: auto;
	background:url(../images/bg_foot.png) no-repeat left top;
}

p.copyright{
font-size:10px;
color:#7c7c7c;
}

/* パンくずリスト */
#breadcrumbs
{
	list-style:none;
	background-color:#fef8f5;
	border-bottom:1px dotted #fcefe9;
	padding:6px 0 1px 0;
	margin:0 10px 30px 10px;
}

#breadcrumbs li
{
	float:left;
	background-image:url(../images/bread_arrow.png);
	background-repeat:no-repeat;
	font-size:11px;
	text-indent:15px;
	margin:0 10px 0 0;
	line-height:17px;
	background-position:0 3px;
}

#breadcrumbs li.first
{
	background-image:none;
}

.page_ttl {
	margin: 0 0 20px 50px;
}