@charset "utf-8";

body {
/*  width:800px;*/
  margin:0;
  padding:0;
/*  background-color:#000000; */
  font-family:Geneva, Arial, Helvetica, sans-serif;
}
/* for SP */
@media screen and (max-width:600px) {
body {
  width:device-width;
  font-size:10vw;
}
.dd_title {
  float:none;
}
.dt_category {
  float:none;
}
.dd_category {
  float:none;
}
.dt_genre {
  float:none;
}
.dd_genre {
  float:none;
}
.dt_addrs {
  float:none;
}
.lv_Prof {
  float:none;
/*  width:420px;*/
}
#sideMenu {
  float:none;
/*  width:185px;*/
}
/* Contact Page */
#contactPage dt {
  margin:0;
/*  background-color:#EEEEEE;*/
}
#contactPage dd {
  margin-left:0;
  padding-left:0;
  overflow:hidden;
}

}
/* for PC */
@media screen and (min-width:801px) {
body {
  width:800px;
}
.dd_title {
  float:left;
}
.dt_category {
  float:left;
}
.dd_category {
  float:left;
}
.dt_genre {
  float:left;
  margin-left:20px;
}
.dd_genre {
  float:left;
}
.dt_addrs {
  float:left;
  margin-left:20px;
}
/* #abt_history th {
  padding-right:10px;
}*/
.lv_Prof {
  float:left;
  width:410px;
}
#sideMenu {
  float:right;
  width:185px;
}
/* Contact Page */
#contactPage dt {
  width:140px;
  margin:0;
  clear:both;
  float:left;
/*  background-color:#EEEEEE;*/
}
#contactPage dd {
  margin-left:0;
  padding-left:0;
  overflow:hidden;
}

}

/* Global */
header {
  padding:0 0 10px 0;
  background-color:#FFFFFF;
}
/* nav { margin:0 } */
/* aside { width:132px; float:right; } */
footer {
  padding:20px 10px;
/*  font-size:smaller; */
  font-size:14px;
  background-color:#000000;
  color:#FFFFFF;
}
section {
  border:solid #DDDDDD 0;
  border-top-width:10px;
}

p, h1, h2, h3 ,h4 ,dl ,table {
  margin-top:0;
  font-size:14px;
  line-height:1.5;
}
/* h1 { color:#666666 } */
h2:before { content:"■ "; color:#FF6600; }
img {
  max-width:100%;
  height:auto;
  vertical-align:bottom;
}
ul {
	height:43px;
	margin:0;
	padding:0;
	/*  padding:20px 0;*/
  background-color:#3366FF;/*  border-bottom:1px solid #FF6600;*/
}
ul li {
/* margin:0;*/
/*padding:10px 0;*/
  display:block;
  float:left;
  width:105px;
  height:40px;
  font-size:14px;
/*  line-height:1.5; */
  text-align:center;
  list-style:none;
/*  font-family:Geneva, Arial, Helvetica, sans-serif;*/
  border-right:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
}
ul li a {
  display:table-cell;
  vertical-align:middle;
  width:105px;
  height:40px;
/*  font-size:14px; */
/*  line-height:1.5; */
  text-decoration:none;
  background-color:#3366FF;
  color:#FFFFFF;
  transition:0.5s;
}
ul li a:hover {
  text-decoration:underline;
/*  background:#FFCC33; */
  background:#66CCFF;
}

/* Id */
#mainContent {
  padding:10px 10px;
  background-color:#FFFFFF;
}
#mainContent:before {
  content:"";
  display:block;
  clear:both;
}
#footLink {
/*  width:132px;
  float:right; */
  margin:20px auto 0 auto;
  vertical-align:bottom;
  background-color:#000000;
}
#sideMenu {
/*  margin:20px auto 0 auto;
  vertical-align:bottom;
  background-color:#FFFF00;*/
  font-size:12px;
  border-left:1px solid #FF6600;
  padding-left:10px;
}
#footMenu:before {
  content:"";
  display:block;
  clear:both;
}

/* Class */
.clear_flo:before {
  content:"";
  display:block;
  clear:both;
}
.history_Menu {
  font-weight:bold;
  text-align:right;
  color:#FF6600;
  word-wrap:break-word;
}

.dt_title {
/*  display:table-cell; */
/*  width:100%;*/
  height:30px;
  background-color:#E2025B;
  color:#FFFFFF;
/*  vertical-align:bottom;*/
  line-height:2;
}
.dd_title {
  margin-right:10px;
/*  display:table-cell;
  height:40px;
  background-color:#E2025B;
  color:#FFFFFF;
  vertical-align:middle;*/
/*  float:left;*/
}
.dt_coment {
/*  background-color:#E2025B; */
}
.dd_genre {
/*  display:inline-block;*/
/*  background-color:#E2025B; */
}
.dd_addrs {
  display:inline-block;
/*  background-color:#E2025B; */
}

.row_header:before {
/*  border:solid #DDDDDD 0;
  border-top-width:10px;
  content:"";
  display:block;
  clear:both;*/
}
.row_title {
/*  padding-right:10px;
  float:left;*/
/*  padding-left:0 4px 0 2px;
  background-color:#DDDDDD; */
  width:100px;
  border-top:10px solid #DDDDDD;
  padding-bottom:10px;
}
.row_note {
  border-top:10px solid #DDDDDD;
  vertical-align:top;
}

/* About Page */
#abt_voice {
  border:solid #000000 2px;
  padding:20px 40px 0 40px;
  background-color:#FFFF99;
  border-radius:5px;
}
#abt_action {
  border-top:0;
}
#abt_history {
  margin-bottom:10px;
  border-top:0;
  font-size:14px;
  text-align:left;
}
#abt_history td {
  padding-left:10px;
}

/* 問い合わせで使用*/
#abt_inquiry {
  display:block;
  margin-top:10px;
  background-color:#DDDDDD;
  padding:0 10px 5px;
}

/* font color */
.ev_note1 { background-color:#FFFFFF; }
.ev_note2 {	background-color:#FFFFEE; }
.ev_note3 { background-color:#FFFFCC; }
.ev_note4 {	background-color:#FFCCFF; }
.ev_note5 {	background-color:#FFCCFF; }
.ev_note6 { background-color:#FFEEFF; }
.ev_note7 {	background-color:#99CCFF; }
.ev_note8 { background-color:#99CCFF; }
.ev_note9 { background-color:#EEEEEE; }

/* Class */
/*.auto_Tbl {
  overflow:auto;
  height:400px;
  width:auto;
}*/
/* text size */
.txt_Bold { font-weight:bold }
.txt_Smaller { font-size:smaller }
.txt_Ssize { font-size:13px }
/* text float */
.tflo_c { text-align:center }
.tflo_l { text-align:left }
.tflo_r { text-align:right }
/* float */
.flo_n { float:none }
.flo_l { float:left }
.flo_r { float:right }
/* font color */
.fc_0 { color:#000000 }
.fc_1 { color:#FF00FF }
.fc_2 { color:#FFFF00 }
.fc_3 { color:#FF6600 }
.fc_4 { color:#CCCCCC }
.fc_5 { color:#00FF00 }
.fc_6 { color:#0000FF }
.fc_7 { color:#FFCC00 }
.fc_8 { color:#3366FF }
.fc_9 { color:#FF0000 }
.fc_10 { color:#FFFFFF }
.fc_11 { color:#3399FF }
.fc_12 { color:#009900 }
.fc_13 { color:#990000 }
.fc_14 { color:#00FFFF }
/* title color */
.ttc_1 { color:#FF00FF; font-weight:bold; }
/* susaki special title */
.sksp_th1 {
  height:30px;
/*  padding-top:5px;*/
  font-weight:bold;
  line-height:2;
  color:#FFCC00;
  background-color:#CC0000;
}
.sksp_th2 {
  height:20px;
/*  padding-top:5px;*/
  font-weight:bold;
/*  line-height:2;*/
/*  color:#FFCC00; */
  background-color:#DDDDDD;
}
.sksp_th3 {
  height:30px;
/*  padding-top:5px;*/
  font-weight:bold;
  line-height:2;
  color:#FFFFFF;
  background-color:#E2025B;
}