/* =============================== common == */
body {
margin : 0px;
background: #F0E0CC;
text-align:center;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrapper {
margin: 0 atuo;
min-width: 320px;
max-width: 768px;
text-align: left;
}

a img {
border : 0px;
vertical-align: middle;
}

h3 {
margin : 0px;
padding: 3px 5px;
color : white;
background-image : url(/common/css/heading.png);
padding : 3px;
}

ul {
margin-left : 0px;
}

div.list {
margin: 10px 0 10px;
padding: 0 10px;
}
div.list h1,
div.list h2,
div.list h3,
div.list h4 {
margin: 0px;
padding: 3px 5px;
color: white;
background-image: url(/common/css/heading.png);
}

span.arrow {
color: #FF6600;
font-size: small;
}
/*---------------------- btn --*/
a.btn {
display: block;
color: #333;
text-decoration: none;
padding: 8px 8px;
border: 1px solid #999;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
background: #CCC;
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.05, #EEE), to(#CCC));
background: -moz-linear-gradient(top, #FFF, #EEE 5%, #CCC);

}
a.btn-round {
border-radius: 10px;
}
a.btn-text-center {
text-align: center;
}
a.btn-inline {
display: inline-block;
}
a.btn-white {
color: #333;
border: 1px solid #CCC;
background: #F9F9F9;
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.05, #F9F9F9), to(#EEE));
background: -moz-linear-gradient(top, #FFF, #F9F9F9 5%, #EEE);
}
a.btn-red {
color: #FFF;
border: 1px solid #880000;
background: #DD3333;
background: -webkit-gradient(linear, left top, left bottom, from(#FF9999), color-stop(0.05, #DD3333), to(#CC0000));
background: -moz-linear-gradient(top, #FF9999, #DD3333 5%, #CC0000);
}
a.btn-green {
color: #FFF;
border: 1px solid #6caa00;
background: #9dd53a; /* Old browsers */
background: -moz-linear-gradient(top, #9dd53a 0%, #7cbc0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #9dd53a 0%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #9dd53a 0%,#7cbc0a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #9dd53a 0%,#7cbc0a 100%); /* IE10+ */
background: linear-gradient(to bottom, #9dd53a 0%,#7cbc0a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
zoom: 1;
}
a.btn-yellow {
color: #331100;
border: 1px solid #CCCC00;
background: #F6F011;
background: -webkit-gradient(linear, left top, left bottom, from(#FFFF99), color-stop(0.05, #F6F011), to(#EEAA22));
background: -moz-linear-gradient(top, #FFFF99, #F6F011 5%, #EEAA22);
}

/* =============================== blog-header == */
#blog-header {
}
#blog-logo {
text-align: center;
color: #FFF;
background: #000;
}
#blog-logo img { vertical-align: middle; }
#blog-author {
text-align: center;
color: #FFF;
background: #960;
font-size: small;
}

#blog-title { 
/*border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius:5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
padding: 8px;
background: #930;*/
color: #FFF;
}
#blog-title h1,
#blog-title h2, 
#blog-title h3 {
margin: 0;
font-size: 12px;
text-align: center;
}
#entry-title {
/*border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;*/
padding: 8px;
background: #F49021;
color: #FFF;
}
#entry-title h1,
#entry-title h2,
#entry-title h3 {
margin: 0;
font-size: 16px;
text-align: center;
}
/* =============================== navi == */
#navi { 
margin: 0 0 10px;
text-align: center;
background: #F6F011;
background: -webkit-gradient(linear, left top, left bottom, from(#FF9), color-stop(0.05, #F6F011), to(#EA2));
background: -moz-linear-gradient(top, #FF9, #F6F011 5%, #EA2);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
#navi a.navi-new { width: 18%; }
#navi a.navi-menu { width: 25%; }
#navi a.navi-backnumber { width: 38%; }


#contents div.entry,
#contents div.share,
#contents div.comments,
#contents div.comment-form,
#contents div.pagenavi,
#contents div.bloginfo,
div.register { padding: 0 10px 10px; }



/* =============================== comment == */

#contents div.comment {
margin: 3px 0 3px;
padding: 5px;
background: #FFF;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#contents div.comment div.comment-info {
text-align: right;
}
/* =============================== comment-form == */

div.comment-form div.inputtext {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #999;
background: #FFF;
}
div.comment-form div.textarea {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #999;
background: #FFF;
}
div.inputtext input[type=text],
div.textarea textarea {
border-style: none;
    border-color: inherit;
    border-width: 0;
    -webkit-appearance: none;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    padding-left: 5px;
    width: inherit;
width: 99%;
    height: 100%;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
background: transparent;
    font-weight: bold;
    font-size: 30px;
}

input.input-submit,
input.input-button,
input[type=submit],
input[type=button] {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
box-shadow: 1px 1px 2px #E7E7E7;
-webkit-box-shadow: 1px 1px 2px #E7E7E7;
-moz-box-shadow: 1px 1px 2px #E7E7E7;
text-shadow: 0 -1px 1px white, -1px 0 1px white, 1px 0 1px #AAA;
-webkit-text-shadow: 0 -1px 1px white, -1px 0 1px white, 1px 0 1px #AAA;
-moz-text-shadow: 0 -1px 1px white, -1px 0 1px white, 1px 0 1px #AAA;
padding: 6px 20px;
text-align: center;
font-size: 1.2em;
background: #FFF;
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.05, #F0F0F0), to(#CCC));
background: -moz-linear-gradient(top, #FFF, #F0F0F0 5%, #CCC);
/*
background: -webkit-linear-gradient(top, #fff, #f0f0f0 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
background: -moz-linear-gradient(top, #fff, #f0f0f0 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
background: -o-linear-gradient(top, #fff, #f0f0f0 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
background: -ms-linear-gradient(top, #fff, #f0f0f0 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
background: linear-gradient(top, #fff, #f0f0f0 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);*/
}

/* =============================== pagenavi == */
div.pagenavi {
overflow: auto;
font-size: small;
}
div.pagenavi-left {
float: left;
width: 50%;
background: #FCC;
}
div.pagenavi-right {
float: right;
width: 50%;
background: #FCC;
}

div.pagenavi-number {
clear: both;
margin: 5px 10px;
padding: 3px;
text-align: center;
font-size: small;
}

/* =============================== bloginfo == */

#contents div.bloginfo a.btn {
margin-bottom: 0px;
}
#contents div.bloginfo a.btn img {
vertical-align: middle;
}
#contents div.bloginfo a.blog-link {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
#contents div.bloginfo a.btn.category-link {
}
#contents div.bloginfo a.btn:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}

/*=============================== payBlogBanner ==*/
#payBlogBanner { margin:10px 0 10px; }
#payBlogBanner a.btn { padding:8px 0; }

/* =============================== footer == */
#blog-footer {
margin: 10px 0 0;
padding: 5px;
background: #6C3D1F;
text-align: center;
}

hr.bar {
    border: 0;
    border-bottom: 4px dotted #ccc;
    background: #999;
}

ul.photo{
padding-left: 0px;
}

#sendAdminArea{
	font-size: 0.8em;
margin-left: auto;

width:12em;
padding-top:0.1em;
padding-bottom:0.1em;
text-align:center;
border:1px solid;
border-color:#aaaaaa #444444 #444444 #aaaaaa;
background:#a1da88;
margin-bottom: 0.5em;

}

#sendAdminBtn{
text-decoration: none;

}