/*----- 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;
	/*word-break: break-all;	 add 20081219
	white-space: normal;*/
}

/*----- 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{
}

.box-unit,
#trackback,
#comment{
	margin:15px 30px 0px;
	margin:2em 0 0;
}

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

#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;
}

/* #postlist td, */
#trackback td,
#comment td{
	word-break: break-all;	/* add 20090126 */
	white-space: normal;
}

#postlist table td.date{
	word-break:normal;	/* modified 20090126 */
}

#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;
}
.response img{
	vertical-align:middle;
}

#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;
	width:98%;
}

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 */
td#linkunit, div#linkunit, div.g-ads{
	display:block !important;
	visibility:visible !important;
	overflow:visible !important;
	position:static !important;
	font-size:100% !important;
	filter:alpha(opacity=100) !important;
	-moz-opacity:1.0 !important;
	opacity:1.0 !important;
}

td#linkunit a, div#linkunit a{
	font-size:100% !important;
}

.g-ads a{
	display:inline;
	width:100%;
	font-size:100% !important;
}
.g-ads a:hover,
#blog-foot .g-ads a:hover{
	text-decoration:none;
/*	background:#d9ff6b;*/
}
.g-ads .line1{
	text-decoration:underline;
	font-weight:bold;
	line-height:1.1em;
}
.g-ads .line2{
	color:#000;
	line-height:1.1em;
}

/* design test 20110201 START */
.g-ads .line1_abt{
	text-decoration:underline;
	font-weight:bold;
/*	line-height:1.1em;*/
	margin-right:1em;
}
/* design test 20110201 END */

.g-ads .url{
	color:#666;
	font-family:Trebuchet MS;
	font-size:0.8em !important;
	line-height:1.1em;
	overflow:hidden;
	word-wrap:break-word;
}
.g-ads .label{
	padding:2px;
	text-align:right;
	font-family:arial,sans-serif;
	font-size:9px !important;
	color:#000;
	border-top:1px solid #666;
}
#blog-foot .g-ads{
	margin:20px 0px;
	clear:both;
}
#postlist .g-ads{
	margin:20px 10px;
	clear:both;
}
#utilities .g-ads ul,
#utilities2 .g-ads ul,
#blog-foot .g-ads ul,
#postlist .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,
#postlist .g-ads ul li{
	margin:5px 0px;
	line-height:1.0em;
}

/* design test 20110201 START */
li#abt{
	margin-bottom: 20px !important;
}
/* design test 20110201 END */

#postlist .g-ads h2{
	padding:3px 0;
	background:none;
	font-size:1em;
	border:0;
}
#postlist td .g-ads ul li a:link,
#postlist td .g-ads ul li a:hover,
#postlist td .g-ads ul li a:visited,
#postlist td .g-ads ul li a:active{
	background-image:none;
	padding:2px 0;
}

/* ★ 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;
}


/* ★ for Theme Tabs ★ */
.themetabs{
	background:#999;
	text-align:center;
}
#contents .themetabs{
	margin:5px 10px;
}
#blog .themetabs{
	margin:0 0 10px;
}
.themetabs table{
	margin:0 auto;
	width:100%;
}
.themetabs td{
	vertical-align:bottom;
}
.themetabs a{
	background:#fff;
	color:#000;
	padding:5px 0;
	margin:0;
	display:block;
	line-height:1.2em;
	width:100%;
}
.themetabs a:hover{
	filter:Alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.themetabs a:link,
.themetabs a:visited{
}
.themetabs a.cur:visited,
.themetabs a.cur{
	background:none;
	color:#fff;
}

h2.h2-general{
	font-size:small;
}
h2.h2-general img{
	padding:2px;
}
.box{
	padding:10px;
}

/* ★ for Kimochidama ★ */
#kimochi img{
	vertical-align:middle;
	border:0;
}
#kimochi #k-post{
	width:100%;
	margin:5px 0;
	text-align:center;
}
#kimochi #k-post button{
	width:100%;
	margin:0 auto;
	padding:0;
	font-family:"MS UI Gothic", "Osaka";
	white-space:nowrap;
	overflow:hidden;
}
#kimochi #k-list{
	width:100%;
	clear:both;
	margin-top:5px;
}
#kimochi #k-list img{
	float:left;
	margin:0 1px 0 0;
}
#kimochi #k-list .k-unit{
	clear:both;
	width:100%;
	margin-top:3px;
}

/* for LinkUnit */
div#linkunit{ /*add 20091026*/
	width:98%;
	margin: 0 auto;
}
#linkunit-foot{ /*add 20091026*/
	width:100%;
}

#linkunit h4{
	display:inline;
	font-size:xx-small;
	font-weight:normal;
	font-family:"Arial", "Osaka", san-serif;
}
#linkunit a{
	margin-left:.7em;
}

/* for Nicotto */
#nicotto div{
	text-align:center !important;
}
.nicotto_atcl img{
	border:none !important;
}
#nicotto div.waku{
	width:148px;
	margin:10px auto;
	padding:5px 0;
	background-color:#EEEAE2;
	border:1px solid #D6D2C4;
}
.nicotto_atcl div.waku{
	width:170px;
	padding:5px 0;
	background-color:#EEEAE2;
	border:1px solid #D6D2C4;
}

#nicotto div.avatar_waku,
.nicotto_atcl div.avatar_waku{
	background:#EEEAE2 url(../../images/article/nicotto_parts_waku.gif) no-repeat center top;
	display:block;
	margin:0 auto 5px;
	padding:5px 0;
	width:148px;
}

#nicotto div.avatar,
.nicotto_atcl div.avatar {
	float:none;
	height:175px;
	width:130px;
	margin:0 auto;
	padding:0 !important;
}

#nicotto p{
	font-size:84%;
}
.nicotto_atcl p{
	font-size:84%;
	margin:0.3em 0.5em 0 !important;
	text-indent:0 !important;
}

#nicotto div.btnarea,
.nicotto_atcl div.btnarea{
	padding:5px 0;
}


/* 2010/3/14 */
#container{
	position:relative;
}
#sb-cap,#sb-bot,#sb-body,#sb-exec,#sb-close{
	background:transparent url(../../images/article/searchbox.png) no-repeat;
}
#searchbox{
	position:absolute;
	top:30px;
	right:-25px;
	z-index:1000;
	width:280px;
	height:75px;
	color:#3c7ab5;
}
#sb-close{
	position:absolute;
	top:6px;
	right:7px;
	width:13px;
	height:13px;
	font-size:0;
	background-position:-610px top;
}
#sb-cap{
	height:7px;
	font-size:0;
	background-position:left top;
}
#sb-bot{
	height:10px;
	font-size:0;
	background-position:left bottom;
}
#sb-body{
	background-position:-280px top;
	background-repeat:repeat-y;
	color:#fff;
	padding:0 0 0 8px;
	background:url(../../images/article/searchbox.png) repeat-y -280px top;
}
#sb-body form{
	white-space:nowrap;
}
#sb-word{
	border:1px solid #9abee1;
	border:1px solid #004d98;
	width:195px;
	padding:2px;
	height:16px;
	vertical-align:middle;
	font-family:"Lucida Sans Unicode", "ＭＳ Ｐゴシック", "Osaka", san-serif;
	_font-family:"Arial", "ＭＳ Ｐゴシック", "Osaka", san-serif;
}
#sb-exec{
	background-position:-560px top;
	width:43px;
	height:24px;
	vertical-align:middle;
}
.sb-desc{
	color:#d9f1ff;
	font-size:10px;
	margin:2px 0 0 5px;
}


/* 20100610 for IE8 */
textarea{
	display:block;
}

/* 20101213 for social-button */
#socialbutton{
	float:right;
	height:20px;
	clear:right;
}
#socialbutton span{
	display:table-cell;
	height:20px;
	padding:0 0 0 3px;
	vertical-align:middle;
}

.fb_iframe_widget iframe{
vertical-align:top !important;
}


/* 20110720 for photo gallery */
.gallery-item{
	float:left;
	width:120px;
	height:210px;
	margin:4px;
	overflow:hidden;
	font-size:0.9em;
}
.gallery-item img{
	border:0;
	margin-bottom:3px;
}
.prof-nicotto-gallery .gallery-item img{
	width:120px;
	height:160px;
}
.goods-gallery-item{
        float:left;
        width:120px;
/*        height:210px; */
        margin:4px 4px 12px 4px;
        overflow:hidden;
        font-size:0.9em;
}
.goods-gallery-item img{
        border:0;
        margin-bottom:3px;
}
.prof-photo-description {
        margin: 16px 8px;
}
.prof-goods-description {
        margin: 16px 8px;
}
.affiliate_portal_icon {
        margin: 0px 0px -2px 0px;
}
.gad-force-skyscraper {
	border: 1px solid #f00;
        text-align: left !important;
        width: 160px !important;
        margin:2px 4px 6px 4px !important;
        padding: 0px !important;
        font-size: 85% !important;
}
.gad-force-skyscraper-description {
	border: 1px solid #00f;
        text-align: left !important;
        width: 160px !important;
	margin:2px 4px 6px 4px !important;
        padding: 0px !important;
	font-size: 85% !important;
}
.gad-force-wide {
	border: 1px solid #f00;
	text-align: center !important;
	width: 468px !important;
        margin:2px 4px 6px 4px !important;
	padding: 0px !important;
        font-size: 85% !important;
	float: none !important;
}
.gad-force-wide-description {
	border: 1px solid #00f;
        text-align: center !important;
        width: 468px !important;
        margin:2px 4px 6px 4px !important;
        padding: 0px !important;
        font-size: 85% !important;
        float: none !important;
}

/* NEWSパーツのデザイン崩れにより、20160115 入れ替え */

#biglobe_news div {
	width: 140px !important;
	margin: auto !important;
	border: 2px solid orange;
	background: white !important;
	padding-bottom: 0px !important;
}

#biglobe_news div center a img {
	margin-top: 5px;
}

#biglobe_news div ul {
	margin-top: 5px;
	font-size: 10pt !important;
	list-style-image: none !important;
	list-style: disc !important;
	padding-left: 0px !important;
	color: blue !important;
}

#biglobe_news div ul li {
	margin-left: 20px;
	background: none !important;
	padding-left: 0px;
	color: blue !important;
}

#biglobe_news div center p {
	border-top: 1px solid gray;
	border-width: 70%;
	margin-top: 5px;
	padding: 5px
}

#biglobe_news a:hover {
	color:red !important;
}

#biglobe_news a:visited {
	color:purple !important;
}

#biglobe_news a {
	color:#6666ff !important;
}

/* /NEWSパーツのデザイン崩れにより、20160115 入れ替え */



#FontZoom_Dialog {
	position: absolute;
	display: none;
	color: black;
	background-color: #ffffcc;
	border: 2px solid orange;
	border-radius:5px;
	padding: 5px;
	z-index:100;
}

#FontZoom_Dialog .size_change_button {
	border:1px solid black;
	border-radius:4px;
	cursor:pointer;
	padding: 2px;
}

#FontZoom_Dialog .size_change_button:hover {
	background-color: blue;
	color: white;
}

#mp3dlbutton {
}