@charset "UTF-8";

/* ぺぺぺぺ */


/* ------------------------------------------------------------------------- */
/* partsIntro (introduction) */

body.partsIntro #content #main .bodytext {
}

body.partsIntro #main .gotoSetting {
	text-align: center;
	font-weight: bold;
	font-size: 88%;
	color: #444;
	margin: 24px auto;
}

.gotoSetting a.stickIt,
.gotoSetting a.btGotoSetting {
	display: block;
	width: 228px;
	height: 68px;
	margin-left:auto;
	margin-right:auto;

	background: transparent 0 0;
	text-indent: -9999em;
	outline: none;
}

.gotoSetting a.stickIt:hover,
.gotoSetting a.btGotoSetting:hover {
	background-position: 0 -68px;
}


.gotoSetting a.stickIt:focus,
.gotoSetting a.btGotoSetting:focus {
	-moz-outline-style: none;
}

.image_help {
	font-size: 10px;
	color: #444;
}

body.partsIntro #main .gotoSetting a.btGotoSetting {
	background-image: url(/img/bt_setting.gif);
}


body.partsIntro #main .gotoSetting a.stickIt {
	background-image: url(/img/bt_paste.gif);
}



body.partsIntro #main h3 {
	text-indent: -9999em;
	background: transparent 0 0;
}


body.partsIntro table#partsGallery {
	margin-top: 18px;
	width: 100%;
}

	body.partsIntro table#partsGallery th,
	body.partsIntro table#partsGallery td {
		vertical-align: bottom;
		width: 100%;
	}

	body#analogDetail table#partsGallery th,
	body#analogDetail table#partsGallery td,
	body#digitalDetail table#partsGallery th,
	body#digitalDetail table#partsGallery td
	{
		width: 33.3%;
	}

	body#weatherDetail table#partsGallery th,
	body#weatherDetail table#partsGallery td,
	body#counterDetail table#partsGallery th,
	body#counterDetail table#partsGallery td {
		width: 50%;
	}


	body.partsIntro table#partsGallery td {
		text-align: center;
		padding-bottom: 24px;
		font-size: 82%;
		font-weight: bold;
	}

	body.partsIntro table#partsGallery .oneLiner td {
		padding-bottom: 2px;
	}


/* analog */
body#analogDetail #main h3 {
	width: 292px;
	height: 73px;
	margin-left:105px;
	background-image: url(/img/h_parts_analog.gif) 
}

/* digital */
body#digitalDetail #main h3 {
	width: 292px;
	height: 70px;
	margin-left:105px;
	background-image: url(/img/h_parts_digital.gif) 
}

/* weather */
body#weatherDetail #main h3 {
	width: 289px;
	height: 49px;
	margin-left:108px;
	background-image: url(/img/logo_weather.gif);
}

/* counter */
body#counterDetail #main h3 {
	width: 374px;
	height: 47px;
	margin-left:65px;
	background-image: url(/img/h_parts_counter.gif) 
}

/* picome */
body#picomeDetail #main h3 {
	width: 193px;
	height: 52px;
	margin-left:158px;
	background-image: url(/img/logo_picome.gif);
}

/* BBS */
body#bbsDetail #main h3 {
	width: 330px;
	height: 63px;
	margin-left:75px;
	background-image: url(/img/h_parts_bbs.gif);
}

/* ACCECY */
body#accecyDetail #main h3 {
	width: 228px;
	height: 67px;
	margin-left:128px;
	background-image: url(/img/h_parts_accecy.gif);
}

/* RankRing */
body#rankringDetail #main h3 {
	width: 281px;
	height: 65px;
	margin-left:109px;
	background-image: url(/img/h_parts_rankring.gif);
}



/* ------------------------------------------------------------------------- */
/* needLogin */

body.needLogin #content #main .bodyText {
	text-align: center;
}


/* ------------------------------------------------------------------------- */
/* parts (setting) */

body.parts #content #main .bodyText {
	font-size: 88%;
}

.inputShort,
.inputMiddle,
.inputLong {
	border: 1px solid #999;
}

.inputMiddle {
	width: 15em;
}


/* setting パーツロゴ */
body.parts #content #main h2 {
	background-image: url();
	margin: 12px auto 0 auto;
}

body.parts #main h2 a {
	background: transparent no-repeat 0 0;
	display: block;
	text-indent: -9999em;
	outline: none;
}

body.parts #main h2 a:focus {
	-moz-outline-style: none;
}

	/* setting パーツロゴ analog */
	body#needLoginAnalog #main h2,
	body#analogSetting #main h2 {
		margin-left:155px;
		height: 73px;
		width: 292px;
	}

	body#needLoginAnalog #main h2 a,
	body#analogSetting #main h2 a {
		height: 73px;
		background-image: url(/img/h_parts_analog.gif) 
	}

	/* setting パーツロゴ digital */
	body#needLoginDigital #main h2,
	body#digitalSetting #main h2 {
		margin-left:155px;
		width: 292px;
		height: 70px;
	}

	body#needLoginDigital #main h2 a,
	body#digitalSetting #main h2 a {
		height: 70px;
		background-image:url(/img/h_parts_digital.gif) 
	}

	/* setting パーツロゴ weather */
	body#weatherSetting #main h2 {
		margin-left:155px;
		width: 289px;
		height: 49px;
	}

	body#weatherSetting #main h2 a {
		height: 49px;
		background-image: url(/img/logo_weather.gif) 
	}

	/* setting パーツロゴ picome */
	body#picomeSetting #main h2 {
		margin-left:200px;
		width: 193px;
		height: 52px;
	}

	body#picomeSetting #main h2 a {
		height: 52px;
		background-image: url(/img/logo_picome.gif) 
	}

	/* setting パーツロゴ counter */
	body#counterSetting #main h2 {
		margin-left:105px;
		width: 374px;
		height: 47px;
	}

	body#counterSetting #main h2 a {
		height: 47px;
		background-image: url(/img/h_parts_counter.gif) 
	}

	/* setting パーツロゴ accecy */
	body#accecySetting #main h2 {
		margin-left:175px;
		width: 228px;
		height: 67px;
	}

	body#accecySetting #main h2 a {
		height: 67px;
		background-image: url(/img/h_parts_accecy.gif) 
	}

	/* setting パーツロゴ rankring */
	body#rankringSetting #main h2 {
		margin-left:155px;
		width: 281px;
		height: 65px;
	}

	body#rankringSetting #main h2 a {
		height: 65px;
		background-image: url(/img/h_parts_rankring.gif) 
	}

	/* setting パーツロゴ bbs */
	body#bbsSetting #main h2 {
		margin-left:125px;
		width: 330px;
		height: 75px;
	}

	body#bbsSetting #main h2 a {
		height: 75px;
		background-image: url(/img/h_parts_bbs.gif)
	}





body.parts #content #main .bodyText {
	margin-top: 24px;
}

body.parts #content #main .bodyText form {
	margin-top: 0;
}


body.parts .partsSetting {
	text-align: center;
}

body.parts #partsSettingOpr {
	text-align: center;
	margin-top: 2em;
}

body.parts #stickyTagWrapper {
	text-align: center;
}

.pickerWrapper {
	width: 116px;
	width/* */:/**/115px;
	width: /**/115px;
	height:18px;
	border:1px solid #7F9DB9;
	border:1px solid #999;
}

.pickerWrapper .inputPicker {
	width: 4em;
	width:77px;
	font-size:12px;
	height:15px;
	float:left;
	border:0px;
	padding-top:2px;
	padding-left:2px;
}

.colorSample {
	float: right;
	width: 14px;
}

.pickArrow {
	float: right;
	width: 15px;
	display: block;
	margin-top: 1px;
}




#stickyTag {
	width: 450px;
	height: 6em;
	margin-left: auto;
	margin-right: auto;

	font-family: monospace;
	border: 1px solid #999;
	background-color: #e0e0e0;
}

body.parts fieldset {
	border: 1px solid #9bf;
	padding: 1em;
	margin-bottom: 2.5em;
}

body.parts legend {
	background-color :#ce8;
	border: 1px solid #a6db4d;
	font-weight: bold;
	font-size: 130%;
	padding: 0.1em 0.6em;
}


/* clock [Analog] */
body#analogDetail #contentBody h2,
body#analogSetting #contentBody h2,
body#analogHelp #contentBody h2 {
	background: url(/img/logo_clock_analog.gif) transparent no-repeat right 0;
	width: 285px;
	height: 50px;
	top: -48px;
}

/* clock [Digital] */
body#digitalDetail #contentBody h2,
body#digitalSetting #contentBody h2,
body#digitalHelp #contentBody h2 {
	background: url(/img/logo_clock_digital.gif) transparent no-repeat right 0;
	width: 282px;
	height: 50px;
	top: -46px;
}

/* counter */
body#counterDetail #contentBody h2,
body#counterSetting #contentBody h2,
body#counterHelp #contentBody h2 {
	background: url(/img/logo_counter.gif) transparent no-repeat right 0;
	width: 353px;
	height: 31px;
	top: -40px;
}

/* weather */
body#weatherDetail #contentBody h2,
body#weatherSetting #contentBody h2,
body#weatherHelp #contentBody h2 {
	background: url(/img/logo_weather.gif) transparent no-repeat right 0;
	width: 289px;
	height: 49px;
	top: -49px;
}

/* picome */
body#picomeDetail #contentBody h2,
body#picomeSetting #contentBody h2,
body#picomeHelp #contentBody h2 {
	background: url(/img/logo_picome.gif) transparent no-repeat right 0;
	width: 193px;
	height: 52px;
	top: -51px;
}


/* Blogtoy BBS */

#bbs_data table{
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	width:504px! important;
	_width:505px! important;
	margin-left:1px! important;
	_margin-left:0px! important;

}


#bbs_data td{
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	padding:5px! important;
}

#bbs_data td.comment div {
	word-break: break-all;
	word-wrap: break-word;
	overflow:auto;
}



#bbs_data td.name{
	width:360px! important;
}

#bbs_data td.mail{
	width:100px! important;
}


#bbs_data td.del{
	width:40px! important;
}

#bbs_data td.comment{
	border-bottom: 1px solid #999;
}



body.parts #main h3 {
	border: 1px solid #999;
	border-bottom-width: 0;
	background-color: #cea;
	font-size: 120%;
	padding: 0.1em 1em 0.1em 1em;
	color: #444;
	position: relative;
}

body.parts #main h3 span {
	position: absolute;
	right: 1em;
	bottom: 2px;
	font-size: 92%;
	font-weight: normal;
}

body.parts #content .contentData {
	border: 1px solid #999;
	padding: 1em;
	margin-bottom: 2.5em;
}

body.parts #content .contentData table {
	margin-left: auto;
	margin-right: auto;
}

body.parts #content table.settingForm {
	margin: 0 auto;
}

body.parts #content table th,
body.parts #content table td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 1em;
}

body.parts #content table.settingForm th {
	text-align: right;
	font-weight: bold;
	padding-left: 1em;
	padding-right: 1em;
	white-space: nowrap;
}

body.parts #content table.settingForm td,
body.parts #content table.settingForm th {
	width: 50%;
}

input.colorSample {
	width: 1em;
	border: 1px solid #ccc;
	cursor: default;
}

#preview {
	text-align: center;
}

#preview object,
#preview embed {
	display: block;
	margin: 0 auto;
}

body#counterSetting #content #preview {
	margin-top: 18px;
}

body#counterSetting #content table.settingForm {
	margin-top: 18px;
}