@charset "utf-8";
/* CSS Document */

body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    margin: 0;
	padding: 0;
	color: #000
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#c1e4f6');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#c1e4f6')";
background-image: -moz-linear-gradient(top, #ffffff, #c1e4f6);
background-image: -ms-linear-gradient(top, #ffffff, #c1e4f6);
background-image: -o-linear-gradient(top, #ffffff, #c1e4f6);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#c1e4f6));
background-image: -webkit-linear-gradient(top, #ffffff, #c1e4f6);
background-image: linear-gradient(top, #ffffff, #c1e4f6);;
}

/* ~~ リセット ~~ */
ul, ol, dl, p{ /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}

ol, ul {list-style: none;}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

/* ~~リンク ~~ */
a img {
	border: none;
}

a{ text-decoration:none;}

a.alpha:hover img {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}


a:link   { color:#0a23bb; }
a:active { color:#ff8000; }
a:visited{ color:#8863a0; } 
a:hover  { color:#ff8000; }


/* ~~  float/clear  ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
}




/* ~~ このコンテナが他のすべての div を囲み、パーセンテージに基づいた幅を指定します。~~ */
.container {
	width: 1150px;
	max-width: 1260px;/* レイアウトが大型モニターで広がりすぎないように、最大幅を指定することをお勧めします。これにより、読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
	min-width: 1150px;/* レイアウトが狭くなりすぎないように、最小幅を指定することをお勧めします。これにより、サイドカラムで読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
	
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。.container の幅を 100% に設定した場合、これは必要ありません。 */
}


/* ~~ヘッダー~~ */

/*東京セット */


#headline{background-color:#132480;
          height:20px;}
		  

		  


#headerarea{ height:448px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#469ffb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#469ffb')";
background-image: -moz-linear-gradient(top, #ffffff, #469ffb);
background-image: -ms-linear-gradient(top, #ffffff, #469ffb);
background-image: -o-linear-gradient(top, #ffffff, #469ffb);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#469ffb));
background-image: -webkit-linear-gradient(top, #ffffff, #469ffb);
background-image: linear-gradient(top, #ffffff, #469ffb);}


#logoarea{ width:950px;
           margin:20px auto;
}


#pointarea{ width:960px;
           margin:0px auto;
           position:relative;
		   padding:20px 10px;
		   background:#FFFFFF;
		   
}


#point{
	position:absolute;
	width:930px;
	left: 26px;
	top: 405px;
}



/* ~~ コンテント~~ */
.content {
	margin: 0 auto;
	width: 950px;
	padding:10px;
}

/* ~~見出し~~ */



h2{background-image:url(../img/h2_bar.png); background-repeat:repeat-x; width:920px; height:100px; font-size:210%; line-height:3em; text-indent:1em;
  
 }
 
.subti{background-image:url(../img/h2_bar.png); background-repeat:repeat-x; width:920px; height:100px; font-size:210%; font-weight:bold; line-height:1.3em;  margin:20px 0px;} 

h3{background-image:url(../img/h3_bar.png); background-repeat:repeat-x; width:920px; height:55px; font-size:160%; line-height:2.5em; margin:30px 0px;}

h4{color:#0099FF; font-size:140%; margin-bottom: 20px; margin-left:20px;}

h5{color:#FF8000; font-size:120%; margin-bottom: 20px; margin-left:20px;}

h6{ background-color:#0099CC;color:#FFFFFF; width:900px; line-height:2em;font-size:120%; margin:20px 0px 5px 20px;}



/* ~~角丸白バックボックス~~ */

.kadomaru {
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */
  
   border: 1px #CCC  solid;     /* 枠線の装飾 */
   background-color: #FFFFFF;   /* 背景色 */
   padding:15px;
   width:880px;
   margin:30px 0px 30px 10px;
}



.sien_kadomaru {
	 -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   border-radius: 5px;         /* CSS3 */
   border: 1px #CCC  solid;     /* 枠線の装飾 */
   padding:20px;
   margin:10px auto;
   width:880px;
   position : relative ;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b6d6f8', endColorstr = '#e4edf7');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b6d6f8', endColorstr = '#e4edf7')";
background-image: -moz-linear-gradient(top, #b6d6f8, #e4edf7);
background-image: -ms-linear-gradient(top, #b6d6f8, #e4edf7);
background-image: -o-linear-gradient(top, #b6d6f8, #e4edf7);
background-image: -webkit-gradient(linear, center top, center bottom, from(#b6d6f8), to(#e4edf7));
background-image: -webkit-linear-gradient(top, #b6d6f8, #e4edf7);
background-image: linear-gradient(top, #b6d6f8, #e4edf7);
}

.sien_mida{font-size:180%; font-weight:bold;}

.sien_point{font-size:120%; font-weight:bold; line-height:1.8em;}

.btmBtn{
	position:absolute;
	bottom : 10px;
	left: 720px;
}


.ye_kadomaru {
	 -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */
  
   border: 1px #CCC  solid;     /* 枠線の装飾 */
   
   padding:15px;
   width:850px;
   line-height:1.8em;
   margin:30px 0px;
   font-size:120%;
   
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eae8d3', endColorstr = '#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eae8d3', endColorstr = '#ffffff')";
background-image: -moz-linear-gradient(top, #eae8d3, #ffffff);
background-image: -ms-linear-gradient(top, #eae8d3, #ffffff);
background-image: -o-linear-gradient(top, #eae8d3, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#eae8d3), to(#ffffff));
background-image: -webkit-linear-gradient(top, #eae8d3, #ffffff);
background-image: linear-gradient(top, #eae8d3, #ffffff);
}


.inn_kadomaru {
	 -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */
  
   border: 1px #CCC  solid;     /* 枠線の装飾 */
   background-color: #fffbc7;   /* 背景色 */
   padding:15px;
   width:750px;
   line-height:1.8em;
   margin:30px 0px;
   font-size:120%;
}

.w_kadomaru {
	 -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */
  
   border: 1px #CCC  solid;     /* 枠線の装飾 */
   background-color: #FFFFFF;   /* 背景色 */
   padding:15px;
   width:860px;
   line-height:1.8em;
   margin:30px 0px;
   font-size:120%;
}

.innW_kadomaru {
	 -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius: 20px;         /* CSS3 */
  
   border: 1px #CCC  solid;     /* 枠線の装飾 */
   background-color: #FFFFFF;   /* 背景色 */
   padding:15px;
   width:800px;
   line-height:1.8em;
   margin:30px 0px;
   font-size:120%;
}

.g_kadomaru {
	 -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   border-radius: 5px;         /* CSS3 */
   background-color: #bdf3c3;   /* 背景色 */
   width:470px;
   height:350px;
   text-align:center;
   font-size:110%;
   color:#FFFFFF;

}

.b_kadomaru {
	 -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
   border-radius:20px;         /* CSS3 */
  border: 1px #CCC  solid;     /* 枠線の装飾 */
   background-color: #ebf4fa;   /* 背景色 */
   padding:20px;
   width:860px;
   margin:30px 0px 30px 10px;
   font-size:120%;
}

/* ~~ 余白~~ */

.mgTB10{margin:10px 0px;}

.mgTB20{margin:20px 0px;}

.mgB20{ margin-bottom:20px;}

.mgTB30{margin:30px 0px;}

.mgTB50{margin:50px 0px;}

.mgh2{margin:20px 0px 50px 0px;}

.mgT5{margin-top:5px;}

.mgT20{margin-top:20px;}

.mgT100{margin-top:100px;}

.mgT30{margin-top:30px;}

.mgB10{margin-bottom:10px;}

.mgB20{margin-bottom:20px;}

.mgR20{ margin-right:20px;}

.mgL20{ margin-left:20px;}

.mgL30{ margin-left:30px;}

.mgL50{ margin-left:50px;}

.mgL100{ margin-left:100px;}

.pL5{padding-left:5px;}


/* ~~ カラー~~ */  

.or{color:#FF8000;}
.ye{color:#FFFBD0;}
.ye02{color:FFE464;}
.nv{color:#0a23bb;}
.bl{color:#0f6ee3;}
.rd{color:#FF0000;}
.gr{color:#128f08;}
.Lgr{color:#89E96D;}



/* ~~ 幅~~ */

.w150{width:150px;}

.w280{width:280px;}

.w300{width:300px;}

.w310{width:310px;}

.w330{width:330px;}

.w340{width:340px;}

.w350{width:350px;}

.w400{width:400px;}

.w500{width:500px;}

.w600{width:600px;}

.w670{width:670px;}

.w830{width:830px;}

.w900{width:900px;}


/* ~~ フォントサイズ~~ */
.size11{font-size:11px;}
.size12{font-size:12px;}
.size13{font-size:13px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.size110{font-size:110%;}
.size120{font-size:120%;}


/*テキスト
----------------------------------------------------------- */

.honbun{font-size:100%;
        width:700px;
        margin:20px auto;}
		
.honbun02{font-size:100%;
        margin:20px 0px 20px 20px;}
		
.honbun03{font-size:100%;
         width:740px;
        margin:20px auto;}
		
.honbun04{font-size:100%;
          margin:25px;}		
		
.jirei{font-size:110%;
        margin:20px;}		





/*トップページセット
----------------------------------------------------------- */

/*札幌セット */

#BnrToi{background-image:url(../img/btn_toi.png);
	   background-repeat:no-repeat;
	   width:880px;
       height:177px;
	   position:relative;
	   margin:30px auto;
}


/*千葉セット */

#BnrToiC{background-image:url(../img/btn_toi_c.png);
	   background-repeat:no-repeat;
	   width:880px;
       height:177px;
	   position:relative;
	   margin:30px auto;
}

.inmail{
	width:78px;
	position:absolute;
	left:453px;
	top: 110px;
}


#Box02{width:680px;
       height:187px;
       background-image:url(../img/top_03_04.gif);
	   background-repeat:no-repeat;
       position:relative;
}

#Box03{width:680px;
       height:187px;
       background-image:url(../img/top_05_06.gif);
	   background-repeat:no-repeat;
       position:relative;
}

#Box03 a:link   { color:#ffffff; }
#Box03 a:active { color:#ff8000; }



/*グループ紹介セット
----------------------------------------------------------- */



/*千葉セット */

#GrpC01{background-image:url(../img/grp01_c.png);
	   background-repeat:no-repeat;
	   width:775px;
       height:253px;
	   margin-left:50px;
	   position:relative;
}

#GrpC02{background-image:url(../img/grp02_c.png);
	   background-repeat:no-repeat;
	   width:775px;
       height:253px;
	   margin-left:50px;
	   position:relative;
}

#GrpC03{background-image:url(../img/grp03_c.png);
	   background-repeat:no-repeat;
	   width:775px;
       height:253px;
	   margin-left:50px;
	   position:relative;
}

#GrpC04{background-image:url(../img/grp04_c.png);
	   background-repeat:no-repeat;
	   width:775px;
       height:253px;
	   margin-left:50px;
	   position:relative;
}
.inBTN01{
	width:436px;
	position:absolute;
	left:300px;
	top: 86px;
	height: 150px;
}

.inBTN02{
	width:462px;
	position:absolute;
	left:36px;
	top: 62px;
}


/*8つのポイントセット
----------------------------------------------------------- */



#pointBK{background-image:url(../img/8point_T.png);
	      background-repeat:no-repeat;
	      position:relative;
          width:900px;
		  height:590px;
		  margin:20px 0px 0px 30px;
		  
}


.in8point{
	position:absolute;
	left: 32px;
	top: 150px;
}


dl{  
  font-weight : bold;
  font-size:135%;
 
}

dt{       
  padding-top : 7px;    
  padding-bottom : 7px;
  padding-left : 5px;
  width :80px;
  color:#132480;
  float : left;/* 左に寄せる */
  clear : both;/* フロートの解除 */
}

dd{ 
  padding-top : 7px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 7px;
  width : 750px;
}




/*弁護士
----------------------------------------------------------- */

#BnrBen{background-image:url(../img/bg_bengoshi.png);
	   background-repeat:no-repeat;
	   width:750px;
       height:260px;
	   margin-left:50px;
	   position:relative;
}

.inToi{
	width:78px;
	position:absolute;
	left:371px;
	top: 161px;
}

/*税理士
----------------------------------------------------------- */

#BnrZeiri{background-image:url(../img/Q4_3.png);
	   background-repeat:no-repeat;
	   width:830px;
       height:291px;
	   position:relative;
}

.inZeiri{
	width:400px;
	position:absolute;
	left:380px;
	top: 50px;
	font-size:130%;
}

/*ボックス類
----------------------------------------------------------- */

.saBox {-moz-border-radius: 4px;    /* Firefox */
   -webkit-border-radius: 4px; /* Safari,Chrome */
   border-radius: 4px;         /* CSS3 */
  border:#CCC 1px solid;
		width:930px;
		padding:10px;
		margin-bottom:30px;
		 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ebf1de');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#ebf1de')";
background-image: -moz-linear-gradient(top, #ffffff, #ebf1de);
background-image: -ms-linear-gradient(top, #ffffff, #ebf1de);
background-image: -o-linear-gradient(top, #ffffff, #ebf1de);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ebf1de));
background-image: -webkit-linear-gradient(top, #ffffff, #ebf1de);
background-image: linear-gradient(top, #ffffff, #ebf1de);}



.sien_keiei {
	 -moz-border-radius: 3px;    /* Firefox */
   -webkit-border-radius: 3px; /* Safari,Chrome */
   border-radius: 3px;         /* CSS3 */
   border: 1px #CCC  solid;     /* 枠線の装飾 */
   padding:10px;
   width:420px;
   height:150px;
   margin-bottom:20px;
   position : relative ;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b6d6f8', endColorstr = '#e4edf7');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b6d6f8', endColorstr = '#e4edf7')";
background-image: -moz-linear-gradient(top, #b6d6f8, #e4edf7);
background-image: -ms-linear-gradient(top, #b6d6f8, #e4edf7);
background-image: -o-linear-gradient(top, #b6d6f8, #e4edf7);
background-image: -webkit-gradient(linear, center top, center bottom, from(#b6d6f8), to(#e4edf7));
background-image: -webkit-linear-gradient(top, #b6d6f8, #e4edf7);
background-image: linear-gradient(top, #b6d6f8, #e4edf7);
}


.sien_k_ti {
	
   border: 1px #CCC  solid;     /* 枠線の装飾 */
   margin:10px 0px;
   width:440px;
   line-height:2em;
   text-align:center;
   font-size:120%;
   font-weight:bold;
   color:#000099;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f8f8f2', endColorstr = '#ebebeb');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f8f8f2', endColorstr = '#ebebeb')";
background-image: -moz-linear-gradient(top, #f8f8f2, #ebebeb);
background-image: -ms-linear-gradient(top, #f8f8f2, #ebebeb);
background-image: -o-linear-gradient(top, #f8f8f2, #ebebeb);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f8f8f2), to(#ebebeb));
background-image: -webkit-linear-gradient(top, #f8f8f2, #ebebeb);
background-image: linear-gradient(top, #f8f8f2, #ebebeb);
}

.sienImg{ position:absolute;
           bottom : 10px;
	right: 20px;}

.kPoint{font-size:110%; font-weight:bold;}


/* ~~ シャドー ~~ */

.shadow{ box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4);}

/* ~~ フッター ~~ */
.footer {
	background: #132480;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
}

.copy{ color:#FFFFFF;
   text-align:center;
   font-size:12px;
   line-height:2em;
}


#footlist{background-color:#F0F2EC;}

.ftin{ width:900px; margin:0px auto;}

#footlist ul{
padding-bottom:10px;
}

#footlist ul li{
display:inline-block;
vertical-align:text-top;
text-align:left;
padding:5px 0;
margin-right:30px;
font-size:80%;
}

#footlist ul li	a{
display:block;
padding:0 0 0 12px;
overflow:hidden;
text-decoration:underline;
}

#footlist ul li	a:hover{text-decoration:none;}

#footlist ul li li{
display:block;
padding:0;
margin:0 0 0 10px;
background-position:0 5px;
}


*:first-child+html #footlist ul li{display:inline;}
*:first-child+html #footlist ul ul,*:first-child+html #footlist ul li li a,*:first-child+html #footlist ul li li{display:none;}


/* ~~ 飾り罫 ~~ */

.hasen{border:#005BAC 1px dotted;
        width:810px;
		margin:10px 0px;}
		


/* ~~問い合わせ~~ */	

#btnBox{background: #F6F5EB;
        width:880px;}

#Toi table { width:880px;
             background:#F6F5EB;
			 border-bottom:#FFFFFF 1px solid;
}	

#Toi table th{ background: #e0dfd6;
              color:#333333;
			  line-height:2em;}
			  

/*専門家セット
----------------------------------------------------------- */

#senmon{background-image:url(../img/senmon_bk.png);
	   background-repeat:no-repeat;
	   width:840px;
       height:1092px;
	   margin:20px 0px 20px 20px;
	   position:relative;
	   font-size:120%;
}


.inSEN01{
	width:460px;
	position:absolute;
	left:460px;
	top: 60px;
	height: 150px;
}

.inSEN02{
	width:523px;
	position:absolute;
	left:20px;
	top: 350px;
}		
.inSEN03{
	width:460px;
	position:absolute;
	left:460px;
	top: 610px;
	height: 150px;
}

.inSEN04{
	width:460px;
	position:absolute;
	left:20px;
	top: 880px;
}