@charset "Shift_JIS";

/*------------------------------------------------
 * Theme Name: The HAM MEDIA Design var2
 * Description: This theme uses THE HAM MEDIA.
 * Author : Hiromu Hasegawa (@h2ham)
 * Version: 2.0
 * Copyright 2010 THE HAM MEDIA All Rights Reserved.
 *
----------------------------------------------------*/

/*	01:CSS Reset (Use YUI)
================================================*/

/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-style: normal;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

fieldset,img{
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style: normal;
	font-weight: normal;
}
li{
	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;
	font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input,textarea,select{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	vertical-align:middle;
}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}

/*	02:Adjust
================================================*/
body{
	margin: 0 auto;
	padding:0;
	background: #top-flicker-img;
	background: -webkit-gradient(linear, center top, center bottom, from(#2772C5), to(#234487)) fixed;
	background: -moz-linear-gradient(top, #2772C5, #234487) fixed;
	color:#222222;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
}

* html body {/*For IE6*/
	font-size: 62.5%;
	font-family: 'ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;
}

*:first-child+html body {/*For IE7*/
	font-size: 62.5%;
	font-family: 'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;
}

/*Default Link*/
a	{color:#234487; text-decoration:none;outline: none;}
a:visited	{color:#234487; text-decoration:none;}
a:hover	{color:#ff1493; text-decoration:none;}
a:active {color:#ff1493; text-decoration:none;}

/*Link Style*/
a.ulink{text-decoration:underline;}


img{
	vertical-align: bottom;
}

ins{
	display:block;
	margin:10px 0 10px 5px;
	padding-left: 5px;
	line-height:1.8;
	text-decoration:none;
	border-left: 3px dashed #7fbfff;
}

strong,em{
	font-weight:bold;
}

ins:first-line {
	font-weight:bold;
}

::selection{
	background:#234487;
	color:#fff;
}

::-moz-selection{
	background:#234487;
	color:#fff;
}

/*Clearfix*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#YOOPP{
	display: none;
}

/*	03:Top Bar
================================================*/
header{
	background: #ffffff;
	background: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#ffffff));
	background: -moz-linear-gradient(top, #f0f0f0, #fff);
	text-align:left;
	box-shadow: inset 0px 0px 5px #333;
	-webkit-box-shadow: inset 0px 0px 5px #333;
	-moz-box-shadow: inset 0px 0px 5px #333;
}

#top-bar{
	position:relative;
	height:40px;
	background: #333333;
	background: -webkit-gradient(linear, center top, center bottom, from(#101010), to(#404040));
	background: -moz-linear-gradient(top, #101010, #404040);
	border-bottom: 1px solid #fff;
	box-shadow: 0px 1px 3px #000;
	-webkit-box-shadow: 0px 1px 3px #000;
	-moz-box-shadow: -3px 1px 3px #000;
	z-index:100;
}

#top-bar-inner{
	width:960px;
	margin: 0 auto;
}

#top-bar-inner ul{
	z-index:99;
}
#top-bar-inner ul li{
	float:left;
}

#top-bar-inner ul li.first-child{
	position: relative;
	float: left;
	width:70px;
	display: block;
	margin: 6px 0 0 0;
	padding: 6px 12px 10px 12px;
	color:#ffffff;
	font-size:140%;
	text-align:center;
}

#top-bar-inner ul li a{
	position: relative;
	display: block;
	margin: 6px 0 0 0;
	padding: 6px 12px 10px 12px;
	color:#ffffff;
	font-size:140%;
	text-align:center;
}

#top-bar-inner ul li:hover,
#top-bar-inner ul li a:hover{
	background: #000;
	border-radius: 3px;	
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
}

#top-bar-inner ul li ul{
	position: absolute;
	top: 30px;
	left:0;
	display: none;
	box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
	-moz-box-shadow:1px 1px 3px #000;
}

#top-bar-inner ul li ul li{
	float: none;
	margin: 0;
	padding: 0 0 0 0;
	font-size:100%;
}

#top-bar-inner ul li ul li a{
	float: none;
	margin: 0;
	padding: 10px;
	background-color: #000;
	color: #fff;
	opacity: 0.8;
	border-bottom:1px solid #ccc;
	font-size:100%;
}

#top-bar-inner ul li a:visited	{color:#fff; text-decoration:none;}
#top-bar-inner ul li a:hover	{color:#ff1493; text-decoration:none; text-shadow: 1px 1px 1px #666;opacity: 1.0;}
#top-bar-inner ul li a:active {color:#ff1493; text-decoration:none; text-shadow: 1px 1px 1px #666;opacity: 1.0;}

form#cse-search-box div{
	padding: 10px 0 0 0;
	float:right;
}
form#cse-search-box div .cse-search-box-text{
	padding:2px 5px;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border:2px solid #EDF1FA;
}
form#cse-search-box div .cse-search-box-text:focus{
	border:2px solid #ff1493;
}
form#cse-search-box div .cse-search-box-submit{
	border:1px solid #999;
    padding: 2px 8px;
    color: #fff;
    cursor: pointer;
	background: #234487;
	background: -webkit-gradient(linear, center top, center bottom, from(#2772C5), to(#234487));
	background: -moz-linear-gradient(top, #2772C5, #234487);
	box-shadow: 1px 1px 1px #505050;
	-webkit-box-shadow: 1px 1px 1px #505050;
	-moz-box-shadow: 1px 1px 1px #505050;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 1px 1px 3px #202020;
    _zoom: 1;
}
form#cse-search-box div .cse-search-box-submit:hover{
	background: #ff1493;
	background: -webkit-gradient(linear, center top, center bottom, from(#234487), to(#ff1493));
	background: -moz-linear-gradient(top, #234487, #ff1493);
}


/*	04:Header
================================================*/
#header-inner {
	width:960px;
	margin: 0 auto;
	overflow: hidden;
}

#header-inner h1{
	float: left;
	padding:50px 0 100px;
	font-size:650%;
	z-index:1;
	font-family: 'Vollkorn', arial, serif;
	text-align:left;
	text-shadow: 3px 3px 5px #bbb;
}

#header-inner h1 a	{
	color:#333333;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
}

#header-inner h1 a:hover {
	text-shadow: 3px 3px 5px #666;
}

#header-inner ul{
	float: right;
	overflow: hidden;
}

#header-inner ul#nav-btn li{
	float: left;
	padding: 32px 0 0 10px;
	width: 64px;
	height: 77px;
}

#header-inner ul#nav-btn li a{
	display: block;
	width: 64px;
	height: 77px;
	background: url(http://h2ham.up.seesaa.net/image/icons_btn.png) no-repeat 0 0;
	text-indent: -9999px;
}

#header-inner ul#nav-btn li#icon_twi a{background-position: 0 0;}
#header-inner ul#nav-btn li#icon_fb a{background-position: -64px 0;}
#header-inner ul#nav-btn li#icon_feed a{background-position: -128px 0;}

#header-inner ul#nav-btn li#icon_twi a:hover{background-position: 0 -77px;}
#header-inner ul#nav-btn li#icon_fb a:hover{background-position: -64px -77px;}
#header-inner ul#nav-btn li#icon_feed a:hover{background-position: -128px -77px;}




/*	05:Wrap Box
================================================*/
#wrapper{
	position:relative;
	border-bottom: 1px solid #000;
	z-index:90;
}

#wrapinner{
	background: url(http://h2ham.up.seesaa.net/image/bg_dia.png) repeat 0 0;
	_background: none;
}
#wrapinner:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#container{
	display:block;
	margin:-50px auto 0;
	*margin:1px auto 0;
	padding: 30px 0;
	width:960px;
	color:#000;
	background-color:#fff;
	border-top-left-radius: 10px;  
	border-top-right-radius: 10px;	
	-webkit-border-top-left-radius: 10px;  
	-webkit-border-top-right-radius: 10px;  
	-moz-border-radius-topleft: 10px;  
	-moz-border-radius-topright: 10px;  
	
	box-shadow: 0px 0px 5px #000;
	-webkit-box-shadow: 0px 0px 5px #000;
	-moz-box-shadow: 0px 0px 5px #000;
}


/*	06:Content
================================================*/

section#main-content {
	display:block;
	margin:0 30px 0 0;
	padding-left:30px;
	float:left;
	width:520px;
	text-align:left;
}

section#main-content div.navi{
	margin-bottom:20px;
	line-height:1.3;
	font-size:130%;
}

article{
	margin: 0 0 30px 0;
}
article:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
article header{
	overflow: hidden;
	background: #ffffff;
	text-align: left;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	_zoom:1;
}
article header:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
article header time{
	float:left;
	margin:10px 10px 5px 0;
	color: #234487;
}
article header .hatebu_count{
	float:left;
	margin:10px 5px 5px 0;
}
article header .twitter-share-button{
	float:left;
	margin:5px 5px 5px 0;
	width:100px !important;
}
article header .facebook_btn{
	float:left;
	margin:5px 5px 5px 0;
	width:120px;
	height:21px;
	border:none;
	overflow:hidden;
}
article header .evernote_btn{
	float: left;
	margin:6px 10px 0 0;
}
article header .hatena-bookmark-button-frame{
	float: left;
	margin: 5px 10px 0 0;
}
article .cat{
	float:right;
	margin:0 0 5px 10px;
	line-height:1.4;
	clear:both;
}

article .cat dt{
	float:left;
}
article .cat dd{
	float:left;
	padding: 0 0 0 5px;
}
article .tag-word{
	float:right;
	margin:0 0 5px 0;
	line-height:1.4;
	*word-break: keep-all;
	*white-space: nowrap;
	*zoom:1;
}
article .tag-word dt{
	float:left;
	*float:none;
	display: inline;
	*word-break: keep-all;
	*white-space: nowrap;
	*zoom:1;
}
article .tag-word dd{
	float:left;
	*float:none;
	display: inline;
	margin: 0 0 0 5px;
	*word-break: keep-all;
	*white-space: nowrap;
	*zoom:1;
}

article footer{
	clear: both;
	position:relative;
	background: #fff;
	height:10px;
	z-index:1;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

/*	07:Text(Entry Area)
================================================*/

article h2.title {
	clear:both;
	display:block;
	font-size:160%;
	font-weight:bolder;
	padding:8px 10px 8px 10px;
	margin:0;
	background: #234487;
	background: -webkit-gradient(linear, center top, center bottom, from(#2772C5), to(#234487));
	background: -moz-linear-gradient(top, #2772C5, #234487);
	font-weight:bold;
	line-height: 1.6;
	box-shadow: 0px 3px 3px #DFDFDF;
	-webkit-box-shadow: 0px 3px 3px #DFDFDF;
	-moz-box-shadow: 0px 3px 3px #DFDFDF;
	text-shadow: 1px 1px 3px #202020;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

article h2.title a{
	color:#fff;
}

article h2.title a:hover{
	color:#ff1493;
	text-shadow: 1px 1px 3px #505050;
}

article h3 {
	clear:both;
	display:block;
	padding:0 0 0 10px;
	margin:30px 0 15px 0;
	border-bottom: 1px dotted #234487;
	border-left: 5px solid #234487;
	font-size:123%;
	font-weight:bold;
	text-shadow: 1px 1px 1px #cccccc;
}

article h3.type2 {
	background-color:#234487;
	border:1px solid #ffffff;
	padding:3px 0 3px 10px;
	color:#FFFFFF;
	box-shadow:1px 1px 3px #999999;
	-webkit-box-shadow:1px 1px 3px #999999;
	-moz-box-shadow:1px 1px 3px #999999;
	text-shadow:1px 1px 1px #333333;
}

article h4 {
	clear:both;
	margin:30px 0 0 0;
	padding:5px 0;
	font-size:120%;
	font-weight:bold;
}

.text{
	clear: both;
	padding:0px 0px 10px 0px;
	margin:0 0 0 10px;
	line-height:1.8;
	font-size:130%;
	color:#333;
}
.text .article_ad{
	margin: 30px 0;
	padding: 0;
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
	_zoom: 1;
}
.text .article_ad .article_ad_inner{
	float: left;
	padding:10px 0;
	/*border-top: 1px solid #dddddd;
	border-bottom: 1px solid #aaaaaa;*/
}
.text .article_ad .article_ad_inner_right{
	float: right;
	padding:10px 0;
}

.text a:visited { color:#234487;}
.text a:visited:hover {color:#ff007f;}
.text p{margin:15px 0; line-height:1.8;}
.text img{border:3px solid #fff;}
.text img.noborder{border: 0;}
.text a img.noborder{border: 0;}
.text a:hover img.noborder{border: 0;}
.text img.imgborder{border:1px solid #ccc;}
.text a img{border:3px solid #fff;}
.text a img.pora {border:1px solid #fff;}
.text img.pora {border:1px solid #fff;}
.text a.imglink img{border:1px solid #ccc;}
.text a img.imglink{border:1px solid #ccc;}
.text a img.topimg{border:5px solid #EDF1FA;}
.text a.imglink:hover img{border:1px solid #969696;}
.text a:hover img.imglink{border:1px solid #969696;}
.text a:hover img.topimg{border:5px solid #EDF1FA;}
.text a:hover img.pora{border:1px solid #969696;}

.text p img.flame {
	background:#F0F0F0;
	border:1px solid;
	border-color:#FFFFFF #F0F0F0 #F0F0F0 #F0F0F0;
	outline:1px solid #DDDDDD;
	padding:3px;
}

.text img.topimg {
	border:5px solid #EDF1FA;
	box-shadow: 0px 0px 2px #6F8DD7;
	-webkit-box-shadow: 0px 0px 2px #6F8DD7;
	-moz-box-shadow: 0px 0px 2px #6F8DD7;
}

.bookmark{
	clear:left;
	margin-top:10px;
}

.bookmark-count{
	margin:5px 0 0 10px;
}

.bookmark-count li{
	display:inline;
}

.bookmark img,
.bookmark-count img{
	border:0;
}

.bookmark a img,
.bookmark a:hover img,
.bookmark-count a img,
.bookmark-count a:hover img{
	display:inline;
	border:0;
}

.text ul li{
	line-height:1.6;
}

span.desc {color:#696969;font-size:76.9%;}

#article-ad{
	clear:both;
}

.posted{ 
	float: right;
	text-align: right;
	margin-bottom:5px;
	padding:5px 10px;
	font-size:100%;
	border: 1px solid #234487;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.posted a{
	font-weight:bold;
}

.text a.morebtn{
	display: block;
	width: 152px;
	height: 42px;
	border: 0;
	background: #fff url(http://h2ham.up.seesaa.net/image/moreBtn_on.gif) no-repeat 0px 0px;
}

.text a img.morebtn{
	width: 152px;
	height: 42px;
	border: 0;
	background: #fff url(http://h2ham.up.seesaa.net/image/moreBtn_on.gif) no-repeat 0px 0px;
}

blockquote{
	display: block;
	background: url(http://h2ham.up.seesaa.net/image/blockquote.gif) no-repeat 0 0;
	border:1px dotted #234487;
	padding:5px;
	margin:10px 0 10px 10px;
	line-height:1.8;
}

blockquote cite{
	display: block;
	margin: 5px 0 0 0;
	padding: 5px 5px 3px 2px;
	text-align: right;
	border-top: 1px dashed #3d3dff;
	font-style: normal;
	font-size:90%;
}

pre{
	border:3px solid #cccccc;
	margin:10px 0 10px 0;
	padding:10px;
	background-color:#030220;
	color:#ffffff;
	box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 3px #666;
}

pre code{
	display:block;
	overflow:auto;
	width:480px;
	line-height:1.8;
}

pre span{
	color:#00CC33;
}
pre span.red{
	color:#FF0000;
}

div.preview{
	border:3px solid #234487;
	padding:10px;
	margin:15px 0 15px 0px;
	box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
}

div.reference,
div.relate{
	clear:left;
	display:block;
	padding:10px 0 10px 5px;
	margin:0 10px 15px 0;
	background-color:#EDF1FA;
	line-height:1.0;
}

div.reference ul,
div.relate ul{
	clear:both;
	margin:0 0 0 25px;
	padding:0;
}

div.reference ul li,
div.relate ul li{
	list-style-type:disc;
	margin:0;
	padding:0;
}

.text ul li,
.text ol li{
	padding:5px 0;
}

div.amazlet-box{
	display:block;
	margin:10px 0;
}

div.amazlet-image{
	float:left;
}

div.amazlet-info{
	float:left;
	padding-left:15px;
	line-height:120%;
}

p.amazlet-name{
	margin-bottom:10px;
	line-height:120%;
}

p.amazlet-powered-date{
	font-size:7pt;
	margin-top:5px;
	line-height:120%;
}

p.amazlet-detail{
	margin:10px 0;
}

p.amazlet-link{
	margin-top:5px;
}

input#amazlet-input{
	width:420px;
	height:30px;
}

pre#book-prev{
	display:block;
	width:420px;
	height:200px;
	overflow:auto;
	border:1px dotted #0000ff;
}

pre#amazlet-prev{
	display:block;
	width:420px;
	height:90px;
	overflow:auto;
	border:1px dotted #0000ff;
}
pre#amazlet-prev span{
	color:#ff00ff;
}

div.top-flicker-img{
	display:block;
	margin-bottom:10px;
}

div.top-flicker-img h4{
	display:block;
	padding:1px 0 1px 10px;
	margin:15px 0 5px;
	border-bottom: 1px dotted #234487;
	border-left: 5px solid #234487;
	font-size:100%;
	font-weight:bold;
	color:#505050;
	text-shadow:1px 1px 1px #ccc;
}

div.top-flicker-img:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

div.top-flicker-img img{
	float:left;
	display:block;
	margin-right:10px;
}

div.top-flicker-img dl dt{
	padding:5px 0;
}

div.top-flicker-img dl dd{
	padding:3px;
	text-indent:10px;
}

.text p.elink{
	display:block;
	background: url(http://h2ham.up.seesaa.net/image/link01_on.gif) no-repeat 0 2px;
}

.text p.elink a{
	display:block;
	background: url(http://h2ham.up.seesaa.net/image/link01.gif) no-repeat 0 2px;
	padding-left:60px;
	font-size:117%;
	font-weight:bold;
	line-height:1.4;
}
.text p.elink a:hover{
	background: url(http://h2ham.up.seesaa.net/image/link01_on.gif) no-repeat 0 2px;
}

.text p.dlink{
	display:block;
	background: url(http://h2ham.up.seesaa.net/image/down01_on.gif) no-repeat 0 2px;
}

.text p.dlink a{
	display:block;
	background: url(http://h2ham.up.seesaa.net/image/down01.gif) no-repeat 0 2px;
	padding-left:85px;
	font-size:117%;
	font-weight:bold;
	line-height:1.4;
}
.text p.dlink a:hover{
	background: url(http://h2ham.up.seesaa.net/image/down01_on.gif) no-repeat 0 2px;
}

.text p.nlink{
	display:block;
	background: url(http://h2ham.up.seesaa.net/image/neta01_on.gif) no-repeat 0 2px;
}

.text p.nlink a{
	display:block;
	background: url(http://h2ham.up.seesaa.net/image/neta01.gif) no-repeat 0 2px;
	padding-left:60px;
	font-size:117%;
	font-weight:bold;
	line-height:1.4;
}
.text p.nlink a:hover{
	background: url(http://h2ham.up.seesaa.net/image/neta01_on.gif) no-repeat 0 2px;
}

article .bookmarkblock{
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #234487;
    padding: 0 0 0 10px;
	text-align: left;
	_zoom:1;
}
article .bookmarkblock:hover{
	border: 1px solid #FF1493;
}
article .bookmarkblock:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
article .bookmarkblock .hatebu_count{
	float:left;
	margin:10px 5px 5px 0;
}
article .bookmarkblock .twitter-share-button{
	float:left;
	margin:5px 5px 5px 0;
}
article .bookmarkblock .facebook_btn{
	float:left;
	margin:5px 5px 5px 0;
	width:120px;
	height:21px;
	border:none;
	overflow:hidden;
}
article .bookmarkblock .evernote_btn{
	float: left;
	margin:4px 15px 0 0;
}
article .bookmarkblock .hatena-bookmark-button-frame{
	float: left;
	margin: 5px 15px 0 0;
}

/*	08:Comment and Trackback
================================================*/

#comments {
	margin-bottom:30px;
	margin-top:25px;
	padding:0px;
	text-align:left;
}
#comments form {
	margin:0px;
	padding:0px;
}
#comments input {
	width:500px;
	margin: 0 0 5px 0;
	padding: 5px;
	border:2px solid #959595;
	background-color:#EDF1FA;
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#EDF1FA));
	background: -moz-linear-gradient(top, #ffffff, #EDF1FA);
}
#comments textarea{
	width:500px;
	margin: 0 0 5px 0;
	padding: 5px;
	margin-bottom:5px;
	border:2px solid #959595;
	background-color:#EDF1FA;
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#EDF1FA));
	background: -moz-linear-gradient(top, #ffffff, #EDF1FA);
}

#comments input:focus,
#comments textarea:focus{
	border:2px solid #ff1493;
	background-color:#ffffff;
}

.comments-head{ 
	font-weight:bold;
	margin:0 0 5px 0;
	font-size: 160%;
}
.comments-body {
	margin:0;
	font-size:130%;
	line-height:1.6;
}
.comments-body .text{
	font-size:100%;
}
#comments input.input-submit{
	width: 75px;
	border:1px solid #999;
    padding: 2px 8px;
	margin: 5px 10px 0 0;
    color: #202020;
    cursor: pointer;
	background: #EDF1FA;
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#EDF1FA));
	background: -moz-linear-gradient(top, #ffffff, #EDF1FA);
	box-shadow: 1px 1px 1px #cccccc;
	-webkit-box-shadow: 1px 1px 1px #cccccc;
	-moz-box-shadow: 1px 1px 1px #cccccc;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 1px 1px 3px #d0d0d0;
    _zoom: 1;
}
#comments input.input-submit:hover{
	background: #234487;
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#234487));
	background: -moz-linear-gradient(top, #ffffff, #234487);
}

.comments-post {
	padding:3px 0px;
	font-size:100%;
	text-align:right;
}
#trackback {
	margin-bottom:30px;
	margin-top:25px;
	border:1px dotted #666;
	padding:5px;
	text-align:left;
	font-size:130%;
	line-height:1.6;
}

/*	08:Tag
================================================*/
.tag{
	position:relative;
}
#tag_cloud{
	border:1px solid #CCC;
	padding:10px;
	text-align:left;
	position:relative;
}
#tag_cloud a {
	padding:2px;
}
.tag-title{
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
.tag-body{
	margin:10px 0px;
	padding:10px 0px 0px 0px;
	position:relative;
}
.tag-service{
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	padding:0px 0px 5px 0px;
	clear:left;
	position:relative;
}
.tag-search{
	text-align:right;
	padding:5px 0px;
	margin-bottom:10px;
	font-weight:bold;
	position:relative;
}
.tag-article{
	padding:0px 10px 10px 10px;
	text-align:left;
	position:relative;
	font-size:120%;
}
.tag-article-title{
	text-align:left;
	padding:0px 0px 5px 0px;
	font-weight:bold;
	position:relative;
}
.tag-article-posted{
	font-weight:normal;
	position:relative;
}
.tag-article-summary{
	padding:0px 10px;
	line-height:1.4;
	position:relative;
}
.tag-more{
	text-align:right;
	margin:10px 0px;
	clear:left;
	position:relative;
}
.tag-photos{
	float:left;
	margin:8px;
	position:relative;
	width:140px;
	height:200px;
}
.tag-photos-title{
	line-height:1.4;
	padding:5px 0px;
	text-align:left;
	position:relative;
}
.tag-audios{
	margin:5px;
	position:relative;
}
.tag-audios-title{
	text-align:left;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	position:relative;
}
.tag-audios-posted{
	font-weight:normal;
	position:relative;
}
.tag-videos{
	float:left;
	margin:10px;
	position:relative;
}
.tag-videos-title{
	line-height:1.4;
	padding:5px 0px;
	text-align:left;
	position:relative;
}
.tag-navi{
	clear:left;
	text-align:center;
	margin:10px 0px;
	position:relative;
}

/*	10:Sidebar(Side Area)
================================================*/

#sidebar{
	float:left;
	overflow: hidden;
	width:338px;
}

#sidebar .sponser{
	width:338px;
	overflow: hidden;
	margin-bottom: 20px;
}
#sidebar .recommend{
	width:338px;
}
#sidebar .recommend ul{
	width:368px＼9;
	margin:0 -15px 0 0＼9;
	overflow:hidden＼9;
	*zoom:1;
}
#sidebar .recommend li{
    float:left;
	margin-right:15px;
}

#sidebar .recommend li:nth-of-type(even){
	margin-right:0px;
}

#sidebar .recommend a{
	display: block;
	background:url(http://h2ham.up.seesaa.net/image/bookBg.gif) no-repeat 0 0;
	width:140px;
	height:140px;
	margin: 0 0 10px 0;
	padding:10px;
}

#sidebar .recommend a img{
	opacity: 0.6;
}

#sidebar .recommend a:hover{
	background-position: 0 -160px;
}
#sidebar .recommend a:hover img{
	opacity: 1.0;
}

#links-left {
	display:block;
	width:338px;
	margin:2px 0 0 0;
	text-align:left;
	font-size:120%;
}

#links {
	display:block;
	width:338px;
	margin-top:2px;
	padding: 0;
	text-align:left;
	font-size:120%;
}

.sideNavBox{
	clear:both;
}
#sideNav{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:5px solid #234487;
	overflow:hidden;
	padding:10px 0 10px 5px;
	box-shadow: 0 0 3px #cccccc;
	-webkit-box-shadow: 0 0 3px #cccccc;
	-moz-box-shadow: 0 0 3px #cccccc;
}

#sideNav li{
	float:left;
}

#popular{
	clear:both;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:5px solid #234487;
	overflow:hidden;
	padding:10px 0 10px 5px;
	box-shadow: 0 0 3px #cccccc;
	-webkit-box-shadow: 0 0 3px #cccccc;
	-moz-box-shadow: 0 0 3px #cccccc;
	text-shadow: 1px 1px 3px #cccccc;
	font-size:133%;
}

#sideNav li a{
	display: block;
	padding:5px;
	text-shadow: 1px 1px 3px #cccccc;
	font-size:133%;
}

#sideNav li a:hover,#sideNav li.active a{
	background: #202020;
	color:#fff;
	text-shadow: 1px 1px 3px #cccccc;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0px 3px 3px #DFDFDF;
	-webkit-box-shadow: 0px 3px 3px #DFDFDF;
	-moz-box-shadow: 0px 3px 3px #DFDFDF;
}

.sidetitle {
	clear:left;
	width:310px;
	padding:6px 10px 6px 10px;
	font-weight:bold;
	border-left:5px solid #234487;
	text-align:left;
	box-shadow: 1px 1px 3px #cccccc;
	-webkit-box-shadow: 1px 1px 3px #cccccc;
	-moz-box-shadow: 1px 1px 3px #666;
}

.dnone{
	display:none;
}

.sidetitle_recomend {
	clear:left;
	width:310px;
	margin: 0 0 10px 0;
	padding:6px 10px 6px 10px;
	font-size:120%;
	font-weight:bold;
	border-left:5px solid #234487;
	text-align:left;
	box-shadow: 1px 1px 3px #cccccc;
	-webkit-box-shadow: 1px 1px 3px #cccccc;
	-moz-box-shadow: 1px 1px 3px #666;
}

#main-content .sidetitle,
#footer .sidetitle{
	font-size:140%;
}

.side {
	clear:left;
	font-size:100%;
	line-height:1.8;
}

.side ul li{
	padding:2px 0;
}

.side ul.com-list li{
	padding:5px 0;
	border-bottom: 1px dotted #3d3dff;
	line-height:1.2;
}

.side ul#ham-prof li{
	line-height:1.2;
}

.side a{
	font-size:100%;
}
.side-tag {
	padding:5px 10px 10px 0px;
	margin-bottom:10px;
	font-size:100%;
	line-height:1.2;
}
.side-tag a{
	font-size:100%;
}
.side input{
	border:1px solid #959595;
	background-color:#EDF1FA;
	font-size:12px;
}
.powered {
	padding:10px 5px 10px 5px;
	text-align:center;
}

.powered table{
	margin:0 auto;
}

.syndicate {
	margin-right:10px;
	padding: 0 0 20px 0;
	text-align:center;
	font-size:100%;
}

#least-side li{
	padding:5px 0;
	border-bottom:1px dotted #3d3dff;
	line-height:1.2;
}

#category ul,#archives ul,#least ul,.hatena-bookmark-widget-body ul{
	border-top: 1px solid #f0f0f0;
}
#category li,#archives li,#least li,.hatena-bookmark-widget-body li{
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #cccccc;
    padding: 5px 10px;
}
#least li,.hatena-bookmark-widget-body li{
	line-height:1.6;
}
#category li:first-of-type,#archives li:first-of-type,#least li:first-of-type,.hatena-bookmark-widget-body li:first-of-type{
	border-top: 0px;
}

#category li:hover,#archives li:hover,#least li:hover,.hatena-bookmark-widget-body li:hover{
	background: #234487;
	background: -webkit-gradient(linear, center top, center bottom, from(#2772C5), to(#234487));
	background: -moz-linear-gradient(top, #2772C5, #234487);
	color:#fff;
}
#category li:hover a,#archives li:hover a,#least li:hover a,.hatena-bookmark-widget-body li:hover a{
	color:#fff;
}
#category li:hover a:visited,#archives li:hover a:visited,#least li:hover a:visited,.hatena-bookmark-widget-body li:hover a:visited{
	color:#fff;
}
#category li:hover a:hover,#archives li:hover a:hover,#least li:hover a:hover,.hatena-bookmark-widget-body li:hover a:hover{
	color:#fff;
}
#category li:hover a:active,#archives li:hover a:active,#least li:hover a:active,.hatena-bookmark-widget-body li:hover a:active{
	color:#fff;
}

div.hatena-bookmark-widget-title a {
	display: block;
	overflow: hidden;
	padding: 7px 3px 7px 10px;
}

div.hatena-bookmark-widget-footer a {
	display: block;
	overflow: hidden;
	padding: 7px 0 7px 10px;
	margin:  0 0 15px 0;
	border-bottom: 1px solid #cccccc;
}

.hatena-bookmark-count strong a:link, .hatena-bookmark-count strong a:hover, .hatena-bookmark-count strong a:visited {
	background: none repeat scroll 0 0 #ffcccc !important;
	color: #ff0000 !important;
	font-weight: bold !important;
}

.hatena-bookmark-count em a:link, .hatena-bookmark-count strong a:hover, .hatena-bookmark-count em a:visited{
	background: none repeat scroll 0 0 #ffcccc !important;
	color: #ff0000 !important;
	font-weight:nomal;
}

.hatena-bookmark-count em,.hatena-bookmark-count strong{
	font-weight:normal !important;
}

.hatena-bookmark-count em a:link, .hatena-bookmark-count em a:hover, .hatena-bookmark-count em a:visited, .hatena-bookmark-count strong a:link, .hatena-bookmark-count strong a:hover, .hatena-bookmark-count strong a:visited {
	border: medium none !important;
	font-style: normal !important;
	margin: 0 !important;
	padding: 0 !important;
	text-decoration: underline !important;
}

ul.link li{
	background:url(http://h2ham.up.seesaa.net/image/m-icon04.gif) no-repeat 0 0;
	padding: 0 0 0 20px;
}

.rss-feeds{
	margin-top:10px;
}

/*	12:Blog Function
================================================*/

#calendar {
	margin-bottom:10px;
	font-size:120%;
	border:2px solid #F1F1F0;
	background-color:#FFF;
	width:98%;
}
#calendar table {
	width:100%;
}
.calendarhead {
	padding:4px 0px;
	font-weight:bold;
	background-color:#F1F1F0;
	text-align:center;
	color:#5D5D5D;
	font-size:120%;
	width:100%;
}
.calendarhead a{
	color:#5D5D5D;
}
.calendarhead .calendarday{
	color:#5D5D5D;
}

.calendarday {
	padding:3px;
	margin-bottom:10px;
	color:#5D5D5D;
	font-size:100%;
}
.calendarday a {
	font-weight:bold;
}

.diet-content{
	padding-left:10px;
}
#diet-foods{
	padding-left:10px;
}
.food-title{
	width:20%;
	clear:left;
	float:left;
}
.food-content{
	width:75%;
	padding-top:10px;
}
#diet-container{
	border:1px solid #999;
	padding:5px;
	margin-bottom:5px;
}
.diet-title{
	padding:2px 10px 2px 5px;
	margin-top:5px;
}

/*	12:Footer
================================================*/
div#pagebottom{
	clear: both;
	width: 960px;
	margin: 0 0 0 0;
}

div#pagebottom:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

div#index_ad{
	float:left;
	text-align:left;
	width: 728px;
	height: 90px;
	padding-left:30px;
}

div.topback{
	width:102px;
	height:27px;
	float:right;
	padding-right:30px;
}

div.topback p{
	text-align: right;
	padding: 0 0 0 0;
}

footer{
	clear: both;
	position:relative;
	padding: 0 0 15px 0;
	background: #303030;
	background: -webkit-gradient(linear, center top, center bottom, from(#202020), to(#404040));
	background: -moz-linear-gradient(top, #202020, #404040);
	z-index:1;
	box-shadow: inset 0 5px 10px #000;
	-webkit-box-shadow: inset 0 5px 10px #000;
	-moz-box-shadow: inset 0 5px 10px #000;
}

footer #footer-inner{
	background: url(http://h2ham.up.seesaa.net/image/bg_snow.png) repeat 0 0;
}

footer #footer-content{
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

footer #footer-content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

footer .tagcrowd,
footer .contBox{
	float: left;
	width: 958px;
	padding: 0 0 0 0;
	background: #000;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 3px 3px 3px #000;
	-webkit-box-shadow: 3px 3px 3px #000;
	-moz-box-shadow: 3px 3px 3px #000;
	border:1px solid #505050;
}
footer .tagcrowd .sidetitle,
footer .contBox .sidetitle{
	padding: 10px;
	width:939px;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #d0d0d0;
	border-bottom: 1px solid #666666;
}
footer .tagcrowd .side-tag,
footer .contBox .side-tag{
	border-top: 1px solid #333333;
	padding: 0px 10px 0 10px;
}
footer .tagcrowd .side-tag a,footer .contBox .side-tag a{ color: #ffffff;}
footer .tagcrowd .side-tag a:visited,footer .contBox .side-tag a:visited{ color: #ffffff;}
footer .tagcrowd .side-tag a:hover,footer .contBox .side-tag a:hover{ color: #ff1493;}
footer .tagcrowd .side-tag a:active,footer .contBox .side-tag a:active{ color: #ff1493;}
footer small{
	clear: both;
	display:block;
	padding: 30px 0 0 0;
	color: #ffffff;
	font-size: 120%;
}
footer small a{	color: #ffffff;}
footer small a:visited{	color: #ffffff;}

/*	13:Module
================================================*/
.mt0  {margin-top: 0px !important;}
.mt5  {margin-top: 5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mb0  {margin-bottom: 0px !important;}
.mb5  {margin-bottom: 5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.pt0  {padding-top: 0px !important;}
.pt5  {padding-top: 5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pb0  {padding-bottom: 0px !important;}
.pb5  {padding-bottom: 5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.center{text-align: center !important;}
.left{text-align: left !important;}
.right{text-align: right !important;}

.bshadow{
	box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 3px #666;
}