@charset "UTF-8";




a.gradBtn {
	display: block;
	height: 25px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e45c1e), color-stop(0.00, #ee862d));
	background: -webkit-linear-gradient(#ee862d, #e45c1e);
	background: -moz-linear-gradient(#ee862d, #e45c1e);
	background: -o-linear-gradient(#ee862d, #e45c1e);
	background: -ms-linear-gradient(#ee862d, #e45c1e);
	background: linear-gradient(#ee862d, #e45c1e);
	border-radius: 3px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 0 1px 1px #10175d;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 25px;
	font-weight: 500;
}


.sp a.gradBtn {
	display: block;
	height: 30px;
	background: #ed7900;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e45c1e), color-stop(0.00, #ee862d));
	background: -webkit-linear-gradient(#ee862d, #e45c1e);
	background: -moz-linear-gradient(#ee862d, #e45c1e);
	background: -o-linear-gradient(#ee862d, #e45c1e);
	background: -ms-linear-gradient(#ee862d, #e45c1e);
	background: linear-gradient(#ee862d, #e45c1e);
	border-radius: 3px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	text-shadow: 0 1px 1px #10175d;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 30px;
}


h4 i{
	color: #228BAE;
	font-size: 28px;
	padding-right: 2px;
	position: relative;
	top:6px;
	left: -2px;
}


/*基本テンプレートカラー*/

a{	
	text-decoration: underline;
	color: #e96453;
}

.tempColor1{
	color: #ed7900; 
}

.tempColor1 a{
	color: #ed7900; 
}

.tempColor1Back{
	background: #e15d1c;
}

.tempColor1Border{
	border-color: #ed7900;
}

.tempColor1Grad{ /*サイドバーの電話番号の部分など*/
	background:  #ed7900;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e7661f), color-stop(0.00, #ed7f26));
	background: -webkit-linear-gradient(#ed7f26, #e7661f);
	background: -moz-linear-gradient(#ed7f26, #e7661f);
	background: -o-linear-gradient(#ed7f26, #e7661f);
	background: -ms-linear-gradient(#ed7f26, #e7661f);
	background: linear-gradient(#ed7f26, #e7661f);
	border-radius: 5px;
	text-align: center;
	padding: 19px 0px 15px;
	margin-bottom: 22px;
}

h4{
	border-color: #ed7900;	
}


.tempColor2{	
	color: #e96453;
}

.tempColor2Back{
	background: #e96453;
}

/*
.tempColor3{	
	color: #E8F3F6;
}
*/

.sp-gradBtn2{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #bebebe), color-stop(0.00, #f0f0f0));
	background: -webkit-linear-gradient(#f0f0f0, #bebebe);
	background: -moz-linear-gradient(#f0f0f0, #bebebe);
	background: -o-linear-gradient(#f0f0f0, #bebebe);
	background: -ms-linear-gradient(#f0f0f0, #bebebe);
	background: linear-gradient(#f0f0f0, #bebebe);
	color :#454545 !important;
	text-shadow: #FFFFFF !important;

	
}



/*---------------------------------------
 * Header （背景に色入れる場合）
---------------------------------------*/ 

/*ヘッダー上部ラインと背景色*/

header{
	
	background: #249236;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eb7720), color-stop(0.35, #eb7720), color-stop(0.00, #de711e));
	background: -webkit-linear-gradient(top, #de711e 0%, #eb7720 35%, #eb7720 100%);
	background: -moz-linear-gradient(top, #de711e 0%, #eb7720 35%, #eb7720 100%);
	background: -o-linear-gradient(top, #de711e 0%, #eb7720 35%, #eb7720 100%);
	background: -ms-linear-gradient(top, #de711e 0%, #eb7720 35%, #eb7720 100%);
	background: linear-gradient(to bottom, #de711e 0%, #eb7720 35%, #eb7720 100%);
	/*
	background: url(../images/g-03s/bg_header-01.png) 0 0 repeat-x;
	*/
}


/*headerのみ文字色白に*/

header h1{
	color: #FFFFFF;
}

header hgroup .tempColor1,
header hgroup .tempColor1 a{
	color: #FFFFFF;
}



/*header電話番号の文字色*/

header .headerInner .headerBlock1 .tel .telnum.tempColor2{
	color :#F1DC00;
}


/*header電話番号下の文字色*/

header .headerInner .headerBlock1 .openTime{
	color: #FFFFFF;
}


/*SPメニューボタン影調整*/
header .headerInner .sp-menuBtn{
	box-shadow: 1px 1px 2px #444444 !important;
}





/*---------------------------------------
 * Footer （背景に色入れる場合）
---------------------------------------*/


#footNav{
	
	border: none !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eb7720), color-stop(0.35, #eb7720), color-stop(0.00, #de711e));
	background: -webkit-linear-gradient(top, #de711e 0%, #eb7720 35%, #eb7720 100%);
	background: -moz-linear-gradient(top, #de711e 0%, #eb7720 35%, #eb7720 100%);
	background: -o-linear-gradient(top, #de711e 0%, #eb7720 35%, #eb7720 100%);
	background: -ms-linear-gradient(top, #de711e 0%, #eb7720 35%, #eb7720 100%);
	background: linear-gradient(to bottom, #de711e 0%, #eb7720 35%, #eb7720 100%);
}

#footNav .tempColor1,
#footNav .tempColor1 a,
#footNav nav ul li,
#footNav nav ul li a{
	color: #FFFFFF ;
}
#footNav p,
#footNav small{
	color: #FFFFFF !important;
}


footer{
	background: #FFFFFF !important;
	color: #ed7900 !important;
}


/*背景ベタ色時スマホ時フッターメニューと事務所名の間あける*/

.sp #footNav{
	background: #FFFFFF;
}

.sp #footNav .officeInfo{
	margin-top: 20px;
	border: none !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eb7720), color-stop(0.35, #eb7720), color-stop(0.00, #de711e));
	background: -webkit-linear-gradient(top, #de711e 0%, #eb7720 35%, #eb7720 100%);
	background: -moz-linear-gradient(top, #de711e 0%, #eb7720 35%, #eb7720 100%);
	background: -o-linear-gradient(top, #de711e 0%, #eb7720 35%, #eb7720 100%);
	background: -ms-linear-gradient(top, #de711e 0%, #eb7720 35%, #eb7720 100%);
	background: linear-gradient(to bottom, #de711e 0%, #eb7720 35%, #eb7720 100%);
}





/*スマホ用電話番号とフォームボタン区切り線*/

#spFootBanner .spFootBannerInner .notice{
	border-bottom-color: #843a0d;
}

#spFootBanner .spFootBannerInner .hr{
	border-top:1px solid #f3b284 !important;
}


/*スマホ用電話番号リンク文字色*/

.footZip a{
	color: #FFFFFF !important;
}





/*---------------------------------------
 * GlobalNavigation
---------------------------------------*/

/*ナビゲーション*/

#gNav .gNavInner ul li.gn1 a { background: url(../images/o-02bs/gnav.png) 0 0 no-repeat;}
#gNav .gNavInner ul li.gn2 a { background: url(../images/o-02bs/gnav.png) -200px 0 no-repeat;}
#gNav .gNavInner ul li.gn3 a { background: url(../images/o-02bs/gnav.png) -400px 0 no-repeat;}
#gNav .gNavInner ul li.gn4 a { background: url(../images/o-02bs/gnav.png) -600px 0 no-repeat;}
#gNav .gNavInner ul li.gn5 a { background: url(../images/o-02bs/gnav.png) -800px 0 no-repeat;}

#gNav .gNavInner ul li.gn1 a:hover { background: url(../images/o-02bs/gnav.png) 0 -59px no-repeat;}
#gNav .gNavInner ul li.gn2 a:hover { background: url(../images/o-02bs/gnav.png) -200px -59px no-repeat;}
#gNav .gNavInner ul li.gn3 a:hover { background: url(../images/o-02bs/gnav.png) -400px -59px no-repeat;}
#gNav .gNavInner ul li.gn4 a:hover { background: url(../images/o-02bs/gnav.png) -600px -59px no-repeat;}
#gNav .gNavInner ul li.gn5 a:hover { background: url(../images/o-02bs/gnav.png) -800px -59px no-repeat;}


#top #gNav .gNavInner ul li.gn1 a { background: url(../images/o-02bs/gnav.png) 0 -59px no-repeat;}
#office #gNav .gNavInner ul li.gn2 a { background: url(../images/o-02bs/gnav.png) -200px -59px no-repeat;}
#practice #gNav .gNavInner ul li.gn3 a { background: url(../images/o-02bs/gnav.png) -400px -59px no-repeat;}
#fee #gNav .gNavInner ul li.gn4 a { background: url(../images/o-02bs/gnav.png) -600px -59px no-repeat;}
#accessForm #gNav .gNavInner ul li.gn5 a { background: url(../images/o-02bs/gnav.png) -800px -59px no-repeat;}





/*---------------------------------------
 * Footer
---------------------------------------*/


#spFootBanner{ /*スマホ用*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e2531b), color-stop(0.30, #ea701f), color-stop(0.00, #e8681e));
	background: -webkit-linear-gradient(top, #e8681e 0%, #ea701f 30%, #e2531b 100%);
	background: -moz-linear-gradient(top, #e8681e 0%, #ea701f 30%, #e2531b 100%);
	background: -o-linear-gradient(top, #e8681e 0%, #ea701f 30%, #e2531b 100%);
	background: -ms-linear-gradient(top, #e8681e 0%, #ea701f 30%, #e2531b 100%);
	background: linear-gradient(to bottom, #e8681e 0%, #ea701f 30%, #e2531b 100%);
}




/*---------------------------------------
 * Top
---------------------------------------*/ 

/*ブログヘッドライン日付背景と文字色*/

#information .block dl dt{
	background: #fceeed;
	color: #ea6152;
}


/*SP用メインビジュアル部分背景*/

.sp #mainVisual,
.pageHeadGrad{
	border-top: 3px solid #f5ba83;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e2531b), color-stop(0.50, #ea701f), color-stop(0.00, #e55b1c));
	background: -webkit-linear-gradient(top, #e55b1c 0%, #ea701f 50%, #e2531b 100%);
	background: -moz-linear-gradient(top, #e55b1c 0%, #ea701f 50%, #e2531b 100%);
	background: -o-linear-gradient(top, #e55b1c 0%, #ea701f 50%, #e2531b 100%);
	background: -ms-linear-gradient(top, #e55b1c 0%, #ea701f 50%, #e2531b 100%);
	background: linear-gradient(to bottom, #e55b1c 0%, #ea701f 50%, #e2531b 100%);
}




/*---------------------------------------
 * PCサイドバー
---------------------------------------*/ 


/*お問い合わせボタンとの区切り線*/

.asideBlock1 .text4{
	border-color:#843a0d;
}

.asideBlock1 .btn{
	border-color: #f3b284;
}






/*---------------------------------------
 * 下層ページテンプレート
---------------------------------------*/ 





/*---------------------------------------
 * Office
---------------------------------------*/ 



/*事務所概要テーブル背景*/

#office #main section .block table tr th{
	background-color: #fdf1e4 !important;
}



/*---------------------------------------
 * AccessForm
---------------------------------------*/ 

#accessForm #contacts .block2 table tr th{
	background-color: #fceeed !important;
}

#accessForm #contacts .block2 table tr td{
	background-color: #fdf6f6 !important;
}

#accessForm #contacts .block2 .submit{
	background: url(../images/o-02bs/formbtn.png) 0 0 no-repeat;
}

div.mfp_buttons #mfp_button_send{
	background-color: #ed7900 !important;
}


/*---------------------------------------
 * Blog
---------------------------------------*/