@charset "utf-8";

body {
 -webkit-text-size-adjust: 100%;
	padding-top:0;
	margin-top:0;
}
body,tr,td,th,input,textarea,select,option { 
	color:#333333;
	margin:0;
	line-height:1.4;font-size:13px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}

input, textarea, select{ 
	border-radius: 4px;
	border: 1px solid #9d9d9d;
	box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}
select,input,textarea{margin:1px;}

big { font-size: 15px; }
small { font-size: 12px;}
a { text-decoration:none; }
a:link{ color: #000080; }
a:visited{ color: #333333; }
a:active{ color: #f7657b; }
a:hover { color: #f7657b; text-decoration:underline;}
.nowrap{ white-space:nowrap; }

/* 全体外枠 */
#outline{border:0;border-spacing:0;padding:0; margin:0 auto;}

/* ヘッダ */
.header{
	position: relative;
	margin:0 0 1px;
}

/* タイトル */
.head_title{ 
position:absolute;top:30%; width:100%;
font-size:150%; text-align:center; 
letter-spacing:0.1em; color:#fff734;
text-shadow:2px 2px 2px #777777;
}

.Q{width:1px;}
.A{width:1px;}

/* 未選択記事の装飾 */
.ansarea{
border-radius: 6px;
border: 1px solid #d4d4d4;
text-align:left; padding:7px 10px 7px;margin:7px 0 4px;
}

/* 選択記事の装飾Q&A */
.ansserect{
box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
}

/* カテゴリ名一覧 */
.category_list { margin:0;padding:0; width:100%;display: block;}
.category_list ul{ padding:0;margin:0;}
.category_list li{
	width:24.5%; height:32px;/* 1カテゴリ名の長さ 高さ*/
	list-style-type:none;padding:1px; margin:2px; line-height:1.1;
	border:solid 1px #b6bccf; text-align:center; box-sizing:border-box;
	float:left; 
/* 影 */
box-shadow: 1px 1px 1px rgba(50,50,50,0.1);
/* 角丸 */
border-radius: 4px;    
}
.category_list a{  display: block;height:100%;width:100%;display: flex; align-items:center; justify-content:center;}
.category_list li:hover{background-color:#c5e1f9;}
.serec{ background-color:#6795cd;}  
.serec a{ color:#ffffff;font-weight:bold;}

/* 現カテゴリ名 */
.catename{ font-weight:bold; font-size:15px; margin-top:10px;}
/* カテゴリ名とQ一覧の区切線*/
.qaborder{
border-radius: 6px;border:1px solid #dee5e9;
background-color:#f0f7ff;
padding:7px 10px 7px;margin:10px 0 10px;
box-shadow: 1px 1px 4px 2px rgba(255,255,255,1.0) inset, -3px -3px 3px -2px #adb3b5 inset;
}
/* 検索結果一覧*/
.qaborder2{
border-radius: 6px;border:1px solid #dee5e9;
background-color:#f7fff0;
padding:7px 10px 7px;margin:10px 0 10px;
box-shadow: 1px 1px 4px 2px rgba(255,255,255,1.0) inset, -3px -3px 3px -2px #adb3b5 inset;
}

/* カテゴリー メニューリンク */
#OpenMenu{
  display:none; width:100%; height:38px;text-align:right;padding:0;margin:0 0 3px; box-sizing:border-box;
  background-color:#f0f7ff; border: 1px solid #c7d1dc;border-radius: 4px;
}
#OpenMenu td{padding:0;}
.menutxt{font-size:110%;color: #0000ff; height:36px;vertical-align:middle;}
/* 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;}


/*フッター部*/
#footer_table{ 
	border-top:1px solid #b9b9b9;
	height:50px; padding-top:20px; margin-top:10px;
	text-align:center;
}

/* Q 表示table*/
.q_table{ margin:2px 0 2px;width:100%;}
.q_table td{ font-size:105%; text-align:left;}
.q_table a{  display: block; }
.q_table td:hover{background-color:#cedff6;}

/* 「ご質問投稿フォーム」リンク */
.qaform_link{
	float:left;
}
.qaform_link a{
	width:164px;
	padding:3px 13px 3px;
	margin:2px;
	text-align:center;
	border:solid 1px #ffa266;
	background-color:#ffe9e0;
/* 影 */
box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
/* 角丸 */
border-radius: 4px;    
}

/* 検索フォーム */
.head_form{ float:right;}
#wrd{width:150px;padding:2px;}
.smit{padding:2px 10px 2px;}
/* 最初に戻るリンク */
.head_back{ text-align:right;padding-bottom:5px;}
.head_back img{ vertical-align:middle; }
/* 次 前 */
.bottuns{ margin:5px 0 5px;width:100%;text-align:center; }
/* 「検索結果」 */
.head_serh_txt{ font-weight:bold; font-size:15px;margin:10px 0;width:100%;}
/* 選択されたカテゴリ名、Q&A*/
.category_name{ margin-bottom:10px; font-weight:bold; font-size:15px;}


/* ご質問投稿フォーム */
.form_content{ width:600px; margin:20px auto 0; text-align:center; }
.form_title{ font-size:15px; font-weight:bold; margin:0 0 10px}
.error_message{ width:80%; color:#ff0000;border:solid 1px #ff0000; text-align:left;padding:10px;margin:0 auto 10px;border-radius: 3px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1); }
.t_name{
background-color:#e6e6ff; 
font-weight:bold; width:100%;text-align:left;padding:5px 10px 5px;
box-sizing:border-box;
border-radius: 5px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
.t_form{width:100%;text-align:left;margin:8px 10px 15px;}
.inform1{width:60%;}
.inform2{width:90%;}
.submit_btn{padding:3px 30px 3px;}
.back_btn{padding:3px 10px 3px;}

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


/* ボタンhover 背景色変更 */
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover{background-color:#c5e1f9; }
/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }
input[type=submit]{background-color:#f3f4f4;  }

/****************** レスポンシブ指定 ****************** /


/******* PC ** 930以上 ******/
@media screen and (min-width:930px){ 
/* 外枠 */
#outline{width:900px;text-align:left;margin:0 auto;}
}


/******* 930未満  ******/
@media screen and (max-width:930px){ 
/* 外枠 */
#outline{width:90%;padding:2px;margin:0 auto;}
/* ヘッダ画像 */
.header_image{width:100%;height:auto;}
/* カテゴリ名*/
.category_list li{ width:32.5%; }
}


/******* スマホ ** 650未満 ******/
@media screen and (max-width:650px){ 
.category_list li{ width:48.5%; }
/* 題目 */
.head_title{ font-size:120%;}
.head_back{ text-align:right;}
.head_back img{ vertical-align:middle; }
.head_serh_txt{ text-align:left; font-weight:bold; font-size:14px;margin:0;}
.head_form{ text-align:left;margin:0 0 10px;}
/* 次 前 */
.bottuns{ margin:15px 0 15px;width:100%;text-align:center; }
.bottuns a{
    padding:4px 10px;
    border-radius: 4px;
    border: 1px solid #d4d4d4; background-color:#f4f4f4;
		text-align:center;
}
/* 質問フォーム */
.form_content{ width:100%; }
.inform1{width:90%;}
.error_message{ width:95%; }
}


/******* スマホ ** 420未満 ******/
@media screen and (max-width:420px){ 
.head_form{width:100%;margin-top:7px;}
.head_title{ font-size:100%;}
/* メニュー閉、リンク表示 */
#OpenMenu{ display: block; }
#OpenMenu:hover {cursor: pointer;}
.category_list{ display: none;}
.category_list li{width:98.5%; }
}