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

@author Niichi / http://10prs.com/
@version 2009-04-17 :  CDP004::螺旋
@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;
}

/* 基本構造 */
body {
line-height: 1.6;
color: #333;
background: url(./img/bg.gif) repeat-y 50% #fff;
font-size: 13px;
}
* html body { /* for IE6 */
font-size: small;
}
*:first-child+html body { /* for IE7 */
font-size: small;
}
hr {
display: none;
visibility: hidden;
}

/* 見出し */
h1 {
margin-left: 30px;
line-height: 67px;
font-size: 250%;
font-family: 'Georgia', 'ＭＳ Ｐ明朝', serif;
text-decoration: underline overline;
}
h1:first-letter {
font-size: 110%;
}
h1 a, h1 a:link, h1 a:visited, h1 a:hover {
border: 0 none;
color: #fff;
background: transparent;
text-decoration: none;
}
h2, h3, h4, h5, h6 {
margin: 10px 0;
padding: 0 5px;
font-family: 'Georgia', 'ＭＳ Ｐ明朝', serif;
}
h2 {
line-height: 30px;
background: url(./img/h2.jpg) no-repeat;
font-size: 139%;
font-family: 'Georgia', serif;
}
h3 {
padding-left: 30px;
border-bottom: 2px dashed #c96;
background: url(./img/h03.gif) no-repeat 0% 50% #fff;
}
h3:first-letter {
font-size: 139%;
}
h4 {
border-bottom: 1px solid #c96;
border-left: 1px solid #c96;
}
h5 {
border-bottom: 1px dashed #c96;
border-left: 1px dashed #c96;
}
h6 {
border-bottom: 1px dotted #c96;
}

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

/* アンカー */
a,
a:link {
color: #c50067;
}
a:visited {
border-bottom: 1px dotted;
color: #333;
background: #fafafa;
text-decoration:none;
}
a:hover {
color: #f99;
}

/* 強調・追加・削除 */
em {
border-bottom: 1px dashed #c96;
font-weight: bold;
font-style: normal;
}
strong {
border-bottom: 2px solid #c96;
background: #F3C292;
}
del {
color: #ccc;
}

/* リスト */
dd {
padding-left: 20px;
}

/* アドレス */
address {
display: inline;
font-style: normal;
}

/* 引用（サンプルページ未記述） */
blockquote {
margin: 10px 20px;
padding: 10px;
border: 2px solid;
border-top-color: #ccc;
border-right-color: #e8e8e8;
border-bottom-color: #e8e8e8;
border-left-color: #ccc;
background: #f7f7f7;
}

/* 整形済みテキスト（サンプルページ未記述） */
pre {
margin: 10px 20px;
padding: 10px;
border: 1px solid #e8e8e8;
}

/* 物理要素（サンプルページ未記述） */
big {
font-size: 200%;
}
small {
font-size: 77%;
}

/* ***********************************************
/* 各#ID＆.class */

div#PAGETOP {
margin: 0 auto;
width: 740px;
}
div#HEADER {
margin-top: 10px;
width: 100%;
height: 200px;
color: #fff;
background: url(./img/header.jpg) no-repeat 50% #fff;
}
ul#PAN {
display: none;
}

div#MENU {
margin: -40px 0 0 0;
}
div#MENU h2 {
display: none;
}
div#MENU ul {
margin: 0 auto;
width: 710px;
height: 30px;
list-style: none;
background: #000;
font-family: 'Georgia', 'ＭＳ Ｐ明朝', serif;
opacity: 0.7;
filter: alpha(opacity=70);
}
div#MENU ul li {
float: left;
}
div#MENU ul li a {
width: 100px;
display: block;
height: 30px;
line-height: 29px;
font-size: 124%;
text-align: center;
}

div#MENU ul li a:visited {
border: 0;
color: #c50067;
background: transparent;
}
div#MENU ul li a:hover {
color: #f99;
}
li.menu-on a, li.menu-on a:link, li.menu-on a:visited {
background: transparent;
font-weight: bold;
}
div#KIZI {
margin: 20px auto;
width: 710px;
}
* html div#KIZI {

}
div.text {
margin: 20px;
}
div.text ul {
margin-left: 20px;
}
div.text ol {
margin-left: 25px;
}
ul.modori {
text-align: right;
}
ul.modori li {
display: inline;
}
ul.modori li a, ul.modori li a:link, ul.modori li a:visited, ul.modori li a:hover {
padding: 1px;
border: 0;
color: #333;
font-family: 'Georgia', 'ＭＳ Ｐ明朝', serif;
text-decoration: none;
}
ul.modori li a:before {
content: "\25b2";
}
div#FOOTER {
clear: both;
width: 100%;
height: 40px;
color: #fff;
background: url(./img/header.jpg) no-repeat 50% 0% #fff;
}
div#FOOTER h2 {
display: none;
}
div#FOOTER ul {
text-align: center;
}
div#FOOTER ul li {
padding-right: 3px;
display: inline;
line-height: 40px;
}
div#FOOTER ul li a, div#FOOTER ul li a:link, div#FOOTER ul li a:visited, div#FOOTER ul li a:hover {
border: 0;
color: #fff;
background: transparent;
font-family: 'Georgia', 'ＭＳ Ｐ明朝', serif;
text-decoration: none;
}
li#FOOTER01, li#FOOTER02 {
border-right: 3px double #bbb;
}