@charset "UTF-8";

/*----------------
*	Style Name: Elements Stylesheet
*	Description: 各要素単独のスタイル
*
*	=1. Reset
*	=2. Structure
*	=3. Block Elements
*	=4. Inline Elements
*	=5. List
*	=6. Form
*	=7. Table
*	=8. General Class
*
*	Suggested order:
*		content
*		quotes
*		counter
*		marker-offset
*		list-style
*		cursor
*		outline
*		display
*		position
*		z-index
*		float
*		clear
*		direction
*		unicode-bidi
*		width
*		height
*		line-height
*		vertical-align
*		clip
*		visibility
*		margin
*		padding
*		border
*		caption-side
*		table-layout
*		border-collapse
*		border-spacing
*		empty-cells
*		speak-header
*		color
*		font
*		text-indent
*		text-align
*		text-decoration
*		text-shadow
*		letter-spacing
*		word-spacing
*		text-transform
*		white-space
*		background
*		other text
----------------*/

/*======================================

	=1. Reset
	* This Stylesheet was based on Reset CSS by Eric A. and Kathryn S. Meyer

=======================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	outline: 0;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	font-size: 100%;
	background: transparent;
}

em, address{
	font-style: normal;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul,
ul li, ol li {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*======================================

	=2. Structure

=======================================*/

body {
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
}

hr {
	display: none;
}

/*======================================

	=3. Block Elements

=======================================*/

div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address {
	display: block;
}

/*--------------------------------------
	=3-1. p
---------------------------------------*/

p {
	margin: 1em 0;
	line-height:1.5em;
}

#maker div.section p {
	margin: 0.7em 0 0.5em;
	line-height:1.2em;
}

p.price,
ul.price {
	color:#FF0000;
}

#parts div#main div.section p.attention {
	margin-top:30px;
}

/*--------------------------------------
	=3-2. h1 - h6
---------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	font-weight: bold;
	font-size: 100%;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-weight: normal;
}

h1 small, h2 small {
	font-size: 77%;
}

h1 {
	font-size: 123.1%;
}

h2 {
	font-size: 116%;
}

h1.komidashi {
	color:#FF0000;
	font-weight:bold;
}
.story-box h3 {
	margin-top:0;
}

#parts div#main div.section h2 {
	margin-top:0;
	color:#FF0000;
	font-size:1.3em;
}

#parts div#main div.section h2.next {
	margin-top:40px;
}

#parts div#main div.section h3 {
	font-size:1.1em;
}

/*--------------------------------------
	=3-3. blockquote
---------------------------------------*/

blockquote {
	margin: 1em 0;
	padding: 10px;
	color: #555;
	background: #f2f2f2;
}

blockquote[cite]:after {
	content: "Quote: "attr(cite);
	display: block; 
	margin-top: 0.5em;
	color: #999;
	font-size: 85%;
	text-align: right;
}

blockquote address {
	margin-top: 2em;
	text-align: right;
}

/*--------------------------------------
	=3-4. pre
---------------------------------------*/

pre {
	clear: both;
	margin: 10px 0;
	padding: 5px 10px;
	overflow: auto;
	border: 1px solid #bbb;
	background: #f5f5f5;
}

pre[title]:before {
	content: attr(title);
	display: block; 
	margin: -0.5em -20px 1em;
	padding: 0.2em 20px;
	color: #999;
	font-size: 77%;
	background: #333;
}

/*--------------------------------------
	=3-5. address
---------------------------------------*/

address {
	margin: 0.5em 0;
}

/*======================================

	=4. Inline Elements

=======================================*/

a, abbr, acronym, bdo, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, span, strong, sub, sup, var {
	display: inline;
}

/*--------------------------------------
	=4-1. a
---------------------------------------*/

a {
	cursor: pointer;
	color: #0068b7;
	text-decoration: underline;
}

a:visited {
	color: #65318e;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:active {
	color: #ee7800;
	text-decoration: none;
}

/*--------------------------------------
	=4-2. abbreviation (abbr, acronym, dfn)
---------------------------------------*/

abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #aaa;
}

dfn {
	border-bottom: 1px dotted #aaa;
}

/*--------------------------------------
	=4-3. monospace (code, kbd, samp, var)
---------------------------------------*/

code, kbd, samp, var {
	font-family: Consolas, Monaco, 'Courier New', 'MS Gothic', monospace;
}

kbd {
	margin: 0 0.2em;
	padding: 0 0.3em;
	border: 1px solid #888;
	color: #666;
	text-transform: uppercase;
	background: #eee;
}

samp {
	font-family: 'MS Gothic', monospace;
}

var {
	color: #06f;
	font-style: italic;
}

/*--------------------------------------
	=4-4. edit (del, ins)
---------------------------------------*/

del {
	color: #ccc;
	text-decoration: line-through;
}

ins {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

/*--------------------------------------
	=4-5. img
---------------------------------------*/

img {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	border: none;
}

img.parts-main-img {
	float:left;
	margin-right:30px;
}

a img {
	border: none;
	text-decoration: none;
}

/*--------------------------------------
	=4-6. q cite
---------------------------------------*/

q {
	font-style: italic;
}

cite {
	font-style: normal;
}

/*--------------------------------------
	=4-7. font size (big, small, sub, sup)
---------------------------------------*/

big {
	font-size: 131%;
}

small {
	font-size: 85%;
}

sup,
sub {
	position: relative;
	vertical-align: baseline;
	font-size: 77%;
}

sup {
	top: -4px
}

sub {
	top: 4px
}

/*--------------------------------------
	=4-8. emphasis (em, strong)
---------------------------------------*/

em {
	font-weight: italic;
}

strong {
	font-weight: bold;
}

span.yellow {
	background-color:#FFD700;
	padding:1px 3px;
}

/*======================================

	=5. List Elements

=======================================*/

ul, ol, dl {
	display: block;
	margin: 0.5em 0;
}

ul {
	margin-left: 1.5em;
}

ol {
	margin-left: 2.5em;
}

li {
	display: list-item;
	list-style: outside;
}

ul ul, 
ol ol, 
ul ol, 
ol ul { 
	margin: 0 0 0.5em 1em;
}

ul li,
ol ul li {
	list-style: circle;
}

ol li { list-style: decimal; }
ol ol li { list-style: lower-roman; }
ol ol ol li { list-style: lower-alpha; }

dl dd {
	margin-left: 20px;
}



/*======================================

	=6. Form

=======================================*/

form {
	display: block;
	line-height: 1;
	margin: 1em 0; 
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 10px;
	border: 1px solid #eee;
}

legend {
	margin: 0 1em;
	padding: 0 10px;
}

label {
	vertical-align: middle;
	margin: 0 0.4em 0 0;
}

input, button, select {
	vertical-align: middle;
}

input, textarea, select {
	font-family: Osaka, 'MS P Gothic', Arial, sans-serif;
	font-size: 99%;
}

input.bar, button, textarea {
	border: 1px solid #ccc;
	color: #000;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", sans-serif;
}

button {
	cursor: pointer;
}

input.bar, textarea {
	padding: 0.2em 2px;
	background: #fff;
}

input.bar:hover, textarea:hover {
	border: 1px solid #0068b7;
}

input.bar:focus, textarea:focus {
	border: 1px solid #000;
}

input.btn,
button {
	cursor: pointer;
	padding: 0.2em 2px;
	border: none;
	color: #222;
	background: #eee;
}

input.btn:active,
button.active {
	color: #000;
	background: #fff;
}

/*======================================

	=7. Table

=======================================*/

table {
	margin: 0 0 1em;
}

caption {
	margin: 1em 0 0.5em;
	text-align: center;
}

th,
td {
	padding: 0.3em 10px;
	border: 1px solid #ddd;
}

th {
	text-align: center;
	background: #f2f2f2;
}

td {
	background: #fff;
}

/*======================================

	=8. General Class

=======================================*/

/*--------------------------------------
	=8-1. Data Table
---------------------------------------*/

/* =8-1-1. Table
-----------------------------*/

table.data {
	border-right: none;
	border-left: none;
}

table.data th,
table.data td {
	padding: 0.8em 0;
	border: none;
	border-bottom: 1px solid #eee;
	text-align: left;
}

table.data th {
	font-weight: bold;
}

table.data td {
	text-align: center;
}

table.data tr.odd th,
table.data tr.odd td {
	background: #fff;
}

table.data tr.even th,
table.data tr.even td {
	background: #f2f2f2;
}

/* =8-1-2. Definition List
-----------------------------*/

dl.data {
	clear: both;
	line-height: 1.8;
}

dl.data dt {
	float: left;
	width: 7em;
}

dl.data dd {
	margin: 0 0 0 7.5em;
}

dl.data dd ol,
dl.data dd ul {
	margin-top: 0;
	margin-bottom: 0;
}

dl.data dd ol li,
dl.data dd ul li {
	line-height: 1.8;
}

dl.w4em dt	{ width: 4em; }
dl.w4em dd	{ margin-left: 4.5em; }
dl.w5em dt	{ width: 5em; }
dl.w5em dd	{ margin-left: 5.5em; }
dl.w6em dt	{ width: 6em; }
dl.w6em dd	{ margin-left: 6.5em; }
dl.w7em dt	{ width: 7em; }
dl.w7em dd	{ margin-left: 7.5em; }
dl.w8em dt	{ width: 8em; }
dl.w8em dd	{ margin-left: 8.5em; }
dl.w9em dt	{ width: 9em; }
dl.w9em dd	{ margin-left: 9.5em; }
dl.w10em dt	{ width: 10em; }
dl.w10em dd	{ margin-left: 10.5em; }
dl.w11em dt	{ width: 11em; }
dl.w11em dd	{ margin-left: 11.5em; }
dl.w12em dt	{ width: 12em; }
dl.w12em dd	{ margin-left: 12.5em; }

/*--------------------------------------
	=8-2. Float
---------------------------------------*/

.alignright {
	float: right;
	margin-bottom: 1em;
	margin-left: 20px;
}

.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 1em;
}

.clear {
	display: block;
	clear: both;
}

/*--------------------------------------
	=8-3. Tooltip
---------------------------------------*/

a.tooltip span,
a.tooltip br,
a.tooltipRight span,
a.tooltipRight br {
	display: none;
}

a.tooltip:hover,
a.tooltipRight:hover {
	position: relative;
	z-index: 25;
}

a.tooltip:hover span,
a.tooltipRight:hover span {
	display: block;
	position: absolute;
	top: -1.5em;
	z-index: 26;
	line-height: 1.4;
	padding: 4px;
	border: 1px solid #eee;
	color: #666;
	font-size: 85%;
	white-space: nowrap;
	background: #fff;
}

a.tooltip:hover span {
	left: 2em;
	float: left;
}

a.tooltipRight:hover span {
	right: 2em;
	float: right;
}

/*--------------------------------------
	=8-4. Clearfix
---------------------------------------*/

.cfx:after,
dl.data:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.cfx,
dl.data {
	min-height: 1px;
}