@charset "Shift_JIS";

/* 全コンテンツの幅 */
div#contents{
  width : 840px;
  margin : 0 auto;
  font-size:10pt
}

/* メインコンテンツ部分 */
div#main{
  width : 640px;
  float : right;
  margin-bottom : 20px;/*margin-bottom : 40px;*/
  font-size : 0.85em
  color : #333333;
  line-height : 1.8em;

}
/* メニューコンテンツ部分の幅 */
div#menu_block{
  width : 180px;
  float : left;
  margin-bottom : 40px;
  font-size : 0.95em;
}

/* サイドフリーエリア部分の文字の大きさ、色、行間の幅 　*/
div.free_area_contents{
  font-size : 0.95em;
  color : #333333;
  line-height : 1.8em;
}

/* テキストリンクの色 */
a{
  color : #ff6600;
}

/* テキストリンクにマウスを乗せたときの色 */
a:hover{
  color : #ff9900;
}

 /*  段落間の広さを */
p{
  margin-bottom : 1.5em;
}

/* ▼基本設定▼ *//* グレイ#4d4d4d 薄黄#ffffcc オレンジ#ff9900*/
p#logo, p.free_title, div#footer{
  font-weight : bold;
}

body{
  margin : 0;
}

body{
  font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  line-height : 1.5em;
  background : #ffffff;
  color : #333333;
}

/* サイトの名前部分（『Sample Site』）の設定  */
p#logo{
  font-size : 0.9em;
  margin : 0 0 2px 0;
  height : 20px;
  padding : 10px 0 0 0;
}

/* サイトの名前部分（『Sample Site』）の文字の色  */
p#logo a{
  color : #333333;
}
/* 空白作成 */
div#wrapper{
  padding : 10px 0px 0 0px;/* 30px 0px 0 0px; */
}

h1{
  margin : 0 0 10px 0; /*margin : 0 0 30px 0;*/
  padding : 5px 0 1px 10px;
  font-size : 1.2em;
  border-top : solid #ff9900 4px;
  border-bottom : solid #ff9900 2px;
}

h2{
  margin : 10px 0 0 0;*/
  padding : 5px 0 1px 10px;
  font-size : 1.0em;
}
h3, h4, h5, h6{
  font-size : 1.0em;
}

div#menu_block, p.free_title{
  border-top : solid #ff9900 4px;
}

ul.menu, div.free_area{
  margin : 0 0 30px 0;
}

ul.menu{
  padding : 0;
}

ul.menu li{
  list-style-type : none;
  display : block;
  width : 180px;
  padding : 10px 0 0 15px;
  font-size : 0.95em;
  font-weight : bold;
  border-bottom : 1px dotted #ff9900;
}

ul.menu a{
/*  display : block;*/
  width : 170px;
/*  padding : 1px 0 0 1px;*/
  text-decoration : none;
/*  border-bottom : 1px dotted #ff9900;*/
  color : #333333;
}

ul.menu a:hover{
  color : #333333;
  background-color : #ffffcc; 
}

p.free_title{
  margin : 40px 0 0 0;
  padding-left : 10px;
  border-bottom : 2px solid #ff9900;
}

div.free_area_contents{
  padding : 10px;
}

div#footer{
  clear : both;
}

address{
  padding-right : 20px;
  text-align : right;
  font-size : 0.7em;
  color : #666666;
}

address a{
  color : #666666;
}

address a:hover{
  color : #999999;
}
/* ▼-参考--▼ */
/* リンク 
a       { color:#0000FF; text-decoration:underline; }
a:hover { color:#aa0000; text-decoration:none; background-color:#ffcc99; }
*/

/* スペース */
.line1  { line-height: 10%; }
.line2  { line-height: 20%; }
.line3  { line-height: 30%; }
.line4  { line-height: 40%; }
.line5  { line-height: 50%; }
.line6  { line-height: 60%; }
.line7  { line-height: 70%; }
.line8  { line-height: 80%; }
.line9  { line-height: 90%; }
.line10 { line-height: 100%;}


/* ▼----------------------------------組み込みクラス ---------------------------------------▼ */

a img{
  border : none;
}

img.img_blue{
  border : 8px solid #e6e7ff;
}

img.img_green{
  border : 8px solid #d9ffa7;
}

img.img_pink{
  border : 8px solid #ffeeff;
}

img.img_yellow{
  border : 8px solid #ffffcc;
}

img.img_gray{
  border : 8px solid #eeeeee;
}

ul, ol{
  padding-left : 20px;
}

div.gnavi_black, div.gnavi_blue, div.gnavi_green, div.gnavi_orange, div.gnavi_red, div.gnavi_pink{
  clear : both;
  width : 780px;
  margin : 0 auto 20px auto;
  padding : 5px 10px;
  font-size : 0.95em;
}

div.gnavi_black{
  border : 2px solid #999999;
  color : #ffffff;
  background-color : #333333;
}

div.gnavi_black a{
  color : #ffffff;
}

div.gnavi_black a:hover{
  color : #ffff00;
}

div.gnavi_blue{
  border : 2px solid #6699ff;
  color : #ffffff;
  background-color : #6666ff;
}

div.gnavi_blue a{
  color : #ffffff;
}

div.gnavi_blue a:hover{
  color : #eeeeee;
}

div.gnavi_green{
  border : 2px solid #33bb00;
  color : #ffffff;
  background-color : #339900;
}

div.gnavi_green a{
  color : #ffffff;
}

div.gnavi_green a:hover{
  color : #eeeeee;
}

div.gnavi_orange{
  border : 2px solid #ffcc00;
  color : #ffffff;
  background-color : #ff8800;
}

div.gnavi_orange a{
  color : #ffffff;
}

div.gnavi_orange a:hover{
  color : #eeeeee;
}

div.gnavi_red{
  border : 2px solid #ff66cc;
  color : #ffffff;
  background-color : #ff0000;
}

div.gnavi_red a{
  color : #ffffff;
}

div.gnavi_red a:hover{
  color : #eeeeee;
}

div.gnavi_pink{
  border : 2px solid #ff99cc;
  color : #ffffff;
  background-color : #ff0099;
}

div.gnavi_pink a{
  color : #ffffff;
}

div.gnavi_pink a:hover{
  color : #eeeeee;
}

.midasi_typeA_blue, .midasi_typeA_green, .midasi_typeA_yellow, .midasi_typeA_pink, .midasi_typeA_gray{
  margin-bottom : 30px;
  padding : 5px 0 1px 10px;
}

.midasi_typeA_blue{
  background-color : #e6e7ff;
  border-top : dashed #0000ff 1px;
  border-bottom : dashed #0000ff 1px;
  color : #333333;
}

.midasi_typeA_green{
  background-color : #d9ffc0;
  border-top : dashed #339900 1px;
  border-bottom : dashed #339900 1px;
  color : #333333;
}

.midasi_typeA_pink{
  background-color : #ffeeff;
  border-top : dotted #ff0099 1px;
  border-bottom : dotted #ff0099 1px;
  color : #333333;
}

.midasi_typeA_yellow{
  background-color : #ffffcc;
  border-top : dotted #ff6600 1px;
  border-bottom : dotted #ff6600 1px;
  color : #333333;
}

.midasi_typeA_gray{
  background-color : #dddddd;
  border-top : dotted #666666 1px;
  border-bottom : dotted #666666 1px;
  color : #333333;
}

.midasi_typeB_blue, .midasi_typeB_green, .midasi_typeB_orange, .midasi_typeB_red, .midasi_typeB_pink, .midasi_typeB_black, midasi_typeB_white,
.midasi_typeC_blue, .midasi_typeC_green, .midasi_typeC_orange, .midasi_typeC_red, .midasi_typeC_pink, .midasi_typeC_black, midaso_typeC_white{
  margin-bottom : 30px;
  padding-left : 10px;
}

.midasi_typeB_blue{
  border-top : 1px solid #0000ff;
  border-bottom : 1px solid #0000ff;
}

.midasi_typeB_green{
  border-top : 1px solid #33cc00;
  border-bottom : 1px solid #33cc00;
}

.midasi_typeB_orange{
  border-top : 1px solid #ff6600;
  border-bottom : 1px solid #ff6600;
}

.midasi_typeB_red{
  border-top : 1px solid #ff0000;
  border-bottom : 1px solid #ff0000;
}

.midasi_typeB_pink{
  border-top : 1px solid #ff0099;
  border-bottom : 1px solid #ff0099;
}

.midasi_typeB_black{
  border-top : 1px solid #000000;
  border-bottom : 1px solid #000000;
}

.midasi_typeB_white{
  border-top : 1px solid #ffffff;
  border-bottom : 1px solid #ffffff;
}

.midasi_typeC_blue{
  border-bottom : 2px dotted #0000ff;
}

.midasi_typeC_green{
  border-bottom : 2px dotted #33cc00;
}

.midasi_typeC_orange{
  border-bottom : 2px dotted #ff6600;
}

.midasi_typeC_red{
  border-bottom : 2px dotted #ff0000;
}

.midasi_typeC_pink{
  border-bottom : 2px dotted #ff0099;
}

.midasi_typeC_black{
  border-bottom : 2px dotted #000000;
}

.midasi_typeC_white{
  border-bottom : 2px dotted #ffffff;
}

td{
  vertical-align : top;
}

table.table_normal_black, table.table_normal_blue, table.table_normal_green, table.table_normal_red, table_normal_white,
table.table_dot_black, table.table_dot_blue, table.table_dot_green, table.table_dot_red, table_dot_white{
  border-collapse : collapse;
  border-spaceing : 0;
  empty-cells : show;
}

table.table_normal_black, table.table_normal_black th, table.table_normal_black td, table.table_dot_black{
  border : 1px solid #666666; 
}

table.table_normal_blue, table.table_normal_blue th, table.table_normal_blue td, table.table_dot_blue{
  border : 1px solid #0000ff; 
}

table.table_normal_green, table.table_normal_green th, table.table_normal_green td, table.table_dot_green{
  border : 1px solid #33cc00; 
}

table.table_normal_red, table.table_normal_red th, table.table_normal_red td, table.table_dot_red{
  border : 1px solid #ff0000; 
}

table.table_normal_white, table.table_normal_white th, table.table_normal_white td, table.table_dot_white{
  border : 1px solid #ffffff; 
}

table.table_dot_black th, table.table_dot_black td{
  border : 1px dotted #666666; 
}

table.table_dot_blue th, table.table_dot_blue td{
  border : 1px dotted #0000ff; 
}

table.table_dot_green th, table.table_dot_green td{
  border : 1px dotted #33cc00; 
}

table.table_dot_red th, table.table_dot_red td{
  border : 1px dotted #ff0000; 
}

table.table_dot_white th, table.table_dot_white td{
  border : 1px dotted #ffffff; 
}

div.block_blue, div.block_green, div.block_yellow, div.block_pink, div.block_gray, div.block_basic{
  padding : 5px;
}

div.block_blue{
  border : 1px solid #9999ff;
  background-color : #e6e7ff;
  color : #333333;
}

div.block_green{
  border : 1px solid #66cc33;
  background-color : #d9ffc0;
  color : #333333;
}

div.block_yellow{
  border : 1px solid #ffcc00;
  background-color : #ffffcc;
  color : #333333;
}

div.block_pink{
  border : 1px solid #ff0099;
  background-color : #fdd7ff;
  color : #333333;
}

div.block_gray{
  border : 1px solid #999999;
  background-color : #eeeeee;
  color : #333333;
}

div.block_basic{
  border : 1px solid #999999;
}
