/*  
Theme Name: greenlight
Theme URI: #
Description: Designed by Takuya Fujimi.
Version: 1.0
Author: Takuya Fujimi
Author URI: http://blog.wonder-boys.net/
*/


/* ========================= default ============================ */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/

/*stylereset*/
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*fontreset*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.8em;}

/*その他*/
* {
	margin:0;
	padding:0;
}

hr {
	display:none;
}

img {
	border:none;
}

ul {
	list-style: none;
}



/* ========================= base ============================ */

body { 
	width:100%;
	font-family:Verdana , MS UI Gothic , sans-serif;
	color:#333333;
	background:url("images/bg0001.gif") #000000 no-repeat center top;
}

div#container { 
	width:100%;
}

div#contents-out {
	width:924px;
	margin:0 auto;
}

div#contents {
	width:924px;
	margin-bottom:10px;
	border:#ADADAD 1px solid;
	background:url("images/bg0002.gif") #FFFFFF repeat-y right top;
	float:left;
}

div#side-more {
	width:120px;
	float:right;
}

div#main {
	width:600px;
	padding:25px;
	float:left;
}

div.main02 {
	width:590px;
	padding:5px;
	clear:both;
	float:left;
}

div#side {
	width:224px;
	padding:25px;
	float:right;
	color:#DBDBDB;
}

a {
	color:#338800;
}

a:hover {
	color:#62AC36;
}


.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clear{
 margin: 0;
 padding: 0;
 clear: both;
}

.clearall {
 clear: both;
 height: 0;
}

.clearleft {
 clear: left;
 height: 0;
}

.clearright {
 clear: right;
 height: 0;
}




/* ========================= head ============================ */

div#header {
	width:924px;
	margin:0 auto;
	padding:20px 0 0 0;
}

div.header-top {
	width:924px;
	padding:0 0 20px 0;
}

div#header p {
	display:inline;
	color:#FFFFFF;
	font-size:170%;
	font-weight:bold;
	padding:0 20px 0 0;
}

div#header h1 {
	display:inline;
	color:#DBDBDB;
}

div#header p a ,
div#header p a:visited ,
div#header p a:hover ,
div#header p a:active {
	color:#FFFFFF;
	text-decoration:none;
}

div#header ul {
	width:904px;
	background-image:url("images/gnavi_bg.png");
	padding:0 0 0 20px;
	font-size:114%;
}

div#header ul li {
	padding:15px;
	float:left;
}

div#header ul li a {
	color:#4BC500;
	text-decoration:none;
}

div#header ul li a:hover {
	color:#86D357;
	text-decoration:none;
}



/* ========================= main ============================ */

div#main div.detail {
	width:600px;
	clear:both;
	margin-bottom:10px;
}

div#main div.date {
	width:50px;
	float:left;
}

div#main div.date p.day {
	width:40px;
	color:#FFFFFF;
	padding:2px 5px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	background-color:#338800;
}

div#main div.date p.month {
	width:40px;
	color:#FFFFFF;
	padding:0 5px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background-color:#000000;
}

div#main div.date p.year {
	font-size:13px;
	text-align:center;
}

div#main div.cont {
	width:600px;
	padding:0 0 20px 0;
	margin:0 0 5px 0;

}

div#main div.cont div.h2-outer {
	width:600px;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	background:url("images/bg0003.gif") repeat-x left bottom;
}

div#main div.cont div.h2-outer h2{
	width:575px;
	font-size:140%;

}

div#main div.cont h2 a {
	color:#338800;
	text-decoration:none;
}

div#main div.cont h2 a:hover {
	color:#62AC36;
	text-decoration:none;
}

div#main ul.sub {
	width:600px;
	margin:0 0 25px 0;
}

div#main ul.sub li {
	width:590px;
	display:inline;
	padding:0 10px 0 0;
	font-size:83%;
}

div#main ul.sub span {
	font-weight:bold;
}

div#main ul.sub li a {
	color:#338800;
}

div#main ul.sub li a:hover {
	color:#62AC36;
}

div#main p.wrap {
	padding:20px 0 0 0;
	text-align:right;
	clear:both;
}

div#main p.wrap a {
	color:#338800;
	background:url("images/index_tlbg0004.gif") no-repeat 0 6px;
	padding:0 0 0 10px;
}

div#main p.wrap a:hover {
	color:#62AC36;
}

div#main p.wrap02 {
	padding:20px 0 10px 0;
	text-align:center;
	clear:both;
}

div#main p.wrap02 a {
	color:#338800;
	background:url("images/index_tlbg0004.gif") no-repeat 0 6px;
	padding:0 0 0 10px;
}

div#main p.wrap02 a:hover {
	color:#62AC36;
}

div#main p.comment a {
	color:#FFFFFF;
	font-size:83%;
	text-decoration:none;
	padding:5px 10px 5px 15px;
	background-color:#338800;
}

div.com-wrap {
	width:600px;
	margin:0 0 30px 0;
}

div.commentlist {
	background-color:#f9f9f9;
	border:#DBDBDB 1px solid;
	padding:10px 15px;
	margin:0 0 10px 0;
}

div.commentlist span {
	font-weight:bold;
}

div.comment-f {
	padding:10px 15px;
	border:#DBDBDB 1px solid;
	background-color:#F9F9F9;
}

div.comment-f input#author {
	width:300px;
	padding:3px;
	margin:0 0 10px 0;
}

div.comment-f textarea#comment {
	width:508px;
	height:80px;
	padding:3px;
	margin:0 0 10px 0;
}


div#main div.navi {
	/* padding:10px 0;
	background-color:#3b3b3b; */
	text-align:center;
}

div#main div.navi a {
	color:#338800;
}

div#main div.navi a:hover {
	color:#62AC36;
}

div#main p.date {
	background-color:#000000;
	margin:0 0 20px 0;
}

div#main p.date span {
	display:block;
	width:150px;
	font-weight:bold;
	background-color:#338800;
	padding:0 8px;
	color:#FFFFFF;
}

div#main a.more-link {
	color:#338800;
	padding:0 0 0 10px;
	background:url("images/index_tlbg0005.gif") no-repeat 0 7px;
}

div#main a.more-link:hover {
	color:#62AC36;
}

div.main02 p {
	width:620px;
	padding:5px 10px;
	text-align:center;
	background-image:url("images/bg0005.gif");
}

div.main02 p a {
	color:#DBDBDB;
}

div.main02 p a:hover {
	color:#FFFFFF;
}




/* ========================= side ============================ */

div#side a {
	color:#DBDBDB;
}

div#side a:hover {
	color:#FFFFFF;
}

div#side p.ph {
	border:#EBEBEB 5px solid;
}

div#side p.ph {
	margin:0 0 10px 0;
}

div#side dl dt {
	width:209px;
	font-weight:bold;
	background:url("images/index_tlbg0001.gif") no-repeat 0 3px;
	padding:0 0 5px 15px;
}

div#side dl dd {
	width:224px;
	padding:0 0 20px 0;
}

div#side h2 {
	width:224px;
	margin:0 0 10px 0;
	background:url("images/line0001.gif") repeat-x left bottom;
}

div#side h2 span {
	display:block;
	width:202px;
	font-size:114%;
	font-weight:bold;
	padding:0 0 2px 22px;
	margin:0 0 10px 0;
	background:url("images/index_tlbg0002.gif") no-repeat 0 4px;
}

div#side ul.link {
	width:224px;
	margin:0 0 20px 0;
}

div#side ul.link li {
	width:214px;
	padding:0 0 0 10px;
	background:url("images/index_tlbg0003.gif") no-repeat 0 9px;
}

div#side p.link02 {
	width:214px;
	margin:0 0 20px 0;
}

div#side p.link02 a {
	line-height:100%;
}

div#side p a.rss {
	padding:0 0 5px 20px;
	background:url("images/rss_btn.gif") no-repeat 0 1px;
}

div#side div.icons {
	width:100%;
	margin:0 0 20px 0;
}

div#side div.icons p {
	width:26px;
	hegiht:26px;
	text-indent:-9999px;
	margin:0 10px 0 0;
	float:left;
}

div#side div.icons p a {
	display:block;
	width:26px;
	height:26px;
}

div#side div.icons p.twitter a {
	background:url("images/twitter.gif") no-repeat 0 0;
}

div#side div.icons p.mixi a {
	background:url("images/mixi.gif") no-repeat 0 0;
}

div#side div.icons p.facebook a {
	background:url("images/facebook.gif") no-repeat 0 0;
}


/* ========================= foot ============================ */

div#footer {
	width:1054px;
	margin:0 auto;
	padding:0 0 30px 0;
	color:#8C8C8C;
	clear:both;
}

div#footer a ,
div#footer span {
	font-weight:bold;
	color:#8C8C8C;
}

div#footer a:hover {
	color:#FFFFFF;
}



/* ========================= other ============================ */

.space-bottom {
	padding-bottom:1em;
}

.space-bottom02 {
	padding-bottom:2em;
}

div.cont img {
	border:#EBEBEB 5px solid;
	margin:0 0 20px 0;
}

div.cont a.ph-no img ,
div.cont span.ph-no img{
	border:none !important;
	margin:0 0 20px 0;
}

.con-b {
	font-weight:bold;
}

div.af {
	margin:0 0 10px 0;
}



/* ========================= contents-in ============================ */

div.contents-in {
	font-size:114%;
}

div.contents-in p {
	padding:0 0 20px 0;
}

div.contents-in div.amazon {
	padding:0 0 20px 0;
}

div.contents-in div.amazon p img {
	margin:0 20px 10px 0;
        float:left;
}

div.contents-in div.amazon p {
	padding:0 0 0 0;
	margin:0 10px 0 0;
	font-size:80%;
}

div.contents-in ul {
	list-style:inherit;
	margin:0 0 20px 40px;
}

div.contents-in ul.p02 li {
	padding:0 0 1em 0;
}

div.contents-in ol {
	margin:0 0 20px 48px;
}

div.contents-in blockquote {
	width:531px;
	margin:0 auto;
	margin-bottom:20px;
	padding:10px;
	border-top:#DDDDDD 1px dashed;
	border-bottom:#DDDDDD 1px dashed;
	background-color:#F5F5F5;
}

div.contents-in blockquote p {
	padding:0 0 0 0;
}

div.contents-in pre {
	width:531px;
	margin:0 auto;
	margin-bottom:20px;
	padding:10px;
	font-size:83%;
	border-top:#E2EBEB 1px dashed;
	border-bottom:#E2EBEB 1px dashed;
	background-color:#EDF7F6;
	font-family:Verdana;
}

div.contents-in h3 {
	width:586px;
	font-size:114%;
	font-weight:bold;
	line-height:140%;
	border-left:#338800 5px solid;
	margin:0 0 20px 0;
	padding:0 0 5px 10px;
	background:url("images/line0001.gif") repeat-x left bottom;

}

div.contents-in table {
    width:100%;
    background-color:#CCCCCC;
    border-spacing:1px 1px;
	border-collapse:separate;
	margin:0 0 1em 0;
}

div.contents-in table th ,table td {
    border:#ffffff 1px solid;
    padding:5px;
}

div.contents-in table th {
    background-color:#f0ede4;
}

div.contents-in table td {
    background-color:#ffffff;
}

div.contents-in strong {
	font-weight:bold;
}


* html .iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}



/* ========================= パンクズ ============================ */

div.breadcrumb {
	padding:0 0 20px 0;
	color:#666666;
	font-size:83%;
}



/* ========================= パンクズ ============================ */

div.adsense {
	margin:0 0 20px 0;
}