@charset "UTF-8";




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

.tempColor1{
	color: #0055A2; 
}

.tempColor1 a{
	color: #0055A2; 
}

.tempColor1Back{
	background: #0055A2;
}

.tempColor1Border{
	border-color: #0055A2;
}

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

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

h4{
	border-color: #0055A2;	
}


.tempColor2{	
	color: #238CAF;
}

.tempColor2Back{ 
	background: #238CAF;
}

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



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

header{
	background: url(../images/temp/bg_header-01.png) 0 0 repeat-x;
}


/*---------------------------------------
 * 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%);
}
*/

/*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 !important;
}
*/

/*---------------------------------------
 * 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-02s/gnav.png) 0 0 no-repeat;}
#gNav .gNavInner ul li.gn2 a { background: url(../images/b-02s/gnav.png) -200px 0 no-repeat;}
#gNav .gNavInner ul li.gn3 a { background: url(../images/b-02s/gnav.png) -400px 0 no-repeat;}
#gNav .gNavInner ul li.gn4 a { background: url(../images/b-02s/gnav.png) -600px 0 no-repeat;}
#gNav .gNavInner ul li.gn5 a { background: url(../images/b-02s/gnav.png) -800px 0 no-repeat;}

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


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





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




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

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

#information .block dl dt{
	background: #E8F3F6;
	color: #228BAE;
}





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


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

/*上*/
.asideBlock1 .text4{
	border-color:#0b2e54;
}

/*下*/
.asideBlock1 .btn{
	border-color: #759ac0;
}









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





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



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

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



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

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

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

#accessForm #contacts .block2 .submit{
	background: url(../images/b-01bs/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: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #224481), color-stop(0.00, #4674b5));
	background: -webkit-linear-gradient(#4674b5, #224481);
	background: -moz-linear-gradient(#4674b5, #224481);
	background: -o-linear-gradient(#4674b5, #224481);
	background: -ms-linear-gradient(#4674b5, #224481);
	background: linear-gradient(#4674b5, #224481);
	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 #0055A2;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #05357d), color-stop(0.50, #094d97), color-stop(0.00, #063e86));
	background: -webkit-linear-gradient(top, #063e86 0%, #094d97 50%, #05357d 100%);
	background: -moz-linear-gradient(top, #063e86 0%, #094d97 50%, #05357d 100%);
	background: -o-linear-gradient(top, #063e86 0%, #094d97 50%, #05357d 100%);
	background: -ms-linear-gradient(top, #063e86 0%, #094d97 50%, #05357d 100%);
	background: linear-gradient(to bottom, #063e86 0%, #094d97 50%, #05357d 100%);

}


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

#spFootBanner{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #05357d), color-stop(0.50, #094d97), color-stop(0.00, #063e86));
	background: -webkit-linear-gradient(top, #063e86 0%, #094d97 50%, #05357d 100%);
	background: -moz-linear-gradient(top, #063e86 0%, #094d97 50%, #05357d 100%);
	background: -o-linear-gradient(top, #063e86 0%, #094d97 50%, #05357d 100%);
	background: -ms-linear-gradient(top, #063e86 0%, #094d97 50%, #05357d 100%);
	background: linear-gradient(to bottom, #063e86 0%, #094d97 50%, #05357d 100%);
}



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

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


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

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




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

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