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

/******** ↓このコメント間のCSSは各種設定の変更時にCGIが書換えます。追加・変更は行わないで下さい↓ ********/
/*Temp_StyleSheetIN*/
body{color:#333333;background-color:#ffffff;font-size:13px;}
a:link,a:visited{ color:#333333; }
.header{color:#000080;font-size:16px;}
td{ font-size:13px; }
big{ font-size:14px; }
small{ font-size:12px; }
.thread_table1{ background-color:#8080c0; color:#ffffff;}
.thread_table1 a:link{color:#ffffff;}
.thread_table1 a:visited{color:#ffffff;}
.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; }
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; }

#topset{
	width:700px;
	margin: 0 auto 100px;
	text-align:center;
}
#content,  nav{   
	width:700px;
	margin: 0 auto 0;
	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;}
/* 次へ 前へ リンク*/
.nextprelink{
	font-weight: bold;
	color:#bebebe;
}
.nextprelink span{
	white-space:nowrap; 
	letter-spacing:0.1em;
}

/* 編集用*/
.passform{ font-size:11px;width:60px;ime-mode:disabled; padding:1px;}
.ajustbtn{ font-size:11px;width:40px; font-weight: normal;padding:1px;}

/****** 入力フォーム ******/
/* 外枠 */
.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);}

/* ヘッダ部 */
.headertable{
	background-image:url(../image/head_back.gif);background-repeat:repeat;
	height:50px;width:700px;
	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:60px;width:700px;
	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
}



/* 親記事表示用 */
.thread_table1 a:hover{color:#f7657b;}
.thread_table1{
	margin:0;padding:4px 10px 4px;
	text-align:left;
	font-weight: bold;
}

.thread_table2{
	text-align:right;
	margin:0; padding:2px 3px 0;
}

.thread_table4{
	font-weight:normal;
	margin-left:10px; 
}

/* レス記事表示用 */
.res_table1{
	border:2px dotted #6f6f6f;
	margin-top:12px;
	padding:3px 10px 3px;
	text-align:left;
	font-weight: bold; 
}
.res_table2{
	text-align:right;
	margin:0; padding:2px 3px 0;
}
.res_table3{
	margin:0 0 7px; border-spacing:0; padding:0;
}

 /* レス投稿フォームへのリンク */
.res_form a {
	font-size:11px; font-weight:bold; width:55px; text-align:center;float:right;
	display: block;padding:0px;margin:0; position: relative; top: -1px;left:5px;
	background-color:#ffffff; border: #c9dde4 1px solid;  border-radius: 3px;
}
.res_form a:link , .res_form a:visited{color:#000000;}
.res_form a:hover{color:#f7657b; background-color:#9ee6ff; }

/* 検索結果表示用タイトル */
.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 0 8px 15px;padding:0;
}
.helplist li {
	padding:5px 0px 0px 0px;
	text-align:left;
}

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

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

/* QRコード */
.qr_code{
width:700px; margin:-48px auto 0; padding-left:15px;
}
/* ページトップに戻る ボタン */
#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, .iicon{vertical-align:middle;width:auto;height:17px;margin:0 3px 0 1px;} 







/******************** レスポンシブ設定  ************************/
/*******  700未満 ******/
@media screen and (max-width:705px){
#content,  #topset, nav{width:97%;}
.headertable, .footer{width:100%;}
/* QRコード消し */
.qr_code{display:none}
/* <<   >> */
.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%;}
.fc4{ width:100px;}
.video_files{max-width:100%;height:auto;} /* 動画 */
}