@charset "Shift_JIS";

/* サイトの１番上の部分に表示されているテキスト（『このページはサンプルです』）の大きさと色を指定するところです。 
   デフォルトではfont-sizeが0.7em、colorが#ffffffになっています。 */
p#catch_copy{	
  font-size : 0.7em;
  color : #ffffff;
}


/* サイトの名前部分（『Sample Site』）の文字の大きさを指定するところです。
   デフォルトではfont-sizeが2emになっています。   */
p#logo{
  font-size : 2em;
}


/* サイトの名前部分（『Sample Site』）の文字の色を指定するところです。
   デフォルトではcolorが#ffffffになっています。   */
p#logo a{
  color : #ffffff;
}


/* サイトの１番右上のテキスト（『Tel:012-3456〜』）の文字の大きさと色を指定するところです。
   デフォルトではfont-sizeが0.85em、colorが#ffffffになっています。   */
div#logo_side{
  font-size : 0.85em;
  color : #ffffff;
}


/* メインコンテンツ部分の文字の大きさ、色、行間の幅を指定するところです。
   デフォルトではfont-sizeが0.85em、colorが#333333、line-heightが1.8emになっています。 */
div#main_contents{
  font-size : 0.85em;
  color : #333333;
  line-height : 1.8em;
}

/* サイドフリーエリア部分の文字の大きさ、色、行間の幅を指定するところです。
   デフォルトではfont-sizeが0.75em、colorが#333333、line-heightが1.8emになっています。 */
div.free_area_contents{
  font-size : 0.75em;
  color : #333333;
  line-height : 1.8em;
}


/* テキストリンクの色を指定するところです。
   デフォルトではcolorが#339900になっています。 */
a{
  color : #339900;
}


/* テキストリンクにマウスを乗せたときの色を指定するところです。
   デフォルトではcolorが#33cc00になっています。 */
a:hover{
  color : #33cc00;
}


p{      /*  段落間の広さを指定するところです。デフォルトでは1.5em;になっています。 */
  margin-bottom : 1.5em;
}







/* ▼--------------ここより下を修正する必要はないと思います。--------------------------------▼ */

body, h1{
  margin : 0;
}

body{
  font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  line-height : 1.5em;
  background : #003300 url("../images/base/body_back.png") repeat-x fixed;
  color : #333333;
}

p#logo, p.free_title{
  margin : 0;
}

div#contents{
  width : 800px;
  margin : 0 auto 0 auto;
  background : #000000 url("../images/base/contents_back.png") repeat-y;
}

p#catch_copy, p#logo, div#logo_side a, p.free_title, div#footer{
  font-weight : bold;
}

p#catch_copy, div#logo_wrapper{
  margin : 0 5px;
  padding : 0 15px;
}

p#catch_copy{
  border-top : 3px solid #66ff00;
}

p#logo{
  width : 400px;
  float : left;
  line-height : 2em;
}

div#logo_side{
  width : 330px;
  float : right;
  padding-top : 10px;
}

p#header_image{
  clear : both;
  margin : 0 0 5px 0;
  text-align : center;
}

div#wrapper{
  clear : both;
  margin : 0 10px;
}

div#main{
  width : 530px;
  float : right;
  margin-bottom : 40px;
  border : 1px solid #33ff00;
}

div#main_contents{
  padding : 10px;
  background-color : #ffffff;
}

h1{
  height : 33px;
  padding : 12px 0 0 20px;
  font-size : 1.1em;
}

h2, h3, h4, h5, h6{
  font-size : 1.0em;
}

div#menu_block{
  width : 220px;
  float : left;
  margin-bottom : 40px;
}

ul.menu, div.free_area{
  margin : 0 0 30px 0;
  border : 5px solid  #666666;
}

ul.menu{
  padding : 0;
  font-size : 0.8em;
}

ul.menu li{
  list-style-type : none;
}

ul.menu a{
  display : block;
  width : 200px;
  padding : 10px 0 0 10px;
  text-decoration : none;
  color : #ffffff;
  background-color : #000000;
  border-bottom : 1px dotted #66ff00;
}

ul.menu a:hover{
  color : #ffffff;
  background-color : #003300;
}

p.free_title{
  padding-left : 10px;
  background-color : #000000;
  color : #ffffff;
  font-size : 0.8em;
}

div.free_area_contents{
  padding : 10px;
  background-color : #ffffff;
}

div#footer{
  clear : both;
  margin : 0 5px;
  background-color : #000000;
  border-top : 1px solid #66ff00;
  border-bottom : 1px solid #66ff00;
  color : #ffffff;
  text-align : center;
}

address a{
  padding : 0 3px;
  color : #ffff00;
}

address a:hover{
  color : #f0f0f0;
}


/* ▼----------------------------------組み込みクラス ---------------------------------------▼ */

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_blue, div.gnavi_green, div.gnavi_pink, div.gnavi_white, div.gnavi_yellow{
  clear : both;
  width : 758px;
  margin : 0 auto 5px auto;
  padding : 5px 10px;
  font-size : 0.95em;
  background-color : #000000;
}

div.gnavi_blue{
  border : 1px solid #3366ff;
  color : #ffffff;
}

div.gnavi_blue a{
  color : #ffffff;
}

div.gnavi_blue a:hover{
  color : #33ffff;
}

div.gnavi_green{
  border : 1px solid #66ff00;
  color : #ffffff;
}

div.gnavi_green a{
  color : #ffffff;
}

div.gnavi_green a:hover{
  color : #33ff00;
}

div.gnavi_pink{
  border : 1px solid #ff0099;
  color : #ffffff;
}

div.gnavi_pink a{
  color : #ffffff;
}

div.gnavi_pink a:hover{
  color : #ffccff;
}

div.gnavi_white{
  border : 1px solid #eeeeee;
  color : #ffffff;
}

div.gnavi_white a{
  color : #ffffff;
}

div.gnavi_white a:hover{
  color : #ffccff;
}

div.gnavi_yellow{
  border : 1px solid #ffff66;
  color : #ffffff;
}

div.gnavi_yellow a{
  color : #ffffff;
}

div.gnavi_yellow a:hover{
  color : #ffff00;
}

h1.h1_blue{
  background : url("../images/base/h1_back_blue.png") no-repeat;
  color : #ffffff;
}

h1.h1_green{
  background : url("../images/base/h1_back_green.png") no-repeat;
  color : #ffffff;
}

h1.h1_green_ex{
  background : url("../images/base/h1_back_green_ex.png") no-repeat;
  color : #ffffff;
}

h1.h1_red{
  background : url("../images/base/h1_back_red.png") no-repeat;
  color : #ffffff;
}

h1.h1_gray{
  background : url("../images/base/h1_back_gray.png") no-repeat;
  color : #333333;
}

.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 #33cc00 1px;
  border-bottom : dashed #33cc00 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, .midasi_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.table_normal_white,
table.table_dot_black, table.table_dot_blue, table.table_dot_green, table.table_dot_red, table.table_dot_white{
  border-collapse : collapse;
  border-spacing : 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;
}