/*------------------------------------------------- */
/* 全体  IEはマージンゼロに設定
/*------------------------------------------------- */
body {
font-family:"Helvetica Neue","Arial","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;
font-size:16px;
margin:0px 0px;
background-color: #696969;
background-image:
repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
repeating-linear-gradient(60deg, rgba(255,255,255,.1), rgba(255,255,255,.1) 1px, transparent 1px, transparent 60px),
linear-gradient(60deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1)),
linear-gradient(120deg, rgba(0,0,0,.1) 25%, transparent 25%, transparent 75%, rgba(0,0,0,.1) 75%, rgba(0,0,0,.1));
background-size: 70px 120px;
}
a {
text-decoration:none;
}
a:hover{
color:#ff4500;
text-decoration:underline;
}
/*------------------------------------------------- */
/* PC向け設定
/*------------------------------------------------- */
.pc_contents{
width: 1080px;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
background-color: #dcd6d2;
padding:0.5em 2em 1em 2em;
}
.pc_main{
width: 730px;
margin:0em 30px 0em 0px;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
}
/*------------------------------------------------- */
/* 画像                                             */
/*------------------------------------------------- */
img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
/*------------------------------------------------- */
/* 自動改行
/*------------------------------------------------- */
.pre {
white-space: pre;           /* CSS 2.0 */
white-space: pre-wrap;      /* CSS 2.1 */
white-space: pre-line;      /* CSS 3.0 */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap;  /* HP Printers */
word-wrap: break-word;      /* IE 5+ */
}
/*------------------------------------------------- */
/* 広告
/*------------------------------------------------- */
.cm {
text-align:center;
margin:0em 0em 0.2em 0em;
}
.cm2 {
text-align:center;
margin:0.5em 0em 0.5em 0em;
}
/*------------------------------------------------- */
/* タイトルロゴ
/*------------------------------------------------- */
.logo {
padding:0.8em 0em 0.2em 0em;
background-color: #4169e1;
text-align:center;
border:solid 2px #c0c0c0;
background: repeating-linear-gradient(#808080, #808080 2px, #888 0, #888 4px);
}
.logoimage {
}
/*------------------------------------------------- */
/* 人気記事一覧見出し
/*------------------------------------------------- */
.info {
color:#dc143c;
border:solid 1px #b5b5ae;
background-color:#ffffff;
font-size: 18px;
font-weight:bold;
padding:0.5em 0em 0.5em 0.5em;
display:block;
}
/*------------------------------------------------- */
/*記事エントリーの大枠
/*------------------------------------------------- */
.a_link:hover{
text-decoration:none;
}
.a_box{
width: 730px;
height: 120px;
margin:0.5em 0em 0em 0em;
border:solid 1px #b5b5ae;
background-color:#ffffff;
display: -webkit-box;　/* Safari,Google Chrome用 */  
display: -moz-box;　/* Firefox用 */  
}
.a_image{
width: 100px;
padding:17px 0px 0px 20px;
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
}
.a_right_box{
width: 600px;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
}
.a_title{
height: 76px;
width: 570px;
font-size: 19px;
font-weight:bold;
color:#003f8e;
padding:17px 0px 0px 0px;
overflow: hidden;
}
.a_title:hover{
color:#c70067;
text-decoration:underline;
text-decoration-color:#c70067;
}
.a_time {
font-size:16px;
font-weight:bold;
color:#afafb0;
text-align:right;
padding:0px 0px 0px 0px;
}
/*------------------------------------------------- */
/* インデックスのページ送り関連
/*------------------------------------------------- */
.pege_box {
display:table;
table-layout:fixed;
width:100%;
margin: 0em 0em 0.5em 0em;
}
.pege_boxs {
font-size:14px;
font-weight:bold;
color:#000000;
display:table-cell;
vertical-align:middle;
text-align:center;
background-color:#ffffff;
border-top:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
border-bottom:1px solid #c0c0c0;
padding:1em 0em 1em 0em;
}
.pege_boxs a {
color:#0000ff;
font-weight:bold;
}
/*------------------------------------------------- */
/* PC向けサイドバー
/*------------------------------------------------- */
.sidebar3{
width: 302px;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
}
.side_entry3{
font-size:16px;
font-weight:bold;
color:#ffffff;
padding: 8px 0px 8px 10px;
border:2px solid #c0c0c0;
background-color: #595857;
width: 288px;
}
.side_afi3{
background-color:#ffffff;
text-align:center;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
width: 300px;
border:1px solid #c0c0c0;
}
.side_afi4{
background-color:#ffffff;
text-align:center;
padding: 0;
margin: 0;
width: 298px;
border:1px solid #c0c0c0;
}
.side_tag3{
background-color:#ffffff;
padding:0.5em 15px 0.5em 15px;
margin: 0px 0px 10px 0px;
width: 268px;
border:1px solid #c0c0c0;
}
.gap{
margin: 0px 0px 10px 0px;
}
/*------------------------------------------------- */
/* ヘッダーとフッター
/*------------------------------------------------- */
.header-box{
color:#ffffff;
font-size:12px;
font-weight:bold;
width: 1140px;
margin: 0 auto;
padding:0.8em 0em 0.5em 0em;
height: 24px;
border-top: 3px solid #c0c0c0;
border-right: 3px solid #c0c0c0;
border-bottom: 3px solid #c0c0c0;
border-left: 3px solid #c0c0c0;
background-color: #595857;
}
.header-box a{
color: #fffaf0;
}
.header{
display: inline;
margin:0em 0em 0em 40px;
}
.searchbox{
float:right;
margin:0em 40px 0em 0px;
display: inline;
}

.footer-box{
color:#ffffff;
font-size:12px;
font-weight:bold;
text-align:center;
width: 1140px;
margin: 0 auto;
padding:0.8em 0em 0.5em 0em;
height: 24px;
border-top: 3px solid #c0c0c0;
border-right: 3px solid #c0c0c0;
border-bottom: 3px solid #c0c0c0;
border-left: 3px solid #c0c0c0;
background-color: #595857;
}
.footer-box a{
color: #ffffff;
}
.footer{
display: inline;
margin:0em 0em 0em 40px;
}
/*------------------------------------------------- */
/* PR用の画像
/*------------------------------------------------- */
.pr_img {
max-width: 225px;
}