/*

Theme Name: matome_D Green
Version: 1.000
Author: Internal Corp.
Author URI: http://www.internal.co.jp

*/

/* fonts
--------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Exo:400,100,100italic,400italic,500,700,700italic);

p{
line-height:150%;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active{
}
a:visited{

}


/* color scheme
--------------------------------------------------*/
.popular{
border:solid 3px #289556;
}
.view{
border-color: transparent #289556;
}
.popular_text{
background-color:rgba(40, 149, 86, 0.7);
}

#nav .menu,
h2.rss,
h2.entry,
#footer,
.widget h2,
.popular,
.postviews{
background:#289556;
}
#nav .menu a,
h2.entry,
h2.entry a,
#footer-copy,
#footer-copy a,
.widget h2,
.popular_link,
h2.rss{
color:#fff;
}
.head_rss,
.head_news,
#content{
border:solid 3px #289556;
}


/* structure
--------------------------------------------------*/
body{
}
#wrapper{
width:1100px;
margin:0 auto;
padding:15px;
border-right:solid 3px #ccc;
border-left:solid 3px #ccc;
overflow:auto;
background:#fff;
}
#header{
}
#nav{
margin:5px 0;
clear:both;
}
#head_content{
}
#main_wrapper{
margin:15px 0 0 0;
clear:both;
}
#left_wrapper{
width:170px;
float:left;
margin-top: 16px;
}
#right_wrapper{
width:170px;
float:left;
margin-top: 3px;
}
#footer{
clear:both;
padding:15px;
}

/* header
--------------------------------------------------*/
.header_left{
width:360px;
float:left;
margin:0 0 15px 0;
}
.header_right{
width:728px;
float:right;
}

/* view post------*/
.popular{
width:139px;
float:left;
margin:0 0 15px 0;
position:relative;
}
.popular img{
width:139px;
}
.view{
position: absolute;
width: 0;
height: 0;
top:0;
border-style: solid;
border-width: 0 0 75px 75px
display:none;
}
.viewnum {
position: relative;
right: 70px;
top: 10px;
color: white;
font-weight: bold;
font-size: 14px
}
.popular_text{
height:30px;
padding:5px;
width:130px;
font-size:11px;
position: absolute;
top: 100px;
overflow:hidden;
line-height:120%;
}
.popular_link{
}

/* nav
--------------------------------------------------*/
#nav .menu{
padding:15px 80px;
overflow:auto;
}
#nav .menu a{
font-size: 1.1em;
font-weight: bold;
}
#nav li a:hover{
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
opacity:0.8;
} 
#navul{
}
#nav li{
float: left;
position: relative;
width: 120px;
text-align: center;
border-right: 0.1px solid #fff;
}

/* head content
--------------------------------------------------*/
.head_ad{
width:300px;
float:left;
}
.rss_content{
width:384px;
float:right;
margin:0 0 15px 0;
}
.head_rss{
overflow-y:scroll;
height:218px;
}
h2.rss{
padding:5px;
text-align:center;
}
.head_news{
width:384px;
float:right;
margin:0 3px 15px 0;
}
.head_news_content{
overflow-y:scroll;
height:193px;
padding:15px 5px 10px 5px;
}
.head_news h3{
font-size:13px;
line-height:120%;
margin:0 0 5px 0;
}

/* main content
--------------------------------------------------*/
#center_wrapper{
width:728px;
margin:0 16px;
float:left;
}
#content{
margin:0 0 15px 0;
}
#content img{
max-width:693px;
height:auto;
}
h2.entry{
padding:10px 10px 5px;
margin:0 0 10px 0;
font-size:18px;
}
h2.entry a{
}
.post_inner{
padding:5px 10px 15px 15px;
overflow:auto;
overflow-x:hidden;
}
#contentholder{
margin:0 0 15px 0;
}
.more-link{
border:1px solid #34740e; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px;font-family:tahoma, verdana, arial, sans-serif; padding: 4px 23px 4px 23px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #4ba614; background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008C00));
 background-image: -webkit-linear-gradient(top, #4ba614, #008C00);
 background-image: -moz-linear-gradient(top, #4ba614, #008C00);
 background-image: -ms-linear-gradient(top, #4ba614, #008C00);
 background-image: -o-linear-gradient(top, #4ba614, #008C00);
 background-image: linear-gradient(to bottom, #4ba614, #008C00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008C00);
}
.more-link:hover{
 border:1px solid #224b09;
 background-color: #4BA614; background-image: -webkit-gradient(linear, left top, left bottom, from(#4BA614), to(#06AB00));
 background-image: -webkit-linear-gradient(top, #4BA614, #06AB00);
 background-image: -moz-linear-gradient(top, #4BA614, #06AB00);
 background-image: -ms-linear-gradient(top, #4BA614, #06AB00);
 background-image: -o-linear-gradient(top, #4BA614, #06AB00);
 background-image: linear-gradient(to bottom, #4BA614, #06AB00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4BA614, endColorstr=#06AB00);
}
#metarea{
font-size:12px;
}
#metarea ul li{
margin:0 0 5px 0;
}
.navigation{
margin:0 0 15px 0;
}

/* comment
--------------------------------------------------*/
#respond{
}
#respond input{
width:600px;
margin:0 0 30px 0;
}
#respond textarea{
width:600px;
margin:0 0 30px 0
}
.form-allowed-tags{
display:none;
}
.comments-area {
background:#efefef;
padding: 7.6923%;
}
li.comment{
margin:0 0 30px 0;
border-bottom:solid 1px #ccc;
font-size:12px;
padding:0 0 15px 0;
}
li.comment p{
margin:20px 0;
}
li.comment{
font-size:12px;
}

/* widget
--------------------------------------------------*/
.widget ul{
margin:10px 0;
}
.widget li{
font-size:12px;
line-height:120%;
margin:0 0 10px 0;
}
.widget h2{
padding:5px;
margin:0 0 10px 0;
text-align:center;
font-size:14px;
}
div #searchform {
width: 100%;
margin: 5px 0;
}
div #searchform div {
height: 40px;
}
div #searchform input {
float: left;
}
div #searchform label {
width: 100%;
}
div #searchform input[type="text"] {
width: 70%;
}
div #searchform input[type="submit"] {
width: 25%;
}

/* footer
--------------------------------------------------*/
.footer_contents{
}
#footer-copy{
font-size:12px;
text-align: center;
}
#footer-copy a{
font-size:12px;
text-decoration:underline;
margin: 0 auto;
}

.gazo:hover{
    float:left;
    border:solid 5px #3CF;
    border-image: initial;
}
.gazo{
    float: left;
    border: solid 5px #3D3E3C;
    border-image: initial;
}
.moji{
    width: 160px;
    float: left;
    padding: 2px 6px 10px 10px;
    font-size: 13px;
    font-weight: bold;
    line-height: 120%;
    text-shadow: 2px 2px 3px #CCC;
    border-bottom: none;
    background-color: #fff !important;
}
/ RSS /
.rss {
background: #fff;
width: 540px;
height: 280px;
float: left;
overflow: auto;
margin: 2px 4px 0px 3px;
pading: 1px 2px
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
border-bottom: 1px solid #d7d7d7;
}

.rss2 {
background: #fff;
width: 540px;
height: 280px;
float: left;
overflow: auto;
margin: 2px 4px 0px 3px;
pading: 1px 2px
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
border-bottom: 1px solid #d7d7d7;
}

.rss-article {
border: 1px solid #eee;
margin-bottom: 50px;
}

.blogroll-channel,
.blogroll-channel * {
width: auto;
height: auto;
margin: 0;
padding: 0;
border: none;
text-align: left;
}
.blogroll-channel {
margin-bottom: 0px;
padding: 0px;
background: #fff;
}

.blogroll-channel .blogroll-list-wrap {
margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
list-style-type: none;
margin-bottom: 3px;
font-size: 12px;
line-height: 1.3;
}

.blogroll-channel .blogroll-list img {
vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
width: 16px;
height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
margin-left: 5px;
color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
margin: 0 0 0 3px;
color: #666;
font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
display: block;
margin-top: 5px;
color: #666;
font-size: 12px;
}
.blogroll-category-name {
font-size: 15px;
background: #289556;
color: #fff;
padding: 10px;
}

body {
font-family: Lato, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}