@charset "utf-8"; 
/********* ユーザ画面専用CSS  *********/

/******** ↓このコメント間のCSSは各種設定の変更時にCGIが書換えます。追加・変更は行わないで下さい↓ ********/
/*Temp_StyleSheetIN*/
body{color:#333333;background-color:#ffffff;font-size:14px;}
a:link,a:visited{ color:#333333; }
.header{color:#000080;font-size:17px;}
td{ font-size:14px; }
big{ font-size:15px; }
small{ font-size:13px; }
.pset, .res_table1{background-color:#f8f8f8;}
.th01,.thread_table1{background-color:#e6e6ff;}
.waiting_msg{color:#e07002;}
.video_files{max-width:200px; max-height:200px;}
/*Temp_StyleSheetOUT*/
/******** ↑このコメント間のCSSは各種設定の変更時にCGIが書換えます。追加・変更は行わないで下さい↑ ********/



/****** ↓追加CSSは、これより下にお書き下さい↓ ******/
body,tr,td,th,input,textarea,select,option {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin:0;
	line-height:145%; 
 -webkit-text-size-adjust: 100%; 
}
td { 
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:145%; 
	text-align:left;
}
a { text-decoration:none;}
a:hover,a:active{ color:#f7657b;  }
img{ border:0;}
.center{ text-align:center; }
.right{ text-align:right; }
.left{ text-align:left;margin:0 0 3px; }
.nowrap{ white-space:nowrap; }
.b{font-weight:bold;}
input[type=submit]:hover { opacity:0.5;}
/* nav固定 */
nav { 
	background: #ffffff; text-align:center; padding:5px 0 5px; margin:0;  
	position: absolute;
	justify-content: space-between;
}
.is-fixed { position: fixed; top: 0; z-index: 2; }

#content, #topset, nav{   
	width:900px; 
	margin: auto;
	text-align:center;
}

/* 画像 */
.file {margin:0 0 3px; text-align:left; }
.file img{ margin:0 2px 2px 0; vertical-align: bottom;}
/* 動画 */
.video_files{ margin:0 2px 2px 0; vertical-align: top; }

/* ページリンク 該当No */
.Plink_area{ font-size:14px;font-weight: bold;text-align:center;margin:10px auto 10px; }
.Plink_area a{
	padding:0px 4px 0px;margin:1px;
	border-radius: 3px;
}
.Plink_area a:hover {background: #61b5ff;color: #ffffff;}
.Alink{ border:1px solid #61b5ff;}
/* 該当No */
.Plink{ border:1px solid #ff0000;}
a.Plink:visited{ color:#ff0000; }
/* 表示しているページ */
.atP{ background: #cdffb0; }

/** ローディング画像 **/
.loading_img {text-align:center;margin:0 0 10px;}
.loading_img img{  width:auto; height:auto;}

/* ページ番号 */
.Page_Number{
	text-align:center;font-weight:bold; font-size:15px; font-family: 'Times New Roman'; font-style: italic; 
	background-color:#e0ffcf;
	padding:2px 0 2px; margin-top:10px;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
.Page_Number span{font-size:18px;}


/****** 入力フォーム ******/
/* 外枠 */
.formtable{width:700px;margin:0 auto 0; }
/* 項目名 */
.form01{text-align:left;font-weight:bold;padding:2px 0 2px;}
/* 入力フォーム */
.form02{text-align:left;padding:0 0 5px;}
input,textarea,select { 
	border: #c0c0c0 1px solid; padding:2px; color:#000000;
	font-size:13px;  border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);box-sizing:border-box;
}
div{box-sizing:border-box;}
input[type=submit] {-webkit-appearance: none;}

/* タイトル,お名前,E-Mail*/
.fc1{ width:350px;}
/* 画像認証,パスワード */
.fc2{ width:100px;}
/* コメント*/
.fc3{ width:99%;height:150px;}
/* 検索語句*/
.fc4{ width:130px;}
/* 画像ファイル指定*/
.fc5{ width:170px;font-size:12px;}
.upfile{float:left;margin-right:10px;}
/* 確認/送信 ボタン*/
.submit{width:100px;padding:4px 0 4px;}
/* 戻る ボタン */
.reset{width:90px;padding:4px 0 4px;}

/* 公開手順説明*/
.exp_msg{margin:10px 0 10px;}
/* エラーメッセージ */
.error_msg{ border: #ff0000 1px solid; margin:10px auto 10px;border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);}



/* カテゴリメニュー表示部*/
.listtable1{
	width:180px;
	vertical-align:top;
	float:left;
}
/* 記事表示部 */
.listtable2{
	width:720px;
	vertical-align:top;
	float:left;
}



/* ヘッダ部 */
.headertable{
	background-image:url(../image/head_back.gif);background-repeat:repeat;
	height:50px;width:900px; 
	padding:0;
	border-spacing:0;
	margin:0 auto 5px;
	border-radius: 0 0 4px 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}
.header{
	vertical-align:middle;
	text-align:center;
}
/* フッタ部 */
.footer{
	background-image:url(../image/foot_back.gif);background-repeat:repeat;
	height:40px;width:900px; 
	padding:0;
	border-spacing:0;
	margin:5px auto 0;
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}
.footer td{
	vertical-align:middle;
	text-align:center
}

/* カテゴリ リスト */
.keytitle{
	background-color:#e9ecee; width:165px;
	text-align:center;
	padding:3px;
	margin:1px;
}
.keylist{
	margin:2px 8px 10px 2px;
	padding:0;
	list-style-type:none;
}
.keylist li{
	padding:0;margin:5px 0 0;
	text-align:center; font-size:105%; 
	border:solid 1px #c1c1c1;
}
.keylist li a{ display: block;padding:5px 10px 5px;}
.keylist li a:hover{  background-color: #def3ff;}
/* カテゴリ Select */
.keyselect{
	margin:0;padding:0;
	display:none;
}

/* 角丸 */
.keylist li, .keylist li a, .submit, .reset, .thread_table1, .res_table1{ 
	border-radius: 5px;
}

/* 次へ 前へ リンク*/
.nextprelink{
	font-weight: bold;
	color:#bebebe;
}
.nextprelink span{
	white-space:nowrap; 
	letter-spacing:0.1em;
}

/****** 一覧表示 *******/
/* 親記事表示用 */
.th01{clear:both;margin:1px 0 1px;width:100%;border-spacing:0;}
.th01td{text-align:left;padding:2px 2px 2px 20px;}
.th02{float:left;}
.th03{float:right;text-align:right;}
/* レス記事表示用 */
.res01{clear:both;margin:1px 0 1px;width:100%;border-spacing:0;}
.res01td{text-align:left;padding:0 0 0 16px;}
.res02{float:left;padding:0;margin:0;}
.res03{float:right;text-align:right;padding:0;margin:0;}
/* 投稿者名 */
.upname{font-size:90%;}
/* 記事部 日付 */
.update{ font-size:90%;white-space:nowrap; margin:0; padding:3px;}
/* >マークアイコン */
.merker{margin-left:-13px;vertical-align:middle;}
/* QRコード */
.qr_code{display:block;}


/********** 記事詳細 ***************/
/* 親記事 */
.thread_table1{text-align:left;padding:3px 7px 3px;font-size:105%;border:2px solid #cbcbcb}/* タイトル  */
.thread_table2{text-align:right;padding:1px 5px 1px;margin:0 0 5px;}
/* Res記事 */
.res_table1{text-align:left;padding:5px; border:2px dotted #6f6f6f;}/* タイトル  */
.res_table2{text-align:right;padding:5px;margin:0 0 5px;}
/* カテゴリ名 */
.sel_ategory{float:left;}
/*編集パスワード */
.pass_form{float:right;}

/* 検索結果表示用タイトル */
.search_table1{
	border: #7b7b7b 1px solid;
	margin-top:12px;
	padding:3px 10px 3px;
	text-align:left;
	font-weight: bold;
}
/* 検索結果該当語句 */
strong{
	text-decoration:none;
	font-weight:normal;
	background-color:#ffff00;
}


/* ヘルプ */
.helplist ul {
	margin:5px 15px 8px 25px;padding:0;
}
.helplist li {
	padding:5px 0px 0px 0px;
	text-align:left;
}

/* ファイルアップロード中のメッセージ */
#fileupmsg{
	color:#ff0000;
}

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


/* 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; }
.search-form2 input[type=text]{padding:1px;}
input[type=submit]{background-color: #e9e9ed;color:#000000;}

/* 目アイコン*/
#iicon{vertical-align:middle;width:auto;height:17px;margin:0 3px 0 1px;} 




/******************** レスポンシブ設定  ************************/
/*******  900未満 ******/
@media screen and (max-width:905px){
#content,  #topset, nav{width:97%;}
.listtable1, .listtable2, .headertable, .footer{width:100%;}
.keytitle{width:99%;}
.keylist{display:none; }
.keyselect{ display:block; text-align:left;padding:5px 0 5px;}
/* QRコード消し */
.qr_code{display:none}
}

/*******  700未満 ******/
@media screen and (max-width:705px){
.pset{padding:0 0 0 18px;}/* Res左余白 */
.th01, .res01td{ padding:0; }/* Resインデント解除 */
.formtable{width:97%;}
.upname{font-size:80%;line-height:1.2;}
.update{font-size:80%;line-height:1.2;}
/* <<   >> */
.next_btn{
background-color:#f3f4f4;color:#0000ff;border:1px solid #a9b7c7;padding:2px 10px 2px;
border-radius: 4px;
}
}

/*******  450未満 ******/
@media screen and (max-width:450px){
.fc1{ width:99%;}
.video_files{max-width:100%;height:auto;} /* 動画 */
}