@charset "UTF-8";/* 文字エンコードの設定（削除不可）*/
@import "parts.css";/* 「practical.html」での例を使う場合必要になります。 */
/* ====================================
***************************************

@author Niichi / http://10prs.com/
@version 2009-04-16 : CDP001::PinkSun
@CSSの知識がない方は改変しないことをお勧めします

***************************************
======================================= */
/* ====================================
ブラウザのオリジナルスタイルをリセット
======================================= */
html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
table,
td,
th,
tr,
col,
colgroup,
tbody,
thead,
tfoot,
fieldset,
form,
img,
hr {
margin: 0;
padding: 0;
border: 0 none;
}
/* 基本構造 */
html {
/* スクロールバーの有無によるコンテンツのずれを解消 */
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0 auto;
width: 650px;
line-height: 1.6;
color: #777;
background: #555;
font-size: 13px;
font-family: 'verdana','ＭＳ Ｐゴシック',sans-serif;
}
* html body { /* for IE6 */
font-size: small;
}
*:first-child+html body { /* for IE7 */
font-size: small;
}
hr {
display: none;
}

/* 見出し */
h2, h3, h4, h5, h6 {
margin: 5px 0;
font-weight: bold;
}
h1 {
padding: 30px 0 0 5px;
height: 64px;
font-size: 130%;
font-weight: bold;
color: #000;
background: url(./img/h1.gif) top left no-repeat;
}
h1 a, h1 a:link, h1 a:visited, h1 a:hover {
color: #000;
}
h2 {
font-size: 110%;
border-bottom: 1px dashed #f99;
background: url(./img/h2.gif) top left no-repeat;
}
h3 {
padding: 0 3px;
font-size: 105%;
border-left: 10px solid #f99;
}
h4 {
padding: 0 3px;
border-left: 5px double #f99;
}
h5 {
padding-left: 15px;
font-size: 95%;
background: url(./img/h5.gif) center left no-repeat;
}
h6 {
padding-left: 15px;
font-size: 90%;
background: url(./img/h6.gif) center left no-repeat;
}

/* 段落 */
p {
margin-bottom: 10px;	
}

/* アンカー */
a, a:link {
color: #f66;
text-decoration: none;
}
a:visited {
color: #a9a9a9;
}
a:hover, a:active {
color: #f99;
}
a img {
border: none;
}

/* 強調・追加・削除 */
em, strong {
font-weight: bold;
}
strong {
border-bottom: 1px dashed #f99;
}
ins {
color: #a9a9a9;
text-decoration: underline;
}
del {
color: #a9a9a9;
text-decoration: line-through;
}
/* テーブル */
table {
width: 100%;
background: #f1f1f1;
}
table th, table td {
background: #fff;
}
/* フォーム */
input, textarea, select {
margin: 2px 0;
border: 1px solid #ccc;
}
input#BUTTON {
border-style: outset;
background: #fff;
}

/* リスト */
ol {
margin-left: 2em;
}
ol li {
list-style: decimal outside;
}
ul {
margin-left: 1.5em;
}
ul li {
list-style: default outside;
}
dt {
font-weight: bold;
}
dd {
margin: 0 .7em;
padding: 0 3px;
border-left: 5px double #f99;
}

/* サンプルページ未記述 */
/* 引用 */
blockquote {
margin: 2px 20px;
padding: 5px 10px;
border: 3px double #f99;
}
blockquote p {
margin-bottom: 5px;
}
cite,q {
border-bottom: 1px dotted #f99;
}
blockquote p cite {
display: block;
text-align: right;
}
/* 整形済みテキスト */
pre {
margin: 2px 30px;
border: 3px dashed #f99;
overflow: auto;
}
/* 物理要素 */
b {
font-weight: bold;
}
i {
font-style: oblique;
}
big {
font-size: 130%;
}
small {
font-size: 85%;
}
tt {
font-family: monospace;
}

/* *********************************************** */
/* 各#ID＆.class */
/* ページ大枠 */
#PAGETOP {
padding: 15px;
background: url(./img/back.gif) repeat-y left #fff;
}
/* パンくずリスト */
#PAN {
margin: 0;
font-size: 85%;
text-align: right;
}
#PAN li {
display: inline;
}
#PAN li a {
padding-right: 10px;
background: url(./img/pan.gif) center right no-repeat #fff;
}
/* メニューリスト */
#MENU h2 {
display: none;
}
#MENU ul {
margin: 0;
padding-left: 90px;
}/*←メニュー項目を増やした時はこの数字を減らして下さい。*/
#MENU li {
display: inline;
}
#MENU li a {
margin-left: 15px;/*←メニュー項目を増やした時はこの数字を減らして下さい。*/
padding-left: 15px;/*←メニュー項目を増やした時はこの数字を減らして下さい。*/
color: #f66;
text-align: center;
}
#MENU li a:visited {
color: #f66;
}
#MENU li a:hover {
background: url(./img/h5.gif) center left no-repeat;
}
li.menu-on {
font-weight: bold;
}
/* 本文部分 */
#KIZI {
padding: 0 10px;
clear: both;
border-top: 3px double #f99;
}
.text {
padding: 0 10px;
}
/* ページ先頭へ戻るリンク */
.modori {
text-align: right;
font-size: 85%;
}
.modori li {
display: inline;
}
.modori li a {
padding-left: 15px;
background: url(./img/modori.gif) 2px no-repeat #fff;
}
ul.modri li a:visited {
color: #f66;
}
/* フッター部分 */
#FOOTER {
clear: both;
}
#FOOTER h2 {
display: none;
}
#FOOTER ul {
text-align: center;
}
#FOOTER li,address {
display: inline;
}