* {
font-family: "ＭＳ Ｐゴシック",'MS PGothic',sans-serif;
line-height: 1.5;
margin: 0;
padding: 0
}
a {
text-decoration: none
}
a:hover {
text-decoration: underline
}
header {
display: block
}
ul,
ol {
list-style-type: none
}
h2 {
font-size: 18px
}
#head > header > h1 {
font-size: 17px
}
#head > header > h1,
#head > header > h2 {
padding: 24px 60px
}

#head-neck {
background-color: black;
background-image: url("/img/web/bg.jpg");
background-position: 0% 95px
}
#head-neck ul {
padding-left: 60px
}
#head-neck li {
display: inline-block;
padding: 0.3em 0.5em
}
#head-neck a {
color: white;
display: block;
padding: 0.5em 1em;
text-decoration: none
}
#head-neck a:hover {
background-color: white;
border-radius: 5px;
color: black;
filter: alpha(opacity=80);
opacity: 0.8
}

#head-topicpath {
background-color: #f6f6f6;
padding: 1em 80px
}
#head-topicpath li {
display: inline-block
}

main {
display: inline-block;
margin-top: 1em;
padding: 20px;
width: 728px
}
#hand-right {
display: inline-block;
margin-top: 1em;
padding:10px 0 0 60px;
width: 180px;
vertical-align: top
}
#hand-left {
display: inline-block;
margin-top: 1em;
vertical-align: top;
padding: 10px;
max-width: 336px;
min-width: 300px
}

.side {
margin-bottom: 1em
}
.plugin-memo {
margin-top: 1em
}

.category-child {
margin-left: 1em
}

.recent-comment {
background: no-repeat 0px 3px url("/img/web/comment.gif");
padding-left: 20px;
margin-bottom: 10px
}

.popular-articles td {
padding-bottom: 0.5em;
}
.populararticles-rank {
vertical-align: top
}

.body-article {
margin-bottom: 4em
}
.body-article-footer {
text-align: right;
margin: 1em 0;
border-bottom: 1px solid silver
}

article {
padding: 0px 0 20px 0
}
article > header {
margin-bottom: 2em
}

aside {
margin-bottom: 2em
}
.body-ads {
display: inline-block;
margin-right: 10px
}

#body-sns {
margin-bottom: 1em
}
#body-sns-twitter,
#body-sns-facebook,
#body-sns-hatena {
display: inline-block
}
#body-sns-twitter a:hover,
#body-sns-facebook a:hover,
#body-sns-hatena a:hover {
filter: opacity(0.8)
}

body > main > article > footer {
text-align: right;
margin: 1em 0;
border-bottom: 1px solid silver
}
body > main > article > footer ul,
body > main >  article > footer p {
margin-bottom: 1em
} 


body > main > article > div > p,
#body-single div p {
margin-bottom: 1em
}
body > main > article > div > p > img,
#body-single div p img {
margin-bottom: 10px
}

.comments-single {
margin-bottom: 4em
}

#body-footer {
margin-bottom: 3em
}

body > #foot {
padding: 10px 60px
}

body > main fieldset {
border: 0;
margin-bottom: 2em
}
body > main input {
width: 20em
}
body > main textarea {
width: 40em;
height: 15em
}
body > main button {
width: 10em;
padding: 0.2em 0
}

#body-mutual-rss {
margin-bottom: 3em;
overflow: auto;
height: 465px;
width: 728px
}

.body-pager {
margin-bottom: 2em
}
.body-pager li {
display: inline-block
}
.body-pager ol li,
.paging-first,
.paging-last,
.paging-next,
.paging-prev {
margin-right: 1em
}
.body-pager li a {
border: 1px solid silver;
display: inline-block;
padding: 0.5em
}
.body-pager li a:hover {
background-color: whitesmoke
}

.body-pager-article {
margin-bottom: 2em
}
.body-pager-article .prev-article {
float: left;
padding: 0 1em 0 0
}
.body-pager-article .next-article {
float: right;
padding: 0 0 0 1em
}
.body-pager-article ul:before,
.body-pager-article ul:after{
content: "";
display: table
}
.body-pager-article ul:after{ clear: both }
.body-pager-article ul{ zoom: 1 } /* For IE 6/7 */

.page-top {
    bottom: 20px;
    font-size: 12px;
    padding: 11px;
    position: fixed;
    right: 20px;
    opacity: 0.8;
text-align: center;
    text-decoration: none
}

.plugin-recent_articles .sidebody,
.plugin-news .sidebody {
margin-bottom: 0.3em;
padding-left: 15px;
background: no-repeat 0px 7px url("/img/web/dots.gif")
}

#mypopup {
background-color: #ffc;
border: 1px solid #bbb;
box-shadow: 3px 3px 3px #ccc;
color: #111;
display: none;
max-width: 750px;
min-width: 250px;
list-style-type: none;
padding: 5px 8px 8px;
position: absolute;
text-align: left
}
#comments-description {
background-color: #f6f6f6;
border: 1px solid silver;
margin-bottom: 2em;
padding: 0.5em
}
#comments-description p {
margin-bottom: 1em
}


.related-articles {
clear: both;
margin-bottom: 4em
}
.related-articles.with-image h3 {
    margin: 0 0 20px
}
.related-articles.with-image ul {
    list-style: none;
    margin: 0;
    padding-left: 0
}
.related-articles.with-image ul li {
    margin: 0 0 10px 0!important;
    padding: 0
}
.related-articles.with-image ul li a {
    display: table;
    min-height: 60px;
    padding: 0!important
}
.related-articles.with-image .related-article-image,
.related-articles.with-image .related-article-title {
    display: table-cell;
    vertical-align: middle
}
.related-articles.with-image .related-article-image {
    padding-right: 15px
}
.related-articles.with-image .related-article-title {
    width: 100%
}
.related-articles.with-image .related-article-image img {
    height: 60px
}
.related-articles.with-image .related-article-image.noimage {
    padding: 0
}

.related-articles.with-image ul li,
.related-articles.with-image ul li a {
    list-style: none!important;
    background: none!important
}
.related-articles.with-image ul li:before {
    content: ''
}


.calendartable {
margin-bottom: 1em;
width: 90%
}
.calendarhead {
	font-weight: bold;
	text-align: center
}
table.caltblwk .weekday {
	color: #666
}
table.caltblwk .sun {
	color: #ff5d5d
}
table.caltblwk .sat {
	color: #578efa
}
table.caltblday {
	color: #8d8d8d;
	border-collapse: separate;
	border-spacing: 1px
}
table.caltblday .caloff {
	background-color: #fff;
	border: 1px solid #e4e7e8
}
table.caltblday .calon {
	border: none
}
table.caltblday .calon a {
	background-color: #2e90c5;
	color:#fff;
display: block;
	height: 23px;
	line-height: 23px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.7)
}
table.caltblday .calon a:hover {
	background-color: #197bb0
}