@charset "UTF-8";

/* ぺぺぺぺ */

* {
	margin: 0;
	padding: 0;
	border-collapse: collapse;

	font-size: 100.01%;
	_zoom: 1;
}

body {
	font-family: Verdana, Sans-Serif;
	color: #333;
	line-height: 1.6;
	background : #fff;
	font-size: 94%;
}

/*
html {
	overflow-y: scroll;
}
*/

img {
	border: 0;
	vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6, h7 {

}

li {
	list-style-type: none;
}

address {
	font-style: normal;
	display: block;
}

input {
	padding: 1px;
}

option {
	padding: 1px 0.4em;
}

textarea {
	display: block;
}

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

.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	height: 0;
	line-height: 0;
	font-size: 0;
	clear: both;
}

.mono {
	font-family: monospace;
}

.noime {
	ime-mode: disabled;
}

.inputLong {
	width: 19em;
}

.inputLong {
	width: 16em;
}

.inputShort {
	width: 12em;
}

.error {
	color: #f33;
	font-weight: bold;
}

.systemMessage {
	color: #f33;
	font-weight: bold;
	margin-left: 1em;
	margin-bottom: 1em;
}

.systemMessage .ps {
	color: #444;
	font-weight: normal;
	font-size: 90%;
	line-height: 1.3;
	margin-left: 1em;
}

/* ------------------------------------------------------------------------- */
/* Link style */

a:link {
	color: #44f;
	text-decoration:none;
}

a:visited {
	color: #44f;
	text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #ffa500;
}


/* ------------------------------------------------------------------------- */
/* container */


#container {
	width: 936px;
	width: 880px;
	border: 1px solid #444;
	margin: 16px auto;
}


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


#header {
	background: url(/img/pattern01.gif) no-repeat transparent 524px 21px;
	height: 65px;

	margin: 5px 5px 0 5px;
	border: 1px solid #444;
	border-bottom-width: 0;
	position: relative;
}

	#header h1 {
		background: url(/img/logo_blogtoy.gif) no-repeat transparent 0px 0px;
		width: 440px;
		height:42px;

		position: absolute;
		top: 13px;
		left: 30px;

	}

		#header h1 a {
			display: block;
			height: 42px;
			text-indent: -9999em;
			outline: none;
		}

		#header h1 a:focus {
			-moz-outline-style: none;
		}


/* ------------------------------------------------------------------------- */
/* global navi */

#globalNavi {
	width: 880px;
	width: 806px;
	height: 30px;
	height: 29px;
	background: url(/img/bg_gnav_with_shadow.gif) no-repeat transparent 0 0;

	padding-top: 1px;
	padding-left: 35px;
	padding-right: 39px;
}

	#globalNavi div {
		height: 26px;
		position: relative;

		/* bg背景枠があるため font固定 */
		font-size: 14px;
	}

		#globalNavi div ul {
			height: 26px;
			position: absolute;
			top: 2px;
			right: 0px;
		}

			#globalNavi div ul li {
				margin-left: 1.2em;
				text-align: right;
				display: inline;
			}

/* ------------------------------------------------------------------------- */
/* content */

#content {
	margin: 0 5px 5px 5px;
	padding-top: 27px;
	padding-bottom: 27px;
	border: 1px solid #444;
	border-top-width: 0;
}

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

#content #main {
	width: 550px;
	float: right;

	position: relative;
	right: 33px;


	padding-bottom: 148px;
	background: url(/img/color_cube.gif) no-repeat transparent right bottom;
}

	#content #main h2 {
		background: url(/img/ic_green.gif) no-repeat transparent 0 0;
		height: 30px;
		padding-top: 3px;
		padding-left: 37px;
		margin-bottom: 24px;
		font-size: 16px;
		font-weight: bold;
		color: #444;
	}

	body.notice #content #main h2 {
		background: url(/img/ic_notice.gif) no-repeat transparent 0 0;
	}

	body.whats #content #main h2 {
		background: url(/img/h_whats.gif) no-repeat transparent 0 0;
	}

	#content #main .bodyText {
		padding-left: 37px;
		padding-right: 8px;
		margin-bottom: 32px;
	}

	#main .bodyText .message {
		margin-bottom: 24px;
	}

	#main .bodyText p {
		margin-top: 0.5em;
	}

	#main .bodyText .introText{
		margin: 15px 0 0 0;
		padding: 1em;
		background: url(/img/stripe01.gif) repeat transparent 0 0;
		border: 1px solid #ccc;
	}

	#content pre {
		white-space: -moz-pre-wrap; /* Mozilla */
		white-space: -pre-wrap;     /* Opera 4-6 */
		white-space: -o-pre-wrap;   /* Opera 7 */
		white-space: pre-wrap;      /* CSS3 */
		word-wrap: break-word;      /* IE 5.5+ */
	}


	body#reminder #content #main .bodyText p {
		margin-bottom: 2em;
	}



/* ------------------------------------------------------------------------- */
/* sub */


body #content #sub {
	width: 230px;
	float: left;
	font-size: 82.7%;
}

#content #sub .bodyText {
	/* 文字あふれ対策 */
	word-break: break-all;
	overflow: hidden;
}

#content #sub .hr {
	background: url(/img/rainbowbar.gif) no-repeat transparent 0 0;
	width: 200px;
	height: 21px;
	margin: 11px 0 0 auto;
	text-indent: -9999em;
	font-size: 1px;
	line-height: 1px;
}

#content #sub #introduction {
	width: 200px;
	margin-left: auto;
	margin-right: 0;
}


	#introduction h3 {
		width: 200px;
	}

	#introduction h3 a {
		display: block;
		background: url(/img/blogtoy_is_free.gif) no-repeat transparent 0 0;
		height: 57px;
		text-indent: -9999em;
		outline: none;
	}

	#introduction h3 a:focus {
		-moz-outline-style: none;
	}


	#introduction h3 a:hover {
		background-position: 0 -57px;
	}


	#introduction ul {
		border: 1px solid #ff4040;
		border-bottom-width: 0;
		margin-top: 4px;
		width: 198px;
	}


	#introduction ul li {
		border-bottom: 1px solid #ff4040;
	}

	#introduction ul li a {
		background: no-repeat transparent 0 0;
		display: block;
		text-indent: -9999em;
		outline: none;
	}

	#introduction ul li a:focus {
		-moz-outline-style: none;
	}


	#introduction ul li#introWhat a {
		background-image: url(/img/bt_what.gif);
		height: 37px;
	}

	#introduction ul li#introWhat a:hover {
		background-position: 0 -37px;
	}


	#introduction ul li#introBlog a {
		background-image: url(/img/bt_blog.gif);
		height: 54px;
	}

	#introduction ul li#introBlog a:hover {
		background-position: 0 -54px;
	}


	#introduction ul li#introFAQ a {
		background-image: url(/img/bt_faq.gif);
		height: 38px;
	}

	#introduction ul li#introFAQ a:hover {
		background-position: 0 -38px;
	}



#content #sub #login {
	width: 192px;
	border: 1px solid #82b7ff;
	margin: 11px 0 0 auto;
	padding: 3px 3px 5px 3px;
	background: url(/img/bg_triangle_sk_rb.gif) no-repeat #fff right bottom;
}

	#login h3 {
		background: url(/img/h_loginishere.gif) no-repeat transparent 0 0;
		width: 192px;
		height: 25px;
		margin: 0 auto;
		text-indent: -9999em;
	}

	#login .bodyText {
		width: 160px;
		margin: 3px auto 0 auto;
		position: relative;
		/* absoluteしたログインボタンの縦+上余白4px */
		padding-bottom: 27px;
	}


		#login .bodyText p {
			margin: 4px auto 0 auto;
			line-height: 1.2;
		}

			#login .bodyText p input {
				width: 160px;
				width: 154px;
			}

			#login .bodyText p a#btLogin {
				display: block;
				background: url(/img/bt_login.gif) no-repeat transparent 0 0;
				width: 74px;
				height: 23px;
				text-indent: -9999em;
				position: absolute;
				right: 0;
				bottom: 0;
				outline: none;
			}

			#login .bodyText p a#btLogin:focus {
				-moz-outline-style: none;
			}

			#login .bodyText p a#btLogin:hover {
				background-position: 0 -23px;
			}


#content #sub #myBlogToy {
	width: 192px;
	border: 1px solid #aaa;
	margin: 0 0 0 auto;
	padding: 4px 4px 4px 4px;
}

	#myBlogToy h3#status {
		background-color: #c0dbff;
		border: 1px solid #a0bbdf;
		padding: 2px 8px;
		font-size: 12px;
		font-weight: bold;

		margin: 0 auto;
	}

	#myBlogToy h3#status strong {
		color: #f33;
	}

	#myBlogToy .bodyText {
		margin: 3px auto 0 auto;
	}

		#myBlogToy .bodyText h3 {
			font-size: 12px;
			padding-left: 5px;
		}

		#myBlogToy .bodyText #myActivated {
			border: 1px solid #ccc;
			padding: 4px;
		}

			#myBlogToy .bodyText #myActivated h3 {
			}

			#myBlogToy .bodyText #myActivated ul {
				margin: 4px 10px;
				line-height: 1.3;
			}

			#myBlogToy .bodyText #myActivated .unused {
				margin: 6px 10px;
				line-height: 2;
				color: #666;
			}

				#myBlogToy .bodyText #myActivated ul li {
					background: url(/img/fold_arrow_single.gif) no-repeat transparent 0 50%;
					padding-left: 8px;
				}

		#myBlogToy .bodyText #myAnalitics {
			margin-top: 4px;
			border: 1px solid #ccc;
			padding: 4px;
		}

			#myBlogToy .bodyText #myAnalitics h3 {
			}

		#myBlogToy .bodyText #mySetting {
			margin-top: 4px;
			border: 1px solid #ccc;
			padding: 4px;
		}

			#myBlogToy .bodyText #mySetting h3 {
			}


#content #sub .steelPlate {
	background-color: #fff;
	width: 196px;
	border: 1px solid #999;
	margin: 11px 0 0 auto;
	padding: 4px 4px 4px 0;
}

	.steelPlate h3 {
		border: 1px solid #999;
		border-left-width: 0;
		background: no-repeat transparent 0 4px;
		height: 33px;
		text-indent: -9999em;

	}

	.steelPlate .bodyText {
		border: 1px solid #999;
		border-width: 0 1px 1px 0;
		background: no-repeat transparent 182px 4px;
		padding: 9px 13px;
		position: relative;
	}

	.steelPlate .bodyText .deco {
		background: no-repeat transparent 0 0;
		text-indent: -9999em;
		width: 9px;
		height: 9px;
		font-size: 1px;
		line-height: 1px;

		position: absolute;
		right: 3px;
		bottom: 3px;
	}

#content #sub #blogtoyNews {
	border-color: #91ff7f;
}

	#blogtoyNews h3 {
		border-color: #91ff7f;
		background-image: url(/img/h_blogtoynews.gif);
	}

	#blogtoyNews .bodyText {
		border-color: #91ff7f;
		background-image: url(/img/bg_rivet_gr_rt.gif);
	}

	#blogtoyNews .bodyText .deco {
		background-image: url(/img/bg_rivet_gr_rb.gif);
	}

	#blogtoyNews #feed {
			margin-top: 12px;
	}

		#blogtoyNews #feed a {
			background: url(/img/feed12g.gif) no-repeat #d1ffbf 2px 50%;
			border: 1px solid #91ff7f;
			padding-left: 18px;
			padding-right: 4px;
			font-family: Arial;
		}

		#blogtoyNews #feed a:hover {
			background-color: #91ff7f;
			text-decoration: none;
		}

#content #sub #blogtoyCategories {
	border-color: #ffd67f;
}

	#blogtoyCategories h3 {
		border-color: #ffd67f;
		background-image: url(/img/h_blogtoycategory.gif);
	}

	#blogtoyCategories .bodyText {
		border-color: #ffd67f;
		background-image: url(/img/bg_rivet_or_rt.gif);
	}

	#blogtoyCategories .bodyText ul li {
		background: url(/img/fold_arrow_single.gif) no-repeat transparent 0 50%;
		padding-left: 8px;
	}

	#blogtoyCategories .bodyText .deco {
		background-image: url(/img/bg_rivet_or_rb.gif);
	}



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


#footer {
	clear: both;
	margin: 8px 0px;
	height: 32px;
	color: #333;
	font-size: 82.7%;
	text-align: center;
}

#footer p {
	margin: 0px;
	padding-top: 5px;
}





/* ------------------------------------------------------------------------- */
/* validation */

input.required, textarea.required, #iRegisterUrl {
	border: 1px solid #00A8E6;
}
input.validation-failed, #registerTable input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 3px 0;
	padding: 2px 5px;
	background-color: #f42;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}