@charset "utf-8";

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■□株式会社HUGE　整骨院 for PHP
	ver.20130401
	Aozora CSS（亀貝わかば整骨院のデザイン）
────────────────────────────────────────
FileName	：./css/clinic_wakaba.css
Editor		：TRUSTEC
Description	：亀貝わかば整骨院のデザインを指定するスタイルシート。
────────────────────────────────────────
2014/04/01	：開発開始。
2014/05/02	：公開。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/





/*
--------------------------------------------------------------------------------
□ all.cssの上書き：通常タグの表示設定
--------------------------------------------------------------------------------
*/
body
{	background : #85CA95;	}





/*
--------------------------------------------------------------------------------
□ all.cssの上書き：ヘッダの表示設定：ヘッダブロック
--------------------------------------------------------------------------------
*/
#box_header
{	background : url("../common/wakaba_wall_header.jpg") no-repeat center top;
	background-size : cover;	}





.area_ribbon_outer
{	box-sizing : border-box;	}

.area_ribbon_inner
{	background : #FFFFFF url("../common/wakaba_ribbon.png") no-repeat center;
	padding : 40px 110px 30px 110px;
	border : solid 3px #3AB05C;
	border-radius : 120px;
	box-sizing : border-box;	}





/*
--------------------------------------------------------------------------------
□ all.cssの上書き：ヘッダの表示設定：検索エンジン用見出し
--------------------------------------------------------------------------------
*/
header hgroup
{	color : #000000;	}





/*
--------------------------------------------------------------------------------
□ all.cssの上書き：ヘッダの表示設定：ロゴ
--------------------------------------------------------------------------------
*/
header #header_logo
{	width : 470px;
	height : 100px;	}





header #header_info .telephone::before
{	content : url("../common/wakaba_icon_telephone.png");	}





/*
--------------------------------------------------------------------------------
□ all.cssの上書き：ヘッダの表示設定：グローバルメニュー
--------------------------------------------------------------------------------
*/
#grobalmenu
{	background : #FFFFFF;
	border-top : solid 1px #000000;
	border-bottom : solid 1px #000000;	}





#grobalmenu a
{	color : #000000;	}

#grobalmenu li:hover, 
#grobalmenu li.active
{	background : #99CC99;
	background : rgba(153, 204, 153, 0.4);
	background : -ms-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 20%, rgba(153, 204, 153, 0.4));
	background : -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 20%, rgba(153, 204, 153, 0.4));
	background : -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), color-stop(20%, rgba(255, 255, 255, 1)), to(rgba(153, 204, 153, 0.4)));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#99CC99);	}





/*
--------------------------------------------------------------------------------
□ all.cssの上書き：フッタの表示設定：フッタブロック
--------------------------------------------------------------------------------
*/
#box_footer
{	background : #8CC889;
	background : rgba(140, 200, 137, 1);
	background : -ms-linear-gradient(top, rgba(140, 200, 137, 1), rgba(140, 200, 137, 1) 80%, rgba(59, 167, 50, 0.8));
	background : -moz-linear-gradient(top, rgba(140, 200, 137, 1), rgba(140, 200, 137, 1) 80%, rgba(59, 167, 50, 0.8));
	background : -webkit-gradient(linear, left top, left bottom, from(rgba(140, 200, 137, 1)), color-stop(80%, rgba(140, 200, 137, 1)), to(rgba(59, 167, 50, 0.8)));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#8CC889,EndColorStr=#3BA732);	}



footer
{	background : #FFFFFF;
	background-size : cover;	}





/*
--------------------------------------------------------------------------------
□ all.cssの上書き：ページメインの表示設定
--------------------------------------------------------------------------------
*/
.box_shadow, 
.box_shadow_index, 
.box_shadow_white
{	background : #FFFFCC url("../common/wakaba_wall.jpg") no-repeat center top;
	background-size : 100%;
	box-shadow : 0 10px 10px 0px rgba(59, 167, 50, 0.8);	}

.box_shadow_index
{	background : #FFFFCC url("../common/wakaba_wall.jpg") no-repeat center top;	}

.box_shadow_white
{	background : #FFFFFF;	}






.wrapper_contents
{	float : right;	}

.wrapper_contents h1
{	background : #FFFFFF url("../common/wakaba_icon_title.png") no-repeat 15px 15px;
	border : 3px #3AB05C;
	border-style : solid solid none solid;
	border-radius : 60px 60px 0 0;	}





.wrapper_clip
{	float : left;	}





.wrapper_clip h1
{	background : #DCDCDC;
	background : rgba(255, 255, 255, 1);
	background : -ms-linear-gradient(top, rgba(255, 255, 255, 1), rgba(220, 220, 220, 1));
	background : -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(220, 220, 220, 1));
	background : -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(220, 220, 220, 1)));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#DCDCDC);
	border : 1px #A0A0A0;
	border-style : solid;
	border-radius : 5px 5px 0 0;	}

.clip_contents
{	background : #FFFFFF;
	border : 1px #A0A0A0;
	border-style : none solid solid solid;
	border-radius : 0 0 3px 3px;	}



.clip_contents .telephone::before
{	content : url("../common/wakaba_icon_telephone.png");	}



.clip_contents .fnt_big
{	color : #60BA5A;	}



.clip_contents .clr_lightheart
{	color : #FF9900;	}



.schedule
{	border-style : solid;
	border-color : #70BA2A;	}

.schedule caption
{	background : #70BA2A;
	color : #FFFFFF;
	font-weight : bold;
	text-align : left;
	margin-bottom : 3px;
	padding : 2px 2px 0 5px;
	border-radius : 2px;	}

.schedule th
{	background : #E0F0E0;	}

.schedule th, 
.schedule td
{	border-style : solid;
	border-color : #70BA2A;	}





/*
--------------------------------------------------------------------------------
□ all.cssの上書き：住所項目
--------------------------------------------------------------------------------
*/
.telephone
{	color : #F08200;	}





/*
--------------------------------------------------------------------------------
□ text.cssの上書き：見出しタグの表示設定
--------------------------------------------------------------------------------
*/
.title_wakaba
{	color : #FF9933;
	font-size : 30px;
	font-weight : normal;
	line-height : 100%;
	letter-spacing : 0.2em;	}

.title_icon
{	background : #FFFFFF url("../common/wakaba_icon.png") no-repeat 15px 15px;
	padding : 40px 15px 20px 90px;	}




.subtitle::before, 
.subtitle_small::before
{	content : url("../common/wakaba_icon.png");
	vertical-align : -8px;
	margin-right : 10px;	}





/*
--------------------------------------------------------------------------------
□ 
--------------------------------------------------------------------------------
*/
.area_white
{	background : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	padding : 20px;
	border : 3px #3AB05C;
	border-style : none solid solid solid;
	border-radius : 0 0 60px 60px;	}






/*
--------------------------------------------------------------------------------
□ 治療費
--------------------------------------------------------------------------------
*/
.tbl_medicalcost thead th
{	background : #40A835;
	background : rgba(64, 168, 53, 1);
	background : -ms-linear-gradient(top, rgba(141, 201, 138, 1), rgba(64, 168, 53, 1));
	background : -moz-linear-gradient(top, rgba(141, 201, 138, 1), rgba(64, 168, 53, 1));
	background : -webkit-gradient(linear, left top, left bottom, from(rgba(141, 201, 138, 1)), to(rgba(64, 168, 53, 1)));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#8DC98A,EndColorStr=#40A835);
	text-shadow : 1px 1px 1px rgba(0, 0, 0, 0.5);	}





.clr_medicalcost
{	color : #3AA630;	}