@charset "utf-8";
/*-----------------------------------------------------
* Jaleador Main Style CSS
	*Version: 0.91
	*Created: 2009.02.13
	*Last Modified: 2009.06.09
	*Author: Keisuke Mori;
	*Contact Me!: forestk.peace@gmail.com;
-----------------------------------------------------*/
/*-----------------------------------------------------
* Version History
	*Version: 0.90: Created!;
	*Version: 0.91: fix Monthly Special;

* Table of Contents
	*01 Information Page
		*01-1 Main Navigation
		*01-2 Privilege
		*01-3 Salud
		*01-4 Wallpaper
		*01-5 Monthly Special
		*01-6 Color Of Life
		*01-7 Scrren Saver
		*01-8 Entrance
	*02 Frequently asked Questions
		*02-1 FAQ Title
		*02-2 FAQ hCard
		*02-3 Rules
	*03 Contact
		*03-1 Contact Form
		*03-2 Contact Inputs
		*03-3 Contact Notes
	*04 Main Page
		*04-1 Message
		*04-2 What's New
		*04-3 Live & Media Information
		*04-4 Color Of Life
		*04-5 Monthly Special
		*04-6 Wallpaper
		*04-7 Screen Saver
	*05 Color Of Life
		*05-1 Local Navigation
		*05-2 Color Of Life Main
	*06 Monthly Special
		*06-1 Entry List
		*06-2 Mac Notice
	*99 404 Not Found
		*99-1 Sitemap
-----------------------------------------------------*/

/* =00 Import CSS
-----------------------------------------------------*/
@import url(reset.css);
@import url(cmn.css);
@import url(fix.css); /* =memo for ie hack */
@import url(shadowbox.css);


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


/*	=01 Information Page (/member/)
-----------------------------------------------------*/
body#info div#wrapper {/* =memo for Modern Browser */
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-o-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

body#info div#privilege,
body#info div#entrance {
	overflow: hidden;
	width: 680px;
	margin: 0 auto 3em;
}
	body#info div h2 {
		margin-bottom: 0.5em;
		font-size: 1.8em;
	}
		body#info div h2 strong {
			display: inline-block;
			padding: 0.05em 0.4em;
			background: #FFFFFF;
			color: #A13E42;
			font-weight: bold;
		}

/* =01-1 Main Navigation --------------------------*/
body#info ul#main-nav {
	font-size: 1.4em;
	width: 680px;
	margin: 1em auto 3em;
}
	body#info ul#main-nav li {
		height: 24px;
		line-height: 24px;
		margin-bottom: 1em;
	}
		body#info ul#main-nav li a img {
			margin-right: 0.5em;
			vertical-align: -6px;
		}

/* =01-2 Privilege (入会特典のご案内) --------------------------*/
/* =memo 2 column */
body#info div#privilege ul.primary { float: left; }
body#info div#privilege ul.secondary { float: right; }

body#info div#privilege ul.section {
	width: 330px;
	padding: 0 5px;
}
	body#info div#privilege ul.section li { margin-bottom: 7px; }
		body#info div#privilege ul.section li h3 {
			padding-left: 14px;
			background: url(../img/info/ic_diamond.gif) no-repeat left 3px;
			font-size: 1.3em;
		}

/* =01-3 Salud (会報) --------------------------*/
		body#info div#privilege ul.section li#salud ul {
			position: relative;
			margin: 7px 5px;
		}
			body#info div#privilege ul.section li#salud ul li.thumb {
				float: left;
				width: 73px;
				margin: 0 12px 0 0;
			}
			body#info div#privilege ul.section li#salud ul li.txt {
				position: absolute;
				left: 170px;
				bottom: 0;
				width: 10em;
				height: 2.5em;
			}

/* =01-4 Wallpaper (壁紙) --------------------------*/
		body#info div#privilege ul.section li#wallpaper ul {
			position: relative;
			margin: 7px 5px;
		}
			body#info div#privilege ul.section li#wallpaper ul li {
				float: left;
				width: 83px;
				margin: 0 7px 0 0;
			}
		body#info div#privilege ul.section li#wallpaper dl { margin-left: 5px; }
			body#info div#privilege ul.section li#wallpaper dl dt {
				clear: left;
				float: left;
				padding: 0 0.25em 0 10px;
				background: url(../img/info/ic_star.gif) no-repeat left center;
			}

/* =01-5 Monthly Special --------------------------*/
		body#info div#privilege ul.section li#special p.txt { margin: 5px; }
		body#info div#privilege ul.section li#special dl {
			overflow: hidden;
			position: relative;
			height: 9em;
			margin: 5px 5px 15px;
		}
			body#info div#privilege ul.section li#special dl dt {
				float: left;
				width: 127px;
				margin-right: 8px;
			}
			body#info div#privilege ul.section li#special dl dd {
				position: absolute;
				left: 135px;
				top: 10px;
				width: 190px;
				height: 8em;
			}
				body#info div#privilege ul.section li#special dl dd p {
					margin: 5px 0;
					line-height: 1.25;
				}
					body#info div#privilege ul.section li#special dl dd p span {
						padding: 0 0.25em;
						font-size: 0.9em;
					}

/* =01-6 Color Of Life --------------------------*/
		body#info div#privilege ul.section li#col p.txt { margin: 5px; }
		body#info div#privilege ul.section li#col p.thumb { margin: 5px 5px 15px; }

/* =01-7 Scrren Saver --------------------------*/
		body#info div#privilege ul.section li#screensaver ul { margin: 7px 5px; }
			body#info div#privilege ul.section li#screensaver ul li {
				float: left;
				width: 83px;
				margin: 0 7px 0 0;
			}

/* =01-8 Entrance (入会のご案内) --------------------------*/
body#info div#entrance p,
body#info div#entrance ol,
body#info div#entrance div { font-size: 1.3em; }
	body#info div#entrance p.price {
		margin: 15px 0;
		padding-left: 14px;
		background: url(../img/info/ic_diamond.gif) no-repeat left center;
	}
	body#info div#entrance ol { list-style: decimal inside; }
		body#info div#entrance ol li { margin-bottom: 25px; }
			body#info div#entrance ol li h3 { display: inline-block; margin-bottom: 5px; }
			body#info div#entrance ol li#entrance1 dl { margin-bottom: 10px; }
				body#info div#entrance ol li#entrance1 dl dt {
					padding-left: 14px;
					background: url(../img/info/ic_disc.gif) no-repeat left center;
				}
					body#info div#entrance ol li#entrance1 dl dl dt {
						clear: left;
						float: left;
						padding-left: 14px;
						background: url(../img/info/ic_square.gif) no-repeat left center;
					}
	body#info div#entrance p.cannot-cancel { margin: 0 0 30px; }
	body#info div#entrance div { margin-bottom: 25px; } /* ファンクラブお問合せ */
		body#info div#entrance div dt {
			clear: left;
			float: left;
			margin-right: 1em;
		}
		body#info div#entrance div dt.address { display: none; }
		body#info div#entrance div address { display: inline; }


/*	=02 Frequently asked Questions (/member/faq/)
-----------------------------------------------------*/
body#faq div#wrapper {/* =memo for Modern Browser */
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-o-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-ms-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}
body#faq div#content { font-size: 1.3em; }

/* =02-1 FAQ Title (お問い合わせの前にご参照下さい) --------------------------*/
	body#faq div#content h2 {
		margin-bottom: 0.5em;
		font-size: 1.385em; /* 18px */
	}
		body#faq div#content h2 strong {
			display: inline-block;
			padding: 0.05em 0.4em;
			background: #FFFFFF;
			color: #A13E42;
			font-weight: bold;
		}

/* =02-2 FAQ hCard (お問い合わせ) --------------------------*/
	body#faq div#content dl.vcard { margin: 1em 0 2em; }
		body#faq div#content dl.vcard dd { margin-left: 1em; }
		body#faq div#content dl.vcard dd.tel { margin-bottom: 1em; }
			body#faq div#content dl.vcard dd span.fn {
				display: block;
				margin-bottom: 1em;
			}
			body#faq div#content dl.vcard dd.tel span.value { margin-left: 1em; }
			body#faq div#content dl.vcard dd address {
				display: inline;
				margin-left: 1em;
			}

/* =02-3 Rules --------------------------*/
	body#faq div#content div#beta dl { margin: 1em 0 2em; }
		body#faq div#content div#beta dl dt { /* font-weight: bold; */ }
			body#faq div#beta dl dd ul {
				list-style: disc outside;
				margin: 0.25em 0 1.5em;
				padding-left: 2em;
			}
				body#faq div#beta dl dd ul li { margin: 0.1em 0; }


/*	=03 Contact (/member/contact/)
-----------------------------------------------------*/
body#contact div#wrapper { width: 474px; }
body#contact h1#header { padding: 15px 0; }

/* =03-1 Contact Form --------------------------*/
body#contact form {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #A13E42;
	font-size: 1.3em;
}
	body#contact form dl dt,
	body#contact form dl dd { margin-bottom: 10px; 	}
	body#contact form dl dt {
		clear: left;
		float: left;
		width: 10.5em;
		padding-left: 16px;
		background: url(../img/contact/ic_diamond.gif) no-repeat left center;
	}
		body#contact form dl dt.submit { display: none; }
		body#contact form dl dd.body {
			clear: left;
			width: 95%;
			margin: 0 auto 15px;
		}
		body#contact form dl dd.submit {
			clear: left;
			text-align: center;
		}

/* =03-2 Contact Inputs --------------------------*/
		body#contact form dl dd input#subject { width: 20em; ime-mode: auto; }
		body#contact form dl dd input#name { width: 16em; ime-mode: auto; }
		body#contact form dl dd input#mail,
		body#contact form dl dd input#re-mail { width: 20em; ime-mode: inactive; }
		body#contact form dl dd.body textarea {
			width: 100%;
			min-width: 100%;
			max-width: 100%;
			height: 15em;
			ime-mode: auto;
		}
		body#contact form dl dd.submit input#submit {
			cursor: pointer;
			padding: 0.4em 0.6em;
			background: #A13E42;
			border-width: 1px !important;
			color: #FFFFFF;
		}

/* =03-3 Contact Notes --------------------------*/
body#contact ul { font-size: 1.2em; }
	body#contact ul li {
		padding-left: 12px;
		background: url(../img/contact/ic_asterisk.gif) no-repeat 2px 5px;
	}

/* =03-4 Thanks! --------------------------*/
	body#contact div#wrapper div {
		margin-bottom: 20px;
		padding: 0 0 20px;
		border-bottom: 1px solid #A13E42;
		font-size: 1.3em;
		text-align: center;
	}
		body#contact div#wrapper div p { margin-bottom: 1em; }
			body#contact div#wrapper div p a.button {
				display: block;
				width: 85%;
				margin: 1em auto;
				padding: 0.4em 0.6em;
				background: #A13E42;
				border: 1px outset rgb(192,192,192);
			}
				body#contact div#wrapper div p a.button:hover { text-decoration: none; }
				body#contact div#wrapper div p a.button:active { border: 1px inset rgb(192,192,192); }

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


/*	=04 Main Page (/member/home/)
-----------------------------------------------------*/
body#main div#content div#information {
	clear: both;
	width: 733px;
	margin: 0 auto 38px;
	border-bottom: 1px solid #A7967A;
}
body#main div#content p.mac-notice {
	position: relative;
	clear: both;
	margin: 40px 0;
	padding: 10px 0;
	text-align: center;
}

/* =04-1 Message (¡Hola! Bienvenidos) --------------------------*/
body#main div#content div#message { margin-bottom: 32px; }
	body#main div#message h2 {
		float: left;
		width: 184px;
		height: 118px;
		padding: 66px 0;
	}
	body#main div#message ul { padding-top: 2px; }
		body#main div#message ul li {
			display: inline; /* for ie6 */
			float: left;
			width: 176px;
			height: 119px;
			margin-left: 10px;
			margin-bottom: 5px;
		}
			body#main div#message ul li a {
				position: relative;
				display: block;
				width: 176px;
				height: 119px;
				background: url(../img/home/bg_message-flame.gif) repeat-x;
			}
				body#main div#message ul li a:hover { background: #000000; }
				body#main div#message ul li a img.photo {
					position: absolute;
					width: 142px;
					height: 87px;
					top: 16px;
					left: 17px;
				}
				body#main div#message ul li a span.btn {
					position: absolute;
					width: 57px;
					height: 48px;
					bottom: 0;
					right: 0;
				}
					body#main div#message ul li#msg-ksk a span.btn { background: url(../img/home/btn_message-ksk-over.png) no-repeat; }
					body#main div#message ul li#msg-ichiro a span.btn { background: url(../img/home/btn_message-ichiro-over.png) no-repeat; }
					body#main div#message ul li#msg-dan a span.btn { background: url(../img/home/btn_message-dan-over.png) no-repeat; }
					body#main div#message ul li#msg-daisuke a span.btn { background: url(../img/home/btn_message-daisuke-over.png) no-repeat; }
					body#main div#message ul li#msg-hokuto a span.btn { background: url(../img/home/btn_message-hokuto-over.png) no-repeat; }
					body#main div#message ul li#msg-pony a span.btn { background: url(../img/home/btn_message-pony-over.png) no-repeat; }
					body#main div#message ul li#msg-taro a span.btn { background: url(../img/home/btn_message-taro-over.png) no-repeat; }
					body#main div#message ul li a:hover span.btn img { visibility: hidden; }

/* =04-2 What's New --------------------------*/
body#main div#information div#whatsnew {
	float: left;
	width: 250px;
	padding-top: 25px;
	background: url(../img/home/bg_whatsnew.gif) no-repeat;
}
	body#main div#whatsnew h2 { margin-bottom: 14px; }
	body#main div#whatsnew ol {
		margin-bottom: 14px;
		padding: 0 10px;
		line-height: 1.75;
	}
		body#main div#whatsnew ol li { zoom: 1; }
		body#main div#whatsnew ol dt {
			clear: left;
			float: left;
			width: 7em;
			text-transform: uppercase;
		}
		body#main div#whatsnew ol dd { margin-left: 7em; }

/* =04-3 Live & Media Information --------------------------*/
body#main div#information div#live-info,
body#main div#information div#other-info {
	float: right;
	width: 467px;
	margin-bottom: 20px;
	padding-top: 25px;
	background: url(../img/home/bg_live-info.gif) no-repeat;
}
body#main div#information div#other-info { background-image: url(../img/home/bg_other-info.gif); }
	body#main div#live-info h2,
	body#main div#other-info h2 {
		float: left;
		width: 145px;
		text-align: center;
	}
	body#main div#live-info ol,
	body#main div#other-info ol { margin-left: 145px; }
		body#main div#live-info ol li,
		body#main div#other-info ol li {
			zoom: 1;
			clear: right;
			margin-bottom: 15px;
			padding-left: 12px;
			background: url(../img/cmn/lst_info.gif) no-repeat 0 2px;
		}
		body#main div#other-info dl dd {
			clear: both;
			text-align: right;
		}
		body#main div#other-info dl dd.audition {
			position: relative;
			line-height: 24px;
			margin-bottom: 5px;
		}
		body#main div#other-info dl dd span { display: none; }
		body#main div#other-info dl dd span.media-player {
			cursor: pointer;
			overflow: hidden;
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 92px;
			height: 0;
			margin: 0;
			padding-top: 24px;
			background: url(../img/home/btn_play.gif) no-repeat;
		}
			body#main div#other-info dl dd span.media-player:hover,
			body#main div#other-info dl dd span.media-player.hover { background-position: 0 -24px; }
		body#main div#other-info dl dd span.media-player-on {
			overflow: hidden;
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 200px;
			height: 20px;
			margin: 0 0 5px 1em;
			padding: 2px 0;
		}
		body#main div#other-info dl dd.powered {
			color: #AAAAAA;
			font-size: 0.9em;
			text-align: right;
		}
			body#main div#other-info dl dd.powered a { color: #AAAAAA; }
		body#main div#other-info dl dd.nojs { color: #CC0000; }

/* =04-4 Color Of Life --------------------------*/
body#main div#content div#col {
	clear: both;
	float: right;
	width: 313px;
	padding: 23px 18px 0 0;
	background: url(../img/home/bg_col.gif) no-repeat;
}
	body#main div#col h2 {
		float: left;
		width: 70px;
		padding-top: 27px;
	}
	body#main div#col ul { margin-left: 1px ;}
		body#main div#col ul li {
			display: inline;
			float: left;
			width: 27px;
			margin-left: 7px;
		}
			body#main div#col ul li a {
				overflow: hidden;
				display: block;
				width: 27px;
				height: 0;
				padding-top: 183px;
				background: url(../img/home/btn_col.gif) no-repeat;
			}
			body#main div#col ul li#col-ksk a { background-position: 0 0; }
			body#main div#col ul li#col-ichiro a { background-position: -27px 0; }
			body#main div#col ul li#col-dan a { background-position: -54px 0; }
			body#main div#col ul li#col-daisuke a { background-position: -81px 0; }
			body#main div#col ul li#col-hokuto a { background-position: -108px 0; }
			body#main div#col ul li#col-pony a { background-position: -135px 0; }
			body#main div#col ul li#col-taro a { background-position: -162px 0; }
			body#main div#col ul li#col-ksk a:hover { background-position: 0 -183px; }
			body#main div#col ul li#col-ichiro a:hover { background-position: -27px -183px; }
			body#main div#col ul li#col-dan a:hover { background-position: -54px -183px; }
			body#main div#col ul li#col-daisuke a:hover { background-position: -81px -183px; }
			body#main div#col ul li#col-hokuto a:hover { background-position: -108px -183px; }
			body#main div#col ul li#col-pony a:hover { background-position: -135px -183px; }
			body#main div#col ul li#col-taro a:hover { background-position: -162px -183px; }

/* =04-5 Monthly Special --------------------------*/
body#main div#content div#special {
	position: relative;
	float: left;
	width: 360px;
	padding: 0 0 0 12px;
	background: url(../img/home/bg_special.gif) no-repeat 17px 0;
}
	body#main div#special h2 {
		height: 76px;
		margin-bottom: 10px;
		padding-top: 32px;
	}
	body#main div#special dl#full {
		width: 106px;
		height: 53px;
		margin: 0 0 5px 5px;
		background: url(../img/home/bg_fullscreen.gif) no-repeat;
	}
		body#main div#special dl#full dt {
			overflow: hidden;
			height: 0;
			padding-top: 25px;
		}
			body#main div#special dl#full dd ol {
				width: 79px;
				margin: 0 auto;
			}
				body#main div#special dl#full dd ol li { display: inline; }
					body#main div#special dl#full dd ol li a {
						overflow: hidden;
						float: left;
						display: block;
						width: 14px;
						height: 0;
						padding-top: 15px;
						margin: 0 6px;
						background: url(../img/home/btn_full.gif) no-repeat;
					}
						body#main div#special dl#full dd ol li.full-1 a { width: 15px; background-position: 0 0; }
						body#main div#special dl#full dd ol li.full-2 a { background-position: -15px 0; }
						body#main div#special dl#full dd ol li.full-3 a { background-position: -29px 0; }
						body#main div#special dl#full dd ol li.full-1 a:hover { background-position: 0 -15px; }
						body#main div#special dl#full dd ol li.full-2 a:hover { background-position: -15px -15px; }
						body#main div#special dl#full dd ol li.full-3 a:hover { background-position: -29px -15px; }
	body#main div#special ul { margin-left: 5px; }
		body#main div#special ul li { margin-bottom: 4px; }
			body#main div#special ul li a {
				overflow: hidden;
				display: block;
				width: 107px;
				height: 0;
				padding-top: 31px;
				background: url(../img/home/btn_special.gif) no-repeat;
			}
				body#main div#special ul li#full a { background-position: 0 0; }
				body#main div#special ul li#past a { background-position: -107px 0; }
				body#main div#special ul li#full a:hover { background-position: 0 -31px; }
				body#main div#special ul li#past a:hover { background-position: -107px -31px; }
	body#main div#special div#special-screen {
		position: absolute;
		width: 225px;
		top: 0;
		right: 0;
		text-align: center;
	}
		body#main div#special-screen h3 {
			margin-top: 162px;
			padding: 5px 0;
			background: #818181;
			color: #FFFFFF;
			font-size: 1.2em;
		}
			body#main div#special-screen h3 span.new { font-size: 84%; color: #EF4C37; }
			body#main div#special-screen h3 strong { display: block; height: 1.5em; overflow: hidden; }
		body#main div#special-screen p {
			position: absolute;
			top: 0;
			right: 0;
			width: 225px;
			height: 162px;
			background: url(../img/home/bg_special-screen.gif) repeat-y;
		}
			body#main div#special-screen p img {
				width: 199px;
				height: 134px;
				margin-top: 14px;
			}

/* =04-6 Wallpaper --------------------------*/
body#main div#content div#wallpaper {
	clear: both;
	margin-bottom: 50px;
	padding: 0 0 0 17px;
	background: url(../img/home/bg_wallpaper.gif) no-repeat 17px 0;
}
	body#main div#wallpaper h2 {
		float: left;
		width: 151px;
		height: 48px;
		margin-right: 15px;
		padding-top: 51px;
	}
	body#main div#wallpaper ul.gallery { margin-left: 166px; }
		body#main div#wallpaper ul.gallery li.wallpaper {
			position: relative;
			display: inline;
			float: left;
			width: 130px;
			height: 40px;
			margin-right: 9px;
			padding-top: 85px;
		}
		body#main div#wallpaper ul.gallery li.wallpaper1 { background: url(../image/home/wallpaper/img_wallpaper-1.jpg) no-repeat; }
		body#main div#wallpaper ul.gallery li.wallpaper2 { background: url(../image/home/wallpaper/img_wallpaper-2.jpg) no-repeat; }
		body#main div#wallpaper ul.gallery li.wallpaper3 { background: url(../image/home/wallpaper/img_wallpaper-3.jpg) no-repeat; }
		body#main div#wallpaper ul.gallery li.wallpaper4 { background: url(../image/home/wallpaper/img_wallpaper-4.jpg) no-repeat; }
			body#main div#wallpaper ul.gallery li.wallpaper h3 {
				float : left;
				width: 58px;
				padding-left: 12px;
				background: url(../img/cmn/lst_info.gif) no-repeat 0 2px;
			}
			body#main div#wallpaper ul.gallery li.wallpaper ul { margin-left: 70px; }
				body#main div#wallpaper ul.gallery li.wallpaper ul li {
					height: 10px;
					margin: 3px 0 5px;
				}

	body#main div#wallpaper div.note { clear: both; }
	body#main div#wallpaper h4 {
		margin-bottom: 0.75em;
		font-weight: bold;
	}
	body#main div#wallpaper div.note div { margin: 0 0 0.75em 0.75em; }
	body#main div#wallpaper h5 {
		display: inline;
		color: #A13E42;
		padding: 0 12px;
		background: url(../img/cmn/ic_red.gif) no-repeat 0 50%;
	}
	body#main div#wallpaper p { display: inline; }
	body#main div#wallpaper dt { float: left; }
	body#main div#wallpaper dd.win { margin-left: 5.5em; }
	body#main div#wallpaper dd.mac { margin-left: 6em; }

/* =04-7 Screen Saver --------------------------*/
body#main div#content div#screensaver {
	padding: 0 0 0 17px;
	background: url(../img/home/bg_screensaver.gif) no-repeat 17px 0;
}
	body#main div#screensaver h2 {
		float: left;
		width: 139px;
		height: 54px;
		margin-right: 15px;
		padding-top: 51px;
	}
	body#main div#screensaver ul.gallery {
		display: inline;
		float: left;
	}
		body#main div#screensaver ul.gallery li.screensaver {
			position: relative;
			display: inline;
			float: left;
			width: 130px;
			margin-right: 9px;
			padding-top: 85px;
		}
		body#main div#screensaver ul.gallery li.screensaver1 { background: url(../image/home/screensaver/img_screensaver-1.jpg) no-repeat; }
		body#main div#screensaver ul.gallery li.screensaver2 { background: url(../image/home/screensaver/img_screensaver-2.jpg) no-repeat; }
			body#main div#screensaver ul.gallery li.screensaver h3 {
				float : left;
				width: 58px;
				padding-left: 12px;
				background: url(../img/cmn/lst_info.gif) no-repeat 0 2px;
			}
			body#main div#screensaver ul.gallery li.screensaver ul { margin-left: 70px; }
				body#main div#screensaver ul.gallery li.screensaver ul li {
					height: 10px;
					margin: 3px 0 5px;
				}

	body#main div#screensaver div.note { margin-left: 435px; }
	body#main div#screensaver h4 {
		margin-bottom: 0.75em;
		font-weight: bold;
	}
	body#main div#screensaver ol {
		padding-left: 2em;
		list-style: decimal outside;
	}


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


/*	=05 Color Of Life (/member/memberID/)
-----------------------------------------------------*/
body#col div#content div.section {
	width: 711px;
	margin: 0 auto;
	background: url(../img/col/bg_col.gif) repeat-y;
}
body#col div#content h2.title {
	padding: 33px 0 3px;
	text-align: center;
}
	body#col.ksk div#content h2.title { background: url(../img/col/bg_col-h2-ksk.gif) no-repeat; }
	body#col.ichiro div#content h2.title { background: url(../img/col/bg_col-h2-ichiro.gif) no-repeat; }
	body#col.dan div#content h2.title { background: url(../img/col/bg_col-h2-dan.gif) no-repeat; }
	body#col.daisuke div#content h2.title { background: url(../img/col/bg_col-h2-daisuke.gif) no-repeat; }
	body#col.hokuto div#content h2.title { background: url(../img/col/bg_col-h2-hokuto.gif) no-repeat; }
	body#col.pony div#content h2.title { background: url(../img/col/bg_col-h2-pony.gif) no-repeat; }
	body#col.taro div#content h2.title { background: url(../img/col/bg_col-h2-taro.gif) no-repeat; }

/* =05-1 Local Navigation --------------------------*/
body#col div#content div#local-nav {
	overflow: hidden;
	width: 575px;
	height: 33px;
	margin: 0 auto;
	padding-top: 2px;
	background: url(../img/col/bdr_col.gif) no-repeat top center;
}
	body#col div#content div#local-nav ul {
		overflow: hidden;
		width: 575px;
		height: 31px;
		height: 31px;
		padding-bottom: 2px;
		background: url(../img/col/bdr_col.gif) no-repeat bottom center;
	}
		body#col div#content div#local-nav ul li {
			display: inline;
			float: left;
			margin: 0 5px;
		}

/* =05-2 Color Of Life Main --------------------------*/
body#col div#content div#main {
	overflow: hidden;
	width: 671px;
	margin: 0 auto;
	padding: 15px 20px;
	background: url(../img/col/bg_col-wrapper.gif) no-repeat bottom;
	font-size: 1.2em;
}
	body#col div#content div#main div#wmv,
	body#col div#content div#main div#flash { margin: 0 auto; }
		body#col div#content div#main div#wmv p.nojs {
			padding: 2em 0;
			text-align: center;
		}
		body#col div#content div#main div#wmv p.nojs span {
			padding-left: 18px;
			background: url(../img/cmn/ic_caution.gif) no-repeat left center;
		}


/* Headings */
body#col div#content div#main h1 { font-size: 2em; margin: 0.5em 0; font-weight: bold; }
body#col div#content div#main h2 { font-size: 1.5em; margin: 0.75em 0; font-weight: bold; }
body#col div#content div#main h3 { font-size: 1.17em; margin: 1em 0; font-weight: bold; }
body#col div#content div#main h4 { margin: 1.25em 0; font-weight: bold; }
body#col div#content div#main h5 { font-size: .83em; margin: 1.5em 0; font-weight: bold; }
body#col div#content div#main h6 { font-size: .67em; margin: 1.75em 0; font-weight: bold; }

/* Paragraph */
body#col div#content div#main p { margin: 0.5em 0px; }
body#col div#content div#main blockquote { margin: 0.5em 1em; padding: 0.5em; border: 2px dotted #666666; }
body#col div#content div#main q { margin: 0 0.5em; }
body#col div#content div#main q:before { content: open-quote; }
body#col div#content div#main q:after { content: close-quote; }
body#col div#content div#main hr { display: block; height: 1px; margin: 0.5em auto; background: #999999; boder: 1px solid #999999; color: #999999; }

/* List Types */
body#col div#content div#main ul, menu, dir { list-style-type: disc; margin: 1em 0; padding-left: 3em; }
body#col div#content div#main ol { list-style-type: decimal; margin: 1em 0; padding-left: 3em; }
body#col div#content div#main li { display: list-item; zoom: normal; }
body#col div#content div#main ul ul, body#col div#content div#main ol ul { list-style-type: circle; }
body#col div#content div#main ol ol ul, body#col div#content div#main ol ul ul, body#col div#content div#main ul ol ul, body#col div#content div#main ul ul ul { list-style-type: square; }
body#col div#content div#main ol ul, body#col div#content div#main ul ol, body#col div#content div#main ul ul, body#col div#content div#main ol ol { margin: 0; }
body#col div#content div#main dl { margin: 1em 0; }
body#col div#content div#main dd { margin-left: 3em; }

/* Fieldsets, Legends, and Form Elements */
body#col div#content div#main legend { display: block; padding: 0 0.5em border: none; }
body#col div#content div#main fieldset { display: block; margin: 0 0.5em; padding: 0.35em 0.75em 0.625em; border: 1px inset #999999; }
body#col div#content div#main textarea { resize: none; }

/* Table */
body#col div#content div#main table { display: table; border-collapse: separate; border-spacing: 2px; border: 1px solid #999999; }
body#col div#content div#main thead { display: table-header-group; vertical-align: middle; border: 1px solid #999999; }
body#col div#content div#main tbody { display: table-row-group; vertical-align: middle; border: 1px solid #999999; }
body#col div#content div#main tfoot { display: table-footer-group; vertical-align: middle; border: 1px solid #999999; }
body#col div#content div#main table > tr { vertical-align: middle; }
body#col div#content div#main col { display: table-column; }
body#col div#content div#main colgroup { display: table-column-group; }
body#col div#content div#main tr { display: table-row; vertical-align: inherit; border: 1px solid #999999; }
body#col div#content div#main td, body#col div#content div#main th { display: table-cell; vertical-align: inherit; border: 1px solid #999999; }
body#col div#content div#main th { font-weight: bold; }
body#col div#content div#main caption { display: table-caption; text-align: center; }

/* inline elements */
body#col div#content div#main u, body#col div#content div#main ins { text-decoration: underline; }
body#col div#content div#main s, body#col div#content div#main strike, body#col div#content div#main del { text-decoration: line-through; }
body#col div#content div#main strong, body#col div#content div#main b { font-weight: bolder; }
body#col div#content div#main i, body#col div#content div#main cite, body#col div#content div#main em, body#col div#content div#main var, body#col div#content div#main address { font-style: italic; }
body#col div#content div#main big { font-size: larger; }
body#col div#content div#main small { font-size: smaller; }
body#col div#content div#main nobr { white-space: nowrap; }
body#col div#content div#main tt, body#col div#content div#main code, body#col div#content div#main kbd, body#col div#content div#main samp { font-family: monospace; }
body#col div#content div#main pre, body#col div#content div#main xmp, body#col div#content div#main plaintext, body#col div#content div#main listing { display: block; font-family: monospace; white-space: pre; margin: 1em 0; }
body#col div#content div#main pre { width: 660px; overflow-x: scroll; }
body#col div#content div#main sub { vertical-align: sub; font-size: smaller; }
body#col div#content div#main sup { vertical-align: super; font-size: smaller; }
body#col div#content div#main abbr, body#col div#content div#main acronym { border-bottom: 1px dotted #999999; }

body#col div#content div#main iframe { border: 1px inset #999999; }


body#col div#content div#main .entry-title { text-align: center; }
body#col div#content div#main .img-center { clear: both; margin: 0 auto 12px auto; padding: 4px; text-align: center; }
body#col div#content div#main .img-left { clear: both; float: left; margin: 0 1em 1em 0; padding: 4px; background-color: #EEE; border: 1px solid #AAA; text-align: left; }
body#col div#content div#main .img-right { clear: both; float: right; margin: 0 0 1em 1em; padding: 4px; background-color: #EEE; border: 1px solid #AAA; text-align: right; }
body#col div#content div#main .img-center img, 
body#col div#content div#main .img-left img,
body#col div#content div#main .img-right img { display: inline-block; margin: 0 auto; }
body#col div#content div#main img { max-width: 670px; }
body#col div#content div#main .img-clear { clear: both; }
body#col div#content div#main .clearer { clear: both; height: 0; line-height: 0; visibility: hidden; }
body#col div#content div#main a { text-decoration: underline; }


body#col div#content div#main div#past-entry { margin: 15px 0; }
	body#col div#content div#main div#past-entry h3 { margin: 0 0 5px 0; }
	body#col div#content div#main div#past-entry ol {
		margin: 5px 0;
		padding: 0;
		list-style: none;
	}
	body#col div#content div#main div#past-entry ol li a {
		display: block;
		padding: 5px;
		text-decoration: none;
	}
	body#col div#content div#main div#past-entry ol li a span.published { padding-right: 1em; }
	body#col div#content div#main div#past-entry ol li a span.value-title { display: none; }
	body#col div#content div#main div#past-entry ol li a span.entry-title {
		font-weight: bold;
		text-decoration: underline;
	}

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


/*	=06 Monthly Special (/member/special/)
-----------------------------------------------------*/
body#special div#content div.section {
	width: 711px;
	margin: 0 auto;
	background: url(../img/special/bg_special.gif) repeat-y;
}
body#special div#content h2 {
	padding: 30px 0 10px;
	background: url(../img/special/bg_special-h2.gif) no-repeat;
	text-align: center;
}

/* =06-1 Entry List --------------------------*/
body#special div#content ol.hfeed {
	padding: 20px 20px 10px;
	background: url(../img/special/bdr_special-hfeed.gif) no-repeat top center;
	font-size: 1.5em;
	text-align: center;
}
	body#special div#content ol.hfeed li { margin: 10px 0; }
		body#special div#content ol.hfeed li a { padding-bottom: 1px; }
		body#special div#content ol.hfeed li a span { padding-left: 1em; }
		body#special div#content ol.hfeed li:first-child,
		body#special div#content ol.hfeed li.first-child {
			display: inline-block;
			padding-left: 55px;
			padding-bottom: 0;
			background: url(../img/special/ic_new.gif) no-repeat left center;
			border-bottom: 1px solid #000000;
		}
		/* =deleted (2009.04.25)
		body#special div#content ol.hfeed li a:hover {
			padding-bottom: 0;
			border-bottom: 1px solid #000000;
			text-decoration: none;
		} */
			body#special div#content ol.hfeed li a.multi { margin-left: 0.5em; }
			body#special div#content ol.hfeed li a.video1 { margin-left: 1em; }
			body#special div#content ol.hfeed li div.entry-content { display: none; }

/* =06-2 Mac Notice --------------------------*/
body#special div#content p.mac-notice {
	padding: 5px 15px 15px;
	background: url(../img/special/bg_mac-notice.gif) no-repeat bottom;
	text-align: center;
}


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


/*	=99 404 Not Found
-----------------------------------------------------*/
body#notfound div#content { overflow: hidden; }
	body#notfound div#content h2 {
		font-size: 2.2em;
		font-weight: bold;
		text-align: center;
	}
	body#notfound div#content h3 {
		font-size: 1.6em;
		text-align: center;
	}
		body#notfound div#content h3 span {
			padding-left: 18px;
			background: url(../img/cmn/ic_caution.gif) no-repeat left center;
		}
	body#notfound div#content p {
		width: 30em;
		margin: 2em auto;
		font-size: 1.2em;
	}

/* =99-1 Sitemap --------------------------*/
	body#notfound div#content div#sitemap {
		width: 44em;
		margin: 0 auto;
		padding-top: 15px;
		font-size: 1.2em;
		text-align: center;
	}
		body#notfound div#content div#sitemap h4 {
			margin-bottom: 10px;
			font-size: 14px;
			font-weight: bold;
		}
			body#notfound div#content div#sitemap dl {
				float: left;
				width: 10em;
				padding: 0 0.5em;
				margin-top: -0.5em;
			}
				body#notfound div#content div#sitemap dl a {
					display: block;
					zoom: 1; /* =hack for ie6 */
				}
				body#notfound div#content div#sitemap dl dt { margin-top: 0.5em; }
					body#notfound div#content div#sitemap dl dt a { font-weight: bold; }