@charset "utf-8";

/* ************↓このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↓************ */
/*Temp_StyleSheetIN*/
.header_title{ background-image:url(../cgiimg/1461294402.png);background-repeat:repeat; } 
/*Temp_StyleSheetOUT*/
/* ************↑このコメント間のCSSはCGIが書換えます。追加・変更は行わないで下さい↑************ */


body{margin:0;padding:0;  -webkit-text-size-adjust: 100%;}
body,tr,td,th,input,textarea,select,option{ 
	color:#000000;
	line-height:1.4;font-size:13px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}
.red{color:#ff0000;} 
.bold{font-weight:bold;}
.top{vertical-align:top;}
.midd{vertical-align:middle;}
.botm{vertical-align:bottom;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.nowrap{white-space:nowrap;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f20{font-size:20px;}
.clear{clear: both;}

a:link{color:#0000ff;text-decoration:none;}
a:visited{color:#0000ff;text-decoration:none;}
a:hover{color:#f7657b;}

/* 全体外枠 */
.outline{width:930px;border:0;border-spacing:0;padding:0; margin:0 auto;}
/* メニュー */
#menu {margin:15px 0 0; padding:0;float:left;width:200px;}
#menu div{  
background-color:#c8d9fb;border:1px solid #a7bae1;
text-align:center; letter-spacing:0.1em;
margin:0 0 9px;padding:0;width:200px;
box-sizing:border-box;
}
#menu a{ 
display: block; text-decoration:none;padding:5px 0 5px;
}
#menu a:hover{
background-image: url(../cgiimg/arrow.png);
background-repeat:no-repeat;
background-position:98%;
background-color:#ced5e5; color:#ffffff;
}
/* QR */
#qr_cord{
width:200px; text-align:center;
}
#qr_cord td{ font-size:11px;}


/* 記事 */
#content{text-align:left;width:700px;float:right;}

/* ヘッダ */
#header{
  width:100%;margin:0;border:0;padding:0;border-spacing:0; background-color:#ffffff;
  position: fixed;  
  top: 0px;  
  z-index: 100;
}
.header_title{
height:50px; 
font-size:23px; text-align:center; color:#7e7d01;
letter-spacing:0.15em; padding:10px 0 0 2px; vertical-align:middle; 
text-shadow:2.5px 2.5px 2px #b3b3b3;
}
/* ヘッダ下マージン */
.up_margin{ margin-top:85px;}

/* フッタ */
#footer{ 
width:100%; float:right;
background-color:#edeef2;
margin-top:15px;text-align:center;padding:20px 0;
}

/* トップコメント */
.Top_comment{
line-height: 150%;text-align:left;
width:98%; margin:13px auto;
}
/* 画像枠装飾 */
.image{
box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.4);
margin:4px 0 7px; border:0;
}


/* ページリンク 該当No */
.Plink_area{font-size:14px;font-weight: bold;text-align:center;margin:5px 0 10px; line-height:1.8;}
.Plink_area a{padding:1px 5px 1px;margin:0;}
/* 該当No */
.Plink{ border:1px solid #ff0000;}
a.Plink:visited{ color:#ff0000; }
/* 表示しているページ */
.atP{ background: #cdffb0; }
/* << */
.back_p{margin:0 5px 0;}
/* >> */
.next_p{margin:0 5px 0;}


/* QR */
#qr_image{ text-align:center; }



/* 一覧表示 */
.a1{
	width:100%;  background-color:#f3f7f8;
	text-align:left;padding:0; margin:0 0 15px;
}
.a2{
	float: left;
	width:320px;
	margin:7px 0 0 12px;
}
.a2 p{ padding:0 0 5px;margin:0;font-size:95%;color:#dd6400;}
.a3{
	float:left;
	width:340px;
	text-align:left;
	margin:8px 0 8px 8px;
}
.a4{ display:none; }
.a4 p{ padding:0 0 5px;margin:0;font-size:95%;color:#dd6400;}
.username{ font-size:18px; border-bottom:1px dotted #6f6f6f;width:100%;padding-bottom:5px; }
.update{ font-weight:bold; color:#3399ff; text-align:right; margin:7px 0 15px;}


/* 詳細表示 */
.back_link{text-align:right;margin:5px 10px;}
.user_name{font-size:16px;padding:3px 10px;margin:0 0 10px; background-color:#e3e6ef;color:#084594;}

.b1{
	width:100%;  background-color:#f3f7f8;
	text-align:left;padding:0; margin:0 0 15px;
}
.b2{
	width:100%;  border-bottom:1px dotted #6f6f6f;
	text-align:left;padding:0; margin:0 0 5px;
}
.b2 p{font-size:14px; color:#996600; font-weight:bold; padding:8px 14px 7px;margin:0;}
.b3{
	text-align:right;color:#3399ff;
	margin:5px 10px 3px;padding:0;font-weight:bold;
}
.b4{ text-align:center; padding:0; margin:0; }
.b5{ text-align:left; padding:2px 15px 10px; margin:0; }
.b6{ text-align:right;padding:0 15px 10px;  margin:0; font-size:90%; }


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

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

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


/******* 930未満  ******/
@media screen and (max-width:929px){ 
/* ヘッダ画像 */
.headimage{width:100%;height:auto;}
/* 外枠 */
.outline{width:100%;}
/* 記事 */
#content{width:100%;clear: both;}
/* メニュー */
#menu{clear: both; width:100%;} 
#menu div{
margin:1px 1px 0 0;
width:49.5%; float:left;
}
#menu a{ font-size:105%;padding:10px 0;margin:0;}
#qr_cord{width:100%;}
#footer{ width:100%;}
}


/********** 900未満 *****/
@media screen and (max-width:900px){ 
/* 一覧 */
.a2{display:none;}
.a3{margin:8px 0 8px 8px;width:95%;}
.a4{display:block;width:330px;margin:7px 0 0 10px;}

.Plink_area{text-align:center;font-size:13px;}
/* << */
.back_p{margin:0 0 0;padding:2px 12px 2px; border:solid 1px #acacac; background-color:#f6f6f6;font-size:15px;}
/* >> */
.next_p{margin:0 0 0;padding:2px 12px 2px; border:solid 1px #acacac; background-color:#f6f6f6;font-size:15px;}
.header_title{ font-size:20px; }
}

/********** 750未満 *****/
@media screen and (max-width:750px){ 
#menu div{
width:100%;
text-align:center;
}
#menu a{padding-left:20px;}
#menu a:hover{
background-image: url(../cgiimg/arrow.png);
background-repeat:no-repeat;
background-position:98%;
}
.header_title{ font-size:18px; text-align:center;}
}

/********* 500未満 ******/
@media screen and (max-width:499px){ 
.a1{ padding:0 10px 0; box-sizing:border-box; }
.a3, .a4{width:100%;box-sizing:border-box;margin:0;}
.a4 {text-align:center;}
.a4 img{width:87%;height:auto;}
/* 詳細画像 */
.b4 img{width:98%;height:auto;}
.header_title{ font-size:15px; }
}