@charset "utf-8";

/*************************************************************

 * Date : 15/06/2011
 * Template name : kQ007
 * Author : kenQsan
 * Author URL : http://kenqsan.com
 * Version: 1.0
 * Copyright kenQsan.com All Rights Reserved.
 * style.css
 
*************************************************************/

/* ::::::ブラウザ・デフォルトリセット::::::: */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* :::::::::::::::::::::::::::::::::::::::

    全体のスタイル
    
::::::::::::::::::::::::::::::::::::::: */

body{
    font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',sans-serif;
    background:#fff;
}
body:before{
    content: "";
    position: fixed;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
    box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}
h1 {
    font-size:140%;
    margin:20px 0
}
h2 {
    font-size:130%;
    margin:15px 0;
}
h3 {
    font-size:120%;
    margin:10px 0;
    padding:2px 10px;
    border-left:#222 solid 5px;
}
h4 {
    font-size:110%;
    margin:5px 0;
    font-weight:bold;
}
p {
    font-size:100%;
    margin:5px 0;
}
a,a:link,a:visited,a:hover,a:active { text-decoration:none}
a{
    color:#333;
}
a:hover{
    color:#666;
}
strong { font-weight:bold;}
a img{border:none;}

/* :::::::::::::::::::::::::::::::::::::::

    エントリー・エリア
    
::::::::::::::::::::::::::::::::::::::: */

#wrapper{
    width:950px;
    position:relative;
    color:#333;
    margin:0 auto;
}
#wrapper img{
    background:#FFF;
    padding:3px;
    border:#EEE solid 1px;
    margin:10px;
}
#wrapper img:hover{
    opacity:0.8;
    filter: alpha(opacity=80);
}
/*----- header -----*/

#header {
    height:auto;
    padding-top:10px;
}
#header-inner {
    position:relative;
    width:950px;
    height:150px;
    margin:0 auto;
}
/*----- ソーシャルボタン -----*/

#sns {
    margin:10px 5px;
    text-align:right;
}
/*----- #content -----*/

#content {
    width:700px;
    float:left;
    border:#222 solid 10px;
}
/*----- blogname -----*/

#blog-name a{
    font-size:38px;
    line-height:2em;
    font-weight:bold;
    text-shadow: 2px 2px 2px #aaa;
    font-family: 'Limelight','メイリオ','Meiryo','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',sans-serif;
}
#blog-name a:hover,
#wrapper .entry-title a:hover {
    color:#333;
    text-shadow:none;
}
#introduction {
    width:700px;
}

#wrapper .entry-date {
    font-family: 'Limelight','メイリオ','Meiryo','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',sans-serif;
    font-size:16px;
    line-height:2.2em;
    padding-left:10px;
}
#wrapper .entry-date a { color:#222;}
#wrapper .entry-date a:hover { color:#000;}
/*----- entry-title -----*/

#wrapper .entry-title {
    font-size:20px;
    line-height:2em;
    font-family: 'Limelight','メイリオ','Meiryo','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',sans-serif;
    margin:-10px 0 10px 0;
    padding-left:10px;
    background:#222;
}
#wrapper .entry-title a {
    color:#FFF;
    display:block;
}
#wrapper .entry-title a:hover {
    color:#EEE;  
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 20px #2220de, 0 0 20px #CFF, 0 0 20px #CFF, 0 0 20px #CFF, 0 0 20px #CFF;
}

/*----- article -----*/

#wrapper .article {
    margin-bottom:20px;
    text-align:justify;
    padding:15px;
}
#wrapper .article,
#wrapper .article p {
    line-height:1.8em;
    font-size:100%;
}
#wrapper .article a {
    text-decoration:underline;
    font-weight:bold;
    border:none;
}
#wrapper .article a img {
    border:none;
}

/*----- entry-body -----*/
#wrapper .entry-body {
    width:auto;
    height:auto;
    margin:10px 0;
}
#wrapper .entry-category{
    text-align:right;
    font-size:14px;
    width:auto;
    height:auto;
    line-height:2.5em;
    padding-right:10px;
}
#wrapper .entry-category a,
#wrapper .entry-state a {
    border-bottom:#333 dotted 1px;
    font-size:90%;
}
#wrapper .entry-category a:hover,
#wrapper .entry-state a:hover {
    border:none;
}
/*----- entry-more -----*/

#wrapper .entry-more {
    width:auto;
    height:auto;
    padding:10px;    
    margin:5px 0 20px 0;
    line-height:1.8em;
    font-size:12px;
}
/*----- entry-state -----*/

#wrapper .entry-state {
    width:auto;
    height:80px;
    text-align:right;
    margin-bottom:20px;
    line-height:2.2em;
    padding-right:15px;
}
/* ----pagetop---- */

#wrapper .pagetop{
    margin-left:10px;
    float:right;
	margin-bottom:20px;
}
#wrapper .pagetop a{
    border:none;
    width:30px;
    height:30px;
    display:block;
    background:url(https://blog-imgs-38-origin.fc2.com/h/e/a/heavymetalcheckbox/page-top.png) no-repeat;
}
#wrapper .pagetop a:hover{
    background:url(https://blog-imgs-38-origin.fc2.com/h/e/a/heavymetalcheckbox/page-top-h.png) no-repeat;
}
/* :::::::: サイドエリア :::::::: */

#side {
    width:220px;
    float:right;
    color:#666;
    font-size:80%;
    line-height:1.8em;
    border-right:#222 solid 10px;
    border-bottom:#222 solid 10px;
	border-left:#222 solid 10px;
	margin-left:-10px;
}
#side a:link,
#side a:visited {
    color: #666;
    text-decoration: none;
    padding:2px;
}
#side a:hover {
    color: #FFF;
    text-decoration: none;
    background:#222;
}
#side .plugin li {
    border-bottom:#DDD solid 1px;
}
#side .plugin li a{
    display:block;
}
#side .plugin input  {
	margin:5px 0;
 }
#side .plugin input:first-child {
    width:180px;
}
#side .plugin,
#side .plugin3 {
}
#side .linktitle,
#side .linktitle3 {
    font-size:110%;
    background:#222;
    padding:9px 5px 8px 5px;
    color:#FFF;
}
#side .linktext {
    padding:3px;
}
#side .linktext div a{
    display:block;
}
#side .linktext caption a{
    display:inline;
}
/* :::::::: カレンダー部分 :::::::: */

table.calender {
    font-size: 95%;
    margin: 0 auto;
    width: 95%;
}

table.calender caption {
    padding: 0 0 5px;
    text-align: center;
}

table.calender caption a {
    text-decoration: none;
}

table.calender th {
    border-bottom: 1px dotted #cccccc;
    font-weight: bold;
    padding: 0.1em;
    text-align: center;
}

table.calender td {
    padding: 0.1em;
    text-align: center;
}

table.calender td a {
    border: #222 solid 1px;
    color: #333!important;
    display: block;
    text-decoration: none;
}

table.calender td a:hover {
    background: #222!important;
    text-decoration: none;
    color:#fff!important;
}

table.calender th#sun {
    color: #222000;
}

table.calender th#sat {
    color: #0000ff;
}
/* :::::::: メニューアイコン部分 :::::::: */

#login a,
#rss a,
#twitter a,
#facebook a{
    display:block;
    width:35px;
    height:69px;
    position:absolute;
    top:65px;
}
#login a{
    right:190px;
    background:url(https://blog-imgs-38-origin.fc2.com/h/e/a/heavymetalcheckbox/login-kQ004.jpg) no-repeat left top;    
}
#rss a{
    right:130px;
    background:url(https://blog-imgs-38-origin.fc2.com/h/e/a/heavymetalcheckbox/rss-kQ004.jpg) no-repeat left top;
}
#twitter a{
    right:70px;
    background:url(https://blog-imgs-38-origin.fc2.com/h/e/a/heavymetalcheckbox/twitter-kQ004.jpg) no-repeat left top;
}
#facebook a{
    right:10px;
    background:url(https://blog-imgs-38-origin.fc2.com/h/e/a/heavymetalcheckbox/facebook-kQ004.jpg) no-repeat left top;
}
#login a:hover{
    background:url(https://blog-imgs-38-origin.fc2.com/h/e/a/heavymetalcheckbox/login-h-kQ004.jpg) no-repeat left top;
}
#rss a:hover{
    background:url(https://blog-imgs-38-origin.fc2.com/h/e/a/heavymetalcheckbox/rss-h-kQ004.jpg) no-repeat left top;
}
#twitter a:hover{
    background:url(https://blog-imgs-38-origin.fc2.com/h/e/a/heavymetalcheckbox/twitter-h-kQ004.jpg) no-repeat left top;
}
#facebook a:hover{
    background:url(https://blog-imgs-38-origin.fc2.com/h/e/a/heavymetalcheckbox/facebook-h-kQ004.jpg) no-repeat left top;
}

/* :::::::::::::::::::::::::::::::::::::::

    コメント・トラックバック・エリア
    
::::::::::::::::::::::::::::::::::::::: */

#comment-area h2,
#edit-area h2,
#trackback-area h2 {
    width:auto;
    height:auto;
    text-shadow: 0px 0px 1px #ccc;
    font-family: 'Limelight','メイリオ','Meiryo','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',sans-serif;
    font-size:22px;
    font-weight:500;
    line-height:1.5em;
    color:#fff;
    background:#222;
    padding-left:10px;
}
#comment-area dl,
#edit-area dl {
    width:auto;
    height:auto;
    padding:10px;
    margin:10px;
    line-height:2em;
    border:#EEE solid 1px;
}
#comment-title {border-bottom:#222 dotted 2px;}
#comment-area legend,
#edit-area legend {
    width:auto;
    height:32px;
    font-size:22px;
    font-family: 'Limelight','メイリオ','Meiryo','ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',sans-serif;
    line-height:1.3em;
    border-left:#222 5px solid;
    padding-left:10px;
}
#comment_form dt,
#edit-area dt {
    clear:left;
    float:left;
    line-height:2em;
    width:70px;
}
#comment_form dd,
#edit-area dd {
    margin-bottom:10px;
}
#comment_form #textLabel,
#edit-area #textLabel {
    float:none;
    width:auto;
}
#comment-form-area #passLabel,
#edit-form-area #passLabel {
    width:175px;
}
#comment_form #passLabel span,
#edit-area #passLabel span {
    font-size:12px;
}
#edit-area p {
    width:auto;
    text-align:right;
}
/* ----trackback---- */

#trackback-area p {
    margin:10px 0;    
}
#trackback-form-area {
    width:auto;
    height:auto;
    padding:10px;
    margin:10px;
    border:#EEE solid 1px;     
}
#trackback-form-area fieldset {
    width:auto;
    height:60px;
}
#trackback-form-area input {
    width:400px;
    margin:20px 0;
}
#trackback-form-area p {
    font-size:12px;
    text-align:right;
}
/* ----textarea/input---- */

textarea,
input {
    padding:2px;
    background:#FFF;
    border:#222 solid 1px;
}

/* ----#submit---- */

#submit input{
    cursor:pointer;
    background:#CCC;
    height:30px;
    width:100px;
    margin:20px 7px 0 0;
    padding-bottom:4px;
    color:#222;
    border:#222 solid 1px;
}
#submit input:hover{
    background:#222;
    color:#FFF;
    border:#222 solid 1px;
}

/* ----pagenavi---- */

#content .pagenavi {
    height:70px;
    margin-top:30px;
    color:#555;
    font-size:90%;
    text-align:center;
	line-height:2.5em;
}
#content .pagenavi a,
#content .pagenavi a:link {
    padding:4px;
    margin:5px;
    text-decoration: none;
    border: 1px solid #666;
    color: #333;
}
#content .pagenavi a:hover {
    text-decoration: none;
    border: 1px solid #666;
    color: #FFF;
    background:#222;
}
/* :::::::::::::::::::::::::::::::::::::::

    フッターエリア
    
::::::::::::::::::::::::::::::::::::::: */

#footer {
    clear:both;
    font-size:14px;
    width:100%;
    text-align:center;
    color: #666;  
    text-shadow: 0px 1px 1px #333;
    margin:15px auto 0px;
    height:80px;
    padding-top:30px;
}
#footer p{line-height:2em;}
.fc2_footer {
    margin:30px 0;
}
/* :::::::::::::::::::::::::::::::::::::::

    clearfix
    
::::::::::::::::::::::::::::::::::::::: */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */