@charset "UTF-8";

/* ぺぺぺぺ */


/* ------------------------------------------------------------------------- */
/*
	各セクションで font-sizeを指定

	ベース:82% 指定済み
	 (+1 = 115%) >>>> BASE >>>> (-1 84%) >>>>> (-2 77%)

*/
/* ------------------------------------------------------------------------- */


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

	zoom: 1;
}

html {
	height: 100%;

	/* IEアイコンちらちら事件の真相 */
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

html>/**/body{
	overflow: -moz-scrollbars-vertical;
}

html:first-child body {
	min-height: 100%;
	padding-bottom: 1px;
}

body {
	font-family: Verdana, Sans-Serif;
	line-height: 1.6;
	background: url(/img/bg.gif) #fff repeat 0 0;
	color: #333;

	font-size:82%; 
}



/* ------------------------------------------------------------------------- */
table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}

th, td {
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}

caption {
	text-align: left;
}

img, a img {
	vertical-align: bottom;
	border: none;
	background: transparent;

	/* for ALT */
	font-size: 9px;
	line-height: 1;
	overflow: hidden;
	color: #777;
}

object,embed {
	vertical-align: top;
}

fieldset {
	border: none;
}

input, textarea {
	font-size: 1em;
	padding: 1px;
}

input {
}

option {
	padding: 1px 0.4em;
}

textarea {
}

em, address, dfn {
	font-style: normal;
}

em {
	font-weight: bold;
}

address {
	display: block;
}

ul ul, ul dl, dl ul, table p, table ul, table table {
	font-size:1em;
}

li {
	list-style:none;
} 


h1, h2, h3, h4, h5, h6, h7 {
	font-weight: bold;
}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

iframe {
	border: 0;
	display: block;
}

/* ------------------------------------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	line-height: 0;
	font-size: 0;
}

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

.inputXLong {
	width: 22em;
}

.inputLong {
	width: 16em;
}

.inputMiddle {
	width: 13em;
}

.inputShort {
	width: 10em;
}

.inputXShort {
	width: 6em;
}

.inputXXShort {
	width: 5.2em;
}

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



.systemMessage {
	text-align: center;
/*
	line-height: 2.6;
*/
	background-color: #fff0f0;
	border: 1px solid #baa;
	margin-bottom: 20px;
	padding: 10px 0;
}

.systemMessage span {
	padding: 6px 0;
	color: #f33;
	font-weight: bold;
}

#highestWarning {
	width: 100%;
	text-align: center;
	font-size: 115%;
	background-color: #ffc;
	color: #000;
	border: 2px solid red;
	line-height: 1.5;
	padding: 0.5em 1em;
}

.more {
	text-align: right;
}

.must {
	color: #f33;
	font-size: 77%;
	font-weight: normal;
}

.zebra0,
.zebra0 th,
.zebra0 td {
	background-color: #fff;
}

.zebra1,
.zebra1 th,
.zebra1 td {
	background-color: #e0e0e0;
}

.stickArrowB {
	background: url(/img/ic_minitri_br.gif) transparent no-repeat 0 50%;
	padding-left: 10px;
}

.check li {
	background: url(/img/ic_check.gif) transparent no-repeat 0 50%;
	padding-left: 23px;
}

.checkMini {
	background: url(/img/ic_check_mini.gif) transparent no-repeat 0 33%;
	padding-left: 13px;
}

.goTop {
	text-align: right;
	margin-top: 20px;
}

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

a {
	word-break: break-all;
}

a:link,
a:link * {
	color: #33f;
	text-decoration:none;
}

a:visited,
a:visited * {
	color: #33f;
	text-decoration:none;
}

a:hover,
a:hover * {
	text-decoration: underline;
}

a:active,
a:active * {
	color: #f33;
}

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

#container {
	width: 760px;
	border: 1px solid #dad7c6;
	margin: 0 auto;
}


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

#header {
	position: relative;
}

	#header h1 {
		background: url(/img/header2.gif) transparent no-repeat 0 0;
		height: 80px;
		overflow: hidden;
		text-indent: -99999px;
	}

	#header a {
		display: block;
		background: url(/img/ic_top.gif) transparent no-repeat 0 0;
		width: 78px;
		height: 22px;
		overflow: hidden;
		text-indent: -99999px;

		position: absolute;
		bottom: 14px;
		left: 17px;
	}

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



/* ------------------------------------------------------------------------- */
/* contents */

#contents {
}


/* main -------------------------------- */
#contents #main {
}



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

#footer {
	clear: both;
	margin-top: 34px;
	padding: 0 20px 48px 20px;
	background-color: #fff;
}

	#footer table {
		width: 100%;
		border-top: 2px solid #e5e5e5;
	}

	#footer table td {
		text-align: left;
		padding-top: 8px;
		padding-right: 1.5em;
		white-space: nowrap;
	}

	#footer table td#caution {
		font-size: 77%;
		text-align: center;
		white-space: normal;
	}

	#footer table td a {
		display: block;
	}

	#footer table td#powered {
		text-align: right;
		font-family: Verdana, Sans-Serif;
		font-size: 82%;
		color: #666;
		padding-right: 0;
		white-space: normal;
	}

	#footer table td strong {
		color: #33f;
		font-weight: normal;
	}

	#footer .stickArrowB {
/*
		visibility: hidden;
*/
	}

	#footer .angel-bank {
		display: none;
	}

body.bodyEntry #footer td a {
/*
	display: none;
*/
}




/* ------------------------------------------------------------------------- */

	#blogParts {
		margin-top: 16px;
		border-top: 2px solid #e5e5e5;
		padding-top: 26px;
		padding-left: 50px;
	}

		#blogParts #sampleParts {
			float: left;
			width: 160px;
			height: 260px;
		}


		#blogParts #getCode {
			width: 427px;
			margin-left: 212px;
			margin-top: -20px;
		}

			#blogParts #getCode h4 {
				background: url(/img/h_blogparts2.gif) transparent no-repeat 0 0;
				width: 427px;
				height: 61px;
				overflow: hidden;
				text-indent: -99999px;
			}

			#blogParts #getCode .note {
				line-height: 1.25;
			}

			#blogParts #getCode .note p {
				margin-top: 1em;
			}

			#blogParts #getCode #code {
				margin-top: 8px;
			}

			#blogParts #getCode textarea {
				width: 368px;
				height: 130px;
				border: 2px solid #111;
			}

			#blogParts #getCode .opr {
				text-align: center;
			}



/* ------------------------------------------------------------------------- */

.escapableClause {
	margin-top: 1em;
	padding-left: 2em;
	width: 590px;
border: 2px solid #ccc;
	padding: 0.3em 0.3em 0.3em 2em;
	padding: 0.5em;
}

	.escapableClause li {
		line-height: 1.33;
		margin-top: 0.3em;
		font-size: 77%;

		background: url(/img/ic_minitri_br.gif) transparent no-repeat 0 0.25em;
		padding-left: 10px;
	}

	.escapableClause li.first {
		margin-top: 0;
	}

/* shadedborder */

/*
.sb, .sbi, .sb *, .sbi * { position:relative; z-index:2; }
*/

/*
* html .sb, * html .sb *, * html .sbi, * html .sbi * { zoom:1; }
*/

/*
* html body .sb input,
* html body .sb select,
* html body .sb textarea {
	height: auto;
}
*/