@charset "UTF-8"; 
 
/*==============================================================================
要素の記述順は 
http://www.w3.org/TR/xhtml-modularization/abstract_modules.html
を参考にしました。
==============================================================================*/
 
/*======================================
	5.2. Core Modules 
======================================*/
	 
/*======================================
	5.2.1. Structure Module 
======================================*/
html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	border: none;
	color: #333333;
	background-color: #ffffff;
	}

body {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
	line-height: 1.5;
	font-family: Helvetica,Arial,Verdana,sans-serif,'ＳＨ Ｇ30-P';
	}
 
/*======================================
	5.2.2. Text Module 
======================================*/
abbr {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	font-variant: normal;
	cursor: help;
	}

acronim {
	border-bottom: 1px dotted #333333;
	font-variant: normal;
	cursor: help;
	}

address {
	margin: 0.5em 32px;
	font-style: normal;
	}

blockquote {
	margin: 1em 64px;
	padding: 0;
	white-space: normal;
	border: 2px solid #cccccc;
	background-color: #ffffff;
	color: #333333;
	}

blockquote[title]::before,
blockquote[cite]::after {
	margin: 0;
	display: block;
	background-color: #eeeeee;
	color: #333333;
	}

blockquote[title]::before {
	padding: 0 0 0 32px;
	content: attr(title);
	text-align: left;
	}

blockquote[cite]::after {
	padding: 0 32px 0 0;
	content: "\5f15\7528\5143\ff1a"attr(cite);
	text-align: right;
	font-size: 75%;
	}

br {}

cite {
	font-style: normal;
	margin: 0 0.6em;
	}

cite::before {
	content: "\300E";
	margin-left: -0.6em;
	}

cite::after {
	content: "\300F";
	margin-right: -0.6em;
	}

code {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-family: 'MS Gothic', monospace;
	}

dfn {
	font-style: normal;
	}

div {
	margin: 0;
	padding: 0;
	}

em {
	font-style: normal;
	font-weight: bold;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	font-weight: bold;
	}
h1 {	margin: 0.25em 32px;	font-size: 200%;	}
h2 {	margin: 0.3em 32px;	font-size: 150%;	}
h3 {	margin: 0.4em 32px;	font-size: 125%;	}
h4 {	margin: 0.5em 32px;	font-size: 100%;	}
h5 {	margin: 0.5em 32px;	font-size: 100%;	}
h6 {	margin: 0.5em 32px;	font-size: 100%;	}

kbd {
	padding: 0 4px;
	border: 1px solid #cccccc;
	border-right-color: #999999;
	border-bottom-color: #999999;
	background-color: #eeeeee;
	color: #333333;
	font-weight: normal;
	}

p {
	margin: 0.75em 32px;
	padding: 0;
	}

pre {
	margin: 1em 64px;
	padding: 0.25em;
	overflow: auto;
	_overflow: scroll;
	_width: 100%;
	font-family: 'MS Gothic', monospace;
	line-height: 1;
	background-color: #333333;
	color: #ffffff;
	font-size: 90%;
	}
/*
pre[title]::before {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 0.5em;
	display: block;
	content: attr(title);
	background-color: #ffffff;
	color: #333333;
	line-height: 1.5;
	text-align: left;
	}
*/
q {
	quotes: "\00300c" "\00300d" "\00300e" "\00300f";
	color: #339966;
	}

q::before {
	content: open-quote;
	font-weight: bold;
	}

q::after {
	content: close-quote;
	font-weight: bold;
	}

samp {
	font-family: monospace;
	}

span {}

strong {
	font-style: normal;
	font-weight: bold;
	color: #ff3333;
	}

strong strong {
	font-size: 150%;
	}

pre strong {
	color: #33ff33;
	}

var {
	font-style: normal;
	}
 
/*======================================
	5.2.3. Hypertext Module 
======================================*/
a {
	color: #0000cc;
	border-color: #0000cc;
	text-decoration: none;
	}

a:link {
	color: #0000cc;
	border-color: #0000cc;
	text-decoration: none;
	}

a:visited {
	color: #336699;
	border-color: #336699;
	text-decoration: none;
	}

a:hover,
a:focus {
	color: #cc0000;
	border-color: #cc0000;
	text-decoration: underline;
	}

a:active {
	}

a[href^="#"] {
	cursor: s-resize;
	}
 
/*======================================
	5.2.4. List Module 
======================================*/
dl,
ol,
ul {
	margin: 0.5em 32px;
	padding: 0;
	}

dt {
	margin: 0 32px 0 0;
	padding: 0;
	}

dd,
li {
	margin: 0 0 0 32px;
	padding: 0;
	}

li > p,
li > ul,
li > ol,
li > dl,
dd > p,
dd > ul,
dd > ol,
dd > dl {
	margin: 0.25em 0;
	}

li > p + p,
dd > p + p {
	margin-top: 0.75em;
	}
 	 
/*======================================
	5.3. Applet Module 
======================================*/
applet {}
param {}
 
/*======================================
	5.4. Text Extension Modules 
======================================*/
	 
/*======================================
	5.4.1. Presentation Module 
======================================*/
b {}
big {}

hr {
	margin: 1em 64px;
	_margin: 0 64px;
	padding: 0;
	height: 2px;
	border: none;
	color: #cccccc;
	background-color: #cccccc;
	}

i {}
small {}

sub {
	vertical-align: text-bottom;
	}

sup {
	vertical-align: text-top;
	}

tt {}
 
/*======================================
	5.4.2. Edit Module 
======================================*/
del {
	margin-left: 0.5em;
	text-decoration: line-through;
	color: #999999 !important;
	}

del[datetime]::before {
	content: " ("attr(datetime)"\524A\9664) ";
	color: #cccccc;
	text-decoration: none;
	}

ins {
	margin-left: 0.5em;
	text-decoration: none;
	border-bottom: 1px dotted #333333;
	}

ins[datetime]::before {
	content: " ("attr(datetime)"\8FFD\8A18) ";
	color: #aaaaaa;
	}
 
/*======================================
	5.4.3. Bi-directional Text Module 
======================================*/
bdo {}
  
/*======================================
	5.5. Forms Modules 
======================================*/
form {
	margin: 0 32px;
	padding: 0;
	}

input {
	margin: 0;
	padding: 0.1em 0.25em;
	background-color: #ffffff;
	font-family: Verdana;
	font-size: 100%;
	line-height: 1;
	}

select {
	margin: 0;
	padding: 0.1em 0.25em;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	font-family: Verdana;
	font-size: 100%;
	line-height: 1;
	font-family: Verdana;
	font-size: inherit;
	}

option {
	font-weight: normal;
	font-family: Verdana;
	background-color: #ffffff;
	color: #333333;
	}

optgroup {
	font-weight: bold;
	font-family: Verdana;
	background-color: #333333;
	color: #ffffff;
	}

textarea {
	margin: 0;
	padding: 0.1em 0.25em;
	width: 100%;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	font-family: Verdana;
	font-size: 100%;
	line-height: 1.5;
	}

input[type="text"] {
	border: 1px solid #cccccc;
	}

button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	margin: 0;
	padding: 0.1em 0.5em;
	border: 1px outset #aaaaaa;
	background-color: #cccccc;
	font-family: Verdana;
	font-size: 100%;
	line-height: 1;
	}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
	border: 1px solid #aaaaaa;
	}

input[type="checkbox"],
input[type="radio"] {
	}

input:hover,
select:hover,
textarea:hover {
	border-color: #666666;
	}

button:focus,
input:focus,
select:focus,
textarea:focus {
	border-color: #333333;
	outline: 1px solid #666666;
	}

fieldset {
	margin: 0.5em 32px 1em 32px;
	padding: 0 0 0.5em 0;
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	}

legend {
	margin: 0 1em;
	padding: 0 0.5em;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	}

label {
	cursor: pointer;
	}
	 
/*======================================
	5.5.1. Basic Forms Module 
======================================*/
form {}
input {}
label {}
select {}
option {}
textarea {}
 
/*======================================
	5.5.2. Forms Module 
======================================*/
form {}
input {}
select {}
option {}
textarea {}
button {}
fieldset {}
label {}
legend {}
optgroup {}
  
/*======================================
	5.6. Table Modules 
======================================*/
caption {
	margin: 1em 32px 0 32px;
	text-align: center;
	font-weight: bold;
	}

table {
	margin: 0 32px 1em 32px;
	border-collapse: separate;
	border-spacing: 2px;
	border: 1px solid #dddddd;
	empty-cells: show;
	font-size: 100%;
	}

td {
	margin: 0;
	padding: 2px 4px;
	border: 1px solid #dddddd;
	line-height: 1.5;
	}

th {
	margin: 0;
	padding: 2px 4px;
	border: 1px solid #dddddd;
	background-color: #eeeeee;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
	}

tr {}
col {}
colgroup {}
tbody {}
thead {}
tfoot {}
	 
/*======================================
	5.6.1. Basic Tables Module 
======================================*/
caption {}
table {}
td {}
th {}
tr {}
 
/*======================================
	5.6.2. Tables Module 
======================================*/
caption {}
table {}
td {}
th {}
tr {}
col {}
colgroup {}
tbody {}
thead {}
tfoot {}
  
/*======================================
	5.7. Image Module 
======================================*/
img {
	vertical-align: text-bottom;
	}

a img {
	border-width: 2px;
	border-style: solid;
	border-color: transparent;
	border-color: inherit;
	}
 
/*======================================
	5.8. Client-side Image Map Module 
======================================*/
area {}
map {}
 
/*======================================
	5.9. Server-side Image Map Module 
======================================*/
 
/*======================================
	5.10. Object Module 
======================================*/
object {}
param {}