@charset "UTF-8";




a.gradBtn {
	display: block;
	height: 25px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #116994), color-stop(0.00, #2490c3));
	background: -webkit-linear-gradient(#2490c3, #116994);
	background: -moz-linear-gradient(#2490c3, #116994);
	background: -o-linear-gradient(#2490c3, #116994);
	background: -ms-linear-gradient(#2490c3, #116994);
	background: linear-gradient(#2490c3, #116994);
	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;
}



/*
h4 i{
	color: #00A1A1;
	font-size: 28px;
	padding-right: 2px;
	position: relative;
	top:6px;
	left: -2px;
}
*/

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

a{	
	text-decoration: underline;
	color: #00A1A1;
}

.tempColor1{
	color: #0081BD; 
}

.tempColor1 a{
	color: #0081BD; 
}



.tempColor1Border{ /*ヘッダーのボーダーなど*/
	border-color: #0081BD;
}

.tempColor1Grad{ /*サイドバーの電話番号の部分など*/
	background:  #0081BD;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0c5a7e), color-stop(0.00, #1b89bf));
	background: -webkit-linear-gradient(#1b89bf, #0c5a7e);
	background: -moz-linear-gradient(#1b89bf, #0c5a7e);
	background: -o-linear-gradient(#1b89bf, #0c5a7e);
	background: -ms-linear-gradient(#1b89bf, #0c5a7e);
	background: linear-gradient(#1b89bf, #0c5a7e);

	border-radius: 5px;
	text-align: center;
	padding: 19px 0px 15px;
	margin-bottom: 22px;
}

h4{
	border-color: #0081BD;	
}


.tempColor2{	
	color: #00A1A1;
}

.tempColor2Back{	
	background: #00A1A1;
}

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


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

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

header{
	background: #063b7e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1383bc), color-stop(0.35, #1383bc), color-stop(0.00, #1076a9));
	background: -webkit-linear-gradient(top, #1076a9 0%, #1383bc 35%, #1383bc 100%);
	background: -moz-linear-gradient(top, #1076a9 0%, #1383bc 35%, #1383bc 100%);
	background: -o-linear-gradient(top, #1076a9 0%, #1383bc 35%, #1383bc 100%);
	background: -ms-linear-gradient(top, #1076a9 0%, #1383bc 35%, #1383bc 100%);
	background: linear-gradient(to bottom, #1076a9 0%, #1383bc 35%, #1383bc 100%);

	/*background: url(../images/g-03bs/bg_header.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;
}

/*「お気軽にお問い合わせください背景色」*/

.tempColor1Back{ 
	background: #0f6ca9;
}


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

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

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


footer{
	background: #FFFFFF !important;
	color: #0081BD !important;
}



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

/*ナビゲーション*/

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

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


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





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





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

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

#information .block dl dt{
	background: #E4F2F8;
	color: #003980;
}





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


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

/*上*/
.asideBlock1 .text4{
	border-color:#08425c;
}

/*下*/
.asideBlock1 .btn{
	border-color: #70adc8;
}






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





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



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

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



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

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

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

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

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


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







/*---------------------------------------
 * スマホ用
---------------------------------------*/ 


/*スマホ用リンクボタン*/

.sp a.gradBtn {
	display: block;
	height: 30px;
	background: #1EA335;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1167a6), color-stop(0.00, #2490c3));
	background: -webkit-linear-gradient(#2490c3, #1167a6);
	background: -moz-linear-gradient(#2490c3, #1167a6);
	background: -o-linear-gradient(#2490c3, #1167a6);
	background: -ms-linear-gradient(#2490c3, #1167a6);
	background: linear-gradient(#2490c3, #1167a6);
	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;
}





/*スマホ用メニューボタン・問い合わせボタン*/

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


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



/*スマホ用メインビジュアル部分背景*/

.sp #mainVisual,
.pageHeadGrad{
border-top: 4px solid #4D97B2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0c5e9f), color-stop(0.50, #127ab4), color-stop(0.00, #0d67a6));
	background: -webkit-linear-gradient(top, #0d67a6 0%, #127ab4 50%, #0c5e9f 100%);
	background: -moz-linear-gradient(top, #0d67a6 0%, #127ab4 50%, #0c5e9f 100%);
	background: -o-linear-gradient(top, #0d67a6 0%, #127ab4 50%, #0c5e9f 100%);
	background: -ms-linear-gradient(top, #0d67a6 0%, #127ab4 50%, #0c5e9f 100%);
	background: linear-gradient(to bottom, #0d67a6 0%, #127ab4 50%, #0c5e9f 100%);

}



/*スマホ用フッターバナー背景*/

#spFootBanner{ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0c5e9f), color-stop(0.50, #127ab5), color-stop(0.00, #1073b0));
	background: -webkit-linear-gradient(top, #1073b0 0%, #127ab5 50%, #0c5e9f 100%);
	background: -moz-linear-gradient(top, #1073b0 0%, #127ab5 50%, #0c5e9f 100%);
	background: -o-linear-gradient(top, #1073b0 0%, #127ab5 50%, #0c5e9f 100%);
	background: -ms-linear-gradient(top, #1073b0 0%, #127ab5 50%, #0c5e9f 100%);
	background: linear-gradient(to bottom, #1073b0 0%, #127ab5 50%, #0c5e9f 100%);
}



/* 背景に色はいる場合
---------------------------------------*/ 

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

.sp #footNav{
	background: #FFFFFF;
}

.sp #footNav .officeInfo{
	margin-top: 20px;
	border: none !important;
	background: #0082BE;
}

#spFootBanner .spFootBannerInner .notice{
	border-bottom-color: #054063 !important;
}


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

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


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

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