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

body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background:#F3F3F3;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ リセット ~~ */
ul, ol, dl, p{ /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
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:#000000; }
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: 900px;
	max-width: 1260px;/* レイアウトが大型モニターで広がりすぎないように、最大幅を指定することをお勧めします。これにより、読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
	min-width: 780px;/* レイアウトが狭くなりすぎないように、最小幅を指定することをお勧めします。これにより、サイドカラムで読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
	background: #F3F3F3;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。.container の幅を 100% に設定した場合、これは必要ありません。 */
}


/* ~~ 各ページのヘッダー~~ */

#headerTop {
	background-image:url(../img/Top_Img.gif);
	background-color: #F3F3F3;
	background-repeat: no-repeat;
	position:relative;
	width:900px;
	height:290px;
}

#login01{
	position:absolute;
	left: 630px;
	height: 50px;
	width: 392px;
	top: -1px;
}

#headerF {
	background-image:url(../img/f_Img.gif);
	background-color: #F3F3F3;
	background-repeat: no-repeat;
	position:relative;
	width:900px;
	height:138px;
}

/* ~~ サイドバー~~ */
.sidebar {
	float: left;
	width: 195px;
	background: #F3F3F3;
	padding-top: 20px;
}

/* ~~ コンテント~~ */
.content {
	margin-top:20px;
	padding-left:10px;
	width: 695px;
	float: left;
	position:relative;
}


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

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



.con_kadomaru {
	background-color: #FFFFFF;   /* 背景色 */
	padding:14px 10px 10px 10px ;
	 border-left: solid 1px #ccc;
	  border-bottom: solid 1px #ccc;
      border-right: solid 1px #ccc;
      border-radius: 0  0 7px 7px;
	width:660px;
	overflow:auto;
}

/* ~~ 余白~~ */

.mgTB10{margin:10px 0px;}

.mgTB20{margin:20px 0px;}

.mgT20{margin-top:20px;}

.mgT30{margin-top:30px;}

.mgB10{margin-bottom:10px;}

.mgB20{margin-bottom:20px;}

.pL5{padding-left:5px;}


/* ~~ カラー~~ */  

.or{color:#FF8000;}
.ye{color:#FF3;}
.nv{color:#3B65A3;}
.rd{color:#F00;}



/* ~~ 幅~~ */

.w150{width:150px;}

.w280{width:280px;}

.w300{width:300px;}

.w310{width:310px;}

.w330{width:330px;}

.w340{width:340px;}

.w350{width:350px;}

.w500{width:500px;}

.w670{width:670px;}


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



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

#newsBox{width:680px;
         margin:20px 0px;
}

#nvBOX{background-color:#013E6E;
       color:#013E6E;
	   width:325px;
}

#nvBOX ul li{ font-size:14px;
              color:#FFFFFF;
			  line-height:1.5em;
			  list-style:none;
			  list-style-position:inside;
			  list-style-image:url(../img/cq_wt.gif);
}

#wtBOX{background-color:#FFFFFF;
       color:#FFFFFF;
       width:325px;
}


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

#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; }

#Box04{width:680px;
       height:164px;
       background-image:url(../img/top_07_09.gif);
	   background-repeat:no-repeat;
       position:relative;
}

#Box05{width:680px;
       height:164px;
       background-image:url(../img/top_10_11.gif);
	   background-repeat:no-repeat;
       position:relative;
}

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

.inNEW{
	width:318px;
	color:#FFFFFF;
	font-size:14px;
	line-height:1.5em;
	position:absolute;
	left: 9px;
	top: 86px;
}

.inBTN01{
	width:78px;
	position:absolute;
	left: 248px;
	top: 158px;
}

.inBTN02{
	width:78px;
	position:absolute;
	left:590px;
	top: 158px;
}

.inBTN03{
	width:78px;
	position:absolute;
	left:527px;
	top: 158px;
}

.inBTN04{
	width:78px;
	position:absolute;
	left:13px;
	top: 134px;
}

.inBTN05{
	width:78px;
	position:absolute;
	left:189px;
	top: 134px;
}

.inBTN06{
	width:78px;
	position:absolute;
	left:357px;
	top: 134px;
}

.inBTN07{
	width:78px;
	position:absolute;
	left:475px;
	top: 135px;
}

.inBTN08{
	width:78px;
	position:absolute;
	left:362px;
	top: 159px;
}

.inKnb{
	width:222px;
	position:absolute;
	left:18px;
	top: 82px;
	color:#FFF;
	font-size:13px;
	line-height:1.3em;
}


/*トップページニュース～横並びリスト
----------------------------------------------------------- */

dl.List {  
        overflow: hidden;  
        zoom: 1;
		line-height:1em;
}  
dl.List dt {  
        margin-bottom: 5px;
		background-image:url(../img/ya.gif);
		background-repeat:no-repeat;
		background-position:5px;
		font-size:14px;
		line-height:2.5em;
		text-indent:2em; 
        padding:0px 5px 5px 0px;
        width: 250px;  
        float: left;  
        clear: both; 
		 
}  
dl.List dd {  
        margin-bottom: 5px;  
        padding: 0 0 5px 20px;
		font-size:14px;
		line-height:2.5em;
		border-bottom: 1px dotted #999; 
		
}


/*F_内部統制規程集セット
----------------------------------------------------------- */

.tbBox {/*共通CSS～F G　 */
	padding: 10px;
	width: 680px;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
}	
	


#boxF ul li{ width:330px;
             list-style:none;
             list-style-position:inside;
		      font-size:15px;
		      line-height:2em;
}

/*B_成長戦略セット
----------------------------------------------------------- */

#boxB { width:650px;}


#boxB ul li{list-style:none;
             list-style-position:inside;
		      font-size:17px;
		      line-height:3em;
			  border-bottom:dotted 2px #013E6E;
}

/*G_周辺業務セット
----------------------------------------------------------- */

#boxG {/*共通CSS～G */
        width:650px;}


#boxG dl dt{ font-size:17px;
		      line-height:2em;
			  border-top:dotted 2px #013E6E;
			  border-bottom:dotted 2px #013E6E;
}

#boxG dl dd{ font-size:15px;
			 line-height:2.5em;
			  text-indent:1em;
}

#boxG table tr td{ text-align:center; font-size:15px;}

/*A_成功事務所の経営事例
----------------------------------------------------------- */
	
	
#boxA {
	width:480px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#boxA02 {
	width:430px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.pointA{font-size:17px;
        font-weight:800;
        line-height:1.5em;
         border-bottom:dotted 1px #999999;}
		 


#boxA ul li{list-style:none;
             list-style-position:inside;
			 list-style-image:url(../img/cq_br.gif);
		      font-size:15px;
		      line-height:1.8em;
}

#boxA02 ul li{list-style:none;
             list-style-position:inside;
			 list-style-image:url(../img/cq_br.gif);
		      font-size:15px;
		      line-height:1.8em;
}

#ANews {
	padding: 10px;
	width: 680px;
	margin: 20px 0px;
	
}

#ANews p{ border-bottom: 1px dotted #999999;
}


#ANews table th{ background-image:url(../img/ya.gif);
                 background-repeat:no-repeat;
				 background-position:5px 14px;
				 font-size:14px;
				 text-align:left;
				 text-indent:2em;
	             border-bottom: 1px dotted #999999;
}
#ANews table tr td{  font-size:14px;
                     line-height:1.5em;
					 text-indent:1em;
                     border-left: 1px dotted #999999;
	                 border-bottom: 1px dotted #999999;
}


.tab { width: 80px;
	  color:#ec6206;
	  font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	  font-size:120%;
	  font-weight:bold;
	  text-align:center;
	  padding:0px 5px;
	  background:#fad8c1;
	  border-top-width: 1px;
	  border-right-width: 1px;
	  border-bottom-width: 0px;
	  border-left-width: 1px;
	  border-right-style: solid;
	  border-top-style: solid;
	  border-left-style: solid;
	  border-right-color: #CCC;
	  border-top-color: #CCC;
	  border-left-color: #CCC;
	
	   
}

.tabti{ width:660px;
        color:#004080;
	   font-size:120%;
	   font-weight:bold;
	   padding:10px 10px 0px 10px; 
	   background:#fff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width:0px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-top-color: #CCC;
	border-left-color: #CCC;}
	   

.tab_L { width:70%;
	  color:#133676;
	  font-size:110%;
	  font-weight:bold;
	  padding:10px;
	  background:#fff;
	  border-left: solid 1px #ccc;
	  border-top: solid 1px #ccc;
      border-right: solid 1px #ccc;
      border-radius: 7px 7px 0 0;
}

	
.btn-border {
  display: inline-block;
  font-size:70%;
  text-align: center;
  border: 2px solid #ec6206;
  color: #ec6206;
  text-decoration: none;
  font-weight: bold;
  padding:3px 10px;
  border-radius: 4px;
  transition: .4s;
  background-color: #fad8c1;
}


.btn-border:hover {
  background-color: #ec6206;
  border-color: #ec6206;
  color: #FFF;
}




/*H_セミナーレジュメセット
----------------------------------------------------------- */
#boxH { width:430px;}


#boxH02 { width:220px;}


#boxH ul li{list-style:none;
             list-style-position:inside;
		      font-size:16px;
			  line-height:2.5em;
			  
			  height:38px;
			 border-bottom:dotted 2px #013E6E;
}

#boxH02 ul li{list-style:none;
             list-style-position:inside;
			  height:38px;
			  border-bottom:dotted 2px #013E6E;
}

/*K_幹部養成講座セット
----------------------------------------------------------- */


.no {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	display:inline-block;
	background-color: #88C469;
	padding:0px 5px;
	margin-right:10px;
	border:#FFFFFF 1px solid;
}

.lineBT{ border-bottom:dotted 2px #013E6E;}


#boxK{ width:660px;
       background-color:#FFFFFF;
	   padding:15px 0px;}


#boxK table tr td{line-height:1.3em;
			      font-size:16px;
}





/*ダウンロードアイコンセット
----------------------------------------------------------- */

.word{ background-image:url(../img/word.gif);
       background-repeat:no-repeat;
	   background-position:5px 5px;

}




/* ~~ フッター ~~ */
.footer {
	padding: 10px 0;
	background:  #F3F3F3;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
}


/*ジャンル別ボタン
----------------------------------------------------------- */

.button a:link   { color:#133676; }
.button a:active { color:#ffffff; }
.button a:hover  { color:#ffffff; }


.buttonL a:link   { color:#133676; }
.buttonL a:active { color:#ffffff; }
.buttonL a:hover  { color:#ffffff; }

.button {
	display: inline-block;
	width: 310px;
	height: 37px;
	text-align: left;
	text-decoration: none;
    line-height: 40px;
	outline: none;
	border-radius: 4px;
	-webkit-transition: none;
	transition: none;
	text-indent:0.5em;
	margin-bottom:10px;
	
}
.buttonL {
	display: inline-block;
	width: 550px;
	height: 37px;
	text-align: left;
	text-decoration: none;
    line-height: 40px;
	outline: none;
	border-radius: 4px;
	-webkit-transition: none;
	transition: none;
	text-indent:0.5em;
	margin-bottom:10px;
	
}

/* カラー01 */


.btn01{
	position: relative;
	background-color: #f8f3b6;/* 基本色 */
	box-shadow: 0 3px 0 #133676;/* シャドー色 */
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	border:#133676 1px solid;
	font-weight:bold;
	
}
.btn01:hover {
	background-color: #537dc8;/* マウスオン色 */
	
}