@charset "utf-8";
/* PCトップページ用CSS */  
body,tr,td,th,input,textarea,select,option { 
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}

body {
	color: #333333;   -webkit-text-size-adjust: 100%; 
	background-color: #ffffff;
	font-size:13px; letter-spacing:0.05em;
	margin-top:0;
}
table{padding:0;border-spacing:0;}
h1 {font-size: 20px;}
td {font-size:13px;line-height:130%;letter-spacing:0.05em;}
big {font-size: 14px;}
select,input,textarea{color: #333333; font-size: 13px;margin:1px;}
input,textarea{border: 1px solid #999999;}
small{font-size: 10px;}
.lined {border-bottom: #adaabd 1px solid; background-color: #ffffff;}
.red {color: #333333;}
.wht {color: #4c6789;}
a:link{ color: #0000ff; text-decoration: none; }
a:visited{ color: #0000ff; text-decoration: none; }
a:active{ color: #ffd700; text-decoration: none; }
a:hover{ color: #ff0080; text-decoration: underline; }
.nobr{ white-space:nowrap; }
.b{font-weight:bold;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.top{vertical-align:top;}

/* 外枠table */
.outtable{
	width:900px;
	padding:0;
	margin:0 auto 0;
	text-align:center;
}

/* タイトル */
.title{
margin:2px 0 10px;font-size:140%; 
letter-spacing:0.15em;
text-shadow:1.7px 1.7px 1.5px #9d9d9d;
}

input,select{border-radius: 4px; }



/* メニュー アコーディオン */
#OpenMenu{
  display:none; width:100%; height:40px;text-align:right;padding:0; 
  border:1px solid #9db3be; box-sizing:border-box;
}
.menutxt{font-size:120%;color: #0000ff; height:40px;vertical-align:middle;width:98%;}
/* 3本線 */
#humberger {
  margin:0 10px 0;
  position: relative;
  height: 22px; width: 24px;
  display: inline-block;
  box-sizing: border-box;
}
#humberger div {
  position: absolute;
  left: 0;height: 4px;width: 24px;
  background-color: #444;
  border-radius: 2px;
  display: inline-block;
  box-sizing: border-box; 
}
#humberger div:nth-of-type(1) {top: 0;}
#humberger div:nth-of-type(2) {top: 9px;}
#humberger div:nth-of-type(3) {bottom: 0;}

.header{position: relative; margin:0 0 1px; padding:0;}
.header_image{width:100%;height:auto;vertical-align:bottom;}
.header1{
color:#ffffff;font-weight:bold;line-height:1.4;
position:absolute;top:15px; width:100%;
font-size:14px; text-align:left;
letter-spacing:0.1em;
}
.header2{
font-size:20px; margin-bottom:15px;  text-align:center;
text-shadow:3.0px 3.0px 1.5px #9d9d9d;
}
.header3{
font-size:15px;text-align:right;line-height:1.4;padding-right:15px;
}


/****** 上部リンクメニュー ********/
.linknemu{padding:0;display: block;}
#css3menu1 .switch{width:0;}
#css3menu1 .mwid1, #css3menu1 .mwid2{width:149px;}
#css3menu1 {
  list-style-type: none;
  width: 900px;
  margin: 0 ;
  padding: 0;
}
#css3menu1 li {
	color:#ffffff;
  height: 45px;
  position: relative;
  float: left;
  padding: 0;
  text-align: center;  
}

#css3menu1 .topfirst{background-color:#78a083;}
#css3menu1 .topmenu1{ border-left: 1px solid #ffffff; background-color:#78a083;}
#css3menu1 .topmenu2{ border-left: 1px solid #ffffff; background-color:#7076be; }

#css3menu1 li a {
	color:#ffffff; font-weight:bold; letter-spacing:0.1em;
  display: block;
  margin: 0;
  padding: 16px 0 14px;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  border-bottom: 1px solid #ffffff;
}
#css3menu1 li a:hover { cursor:default; } 
#css3menu1 li ul li a:hover { cursor:pointer; } 

#css3menu1 li ul {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;  
}

#css3menu1 li ul li{
  overflow: hidden;
  height: 0;
  color: #fff;
  transition: .2s;
}
#css3menu1 li ul li a{
	color:#0000ff; letter-spacing:0.2em;
  padding: 13px 15px;
  background: #eaeaea;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
}
#css3menu1 li:hover > a{  background: #fbc64c; color: #000000; }

#css3menu1 li:hover ul li{
overflow: visible;
  height: 38px;
  border-top: 1px solid #afafaf;
  border-bottom: 1px solid #ffffff;
}
#css3menu1 li:hover ul li:first-child{ border-top: 0; }
#css3menu1 li:hover ul li:last-child{ border-bottom: 0;}
#css3menu1 li:hover ul li:last-child a{ border-radius: 0 0 5px 5px; }

.table5{background-color:#dee6e5;width:100%;}

/* ページトップに戻る ボタン */
#pageTop{ position:fixed;bottom:20px;right:20px; }
a#pageTop:hover img{
    cursor:pointer;
    opacity:0.6;
}

/* 新着 */
.news{width:850px;}

/******** レスポンシブ   ********/
@media screen and (max-width:905px){
 .outtable{width:98%;}
/* Menu */
#css3menu1 {width:100%;}
#css3menu1 .mwid1{width:16.5%;}
#css3menu1 .mwid2{width:100%;}
}
@media screen and (min-width:800px){   
.Result01{display:block;}
.Result02{display:none;}
}
@media screen and (max-width:850px){
.news{width:100%;}
}
@media screen and (max-width:800px){
.Result01{display:none;}
.Result02{display:block;}
/* Menu */
#OpenMenu{ width:100%; display: block; margin:2px auto 2px;}
#OpenMenu:hover {cursor: pointer;color: #f7657b;  background-color: #f2f4ff;}
.linknemu{display:none;}
#css3menu1 ul, #css3menu1 .mwid1{width:100%;}
#css3menu1 .mwid2{width:25%;}
#css3menu1 .mwid2 a{padding:14px 0 14px;}
#css3menu1 li ul li{  overflow: clear ;height:35px;}
#css3menu1 .topmenu1 a, #css3menu1 .topmenu2 a{padding:7px 0 9px;}
#css3menu1 .topmenu1:hover > a{background-color:#78a083;color:#ffffff;}
#css3menu1 .topmenu2:hover > a{background-color:#7076be;color:#ffffff;}
#css3menu1 .topmenu1, #css3menu1 .topmenu2{height:30px; padding:0; margin-bottom:30px;}
}

@media screen and (max-width:755px){
.header1{font-size:13px; top:15%;}
.header2{font-size:18px; margin-bottom:10px;}
}
@media screen and (max-width:705px){
.form_area { width:100%;}
.formTD1{ width:100%; display:block; border-top:1px solid #989898;}
.formTD2{ width:100%; display:block; border:0; margin-bottom:10px;}
.sort_link, .next_link{width:100%;}
}
@media screen and (max-width:605px){
.data_area{width:100%;}
.header4{display:none;}
}
@media screen and (max-width:505px){
}
@media screen and (max-width:455px){
.header1{font-size:12px; top:10%;left:10px;etter-spacing:0.05em;}
.header2{font-size:15px; margin-bottom:5px;}
.header3{font-size:13px;text-align:center;}
}
@media screen and (max-width:365px){
.atype a{font-size:14px;}
.header1{font-size:12px; top:10%;left:5px;width:98%;}
.header2{font-size:13px; margin-bottom:3px;}
}
@media screen and (max-width:305px){
 .atype a{font-size:12px;}
}