@charset "UTF-8";

/*
Theme Name: ROKU STUDIO
Theme URI: http://roku.xxv.jp/
Description: Theme Of ROKU STUDIO
Author: Roku
Author URI: http://roku.xxv.jp/
*/


/*全体的なルール
------------------------------------------------------------------------------*/
*{
	margin:0;
	padding:0;
	line-height: 1.6;
}

Body {
	background: #151515;
	font-size:95%;
	font-family: Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color: #F7F7F7;	
}

a{text-decoration: underline;}
a:link,a:visited {color : #F7F7F7}
a:hover{color : #99ff00;}
a:active{color : #ccff00;}

img {border: none}

/*トップページ
------------------------------------------------------------------------------*/

#centerhome{
	width:400px;
	margin: 10% auto 0;
}

#centerhome ul{
	margin-top:15px;
	line-height:1.5;
	list-style:none;
	text-align: center;
}
#centerhome li{ display:inline; margin-right:10px;}
#centerhome li a{text-decoration:none; padding:5px;}


/*ヘッダー
------------------------------------------------------------------------------*/
#header {
	width: 800px;
	margin: 1em auto 0;
}

/*menu*/
#navigation {
	width: 800px;
	height: 30px;
	margin: 0 auto;
}

/*サイトタイトル用*/
#header h1 {
	font-family:"Century Gothic",sans-serif;
	font-weight: normal;
	font-size:35px;
	color: #F7F7F7;	
	padding: 5px 0;
}

#header h1 a {text-decoration:none; color: #F7F7F7;}
#header h1 a:hover{color : #99ff00}
#header h1 a:active{color : #ccff00}

/*ヘッダーナビ
------------------------------------------------------------------------------*/
/*longbar*/
#navibar {
	width: 100%;
	height: 3em;
	font-size: 1em;
	background: #FFCC00;
}

#navi, #navi ul {
	padding: 0;
	margin: 0 auto;
	list-style: none;
	line-height: 3em;
}

#navi a, #navi a:visited {
	padding: 0.3em 0.8em;
	background: #99FF00;
	border: 1px solid #151515;
	color: #151515;
}

#navi a:hover {
	font-size: 1.2em;
}

#navi a:active {
	background: #151515;
	border: 1px solid #99FF00;
	color: #99FF00;
}

#navi li {
	display:inline;
	margin:0 0.3em;

}


/*メインコンテンツ
------------------------------------------------------------------------------*/
#content {
	width:800px;
	margin:0 auto;
}

/*---Post(記事全体)----*/

.post{
}

.topnavi{
	margin: 1.5em 0px;
}

.postnavi{
	margin-bottom:20px;
}

.postnavi ul{
	list-style-type: none;
}

.postdate{
	font-family: "Century Gothic",Arial,Helvetica,sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #DCDCDC;
	padding: 5px 0;
}

.post h2{
	font-family:"Sans serif";
	font-size: 140%;
	line-height: 160%;
	padding: 5px 0;

}
.post h2 a {
	text-decoration:none;
}

.postmeta{
	border-bottom: 1px #DCDCDC solid;
	font-size: 85%;
	padding: 0.5em 2em;
	margin-bottom:2em;
}

/*---Entry(本文)----*/

.entry{
	margin: 1.5em 0;
}

.entry h3{
	font-family:"Sans serif";
	font-weight:bold;  
	font-size: 125%;
	margin:2em 0 0.5em;
	padding:0.25em 0 0.25em 1em;
	border-left:8px solid;
	border-bottom:1px solid;
}
.entry h3 a {
	text-decoration:none;
}

.entry h4{
	font-family:"Sans serif";
	font-weight:bold;  
	font-size: 100%;
	margin:2em 0 0.35em;
	padding:0.25em 0 0.25em 1em;
	border-left:#F7F7F7 8px solid;
}
.entry h4 a {
	text-decoration:none;
}

.entry h5{
	font-family:"Sans serif";
	font-weight:bold;
	font-size: 100%;
	margin:2em 0 0.2em;
	padding:0.25em 0 0.25em 1em;
}

.entry h5 a {
	text-decoration:none;
}

.entry p {
	margin-top:1.5em;
}

.entry img {
	margin-top:1.5em;
}


/*list*/
.entry ul {
	margin:0.8em 0 0.8em 1.5em;
	padding-left: 0.5em;
}
.entry ol {
	margin:0.8em 0 0.8em 1.5em;
	padding-left: 0.5em;
}
.entry li {
	padding: 0.2em;
}

/*dl (normal)*/
.entry dl {  
	margin:1em 0;
}  
.entry dt {  
	padding:0.3em 0 0.3em 0.8em;  
	font-weight:bold;  
}  
.entry dd {  
	margin-left:0.8em;  
	padding:0.3em 0 0.3em 0.8em;  
}  

/*dl (float)*/
.entry dl.float {
	margin:1em 0;
	padding: 0;
}
.entry dl.float dt {
	float: left;
	font-weight:bold;  
	margin: 0;
	padding:0.3em 0 0.3em 0.8em;  
	width: 7.5em;
}
.entry dl.float dd {
	margin-left:7.5em; /*=dl_width*/
}

/*
Table
caption:table tittle
tr:Table Row (行)
th:Table Header
td:Table Data
*/
.entry table {
    border: 1px #F7F7F7 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

.entry table caption {
	font-weight: bold;
}

.entry table th {
    padding: 0.3em;
    background-color: #333333;
    border:1px #F7F7F7 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

.entry table td {
    padding: 0.3em;
    border: 1px #F7F7F7 solid;
    border-width: 0 0 1px 1px;
}

/*hr*/
.entry hr {
	border:#F7F7F7 1px solid;
	margin:0.7em 0;
}

/*blockquote*/
.entry blockquote {
	padding:1em;
	margin:1em auto;
	border:0.25em solid #DCDCDC;
	background:#F7F7F7;
	color:#151515;
}

.entry blockquote p {
	margin: 0;
	padding:0;
}

/*code*/
.entry pre {
	padding: 1em;
	margin:1em auto;
	overflow:auto;
	border:0.25em solid #DCDCDC;
	background:#F7F7F7;
	color:#151515;
	white-space: pre-wrap;
	/* 各ブラウザへの対応↓
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;*/
	
	
}

.entry code{
	font-size:85%;
	font-family:"courier new",courier, monotype;
}

.entry blockquote a, .entry pre a, .entry code a { color:#151515; text-decoration: underline;}
.entry blockquote a:hover, .entry pre a:hover, .entry code a:hover {color : #99ff00;}
.entry blockquote a:active, .entry pre a:active, .entry code a:active {color : #ccff00;}

/*---------------- コメント・トラックバック-------------------- */
#commenterea {
}

/*コメント*/
#comments{
	padding: 0;
}

#comments h3 {
	font-family:"Sans serif";
	font-weight:bold;  
	font-size: 110%;
	padding: 5px;
	margin-top:1em;
	margin-bottom:1em;
}

.commentlist {
	list-style-type: none;
}

.commentlist li {
	margin: 0 0 1em;
	padding: 1em 1em 0.3em ;
	border: 1px solid #333333;
}

#commentform{
}

input#author,input#email,input#url{
	width:40%;
	padding:0.2em 0;
	margin:0.25em 0;
}

textarea#message {
	width:100%;
	margin:0.25em 0;
}

input#commentsubmit {
	padding:0.1em 10%;
	text-align:center;
}


/*トラックバック*/
#trackback {
	padding: 0;
}

#trackback h3 {
	font-family:"Sans serif";
    font-weight:bold;  
	font-size: 110%;
	padding: 5px;
	margin-top:1em;
	margin-bottom:1em;
}

.trackbacklist {
	list-style-type: none;
}

.trackbacklist li {
	margin: 0 0 1em;
	padding: 1em 1em 0.3em ;
	border: 1px solid #333333;
}

.trackbacklist  p {
	display:inline;
}

input#tburl{
	font-size: 95%;
	padding:0.2em 0.5em;
	color: #151515;
	font-family:"courier new",courier, monotype;
}

/*wp_commentlist()*/

.fn{
	font-size:120%;
	font-style:normal;
}
.says{
	font-size:70%;
}
.comment-meta,.commentmetadate{
	font-size:70%;
	color:#333333;
	margin-bottom:0.5em;
}

p.nocomments{
	color: #DCDCDC;
}


/*記事ナビゲーション用*/
.lr_navi {
	font-size: 85%;
	padding:0 1em;
	margin:1em 0;
}
.alignleft {
	text-align: left;
	float:left;
}
.alignright {
	text-align: right;
}

/*フッター
---------------------------------------------------------------------------------*/
#footer_erea {
	width:100%;
	background: #FFCC00;
}

.innerfooter {
	width:800px;
	margin: 0 auto;
	padding-top:20px;
	color:#151515;
}

.innerfooter a{text-decoration: none;}
.innerfooter a:link,.innerfooter a:visited{color : #333333;}
.innerfooter a:hover{color :  #99ff00;}
.innerfooter a:active{color : #ccff00;}

.innerfooter h3{
	font-family:"Sans serif";
	font-weight:bold;  
	font-size: 110%;
	padding: 5px;
}

.innerfooter ul {
  list-style-type: none;
}

.innerfooter ul li {
  list-style-type: square;
  margin: 0 0 2px 1.5em;
  padding: 1px 0 0 0;
}

.footbox_box{
	float:left;
	width:440px;
}

.footbox_ml{
	float:left;
	width:220px;
	padding-bottom:20px;
}

.footbox_mr{
	float:right;
	width:220px;
	padding-bottom:20px;
}

.footbox_wide{
	clear:both;
	width:450px;
	padding-bottom:20px;
}

.footbox_side{
	float:right;
	width:300px;
	padding-left:20px;
}

.footbox_side_parts{
	margin-bottom:20px;
}

#footer{
	clear:both;
	padding:1em 0;
	text-align: center;
}

/*---------------searchform---------------------*/

#searchform {
	margin-left:1em; 
	}

#searchform #s {
	width: 120px;
	padding: 0.2em;
	}

#searchsubmit {
	padding: 1px;
	}


/*--------------検索結果ページ--------------*/
.announce {
	text-align: center;
}

.retry {
	text-align: center;
	margin:7em 0 ;
}


/*------汎用的なクラス------*/

/*機能：目立つ文字色にする*/
.colored { color:#FF33CC; }

/*機能:bold*/
.bold {font-weight:bold;}

/*borderで囲む(背景と同系色の画像などに使用)*/
.bordered { border:1px solid #F7F7F7 ;}

/*汎用margin(記事内用)*/
p.mtop { margin-top:2em ;}
p.mbottom,img.mbottom { margin-bottom:2em;}

/*ランダムイメージプラグイン用*/
.randomimg {
    margin-top:5px;
    margin-right:5px;
    height:100px;
}

/*book*/
.book,
.amazlet-box {
	padding:1em;
	margin:1em auto;
	border:0.25em solid #DCDCDC;
	background:#F7F7F7;
	color:#151515;
}
.book a,.amazlet-box a{ color:#151515; text-decoration: underline;}
.book a:hover,.amazlet-box a:hover{color : #99ff00;}
.book a:active,.amazlet-box a:active{color : #ccff00;}