@charset "Shift_Jis";

/* ////// 全体の設定 ////// */
* {
 margin:0;
 padding:0;
 font-family :Verdana,osaka,Chicago,"ＭＳ ゴシック",sans-serif;
 font-style:normal;
 font-weight:normal;
 font-variant:normal;
 font-size:small;
 line-height:180%;
 color:#696969;
 }

/* ////// リンク ////// */ 
a:link { color:#4f4f4f; }
a:visited { color:#808080; }
a:hover { color:#8fc852; }

/* ////// ページの設定 ////// */
#index { background-color:#ffffff; }
#page { background-color:#ffffff; }

/* ////// ラッパー部分 ////// */
#wrap {
 margin:0 auto;
 padding:0;
 width:600px;
 background-color:#ffffff;
 }

/* ////// ヘッダー部分 ////// */
#header {
 margin:0;
 padding:0;
 }

/* ////// メニュー部分 ////// */
#menu {
 clear:both;
 margin:0;
 padding:0 0 200px 0;
 background:url(./img/menu.jpg) no-repeat 0% 100% #ffffff;
 }

/* ////// 記事部分 ////// */
#main {
 clear:both;
 margin:0;
 padding:0;
 background-color:#ffffff;
 }

/* ////// フッター部分 ////// */
#footer {
 clear:both;
 padding:0 0 20px 0;
 background-color:#ffffff;
 }

/* ////// ヘッダー部分のリストの設定 ////// */ 
ul#pan {
 list-style-type:none;
 margin:0;
 padding:0;
 }
#pan li {
 list-style-type:none;
 display:inline;
 margin:0;
 padding:0;
 font-family:Arial,Thoma,sans-serif;
 font-size:1em;
 color:#333333;
 }
#pan li a {
 list-style-type:none;
 margin:0;
 padding:0 15px 0 0;
 text-decoration:none;
 font-family:Arial,Thoma,sans-serif;
 font-size:1em;
 color:#000000;
 background:url(./img/pan.gif) no-repeat 100% 50%;
 }

/* ////// メニュー部分のリストの設定 ////// */ 
#menu ul {
 list-style-type:none;
 text-align:right;
 margin:0;
 padding:0 18px 0 0;
 background:url(./img/maru.gif) no-repeat 100% 50% #ffffff;
 }
#menu li {
 list-style-type:none;
 display:inline;
 margin:0;
 padding:0 0 0 15px;
 font-family:Arial,Thoma,sans-serif;
 font-size:1em;
 background:url(./img/maru.gif) no-repeat 0% 50% #ffffff;
 }
#menu li a {
 text-decoration:none;
 font-family:Arial,Thoma,sans-serif;
 font-size:1em;
 }
#menu li a:link { color:#333333; }
#menu li a:visited { color:#333333; }
#menu li a:hover { color:#86b459; }
#menu .on a:link {
 color:#36648b;
 border-bottom:2px solid #8fc876;
 }
#menu .on a:visited {
 color:#36648b;
 border-bottom:2px solid #8fc876;
 }
#menu .on a:hover {
 color:#86b459;
 border:none;
 }

/* ////// フット部分のリストの設定 ////// */ 
#footer ul {
 list-style-type:none;
 margin:5px 0 0 0;
 padding:0 15px 0 0;
 text-align:right;
 background:url(./img/maru.gif) no-repeat 100% 50% #ffffff;
 }
#footer li {
 list-style:type:none;
 display:inline;
 margin:0;
 padding:0 0 0 15px;
 font-family:Arial,Thoma,sans-serif;
 font-size:1em;
 background:url(./img/maru.gif) no-repeat 0% 50% #ffffff;
 }
#footer li a {
 text-decoration:none;
 font-family:Arial,Thoma,sans-serif;
 font-size:1em;
 }
#footer address { display:inline; }

/* ////// 見出し ////// */
h1{
 margin:0;
 padding:5px 0 0 0;
 text-align:right;
 font-family:Arial,Thoma,"ＭＳ ゴシック",sans-serif;
 font-weight:bold;
 font-size:1em;
 color:#000000; }
h1 a {
 font-family:Arial,Thoma,"ＭＳ ゴシック",sans-serif;
 font-size:1em;
 font-weight:bold;
 text-decoration:none;
 }
h1 a:link { color:#000000; }
h1 a:visited { color:#000000; }
h1 a:hover { color:#afd47d; }
h2 {
 margin:1em 0 0 0;
 padding:0 0.5em;
 font-family:Arial,Thoma,"ＭＳ ゴシック",sans-serif;
 font-size:1em;
 font-weight:bold;
 color:#81a366;
 background:url(./img/h2.jpg) 0% 100%;
 border:1px solid #315912;
 }
h3 {
 margin:0.5em 0;
 padding:0 0 0 15px;
 font-size:1em;
 font-family:Arial,Thoma,"ＭＳ ゴシック",sans-serif;
 font-weight:bold;
 color:#698d4f;
 background:url(./img/maru.gif) no-repeat 0% 50% #ffffff;
 }
h4 {
 margin:0.5em 0;
 padding:0;
 font-size:1em;
 font-weight:bold;
 color:#808080; }
h5 {
 margin:0.5em 0 0.5em 0.5em;
 padding:0;
 font-size:1em;
 font-weight:bold;
 color:#808080; }
h6 {
 margin:0.5em 0 0.5em 1em;
 padding:0;
 font-size:1em;
 font-weight:bold;
 color:#808080; }

/* ////// その他の設定 ////// */

.text { padding:1em 0; }
p { margin:0.5em 0 0 0; }
p.back { text-align:right; }
img { border:none; }
hr { display:none; }

/* ////// サンプルの設定 ////// */

em {
 color:#333333;
 border-bottom:1px solid #36648b;
 }
strong {
 padding:0 0.2em;
 font-weight:bold;
 color:#808080;
 border-bottom:3px double #36648b;
 }
ins {
 text-decoration:underline;
 }
del {
 text-decoration:line-through;
 }
input,textarea,select,option {
 margin-bottom:0.1em;
 line-height:normal;
 overflow:auto;
 background:transparent;
 border:1px solid #c0c0c0;
 }
#text,#textarea { width:200px; }
#select { width:100px; }
#checkbox { border:none; }
#radio { border:none; }
#button { padding:0.1em 0; width:100px; text-align:center; }
ul,ol {
 margin:0.5em 0 1.5em 3em;
 }
dl {
 margin:0.5em 0 1.5em 1em;
 }
dt {
 margin-top:0.5em;
 color:#698d4f;
 }
dd {
 margin:0 0 0 0.5em;
 padding:0.5em 1em;
 border-left:3px double #698d4f;
 }