@charset "utf-8";



/* サイトの１番上の部分に表示されているテキスト（『このページはサンプルです』）の大きさと色を指定するところです。

   デフォルトではfont-sizeが0.7em、colorが#333333になっています。 */

p#catch_copy{

  font-size : 0.7em;

  color : #333333;

}





/* サイトの名前部分（『Sample Site』）の文字の大きさを指定するところです。

   デフォルトではfont-sizeが2emになっています。   */

p#logo{

  font-size : 2em;

}





/* サイトの名前部分（『Sample Site』）の文字の色を指定するところです。

   デフォルトではcolorが#333333になっています。   */

p#logo a{

  color : #333333;

}





/* サイトの１番右上のテキスト（『Tel:012-3456〜』）の文字の大きさと色を指定するところです。

   デフォルトではfont-sizeが0.85em、colorが#333333になっています。   */

div#logo_side{

  font-size : 0.85em;

  color : #333333;

}



/* メインコンテンツ部分の文字の大きさ、色、行間の幅を指定するところです。

   デフォルトでは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が#0000ffになっています。 */

a{

  color : #0000ff;

}





/* テキストリンクにマウスを載せたときの色を指定するところです。

   デフォルトではcolorが#6699ffになっています。 */

a:hover{

  color : #6699ff;

}





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

  margin-bottom : 1.5em;

}















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



body, p#catch_copy, h1{

  margin : 0;

}



body{

  font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;

  line-height : 1.5em;

  background : url("../admin/template/img/body_back.png") repeat-x fixed;

  color : #333333;

}



div#contents{

  width : 800px;

  margin : 20px auto 0 auto;

  background : #ffffff url("../admin/template/img/contents_back.png") repeat-y;

}



p#catch_copy, p#logo, p.free_title{

  margin : 0;

}



p#catch_copy, p#logo, div#logo_side a, p.free_title, div#footer{

  font-weight : bold;

}



p#catch_copy{

  height : 27px;

  padding : 3px 0 0 20px;

  background : url("../admin/template/img/header_maru.png") no-repeat;

}



div#logo_wrapper{

  padding : 0 20px;

}



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 30px 0;

  text-align : center;

}



div#wrapper{

  clear : both;

  margin : 0 20px;

}



div#main{

  width : 530px;

  float : right;

  margin-bottom : 40px;

}



div#main_contents{

  padding : 15px 10px 10px 10px;

  border-left : 1px solid #e6e7ff;

  border-right : 1px solid #e6e7ff;

  border-bottom : 1px solid #e6e7ff;

}



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{

  border-top : 10px solid #e6e7ff;

  border-bottom : 10px solid #e6e7ff;

  border-left : 5px solid  #e6e7ff;

  border-right : 5px solid  #e6e7ff;

  margin : 0 0 30px 0;

}



ul.menu{

  padding : 0;

  font-size : 0.8em;

}



ul.menu li{

  list-style-type : none;

  padding-left : 20px;

  background : url("../admin/template/img/menu-icon.png") no-repeat 5px 17px;

  border-bottom : 1px dashed #0000cc;

}



ul.menu a{

  display : block;

  width : 190px;

  padding-top : 10px;

  color : #000066;

  text-decoration : none;

  background : url("../admin/template/img/menu_back.png") repeat-y;

}



ul.menu a:hover{

  background : url("../admin/template/img/menu_back2.png") repeat-y;

  color : #333333;

}



p.free_title{

  padding-left : 20px;

  background-color : #f4f4f4;

  color : #333333;

  font-size : 0.8em;

}



div.free_area_contents{

  padding : 10px;

}



div#footer{

  clear : both;

  margin : 0 8px;

  background-color : #e6e7ff;

  border-top : 1px solid #0000cc;

  text-align : center;

}



address a{

  padding : 0 3px;

  color : #000066;

}



address a:hover{

  color : #999999;

}





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



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 : 756px;

  margin : 0 auto 5px 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;

}



h1.h1_blue{

  background : url("../admin/template/img/h1_back_blue.png") no-repeat;

  color : #ffffff;

}



h1.h1_green{

  background : url("../admin/template/img/h1_back_green.png") no-repeat;

  color : #ffffff;

}



h1.h1_orange{

  background : url("../admin/template/img/h1_back_orange.png") no-repeat;

  color : #ffffff;

}



h1.h1_pink{

  background : url("../admin/template/img/h1_back_pink.png") no-repeat;

  color : #ffffff;

}



h1.h1_gray{

  background : url("../admin/template/img/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;

}


@media screen and (max-width:640px){
div#contents,p#logo,div#main,div#menu_block,div#logo_wrapper,
div.gnavi_black, div.gnavi_blue, div.gnavi_green, div.gnavi_orange, div.gnavi_red, div.gnavi_pink {
  width: 100%;
  float: none;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  border-left: 0;
  border-right: 0;
}
}