.infeed-rectangle-box {
display: none;
}

/*=============================
reset
=============================*/

* {
margin: 0px;
padding: 0px;
}

img {
border: 0px;/*IE*/
vertical-align: bottom
}

a,p,h1,h5,h6 {
text-decoration: none;
color: #313131;
}
h2 {
color: #313131;
}

li{
list-style-type: none;
}

/* Firefox */
a:hover {
outline: none;
}


/*=============================
base
=============================*/

body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color:#f1f1f1;
width : 100% ; /*736 or 768*/
}

#container { 
width : 674px ; 
margin-left:auto;
margin-right:auto;
background-color:#ffffff;
}

#main {
clear: both;
margin-left:20px;
overflow:hidden;
}

#page-top{
position: fixed; 
bottom: 40px;
right: 30px;
width: 76px;
height: 30px;
padding-top: 36px;
background-color:#78787c;
text-align: center;
border-radius: 4px;
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

#page-top a{ 
position: relative; 
display: block;
line-height: 160%;
font-size: 12px;
color:#ffffff;
}

#page-top a:before{ 
position: absolute; 
bottom: 25px;
right: 35%;
display: block;
content: ' ';
height: 0px;
width: 0px;
border-top: 0px solid transparent;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: #fff 20px solid;
}

/*========================================
header
========================================*/

#rogo img {
width: 200px;
height: auto;
margin-top: 30px;
margin-left: 40px;
margin-right: 10px;
float: left;
}

h1 {
font-size: 13px;
padding-top: 43px;
}

#header-line {
display: none;
}
#toggle-base {
display: none;
}
p.btn {
display: none;
}

/*========================================
Gnavi
========================================*/

#gnav ul {
display: inline-block;
width: 600px;
margin-top:30px;
margin-bottom:50px;
margin-left:30px;
overflow:hidden;
}

#gnav li {
float: left;
width: 106px;
margin-right: 12px;
margin-bottom: 12px;
background-color: #ffccf5;
}

#gnav a { 
color:#040000;
display:block;
}

#gnav a:hover { 
color:#9acde7;
}

#gnav img{ 
width: 100%;
height: auto;
}

/*========================================
main
========================================*/

.infeed-box {
display: none;
}

#search-box {
width: 90%;
margin: -40px 0 0 -10px;
}

p#search {
font-size: 12px;
margin: 0 0 -10px 16px;
}

/*新着記事*/
h2 {
font-size: 24px;
}

.midashi {
width: 634px; 
border-bottom:#9acde7 1px solid;
}

/*========================================
link-box
========================================*/

.link-box-g {
float: left;
margin-top:20px;
margin-right:14px;
font-size: 13px;
border: solid 1px #b4e7cf;
}
.link-box-g a {
display: block;
width: 180px;
height: 200px;
padding: 10px;
color: #007ab7;
background-color:#f1f4f6;
overflow: hidden;
}

.link-box-g img {
width: 180px;
height: 101px;
}

p.category-gr {
margin-top: 3px;
width: 90px; 
height: 18px;
line-height: 18px;
font-size: 12px;
letter-spacing: 0px;
font-weight: bold;
color:#ffffff;
background-color:#3db680;
text-align: center;
}

p.category-bl {
margin-top: 3px;
width: 90px; 
height: 18px;
line-height: 18px;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
color:#ffffff;
background-color:#45a1cf;
text-align: center;
}

p.category-pi {
margin-top: 3px;
width: 100px; 
height: 18px;
line-height: 18px;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
color:#ffffff;
background-color:#e7a5c9;
text-align: center;
}

p.category-or {
margin-top: 3px;
width: 100px; 
height: 18px;
line-height: 18px;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
color:#ffffff;
background-color:#f09629;
text-align: center;
}

p.category-red {
margin-top: 3px;
width: 100px; 
height: 18px;
line-height: 18px;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
color:#ffffff;
background-color:#e50012;
text-align: center;
}

h3 {
font-size: 15px;
margin-top:4px; 
line-height: 130%;
}

p.date {
font-size: 10px;
float: right;
}

.more-bt {
float: left;
margin-top: 20px;
width : 634px; 
font-size: 18px;
font-weight: 600;
text-align: center;
background-color: #dbf5f2;
}
.more-bt img {
width: 22px;
height: auto;
vertical-align: middle;
}
.more-bt a{
display: block;
color: #61a098;
padding: 8px 0;
}

/*=============================
side
=============================*/

#side {
clear: both;
margin-top: 30px;
}

.area-ad-top {
margin-top:30px;
margin-bottom:30px;
}

#banner { 
width: 300px;
margin-left: auto;
margin-right: auto;
}

#banner img {
width: 300px; 
height: auto;
margin-bottom:10px;
}

.series-banner {
width: 300px; 
margin-left: auto;
margin-right: auto;
}

.series-banner img {
width: 100%;
height: auto;
margin-bottom:10px;
}

/*=============================
sidemenu-01
=============================*/

.sidemenu {
display: block;
width: 554px;
margin-top: 20px;
margin-left: 60px;
}

p.side-title {
font-size: 18px;
margin-bottom: 10px;
padding: 5px 0 5px 10px;
border-top: solid 1px #3f3f3f;
border-left: solid 10px #6090ff;
}

.menu-link-gloup a {
position: relative;
padding: 0px 10px 10px 0px;
width: 554px;
height: auto;
display: inline-block;
border-bottom: solid 1px #3f3f3f;
margin-bottom: 10px;
}

.menu-link-gloup img {
width: 65px;
height: auto;
float: left;
margin-right: 10px;
}

p.side-sub {
font-size: 14px;
line-height:120%;
font-weight: bold;
}
p.side-main{
font-size: 13px;
line-height:120%;
padding: 10px 30px 0px 10px;
font-weight: normal;
}

/*サイドメニュー01右矢*/
.menu-link-gloup a::before,
.menu-link-gloup a::after {
position: absolute;
top: 50%;
right: 5px;
content: ' ';
width: 10px;
height: 2px;
background-color: #6090ff;
border-radius: 10px;
}

.menu-link-gloup a::before {
margin-top: -4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-link-gloup a::after {
margin-top: 3px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/*=============================
sidemenu-02
=============================*/

.menu-link-gloup-2 a{
position: relative;
display: block;
margin-bottom: 10px;
padding: 10px 30px 10px 10px;
font-size:13px;
line-height:120%;
border: solid 1px #3f3f3f;
}

/*サイドメニュー02右矢*/
.menu-link-gloup-2 a::before,
.menu-link-gloup-2 a::after {
position: absolute;
top: 50%;
right: 10px;
display: block;
content: ' ';
width: 10px;
height: 2px;
background-color: #6090ff;
border-radius: 10px;
}

.menu-link-gloup-2 a::before {
margin-top: -4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-link-gloup-2 a::after {
margin-top: 3px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/*========================================
footer
========================================*/

.page-top-link-area{
clear: both;
width:180px;
float: right;
height: 50px;
margin: 60px 20px 20px 0px;
background-color: #e6e6e8;
}
p.page-top-link{
margin-top: 12px;
font-size: 16px;
}
p.up-triangle02{
margin: 4px 8px 10px 30px;
height: 0px;
width: 0px;
border-top: 0px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: #6090ff 16px solid;
float: left;
}

#footer {
clear: both;
width: 100%;
border-top: solid 1px #313131;
}

#footer p{
font-size: 14px;
margin-top: 10px;
margin-left: 30px;
}

#footer a{
font-size: 12px;
margin-left: 30px;
}

#footer img{
width: 100px;
height: auto;
float: right;
margin-top: 30px;
margin-right: 30px;
}

#footer-line {
clear: both;
height: 80px;
margin-top: 50px;
background-color: #bacfff;
}
#footer-line p {
width: 634px;
margin-left: auto;
margin-right: auto;
padding-top: 10px ;
font-size: 12px;
}