body {
background-color:#214555;
margin:0;
padding:0;
}
#container {
background-color:#fff;
margin:0 auto;
width:700px;
font-size:14px;
border:1px solid #999;
}
#header {
padding:10px 0 0 0;
height:70px;
}
#header-content {
padding:0 0 0 33px;
}
.global-navi {padding:20px 0 0 20px;}
.description-head p{
font-size:13px;
padding:5px 0 0 5px;
margin:0;
}
#content {
width:680px;
padding:13px 0 0 0;
}
.in {
font-weight:normal;
font-weight:bold;
color:#228822;
}
.ad {
background-color:#FCF5DC;
border:solid 1px #777;
padding-left:20px;
}
.orange {
color:#CC3300;
font-weight:bold;
}
.red {
color:#CC0000;
font-weight:bold;
}
#content-inner {
margin:0;
padding:0 5px 0 20px;
}
.naviyoko {
font:bold 11px verdana,sans-serif;
margin:0; padding:0;
    }
.naviyoko { 
margin:0;
    }
.naviyoko li {
display:inline;
margin:0;
    }
.naviyoko a { 
        width:80px;
        padding:5px 24px;
        color:#444;
        text-decoration:none;
        background-color:#F3F3F3;
        border-width:1px;
        border-style:solid;
        border-color:#ccc #fff #fff #ccc;
        font-weight:bold;
    }
.naviyoko a:hover {
        color:#fff;
        text-decoration:none;
        background-color:#949494;
    }
#beta {
color:#676767;
font-size:14px;
font-weight:normal;
width:660px;
padding:17px 0 0 20px;
}
.widget-header {
font-size:13px;
margin: 0;
padding:5px 10px 5px 20px;
font-weight:bold;
background-color:#C4F0EF;
color:#666;
border-top: 1px solid #C8C8C8;
border-right: 1px solid #C8C8C8;
border-left: 1px solid #C8C8C8;
}
.widget-content {
margin:0 0 10px 0;
padding:10px 8px 10px 13px;
line-height:170%;
border: 1px solid #c7c7c7;
}
.widget-content a{
font-weight:normal;
font-size:13px;
color:#003366;
text-decoration:none;
}
.widget-content a:hover{
text-decoration:underline;
}
ul {
margin: 0 0 0 1em;
padding: 0;
}
li {
list-style:disc; 
list-style-image: url('https://affiliate.blog-tips.net/image/arrowing.png')
}
.category ul li{
display: inline;
color:#808080;
margin: 0 0 0 0.3em;
font-weight:normal;
}
.more {
color:#910000;
font-size:13px;
}
.category {
margin:0;
padding:4px 8px 0 20px;
line-height:150%;
}
.category a{
font-weight:bold;
font-size:13px;
text-decoration:underline;
}
.category a:hover{
text-decoration:underline;
}
p {
margin:1em 0;
line-height:150%;
}
img{
border:0;
}
hr {
border-width: 1px 0 0 0;
border-style: solid;
border-color: #ccc;
height: 1px;
}
a{
font-weight:bold;
border-bottom-width: 1px;
border-bottom-color: #CCC;
color: #0000EE;
}
h1 {
font-weight:bold;
font-size:16px;
margin:0;
padding:7px 0 0 0;
}
h1 a{
font-weight:bold;
color:#910000;
text-decoration:none;
}
h1 a:hover{
text-decoration:underline;
}
.breadcrumb {
font-size:10px;
color:#333;
padding:8px 0 0 4px;
}
.breadcrumb a{
font-weight:normal;
color:#910000;
text-decoration:underline;
}
.breadcrumb a:hover{
text-decoration:underline;
}
#top-navi {
font-weight:bold;
font-size:18px;
margin:0;
padding:7px 0 0 0;
}
#top-navi a{
font-weight:bold;
color:#910000;
text-decoration:none;
}
#top-navi a:hover{
text-decoration:underline;
}
h2 {
font-size:14px;
margin:10px 0 0 0;
padding:6px 0 6px 9px;
background-color:#CEE7CE;
border: 1px solid #C7DBE5;
}
h2 a{
font-weight:bold;
text-decoration: none;
color:#265699;
}
.asset-header h1{
font-size:14px;
margin:10px 0 0 0;
padding:6px 0 6px 9px;
background-color:#CEE7CE;
border: 1px solid #C7DBE5;
}
.asset-header h1 a{
font-weight:bold;
text-decoration: none;
color:#265699;
}
#alpha-inner h1{
font-size:14px;
margin:10px 0 0 0;
padding:6px 0 6px 9px;
background-color:#CEE7CE;
border: 1px solid #C7DBE5;
}
#alpha-inner h1 a{
font-weight:bold;
text-decoration: none;
color:#265699;
}
h3 {
font-size:14px;
margin:24px 0 0 0;
padding:6px 0 6px 9px;
background-color:#FFF1EC;
border: 1px solid #C7DBE5;
}
h3 a{
text-decoration: none;
color:#265699;
}
h4 {
font-size:16px;
padding-left: 5px;
}
h4 a{
text-decoration: none;
color:#265699;
}
#footer {
text-align:center;
color:#666666;
font-size:12px;
height:90px;
}
.pagetop {
padding-right:35px;
text-align:right;
margin-bottom:10px;
}
blockquote{
border:1px solid #ccc;
padding:5px;
margin:10px;
}

@media screen and (max-device-width: 480px) {
#header {padding:10px 0 0 0;height:90px;}
#header-content {padding:0 0 0 13px;}
.naviyoko a {width:50px;padding:5px 15px;}
#container,#content,#beta {width:100%;font-size:100%;padding:0;}
.widget-content a{font-size:100%;}
.global-navi {padding:20px 10px 0 10px;}
#content-inner {padding:0 10px;}
p {font-size:100%;}
#footer {font-size:100%;height:150px;}
img {zoom:80%;}
}