@charset "UTF-8";




a.gradBtn {
	display: block;
	height: 25px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0d2e65), color-stop(0.00, #356297));
	background: -webkit-linear-gradient(#356297, #0d2e65);
	background: -moz-linear-gradient(#356297, #0d2e65);
	background: -o-linear-gradient(#356297, #0d2e65);
	background: -ms-linear-gradient(#356297, #0d2e65);
	background: linear-gradient(#356297, #0d2e65);
	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: #228BAE;
	font-size: 28px;
	padding-right: 2px;
	position: relative;
	top:6px;
	left: -2px;
}
*/

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

a{	
	text-decoration: underline;
	color: #006FAB;
}

.tempColor1{
	color: #003980; 
}

.tempColor1 a{
	color: #003980; 
}

.tempColor1Back{
	background: #022661;
}

.tempColor1Border{
	border-color: #003980;
}

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

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

h4{
	border-color: #003980;	
}


.tempColor2{	
	color: #0f70a9;
}

.tempColor2Back{
	background: #0f70a9;
}



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

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

header{
	background: #063b7e;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #063b7e), color-stop(0.35, #043571), color-stop(0.00, #043571));
	background: -webkit-linear-gradient(top, #043571 0%, #063b7e 35%, #063b7e 100%);
	background: -moz-linear-gradient(top, #043571 0%, #063b7e 35%, #063b7e 100%);
	background: -o-linear-gradient(top, #043571 0%, #063b7e 35%, #063b7e 100%);
	background: -ms-linear-gradient(top, #043571 0%, #063b7e 35%, #063b7e 100%);
	background: linear-gradient(to bottom, #043571 0%, #063b7e 35%, #063b7e 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;
}



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

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

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


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

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


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

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

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



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

/*ナビゲーション*/

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

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


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





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







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

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

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





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


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

/*上*/
.asideBlock1 .text4{
	border-color:#01193b;
}

/*下*/
.asideBlock1 .btn{
	border-color: #8195b4;
}






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





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



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

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



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

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

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

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

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


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







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


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

.sp a.gradBtn {
	display: block;
	height: 30px;
	background: #1EA335;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0d2e65), color-stop(0.00, #356297));
	background: -webkit-linear-gradient(#356297, #0d2e65);
	background: -moz-linear-gradient(#356297, #0d2e65);
	background: -o-linear-gradient(#356297, #0d2e65);
	background: -ms-linear-gradient(#356297, #0d2e65);
	background: linear-gradient(#356297, #0d2e65);
	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;
	text-shadow: #FFFFFF !important;
}




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



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

.sp #mainVisual,
.pageHeadGrad{
	border-top: 4px solid #808AB8;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #022158), color-stop(0.50, #043374), color-stop(0.00, #022761));
	background: -webkit-linear-gradient(top, #022761 0%, #043474 50%, #022158 100%);
	background: -moz-linear-gradient(top, #022761 0%, #043474 50%, #022158 100%);
	background: -o-linear-gradient(top, #022761 0%, #043474 50%, #022158 100%);
	background: -ms-linear-gradient(top, #022761 0%, #043474 50%, #022158 100%);
	background: linear-gradient(to bottom, #022761 0%, #043474 50%, #022158 100%);
}



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

#spFootBanner{ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #022158), color-stop(0.50, #043473), color-stop(0.00, #04306e));
	background: -webkit-linear-gradient(top, #04306e 0%, #043473 50%, #022158 100%);
	background: -moz-linear-gradient(top, #04306e 0%, #043473 50%, #022158 100%);
	background: -o-linear-gradient(top, #04306e 0%, #043473 50%, #022158 100%);
	background: -ms-linear-gradient(top, #04306e 0%, #043473 50%, #022158 100%);
	background: linear-gradient(to bottom, #04306e 0%, #043473 50%, #022158 100%);
}



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


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

.sp #footNav{
	background: #FFFFFF;
}

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




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


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

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




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

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