@charset "utf-8";

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

 simpleSlide.css
 norimania@gmail.com
 
 Define common styles in this file.
 Using the YUI fonts.css,
 font-size properties will be defined below table.
 
 |px|%|
 |10|77|
 |11|85|
 |12|93| (was 93)
 |13|100|
 |14|108| (was 107)
 |15|116| (was 114)
 |16|123.1| (was 122)
 |17|131| (was 129)
 |18|138.5| (was 136)
 |19|146.5| (was 144)
 |20|153.9| (was 152)
 |21|161.6| (was 159)
 |22|167|
 |23|174|
 |24|182|
 |25|189|
 |26|197|
 
 ex) 12px
 
 element {
 	font-size: 93%;
 }
	
 ------------------------------------------------------------*/
 
/*-----------------------------------------------------------
 Reset
 ------------------------------------------------------------*/
 
/*-----------------------------------------------------------
 YUI fonts.css
 ------------------------------------------------------------*/
 
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*-----------------------------------------------------------
 Common Settings
 ------------------------------------------------------------*/
 
p.simpleSlideSN {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: .5em 1em;
	position: absolute;
	top: 45%;
	color: #fff;
	background: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	font-size: 131%;
}
p#simpleSlidePrev { left: 10px }
p#simpleSlideNext { right: 10px }

div#meta {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
}

	div#meta p#page {
		font-size: 121%;
		text-align: center;
	}
	
div.section {
	/* suggest用 */
}

div.slide {
	font-size: 182%;
}

	div.slide h1 {
		border-bottom: dotted #bbb 1px;
		padding: 5% 0 .5em;
		font-size: 138.5%;
	}
	
	div.slide h2 {
		border-bottom: dotted #bbb 1px;
		padding-bottom: .3em;
	}
	div.slide h3 {
		margin: 1em 1em 0 .5em;
		border-left: solid #bbb 5px;
		padding-left: .6em;
		font-size: 93%;
	}
	
	div.slide div.cont strong {
		font-size: 118%;
		font-weight: bold;
	}
	
	div.slide div.cont {
		padding: 3em 4em;
	}
	
		div.slide div.cont p { padding: 1em 1em 0 }
		div.slide:first-child div.cont p { padding-left: 0 }
		div.slide div.cont ul {
			list-style: disc;
			margin-left: 1.5em;
			padding-top: 1em;
		}
		div.slide div.cont ol {
			list-style: decimal;
			margin-left: 1.5em;
			padding-top: 1em;
		}
		div.slide div.cont pre {
			margin: 1em 1em 0;
			border: dotted #ccc 1px;
			padding: .5em 1em;
			display: inline-block;
			*display: inline;
			zoom: 1;
			background: #eee;
			font-size: 93%;
		}
		div.slide div.cont span.note {
			font-size: 77%;
		}
		
		div.slide div.cont .off {
			opacity: .2;
			filter: alpha(opacity=20);
		}
	
	div.slide p.pageNav {
	}
		
div#slideMenuBg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}
		
div#slideMenuBlock {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

	div#slideMenuToggle {
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius: 0 3px 0 0;
		display: inline-block;
		*display: inline;
		zoom: 1;
		padding: .5em 1em;
		color: #fff;
		background: #000;
		opacity: .7;
		filter: alpha(opacity=70);
		cursor: pointer;
	}
	
	div#slideMenuTitle {
		margin-left: .8em;
		display: inline-block;
		*display: inline;
		zoom: 1;
	}
	
	ol#slideMenu {
		padding: .5em 0;
		width: 100%;
		background: #000;
		opacity: .7;
		filter: alpha(opacity=70);
	}
	
		ol#slideMenu li {
			padding: .2em 1em;
			display: inline-block;
			*display: inline;
			zoom: 1;
		}
		
			ol#slideMenu li a {
				color: #fff;
				font-family: Georgia;
			}
			ol#slideMenu li a:hover {
				text-decoration: none;
			}