@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; -o-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:20%;left:20px; width:90%;
font-size:14px; text-align:left;
letter-spacing:0.1em;
}
.header2{
font-size:20px; margin-bottom:15px;
text-shadow:3.0px 3.0px 1.5px #9d9d9d;
}

/* メニュー リンク*/
.linknemu{margin:0;padding:0;}
.linknemu ul{margin:0;padding:0;}
.linknemu li{
padding:0; margin:0; 
float:left; 
list-style-type:none;white-space:nowrap;
font-size:120%;text-align:center;
}
.linknemu a{ display: block; color:#ffffff;margin:0;padding:13px 0 13px;}
.linknemu a:hover{background-color:#b9d1ee;color:#0000ff;}
.area_s1{background-color:#ac7991;border-right:1px solid #ffffff; width:224px;}
.area_s2{background-color:#ac7991;border-right:1px solid #ffffff; width:224px;}
.area_r1{background-color:#6495bc;border-right:1px solid #ffffff; width:224px;}
.area_r2{background-color:#6495bc; width:224px;}

.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 */
 .area_s1, .area_r1{width:24.9%;}
 .area_s2, .area_r2{width:24.9%;}
}

@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 */
 .area_s1, .area_r1{width:24.9%;}
 .area_s2, .area_r2{width:24.8%;}
}
@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%;}
.next_link{margin-top:7px;}
/* Menu */
 .area_s1, .area_s2{width:49.8%;	border-bottom:#e6e6e6 1px solid;}
 .area_r1, .area_r2{width:49.8%;}
.linknemu p, .linknemu a{ padding:5px 0 5px;}
#OpenMenu{ width:100%; display: block; margin:2px auto 2px;}
#OpenMenu:hover {cursor: pointer;color: #f7657b;  background-color: #f2f4ff;}
.linknemu{display:none;}
}
@media screen and (max-width:605px){
.data_area{width:100%;}
.header3{display:none;}
/* Menu */
 .area_s1, .area_r1{width:49.8%;}
 .area_s2, .area_r2{width:49.7%;}
}
@media screen and (max-width:505px){
/* Menu */
 .area_s1, .area_r1, .area_s2, .area_r2{width:100%;border-bottom:#e6e6e6 1px solid;}
}
@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;}
}
@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){
 .area_s2, .area_r2{width:100%;}
 .atype a{font-size:12px;}
}