@charset "utf-8";

/*
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■□株式会社HUGE　整骨院 for PHP
	ver.20130401
	Aozora CSS（ひだまり整骨院のデザイン）
────────────────────────────────────────
FileName	：./css/clinic_hidamari.css
Editor		：TRUSTEC
Description	：ひだまり整骨院のデザインを指定するスタイルシート。
────────────────────────────────────────
2014/04/01	：開発開始。
2014/04/14	：公開。
2014/05/02	：機能追加、更新（360°パノラマなど）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/





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





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





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





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





header #header_info .telephone::before
{	content : url("../common/hidamari_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 : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	background : -ms-linear-gradient(top, rgba(255, 192, 106, 1), rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1));
	background : -moz-linear-gradient(top, rgba(255, 192, 106, 1), rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1));
	background : -webkit-gradient(linear, left top, left bottom, from(rgba(255, 192, 106, 0.7)), color-stop(40%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1)));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFC06A,EndColorStr=#FFFFFF);	}





/*
--------------------------------------------------------------------------------
□ all.cssの上書き：フッタの表示設定：フッタブロック
--------------------------------------------------------------------------------
*/
#box_footer
{	background : #FCC070;
	background : rgba(253, 191, 112, 1);
	background : -ms-linear-gradient(top, rgba(253, 191, 112, 1) 80%, rgba(240, 112, 32, 1));
	background : -moz-linear-gradient(top, rgba(253, 191, 112, 1) 80%, rgba(240, 112, 32, 1));
	background : -webkit-gradient(linear, left top, left bottom, from(rgba(253, 191, 112, 1)), color-stop(80%, rgba(253, 191, 112, 1)), to(rgba(240, 112, 32, 1)));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FCC070,EndColorStr=#F07020);	}



footer
{	background : #FFFFFF;	}





/*
--------------------------------------------------------------------------------
□ all.cssの上書き：ページメインの表示設定
--------------------------------------------------------------------------------
*/
.box_shadow
{	background : url("../common/hidamari_wall.jpg") repeat center top;
	box-shadow : 0 10px 10px 0px rgba(240, 112, 32, 0.8);	}





.area_ribbon_inner
{	background : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	background : -ms-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 213, 149, 1));
	background : -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 213, 149, 1));
	background : -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 213, 149, 1)));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#FFD595);
	width : 100%;
	padding : 20px;
	border : dotted 3px #F07020;
	border-radius : 8px;	}






.wrapper_contents
{	float : right;	}





.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 : solid 1px #808080;
	border-style : none solid solid solid;
	border-radius : 0 0 3px 3px;	}



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



.clip_contents .fnt_big
{	color : #F07020;	}



.clip_contents .clr_lightheart
{	color : #FF9900;	}



.schedule
{	border-color : #FCB65D;	}

.schedule th
{	background : #FFECD0;	}

.schedule th, 
.schedule td
{	border-color : #FCB65D;	}





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





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





.title
{	background : none;
	color : #F07020;
	padding : 10px 2px;
	border : none;
	border-radius : 0;
	border-bottom : solid 1px #F07020;	}

.title::before
{	content : "■";
	margin-right : 5px;	}





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





/*
--------------------------------------------------------------------------------
□ 
--------------------------------------------------------------------------------
*/
.area_white
{	background : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	padding : 10px 20px 20px 20px;
	border : solid 1px #A0A0A0;
	border-radius : 0;	}





/*
--------------------------------------------------------------------------------
□ 治療費
--------------------------------------------------------------------------------
*/
.tbl_medicalcost thead th
{	background : #DC5205;
	background : rgba(220, 82, 5, 1);
	background : -ms-linear-gradient(top, rgba(250, 195, 90, 1), rgba(220, 82, 5, 1));
	background : -moz-linear-gradient(top, rgba(250, 195, 90, 1), rgba(220, 82, 5, 1));
	background : -webkit-gradient(linear, left top, left bottom, from(rgba(250, 195, 90, 1)), to(rgba(220, 82, 5, 1)));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F4AEBA,EndColorStr=#DC5205);
	text-shadow : 1px 1px 1px rgba(0, 0, 0, 0.5);	}





.clr_medicalcost
{	color : #DA5005;	}