@charset "utf-8";

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

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

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

/* ページヘッダ */
.header{
	width:100%;
	background-image: url(../cgiimg/menuback1.png);
	background-position:center; font-size:20px; color:#fc4910;text-align:center;
	padding:22px 0 20px;margin:0 0 10px; 
	border-radius:5px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);   /* 角丸 ぼかし*/
}
/* << */
.back_p{margin:0 5px 0;}
/* >> */
.next_p{margin:0 5px 0;}

/* 記事タイトル*/
.HeadLine{ 
 margin:0 0 5px;padding:3px 15px;
 border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);   /* 角丸 ぼかし*/
}
/* 記事外枠*/
.data_area{
 border:0;border-spacing:0;padding:0;margin:5px 0 20px; width:100%;
 border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);   /* 角丸 ぼかし*/
}
.data_area td{padding:0 0 5px;}
/* 記事本文 */
.DataLine{margin:9px 10px 5px;}

/* 画像 */
.left_image{float: left; margin:0 10px 6px 0;}
.right_image{float: right; margin:0 0 6px 10px;}
.top_image{margin:0 0 6px 0;}
.bottom_image{margin:10px 0 6px 0;}

/* ページリンク 該当No */
.Plink{ color:ff0000; }
.Plink_area{font-size:14px;font-weight: bold;text-align:right;}

/* Main Page, BackNumber  */
.MainPage_Link{font-weight: bold;font-size:13px;text-align:left;float:left;}
.BackNum_Link{font-weight: bold;font-size:13px;text-align:left;float:left;}
.MainPage_Link a:hover img{
  opacity: 0.6;  background-color:#ffe2fd;
}
.BackNum_Link a:hover img{
  opacity: 0.6;  background-color:#ffe2fd;
}

/* メニュー */
#menu ul{margin:0; padding:0;}
#menu li{
	list-style-type:none; text-align:center;font-size:14px; 
	border-radius:4px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);   /* 角丸 ぼかし*/
}
#menu a{ display: block; text-decoration:none;padding:10px 0 10px;}
#menu a:hover{background-color:#ffe6fa;}

/* フッタ */
.ffter{
	width:100%; clear: both;
	background-image: url(../cgiimg/menuback2.png);
	margin:0 0 10px; padding:15px 0 15px;text-align:center;
	border-radius:5px;  box-shadow: 1px 1px 2px 1px rgba(100,100,100,0.1);   /* 角丸 ぼかし*/
}
/* QR */
#qr_cord{ font-size:11px; text-align:center;}


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

/******* スマホ ********/
@media screen and (max-width:499px){ 
.MainPage_Link{width:100%;text-align:center;margin-bottom:7px;}
.BackNum_Link{width:100%;text-align:center;margin-bottom:7px;}
.Plink_area{text-align:center;}
/* << */
.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;}
.Plink_area{font-size:13px;}
}

/******* タブ,スマ ********/
@media screen and (max-width:869px){ 
/* 外枠 */
#outline{width:100%;}
/* メニュー */
#menu{width:100%;} 
#menu li{
border:solid 1px #acacac;
margin:0 0 3px;padding:0;
background-image: url(../cgiimg/arrow.png);
background-repeat:no-repeat;
background-position:98%;
}
#menu a:hover{
background-image: url(../cgiimg/arrow.png);
background-repeat:no-repeat;
background-position:98%;
}
/* 記事 */
.content{width:100%;}
/* QR消 */
#qr_cord{ display:none; }
}


/******* PC ********/
@media screen and (min-width:870px){ 
#outline{width:870px;}
#menu{float:left;width:200px;}
#menu li{
border:solid 1px #acacac;
margin:5px 0 5px;padding:0;
}
.content{width:650px;float:right;}  
}