/*----- common -----*/

* {
	line-height:130%;
	margin:0px;
}

dl{
	display:inline;
}

dd{
	margin-left:15px;
}

a, a:link, a:active, a:visited, a:hover{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

/*----- advertisement -----*/

#ad table{
	width:468px;
	height:60px;
	background:#FFF;
	table-layout:fixed;
	border:1px solid #000;
	text-align:center;
	margin:0px auto 0px 0px;
}

#ad td,
#ad strong{
	font-size:12px;
}

#ad{
 	width:700px;
 	text-align:left;
}

/*----- main -----*/

#container{
	font-size:small;
	text-align:left;
	width:698px;
}

/*----- title banner -----*/

#banner,
#subbanner{
	display:block;
	position:relative;
	background-position:center top;
}

#banner.img h1{
	display:none;
}

#login{
	position:absolute;
}
#join{
	position:absolute;
	right:5px;
	bottom:5px;
}

/*----- profile -----*/

#profile{
	width:100%;
}

#profile td{
	padding:15px 20px;
}

#profile h2{
	display:none;
}

/*----- list (post,trackback,comment) -----*/

#contents{
}

#postlist{
}

#trackback,
#comment{
	margin:15px 30px 0px;
}

#postlist table,
#trackback table,
#comment table{
	width:100%;
	margin-bottom:5px;
	table-layout:fixed;
}

#trackback table .cont{
	width:67%;
}
#trackback table .sub{
	width:33%;
}
#comment table .cont{
	width:60%;
}
#comment table .sub{
	width:40%;
}
#comment table td.sub a{
	font-weight:bold;
	text-decoration:underline;
}

#postlist th,
#trackback th,
#comment th{
	white-space:nowrap;
}

#trackback .tbkurl{
	margin:1.5em 0 0;
}
#trackback .urlstring{
	font-family:arial;
	font-size:12px;
	padding:0px 2px;
	width: 350px;
}

#trackback #url{
	float:right;
}

.omit{
	line-height:80%;
	text-align:center;
	padding:5px 0px 2px;
}

.date{
	text-align:right;
}

.more{
	text-align:right;
/*	font-size:0.8em;*/
	white-space:nowrap;
}

.response{
	text-align:right;
	font-size:0.8em;
}

#albums .date,
#albums .response{
	text-align:left;
}

#comment form table{
}

#trackback form td,
#comment form td{
	padding:0px;
	border-top:0px;
	border-bottom:0px;
	vertical-align:top;
}

img.mgn{
	margin:5px;
}

input.btn{
	margin:0px 0px 0px auto;
}

input.txt{
	height:18px
}

input.txt,
textarea{
	font-size:small;
	padding:0px 2px;
}

textarea{
	width:98%;
}

#postlist a img.thumnail{
	border:0px;
}
#postlist img{
	border:0px;
}
#postlist a img{
	border:0px;
}
img.up-image{
	border:0px;
	margin:3px 5px;
}
/*----- blog -----*/
#blog{
	padding:10px;
}

/*----- blog-header -----*/

#blog-head{
	margin:10px;
}

#blog-head .date a{
	font-weight:bold;
}

/*----- blog-footer -----*/

#blog-foot{
	margin:18px;
}

#blog-foot #related{
	margin:10px 0px;
}

#blog-foot #related h3{
	font-size:small;
	font-weight:normal;
	margin-top:5px;
}

#blog-foot #related ul{
	padding-left:25px;
}
#blog-foot #related .links{
	padding-left:25px;
	font-size:small;
}

#theme{
}

#theme #rader{
	background:no-repeat bottom center;
	white-space:nowrap;
	vertical-align:bottom;
}

/*----- blog-body -----*/
#blog-body-container{
	width:100%;
	table-layout:fixed;
}
#blog-body{
	font-size:small;
	line-height:150%;
	padding:0px 20px;
}

#blog-body img{
	border: 0px;
}

#blog-body img#upload-image{
	float:right;
	margin:5px 0px 5px 5px;
}

#blog-body img.up-image{
	margin:5px;
}

#blog-body ul,ol{
	margin:10px 0px 10px 15px;
	padding:0px 0px 0px 15px;
	list-style-image:none; 
}

#blog-body li{
	line-height:120%;
}

#blog-body blockquote{
	margin:5px;
	padding:8px;
	line-height:120%;
}

#blog-body p{
	margin:0.3em 0em 0.7em;
	text-indent:1em;
}
#blog-body code{
	font-size:0.9em;
	font-family:"Courier New", "ＭＳ ゴシック";
}

#blog-body blockquote#affiliate{
	margin:15px 0px 0px;
	padding:0px;
}

#blog-body blockquote#affiliate table{
	width:100%;
}

#blog-body blockquote#affiliate td{
	width:50%;
	vertical-align:top;
}

#blog-body blockquote#affiliate img{
	float:left;
	margin:2px 5px;
}

#blog #blog-body img.emoji{
	border:0;
}


/*----- miscellaneous -----*/

#contents #archives h2,
#blog #archives h2{
	display:none;
}

#contents #archives ul,
#blog #archives ul{
	text-align:center;
	margin:0px 5px 5px;
}

#contents #archives li,
#blog #archives li{
	display:inline;
	padding:0 0.5em;
}

.navi{
	clear:both;
	width:100%;
	margin:5px auto;
}

.navi td{
	width:33%;
	white-space:nowrap;
}

/*----- utilities -----*/

#utilities, #utilities2{
	overflow:hidden;
}

#utilities div, #utilities2 div{
	text-align:left;
	margin:15px 20px;
}

#utilities ul, #utilities2 ul{
	margin:0px;
	padding-left:25px;
}

#utilities ul li, #utilities2 ul li{
	margin:2px 0px;
}

#utilities #albums ul li, #utilities2 #albums ul li{
	margin-bottom:10px;
}

#utilities div#sidenews{
	display:none;
}

#utilities #side-image, #utilities2 #side-image{
	display:none;
}

#utilities  div div,
#utilities2 div div{
	margin:0;
}

/*----- calendar -----*/

#calendar{
}

#calendar table{
	width:100%;
	margin:2px auto;
	border-collapse:collapse;
	empty-cells:show;
	table-layout:fixed;
}

#calendar td,
#calendar td a,
#calendar th{
	font-family:"verdana", "Trebuchet MS", "arial", "sans-serif";
	font-weight:normal;
	font-size:9px;
	padding:4px 2px 2px;
	text-align:center;
}

#calendar td a{
	width:100%;
	text-decoration:underline;
}

#calendar table caption{
	font-size:12px;
	text-align:center;
}

/*----- album -----*/

#albums img{
	margin:2px 0px;
	border:1px solid #000;
}

#freespace textarea, #freespace2 textarea{
	width:auto;
}

/*----- footer -----*/

.ns-bg{
	clear:both;
}

#footer{
	clear:both;
	font-size:small;
 	width:700px;
 	text-align:center;
}

#links{
	padding:5px 0;
}

#sbanner{
	text-align:right;
	padding:5px 0px;
}

/* Trackback URL window */

#miniwin{
	font-size:12px;
	width:100%;
	height:100%;
}

#miniwin .message{
	padding:10px;
}

#miniwin .url{
	font-size:14px;
	font-family:"Trebuchet MS", Trebuchet, verdana, arial, sans-serif;
	text-align:center;
	padding:10px;
	margin:0px 10px;
}

#miniwin .buttons{
	text-align:center;
	padding:5px;
}

/* Adsense by Google */
.g-ads a{
	display:block;
	width:100%;
}
.g-ads a:hover{
	text-decoration:none;
}
.g-ads .line1{
	text-decoration:underline;
	font-weight:bold;
	line-height:1.1em;
}
.g-ads .line2{
	color:#000;
	line-height:1.1em;
}
.g-ads .url{
	color:#666;
	font-family:Trebuchet MS;
	font-size:0.8em;
	line-height:1.1em;
	overflow:hidden;
}
.g-ads .label{
	padding:2px;
	text-align:right;
	font-family:arial,sans-serif;
	font-size:9px;
	color:#000;
	border-top:1px solid #666;
}
#blog-foot .g-ads{
	margin:20px 0px;
}
#utilities .g-ads ul, #utilities2 .g-ads ul,
#blog-foot .g-ads ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#utilities .g-ads ul li, #utilities2 .g-ads ul li,
#blog-foot .g-ads ul li{
	margin:5px 0px;
	line-height:1.0em;
}

/* ★ for SNS ★ */
#link-bar{
	width:100%;
}
#link-bar td{
	padding:.2em .5em;
}
#utilities #c-menu .item, #utilities2 #c-menu .item{
	font-weight:bold;
	padding:.4em 1em;
	background:url(../../images/article/circle_arrow.gif) no-repeat left center;
}
#contents .g-navi{
	width:100%;
	margin:.3em 0;
}
#outer-box{
	margin:0 15px;
}
#outer-box .navi{
	margin:.3em 0;
	padding:.2em 0;
}
#outer-box h2{
	font-size:1.3em;
	font-family:"Trebuchet MS", "ＭＳ Ｐゴシック";
	margin:10px 0 3px;
}
#outer-box h3{
	font-size:1.1em;
	font-family:"Trebuchet MS", "ＭＳ Ｐゴシック";
	margin-bottom:3px;
}
#outer-box .g-ads ul{
	margin-left:.5em;
	padding:0;
	list-style-type:none;
}
#outer-box .g-ads ul li{
	margin:.5em 0;
}
#outer-box .unit{
	padding:.1em .5em 0 0;
	float:left;
	white-space:nowrap;
}
#outer-box .txtblock{
	padding:.3em 0;
	line-height:1.1em;
	overflow:hidden;
}
.inner-box{
	margin:5px 15px;
}
.inner-box .item{
	margin:.5em 0;
}
.deco th{
	font-weight:normal;
}
.plain td,
.deco .plain td{
	border:0;
	background:none;
}
.rpad{
	padding-right:.5em;
}
.f-right{
	float:right;
}
.tc1{
	font-weight:normal;
}
