/*-----------------------------------------------------------
 Global Styel
　・背景色
　・標準フォント
　・リンクスタイル
　・フロート
　・(水平区切り線)フロート解除
　・高さスペーサー
-----------------------------------------------------------*/
body {
 background-color: #e3e3e3;  /*背景色*/
 margin: 0;
 text-align: center;  /*センタリング*/
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.white {color:#FFFFFF;}
.grey {color:#bbb;}
.red {color:#FF0000;}
.blue {color:#3388ff;}
.green {color: green;}
.pink {color: pink;}

.larger {font-size: larger;}
.smaller {font-size: smaller;}
.bold{font-weight: bold;}

img {margin: 3px 0}

 a img {border: none;}  /*リンク画像の枠線なし*/

 a.block {  /*リンクをブロック要素化して親要素を満たす*/
  display: block;
  width: 100%;
  height: 100%;
 }
 
 li a {cursor: pointer; text-decoration: none;}
 h3 a {cursor: pointer; text-decoration: none;}
 h4 a {cursor: pointer;}
 h5 a {cursor: pointer;}
 h6 a {cursor: pointer;}

 a:link {color: #007a56;}
 a:visited {color: #005823;}
 a:hover {color: #00ac67;}
 a:active {color: #005823;}
 
.float_right {float: right;}
.float_left {float: left;}
.clear_both {clear: both;}

.float_clearer {
 clear: both;
 width: auto;
 overflow: hidden;
}

.float_clearer_solid {
 clear: both;
 margin: 15px 0;
 width: auto;
 height: 25px;
 border-top: 1px solid #999;
 overflow: hidden;
}

.float_clearer_dashed {
 clear: both;
 margin: 15px 0;
 width: auto;
 height: 25px;
 border-top: 1px dashed #999;
 overflow: hidden;
}
 
.eg_height20_spacer {
 clear: both;
 width: 100%;
 height: 20px;
}
 
.eg_height30_spacer {
 clear: both;
 width: 100%;
 height: 30px;
}

.center {text-align: center;}


/*-----------------------------------------------------------
 サイズ指定ボックス
-----------------------------------------------------------*/
.egbox200 {width: 200px;}
.egbox220 {width: 220px;}
.egbox240 {width: 240px;}
.egbox260 {width: 260px;}
.egbox280 {width: 280px;}
.egbox300 {width: 300px;}
.egbox320 {width: 320px;}
.egbox340 {width: 340px;}
.egbox360 {width: 360px;}
.egbox380 {width: 380px;}
.egbox400 {width: 400px;}
.egbox420 {width: 420px;}
.egbox440 {width: 440px;}
.egbox460 {width: 460px;}
.egbox480 {width: 480px;}
.egbox500 {width: 500px;}
.egbox520 {width: 520px;}
.egbox540 {width: 540px;}
.egbox560 {width: 560px;}
.egbox580 {width: 580px;}
.egbox600 {width: 600px;}
.egbox620 {width: 620px;}
.egbox640 {width: 640px;}
.egbox660 {width: 660px;}
.egbox680 {width: 680px;}
.egbox700 {width: 700px;}
.egbox720 {width: 720px;}
.egbox740 {width: 740px;}
.egbox760 {width: 760px;}
.egbox780 {width: 780px;}
.egbox800 {width: 800px;}
.egbox820 {width: 820px;}
.egbox840 {width: 840px;}
.egbox860 {width: 860px;}
.egbox880 {width: 880px;}
.egbox900 {width: 900px;}






/*-----------------------------------------------------------
 Global Component
 　【ヘッダー】
　　・ロゴ（#eg_logo）
　　・トップメニュー（#top_menu）
　【フッター】
　　・コピーライト（#eg_copyright）
-----------------------------------------------------------*/
#eg_logo {
 float: left;
 margin: 5px 5px 0;
 padding: 0;
 width: 165px;
 height: 38px;
 overflow: hidden;
 background-image: url(egkit_images/eg_logo.png);
 background-repeat: no-repeat;
}

#eg_logo a {
 display: block;
 width: 100%;
 height: 100%;
 padding-top: 100px;
}

ul.eg_top_menu {
margin: 0 0 0 -10px;
padding: 0;
list-style-type: none;
overflow: hidden;
}

ul.eg_top_menu li {
float: left;
padding: 0px 10px;
border-right: 1px solid #ccc;
}

ul.eg_top_menu li.list_end {
 border-right: none;
}

ul.eg_top_menu a {
 display: block;
 padding: 2px 8px;
 width: auto;
 text-align: center;
 text-decoration: none;

 font-size: 12px;
 font-weight: bold;
 line-height:1.0em;
 letter-spacing: 0.1em;
}
 
 ul.eg_top_menu a:link {color: #666; background-color: transparent;}
 ul.eg_top_menu a:hover {color: #222; background-color: #e3e3e3;}
 ul.eg_top_menu a:visited {color: #666; background-color: transparent;}
 ul.eg_top_menu a:active {color: #666; background-color: transparent;}

ul.eg_top_menu span {
 display: block;
 margin-top: 1px;
 font-size: 9px;
 font-weight: lighter;
 letter-spacing: 0.08em;
}

#eg_copyright {
clear: both;
 margin: 20px 0;
 padding: 0;
 width: 100%;
 text-align: center;
}

 #eg_copyright p {
 margin: 0 auto;
 padding: 4px 0;
 width: 880px;
 border-top: 1px solid #bbb;
 color: #666;
 font-size: 12px;
 }


/*-----------------------------------------------------------
 組み込みスクリプト
 　【ギャラリー】
-----------------------------------------------------------*/
img.gallery {
 width: 50px;
 margin: 5px;
 cursor: pointer;
 border: 1px solid #ddd;
}

.viewer {
 border: 1px solid #fff;
 overflow: hidden;
}
 
/*-----------------------------------------------------------
 Local Component
　・見出し（h2~h6）
　・テーブル｜標準（table.standard）
　・リスト｜標準（ul.standard）
　・リスト｜水平（ul.horizontal）
　・リスト｜定義（dl.standard）
　・段落｜標準（.standard）
　・段落｜パン屑リスト（.crumb）
　・段落｜導線（.more_info）
-----------------------------------------------------------*/

/*------------------ 見出し ------------------*/
h2 {
 margin: 5px 0 10px;
 padding: 4px 5px 3px;
 width: auto;
 font-size: 20px;
 color: #555;
 line-height: 1.01em;
 border-top: 1px solid #888;
 border-bottom: 1px solid #888;
}

h2 span {
 display: block;
 margin: 0;
 font-size: 10px;
 line-height: 1.2em;
 letter-spacing: 0.07em;
}

h3 {
 margin: 5px 0 0;
 padding: 0;
 font-size: 16px;
 color: #555;
 line-height: 1.05em;
}

h3 span {
 display: block;
 margin: 1px 0 0 3px;
 font-size: 10px;
 letter-spacing: 0.07em;
}

h4 {
 margin: 5px 0 0;
 padding: 0;
 font-size: 14px;
 color: #68a;
 line-height: 1.05em;
}

h4 span {
 display: block;
 margin: 1px 0 0 2px;
 font-size: 9px;
 letter-spacing: 0.07em;
}

h5 {
 color: black;
 font-size: 12px;
}

h6 {
}


/*------------------ テーブル｜標準 ------------------*/
table.standard {
 clear: both;
 margin: 2px 0px 2px 15px;
 border-collapse: collapse;
 border-width: 1px;
 border: 1px solid #789;
}

table.standard td {
 font-size: 12px;   
 padding: 8px 16px;
 border: 1px solid #789;
 color: #777;
}
				

/*------------------ リスト｜標準 ------------------*/
ul.standard {
 margin:  5px 0 15px;
 padding: 0 0 0 20px;
 list-style-type: square;
}

ul.standard li {
 clear: both;
 margin: 3px 0;
 color:#777;
 font-size: 12px;
 line-height: 1.25em;
 letter-spacing: 0.09em;
}

/*------------------ リスト｜区切り（実線・点線） ------------------*/
ul.border_li {
 margin:  5px 0;
 padding: 0;
 list-style-type: none;
 
}

ul.border_li li {
 clear: both;
 overflow: hidden;
 margin: 3px 0;
 padding: 3px 5px;
 color:#777;
 font-size: 12px;
 line-height: 1.25em;
 letter-spacing: 0.09em;
}

ul.solid_li li {border-bottom: 1px solid #bbb;}
ul.dashed_li li {border-bottom: 1px dashed #bbb;}
ul.border_li li.list_end {border-bottom: none;}


/*------------------ リスト｜水平 ------------------*/
ul.horizontal {
 margin: 0px 0 0;
 padding: 0;
 list_style_type: none;
}

ul.horizontal li {
 display: inline;
 margin: 0;
 font-size: 11px;
 border-right: 1px solid #999;
 color: #666;
}

ul.horizontal .list_end {
 border-right: none;
}

ul.horizontal a {margin: 0 10px 0 5px;}


/*------------------ リスト｜定義 ------------------*/
dl.standard {
 margin: 0 0 15px;
}

dl.standard dt {
 margin:  0;
 padding: 0 0 0 3px;
 border-left: 3px solid #999; 
 color:#777;
 font-size: 12px;
 line-height: 1em;
 letter-spacing: 0.04em;
}

dl.standard dd {
 margin: 2px 0 12px 14px;
 color:#333;
 font-size: 12px;
 line-height:1.2em;
 letter-spacing: 0.07em;
}

dl.standard img {
 width: 60px;
}


/*------------------ 段落｜標準 ------------------*/
 p.standard {
  margin: 2px 0 15px;
  padding: 0;
  color:#555;
 font-size: 12px;
 line-height:1.25em;
 letter-spacing: 0.09em;
 }
 
 
 /*------------------ 段落｜パンくずリスト ------------------*/
 p.crumb {
  margin: 0;
  padding: 0;
  color:#333;
 font-size: 11px;
 font-weight: bold;
 line-height:1.0em;
 letter-spacing: 0.07em;
 }
  
 
 /*------------------ 段落｜導線 ------------------*/
p.more_info {
 float: right;
 margin: 0;
 padding: 0 11px 0 0;
 font-size: 11px;
 line-height: 1.05em;
 background-image: url(egkit_images/eg_link_arrow.png);
 background-repeat: no-repeat;
 background-position: right top;
}


/*-----------------------------------------------------------
 Global Layout
　・センタリング&ページ幅（#eg_wrapper）
　・カラムレイアウト
　・ロウレイアウト（.float_container）
-----------------------------------------------------------*/
#eg_wrapper900 {
 margin: 0 auto;
 width: 900px;
 text-align: left;
 overflow: hidden;
}

.col {overflow: hidden;}
.colA {overflow: hidden;}
.colB {overflow: hidden;}
.colC {overflow: hidden;}

.colbox1_3 .colA {float: left; width: 225px;}
.colbox1_3 .colB {margin-left: 225px; width: 675px;}
* html .colbox1_3 .colB {margin-left: 0px; width: 675px; float: right;}  /* IE６ */

.colbox1_2 .colA {float: left; width: 300px;}
.colbox1_2 .colB {margin-left: 300px; width: 600px;}
* html .colbox1_2 .colB {margin-left: 0px; width: 600px; float: right;}  /* IE６ */

.colbox1_1 .colA {float: left; width: 450px;}
.colbox1_1 .colB {margin-left: 450px; width: 450px;}
* html .colbox1_1 .colB {margin-left: 0px; width: 450px; float: right;}  /* IE６ */

.colbox1_2_1 .colA {float: left; width: 225px;}
.colbox1_2_1 .colB {float: right; width: 225px;}
.colbox1_2_1 .colC {margin: 0 225px; width: 450px;}
* html .colbox1_2_1 .colC {margin-left: 0px; margin-right: 0px; width: 450px; float: left;}  /* IE６ */

.colbox1_1_1 .colA {float: left; width: 300px;}
.colbox1_1_1 .colB {float: right; width: 300px;}
.colbox1_1_1 .colC {margin: 0 300px; width: 300px;}
* html .colbox1_1_1 .colC {margin-left: 0px; margin-right: 0px; width: 300px; float: left;}  /* IE６ */


/*----------------------------------------------
 eg_glass_panels common
----------------------------------------------*/
.eg_glass_top {
 clear: both;
 margin: 0;
 height: 24px;
 width: 100%;
 background-repeat: no-repeat;
}

.eg_glass_sheet_top {
 clear: both;
 margin: 0;
 width: 100%;
 height: 25px;
 background-repeat: no-repeat;
}

.eg_glass_body {
 padding: 0 30px;
 width: auto;
 background-repeat: repeat-y;
 overflow: hidden;
}

.eg_sheet_top {
 clear: both;
 width: 100%;
 height: 15px;
 background-repeat: no-repeat;
}

.eg_sheet_body {
 padding: 0 30px;
 width: auto;
 background-repeat: repeat-y;
 overflow: hidden;
}

.eg_sheet_bottom {
 clear: both;
 width: 100%;
 height: 15px;
 background-repeat: no-repeat;
}

.eg_glass_sheet_bottom {
 clear: both;
 margin: 0;
 width: 900px; 
 height: 25px;
 background-repeat: no-repeat;
}

.eg_glass_bottom {
 clear: both;
 margin: 0;
 height: 24px;
 width: 100%;
 background-repeat: no-repeat;
}


/*----------------------------------------------
 eg225           
----------------------------------------------*/
.eg225 {float: left; width: 225px;}

.eg225 .eg_glass_top {background-image: url(egkit_images/eg225_glass_top.png);}

.eg225 .eg_glass_sheet_top {background-image: url(egkit_images/eg225_glass_sheet_top.png);}

.eg225 .eg_glass_body {background-image: url(egkit_images/eg225_glass_body.png);}

.eg225 .eg_sheet_top {background-image: url(egkit_images/eg225_sheet_top.png);}

.eg225 .eg_sheet_body {background-image: url(egkit_images/eg225_sheet_body.png);}

.eg225 .eg_sheet_bottom {background-image: url(egkit_images/eg225_sheet_bottom.png);}

.eg225 .eg_glass_sheet_bottom {background-image: url(egkit_images/eg225_glass_sheet_bottom.png);}

.eg225 .eg_glass_bottom {background-image: url(egkit_images/eg225_glass_bottom.png);}


/*----------------------------------------------
 eg300           
----------------------------------------------*/
.eg300 {float: left; width: 300px;}

.eg300 .eg_glass_top {background-image: url(egkit_images/eg300_glass_top.png);}

.eg300 .eg_glass_sheet_top {background-image: url(egkit_images/eg300_glass_sheet_top.png);}

.eg300 .eg_glass_body {background-image: url(egkit_images/eg300_glass_body.png);}

.eg300 .eg_sheet_top {background-image: url(egkit_images/eg300_sheet_top.png);}

.eg300 .eg_sheet_body {background-image: url(egkit_images/eg300_sheet_body.png);}

.eg300 .eg_sheet_bottom {background-image: url(egkit_images/eg300_sheet_bottom.png);}

.eg300 .eg_glass_sheet_bottom {background-image: url(egkit_images/eg300_glass_sheet_bottom.png);}

.eg300 .eg_glass_bottom {background-image: url(egkit_images/eg300_glass_bottom.png);}


/*----------------------------------------------
 eg450           
----------------------------------------------*/
.eg450 {float: left; width: 450px;}

.eg450 .eg_glass_top {background-image: url(egkit_images/eg450_glass_top.png);}

.eg450 .eg_glass_sheet_top {background-image: url(egkit_images/eg450_glass_sheet_top.png);}

.eg450 .eg_glass_body {background-image: url(egkit_images/eg450_glass_body.png);}

.eg450 .eg_sheet_top {background-image: url(egkit_images/eg450_sheet_top.png);}

.eg450 .eg_sheet_body {background-image: url(egkit_images/eg450_sheet_body.png);}

.eg450 .eg_sheet_bottom {background-image: url(egkit_images/eg450_sheet_bottom.png);}

.eg450 .eg_glass_sheet_bottom {background-image: url(egkit_images/eg450_glass_sheet_bottom.png);}

.eg450 .eg_glass_bottom {background-image: url(egkit_images/eg450_glass_bottom.png);}


/*----------------------------------------------
 eg600           
----------------------------------------------*/
.eg600 {float: left; width: 600px;}

.eg600 .eg_glass_top {background-image: url(egkit_images/eg600_glass_top.png);}

.eg600 .eg_glass_sheet_top {background-image: url(egkit_images/eg600_glass_sheet_top.png);}

.eg600 .eg_glass_body {background-image: url(egkit_images/eg600_glass_body.png);}

.eg600 .eg_sheet_top {background-image: url(egkit_images/eg600_sheet_top.png);}

.eg600 .eg_sheet_body {background-image: url(egkit_images/eg600_sheet_body.png);}

.eg600 .eg_sheet_bottom {background-image: url(egkit_images/eg600_sheet_bottom.png);}

.eg600 .eg_glass_sheet_bottom {background-image: url(egkit_images/eg600_glass_sheet_bottom.png);}

.eg600 .eg_glass_bottom {background-image: url(egkit_images/eg600_glass_bottom.png);}


/*----------------------------------------------
 eg675           
----------------------------------------------*/
.eg675 {float: left; width: 675px;}

.eg675 .eg_glass_top {background-image: url(egkit_images/eg675_glass_top.png);}

.eg675 .eg_glass_sheet_top {background-image: url(egkit_images/eg675_glass_sheet_top.png);}

.eg675 .eg_glass_body {background-image: url(egkit_images/eg675_glass_body.png);}

.eg675 .eg_sheet_top {background-image: url(egkit_images/eg675_sheet_top.png);}

.eg675 .eg_sheet_body {background-image: url(egkit_images/eg675_sheet_body.png);}

.eg675 .eg_sheet_bottom {background-image: url(egkit_images/eg675_sheet_bottom.png);}

.eg675 .eg_glass_sheet_bottom {background-image: url(egkit_images/eg675_glass_sheet_bottom.png);}

.eg675 .eg_glass_bottom {background-image: url(egkit_images/eg675_glass_bottom.png);}


/*----------------------------------------------
 eg900           
----------------------------------------------*/
.eg900 {overflow: hidden;}

.eg900 .eg_glass_top {background-image: url(egkit_images/eg900_glass_top.png);}

.eg900 .eg_glass_sheet_top {background-image: url(egkit_images/eg900_glass_sheet_top.png);}

.eg900 .eg_glass_body {background-image: url(egkit_images/eg900_glass_body.png);}

.eg900 .eg_sheet_top {background-image: url(egkit_images/eg900_sheet_top.png);}

.eg900 .eg_sheet_body {background-image: url(egkit_images/eg900_sheet_body.png);}

.eg900 .eg_sheet_bottom {background-image: url(egkit_images/eg900_sheet_bottom.png);}

.eg900 .eg_glass_sheet_bottom {background-image: url(egkit_images/eg900_glass_sheet_bottom.png);}

.eg900 .eg_glass_bottom {background-image: url(egkit_images/eg900_glass_bottom.png);}