@charset "Shift_Jis";
@import url("decoration.css");

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

   Template  : 003. Wish
   Version   : ver. 4.0.0
   Address   : http://a-c.2-d.jp/ <em@a-c.2-d.jp>

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

/*----------------------------------------------------
 �¥ screenƒ�ƒfƒBƒA—p
-----------------------------------------------------*/

@import url("cdp_Wish.css");

@media screen
{
        /*--------------------------------------------
           �¡ ‘S‘Ì
        ---------------------------------------------*/

*
{
	font-size: 100.01%;
}

br
{
	letter-spacing: normal; 
}

p,
form,
ol,
ul,
dl,
address,
blockquote,
pre
{
	margin: 0.7em 5px;
	padding: 0;
}

form p,
li form,
pre code
{
	margin: 0;
	padding: 0;
}

img,
table,
iframe,
object
{
	max-width: 98%; 
}

img[width],
td img
{
	max-width: none;
}

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

em em,
storng,
dfn,
dt,
caption,
th,
kbd kbd
{
	font-weight: bold;
}

pre,
code,
samp,
kbd
{
	font-family: monospace;
}

abbr,
acronym,
ins[title],
del[title],
dfn,
q[title],
blockquote[title],
span[title]
{
	cursor: help;
}

ins>*:first-child,
li>*:first-child,
dd>*:first-child,
blockquote>*:first-child
{
	margin-top: 0.45em;
}


        /*--------------------------------------------
           �¡ ”Ä—p
        ---------------------------------------------*/

article, aside, figure, figcaption, footer,
header, hgroup, nav, section
{
	display:block;
}

nav
{
	margin: 2em 0;
	padding: 0.1em 0;
	border: double #E0E0E0;
	border-width: 3px 0;
}

        /*--------------------------------------------
           �¡ Structure module
        ---------------------------------------------*/

html
{
	margin: 0;
	padding: 0;
	background: #DDD url("Wish_img/bg.gif") repeat;
}

body
{
	max-width: 880px;
	margin: 0 auto;
	padding: 1px 1em 0.5em;
	background: #EEE;
	color: #444;
	font-family: Helvetica, Arial, Meiryo, "ƒ�ƒCƒŠƒI", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", Sans-serif;
	line-height: 1.6;
}

        /*--------------------------------------------
           �¡ ’i—Ž�EŒr�ü
        ---------------------------------------------*/

p
{
	padding: 0.1em 0;
}

hr
{
	margin: 2em 0 2em 50%;
	border: 0 solid #DDD;
	background: #DDD;
	color: #DDD;
}

        /*--------------------------------------------
           �¡ ƒAƒ“ƒJ�[
        ---------------------------------------------*/

a
{
	font: inherit;
	font-size: inherit;
}

a:link
{
	color: #cc6600;
}

a:visited
{
	color: #A982AD;
}

a:hover,
a:active,
a:focus
{ 
	color: #999;
}

        /*--------------------------------------------
           �¡ ‰æ‘œ
        ---------------------------------------------*/

img
{ 
	margin: 1px;
	border-width: 0;
	vertical-align: text-bottom; 
}

		/* ƒŠƒ“ƒN‰æ‘œ ------------------------*/

a img
{
	padding: 2px;
	border: 1px solid;
	background: #FFF;
}

a:link img
{
	border-color: #DDD #AAA #AAA #DDD;
}

a:visited img
{
	border-color: #AAA #DDD #DDD #AAA;
}

a img.borderNone,
a.borderNone img,
a img.link,
.link img
{
	padding: 0;
	border: none;
	background: transparent;
}

        /*--------------------------------------------
           �¡ Œ©�o‚µ
        ---------------------------------------------*/

h1
{
	font-weight: bold; 
	font-size: 180%; 
}

h2
{
	margin: 1em 0 5px; 
	padding: 0 0.5em;
	border-top: 1px solid #FFF; 
	border-bottom: 1px solid #CCC;
	color: #8fbc8f;
	font-weight: bold;
	font-size: 140%; 
}

h3,
h4,
h5,
h6
{
	margin: 1em  5px 0.3em;
	font-weight: bold; 
}

h3
{
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	color: #222;
	font-size:130%; 
}

h4
{
	padding: 0 0.5em;
	border: 1px solid #D3D3D3;
	color: #333;
	font-size: 120%;
}

h5,
h6
{
	padding: 0.1em 0.5em;
	color: #999; 
	font-size: 110%; 
}

h5
{
	margin-left: 70px;
	border-left: 3px solid #BBB;
	border-top: 1px solid #D3D3D3;
}

h6
{
	margin-left: 100px;
	border-right: 3px solid #BBB;
	text-align: right;
}

h3+h4,
h4+h5,
h5+h6
{
	margin-top: 0.5em;
}

        /*--------------------------------------------
           �¡ ‹­’²
        ---------------------------------------------*/

em
{
	padding: 0 0.12em;
	background: #EFD9ED;
	color: #000;
}

strong
{
	color: #C63286;
	border-bottom: 2px dotted #C63286;
}

	strong strong
	{
		border: none;
		font-size: 120%;
		letter-spacing: 0.12em;
	}

        /*--------------------------------------------
           �¡ ’ljÁ�E�í�œ
        ---------------------------------------------*/

ins
{
	border: dotted #F9A;
	border-width: 0 0 1px;
	text-decoration: none; 
}

body>ins,
div>ins,
section>ins,
article>ins
{
	position: relative;
	display: block;
	margin: 0.55em 0;
	padding: 0.15em 0.6em;
	border-width: 0 0 0 1px;
}

body>ins::before,
div>ins::before,
section>ins::before,
article>ins::before
{
	content: "\49\4e\53\45\52\54";
	display: block;
	width: 5em;
	background: #F9A;
	color: #EEE;
	font-weight: bold;
	font-size: 72%;
	text-align: center;
}

body>ins[datetime]::after,
div>ins[datetime]::after,
section>ins[datetime]::after,
article>ins[datetime]::after
{
	content: attr(datetime);
	position: absolute;
	top: 0;
	left: 5.5em;
	display: block;
	color: #F9A;
	font-size: 86%;
	text-align: right;
}

del
{
	opacity: 0.4;
	color: #999;
	text-decoration: line-through; 
}

body>del,
div>del,
section>del,
article>del
{
	display: none;
}

        /*--------------------------------------------
           �¡ ƒtƒH�[ƒ€
        ---------------------------------------------*/

fieldset
{
	margin: 0 0 0.3em;
	padding: 0.25em 1em;
	border: 2px solid #DDD;
}

input,
textarea,
select,
optgroup,
option,
button
{
	font: 100%/normal Osaka, "‚l‚r ‚oƒSƒVƒbƒN", Sans-serif;
	vertical-align: middle;
}

input,
select,
textarea
{
	margin: 0.1em 0.25em 0.1em 0;
	border: 1px solid #DDD;
	background: #FFF; 
	color: #000; 
}

textarea
{
	resize: both;
}

input[type="radio"],
input[type="checkbox"]
{
	border: none;
	background: transparent;
}

input[type="button"],
input[type="submit"],
input[type="reset"]
{
	background: #DDD;
	color: #000; 
	cursor: pointer;
}

html>/**/body input[type="text"],
html>/**/body textarea,
html>/**/body select[size="1"]
{
	max-width: 97%;
}

        /*--------------------------------------------
           �¡ ƒŠƒXƒg
        ---------------------------------------------*/

ol,
ul
{
	list-style-position: outside;
}

ol li,
ul li
{
	margin: 0 0 0 2em;
	padding: 0.12em 0;
	text-align: left;
}

ol>li
{
	padding: 0.4em 0;
}

ol>li+li
{
	border-top: 1px dashed #D0D0D0;
}

        /*--------------------------------------------
           �¡ ’è‹`
        ---------------------------------------------*/

dl dt
{
	margin: 0.3em 0 1px; 
	padding: 0.2em 0 0.2em 0.6em;
	border-left: 3px solid #CCC;
}

dl dd
{
	margin: 0;
	padding: 0.23em 0 0.23em 1.2em;
	border-left: 3px solid #DDD;
}

        /*--------------------------------------------
           �¡ ƒAƒhƒŒƒX
        ---------------------------------------------*/

address
{
	padding: 20px 0.5em 0.3em;
	border: 1px dashed #CCC;
	background: url("Wish_img/address.gif") no-repeat 5px 5px;
}

	li address
	{
		display: inline;
		margin: 0;
		padding: 0 0 0 22px;
		border-width: 0 0 1px;
	}

        /*--------------------------------------------
           �¡ ƒe�[ƒuƒ‹
        ---------------------------------------------*/

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

		/* ‘•�üƒe�[ƒuƒ‹ --------------------*/


caption
{
	caption-side: top;
	margin: 0.3em 0 0;
	padding: 0.2em;
	border-right: 1px solid #CCC;
	background: #FFF;
	color: #222:
}

table
{
	border-collapse: separate;
	border-spacing: 2px; 
	margin: 0 0 0.4em; 
	padding: 0;
	border: solid #CCC;
	border-width: 0 1px 1px 0;
	background: #FFF;
	color: #222;
}

th,
td
{
	padding: 0.35em 0.6em;
}

th
{
	border: none;
	background-color: #444;
	color: #FFF;
}

	tbody th
	{
		font-weight: normal; 
	}

td
{
	border: solid #D5D5D5;
	border-width: 1px 0 0 1px;
	background-color: #EEE;
}

td:empty
{
	background-image: url("Wish_img/bg.gif");
}

        /*--------------------------------------------
           �¡ ˆø—p
        ---------------------------------------------*/

cite
{
	border-bottom: 1px solid #AAA;
}

q,
blockquote
{
	border: solid #AAA;
	border-width: 1px 1px 2px;
	background: #E8E8E8 repeat-x 0 0;
	color: #333;
}

q
{
	quotes: "" "" "\201c" "\201d" "\2018" "\2019";
	margin: 0 0.2em;
	padding: 0 0.15em;
}

q::before,
q::after
{
	color: #999;
	font-weight: normal;
	font-family: Serif;
}

q::before
{
	content: open-quote;
}

q::after
{
	content: close-quote;
}

	q q
	{
		border: none;
		color: #666;
	}

	q q q
	{
		color: #222;
	}

blockquote
{
	margin-left: 15%;
	padding: 20px 1em 0.6em;
	background-image: url("Wish_img/quote.gif");
}

blockquote[cite^="http://"]::after,
blockquote[cite^="urn:ISBN"]::after,
blockquote[cite^="urn:isbn"]::after
{
	content: attr(cite);
	display: block;
	margin: 1em -0.3em 0;
	padding: 0.14em 0.5em;
	background: #DDD;
	color: #555;
	font: 86%/normal monospace;
	word-wrap: break-word;
}

        /*--------------------------------------------
           �¡ �®Œ`�ς݃eƒLƒXƒg
        ---------------------------------------------*/

pre
{
	overflow-x: scroll;
	overrflow-y:hidden;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0.7em 0.4em;
	border-left: 1px solid #CCC;
	border-top: 1px solid #AAA;
	background: #E3E3E3 url("Wish_img/pre.gif") repeat-x 0 0;
}

html>/**/body>#PAGETOP pre
{
	overflow: auto;
}

:root pre
{
	max-height: 20em;
}

        /*--------------------------------------------
           �¡ ‚»‚Ì‘¼ƒCƒ“ƒ‰ƒCƒ“
        ---------------------------------------------*/

acronym,
abbr
{
	border-top: 1px dashed #F9B080; 
	border-bottom: none;
}

big
{
	font-size: larger;
}

code,
kbd,
samp
{
	margin: 0 0.15em;
	padding: 0 0.15em;
}

code
{
	background: #E3E3E3;
	color: #01A188;
}

kbd
{
	border: 2px solid;
	border-color: #DDD #777 #777 #DDD;
	background: #FFF;
	color: #222; 
}

	kbd kbd
	{
		border: none;
	}

small
{
	font-size: smaller;
}

sub,
sup,
rp,
rt
{
	font-size: 86%;
	line-height: 1;
}

var
{
	font-family: Serif;
}

        /*--------------------------------------------
           �¡ IE‘Ήž
        ---------------------------------------------*/

* html ins
{
	border-width: 0;
}


sub,
sup
{
	font-size: 110%\9;
}

* html dt,
* html dd
{
	height: 1%;
}

div
{
	min-height: 1%;
}

}/* @media screen �I */

/*----------------------------------------------------
 �¥ ‘¼ƒ�ƒfƒBƒA—p
-----------------------------------------------------*/

@media print, projection
{
	*
	{
		background-image: none !important;
	}

	html, body
	{
		margin: 0; padding: 0;
		background-color: #FFFFFF;
		color: #000000;
	}

	ul, ol, dl, p, address, table, blockquote, pre
	{
		margin: 10pt 0 5pt; padding: 0;
	}

	body
	{
		font-size: 12pt; 
		font-family: "Hiragino Mincho Pro", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "‚l‚r ‚o–¾’©", serif;
		line-height: 1.5;
		text-align: left;
	}

	h1, h2, h3, h4, h5, h6
	{
		border-bottom: 2px solid #000000;
		font-family: "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", sans-serif;
	}

	h3, h4, h5, h6
	{
		border-bottom-width: 1px;
	}

	h4
	{
		border-bottom-style: dashed;
	}

	h5
	{
		border-bottom-style: dotted;
	}

	a[href^="http://"]::after
	{
	        content: "\20\ff3b" attr(href) "\ff3d\20";
	}

	ins
	{
		text-decoration: none;
	}

	table, th, td
	{
		border-spacing: 0; border-collapse: collapse;
		border: 1px solid #000000;
		padding: 0.2em 0.4em;
		vertical-align: top; text-align: left;
	}

	li, dd, blockquote
	{
		margin-left: 3em; padding: 0.1em 0;
	}

	blockquote[cite]::after
	{
		content: "\2d\63\69\74\65\2d\20" attr(cite); display: block;
		margin-left: 10%; font-size: smaller; text-align: right;
	}

	pre
	{
		padding : 0.5em; border: 1px solid #000000;
		white-space: pre-wrap;
	}

	code, cite, dt, dfn, kbd, var
	{
		margin: 0 0.15em; font-style: normal;
		font-family: "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", Sans-serif;
	}

	dt, dfn, var
	{
		font-weight: bold;
	}

	acronym::after, abbr::after
	{
		content: "\ff08" attr(title) "\ff09"; 
	}

	var
	{
		padding-right: 0.3em; font-style: oblique;
	}

	ul#PAN, div#MENU, ul.modori, div#FOOTER, del, hr
	{
		display: none;
	}

}/* @media print, projection �I */

@media handheld, tty
{
	*
	{
		background-image: none !important;
		margin-left: 0; margin-right: 0;
		padding-left: 0; padding-right: 0;
	}

	body
	{
		background-color: #EFEFEF; color: #000000;
	}

	body
	{
		margin: 0 1%; font-size: 1em; line-height: 1.25;
	}

	h1, h2, h3, h4, h5, h6
	{
		margin: 0; padding: 2px 1%; 
		font-size: 100%; color: #000000;
	}

	h1
	{
		color: #990000;
	}

	h2
	{
		border-bottom: 1px solid #000000;
		background-color: #CC6666;
	}

	h3
	{
		background-color: #FFCCCC;
	}

	h4
	{
		border-bottom: 1px dashed #000000;
	}

	li, dd, blockquote
	{
		list-style-position: inside;
		margin-left: 1em;
	}

	q, blockquote
	{
		color: #1A6B24;
	}

	em, strong
	{
		color: #EB0027; font-style: normal;
	}

	kbd
	{
		margin: 0 1px; padding: 1px 1px 0 3px; 
		border: solid #993300; border-width: 0 1px 1px 0;
		background-color: #FF9966; color: #330000;
	}

	#PAN, #MENU h2, #FOOTER h2, del
	{
		display: none;
	}

}/* @media handheld, tty �I */