@charset "Shift_JIS";

/* 目標：淡緑系の明るいスタイルの作成 */


/* 特殊→ブロック（マージン→背景→ボーダー）→テキスト→フォント */
/* 全称→タイプ→子孫→子供→隣接→属性→クラス→ID→擬似 */




/* 初期値 */
*	{
 margin  : 0 ;
 padding : 0 ;
 border  : none ;
 color   : #333 ;
 text-decoration: none ;
 text-align     : left ;
 font-size      : 100% ;
 font-style     : normal ;
 font-weight    : normal ;
}
*[title]	{
 cursor	: help ;
}






/* 基調dda */
body	{
 margin     : 0.5em 5% ;
 background : #ddb ;
}






/* 基本要素 */

h1	{
 margin     : 2em 0 ;
 color      : #333 ;
 text-align : center ;
 font-size  : 200% ;
}
h2	{
 margin        : 3em 0 0 0 ;
 padding       : 0.1em 2% ;
/*
 background    : #dd9 ;
 border        : solid 1px #cc6 ;
 border-style  : solid none ;
*/
 border-bottom : solid 6px #633 ;

 color         : #333 ;
 font-size     : 150% ;
}
h3	{
 margin        : 1em 0 0 0 ;
 padding       : 0.1em 1% ;
 border-left   : solid 13px #633 ;
 color         : #333 ;
 font-size     : 150% ;
}
h4	{
 margin        : 1em 0 ;
 padding       : 0.1em 0 0.1em 1% ;
 border-left   : double 13px #633 ;
}
h5	{
 margin        : 1em 10px ;
 padding       : 0.1em 0 0.1em 1% ;
 border-left   : solid 4px #633 ;
}
h6	{
 margin        : 1em 10px ;
 padding       : 0.1em 0 0.1em 1% ;
 border-left   : dotted 4px #633 ;
}
h4, h5, h6 {
 color         : #333 ;
 font-size     : 110% ;
 font-weight   : bold ;
}

p	{ 
 margin          : 1.5em 0% 1.5em 0% ;
 text-indent     : 1em ;
 line-height     : 170% ;
}

a:link		{
 color           : #33f ;
 text-decoration : underline ;
}
a:visited	{
 color           : #c0c ;
 text-decoration : underline ;
}
a:hover		{
 color           : #f66 ;
 text-decoration : underline ;
}
/* 註：基本的にa要素には子孫要素を含めないこととする */






div.introduction	{
 margin      : 1em 0 ;
 padding     : 0 1% ;
 border      : solid 1px #996 ;
 background  : #eec ;
}
div.introduction p	{
 margin      : 1em 2% ;
 text-indent : 0em ;
}

div.contents	{
 margin      : 1em 0 ;
 padding     : 0 1% ;
 background  : #eec ;
 border      : solid 1px #996 ;
}
div.contents li		{ font-size   : 95% ; }
div.contents li li	{ font-size   : 100% ; }

div.note		{
 margin      : 2em 0 ;
 padding     : 0 1% ;
 background  : #eec ;
 border      : solid 1px #996 ;
 font-size   : 90% ;
}
div.note:before {
}
div.note p {
 margin      : 1em 2% ;
 text-indent : 0em ;
}











/* リスト */
ul,ol	{ 
 margin        : 1.5em 1% 1.5em 5% ; }
li	{
 line-height   : 130% ;
 margin        : 0 0 0.3em 0 ;
}
li ul,li ol	{
 margin        : 0.3em 0 0.3em 3%;
}

ol.navi		{ 
 margin        : 0.1em 0 0 0 ;
 padding       : 0.1em 2% ;
}
ol.navi li	{
 display     : inline ;
 margin      : 0 ;
 font-size   : 90% ;
}
ol.navi li:before	{
 content     : " > " ;
}
ol.navi li:first-child:before	{
 content     : "" ;
}




dl	{
 margin        : 1.5em 0 1.5em 0% ;
 border        : solid 1px #996 ;
 border-style  : none solid solid solid;
 background    : #eec ;
}
dt/*dd9*/	{
 padding       : 0.2em 1% ;
 background    : #dd9 ;
 border        : solid 1px #996 ;
 border-style  : solid none ;

}
dd	{
 margin        : 0.7em 1% 0.7em 4%;
 line-height   : 130% ;
}
dt+dt	{ border-top : none; }
dd dl	{ margin     : 0.2em 0 ; }

dl.inline_object	{
 text-align  : center ;
 border      : none ;
 background  : transparent ;
}
dl.inline_object dt	{
 display     : inline ;
 margin      : 0 ;
 border      : none ;
 background  : transparent ;
}
dl.inline_object dd	{
 text-align  : center ;
}







/* 引用 */
blockquote	{
 margin        : 1.5em 0 1.5em 0% ;
 background    : #efc ;
 border        : solid 1px #393 ;
}
blockquote[title]:before	{
 display       : block ;
 content       : ""attr(title)"より引用" ;
 color         : #393 ;
 padding       : 0.3em 1% ;
 background    : #cfb ;
 border-bottom : solid 1px #393 ;
 font-size     : 90% ;
}
blockquote[cite]:after	{
 display       : block ;
 content       : "《参照》"attr(cite)"" ;
 color         : #393 ;
 text-align    : right ;
 padding       : 0.3em 1% ;
 background    : #cfb ;
 border-top    : solid 1px #393 ;
 font-size     : 90% ;
}
blockquote p	{
 margin        : 1em 2%;
}


q	{
 quotes      : "「" "」" "『" "』" ;
 color       : #393 ;
}
q:before	{
 content     : open-quote ;
}
q:after		{
 content     : close-quote ;
}



/* その他 */
em	{
 color         : #900 ;
 font-weight   : bold ;
}

abbr	{
 text-decoration : underline ;
}
span	{
 text-decoration : underline ;
}


code	{
 color         : #099 ;
}

sup,
sub		{ 
 font-size     : 75% ; }

hr		{
 padding       : 0em 0 1.5em 0 ;
}
hr:before	{
 display       : block ;
/* content       : "◆　　　　　　　◆　　　　　　　◆" ;*/
 content       : "＊" ;
 text-align    : center ;
}

pre		{
 margin        : 1.5em 0 1.5em 0% ;
 padding       : 1em 2% ;
 border        : solid 1px #996 ;
 font-size     : 90% ;
 background      : #eec ;
}





/* テーブル */
table	{
 width           : 100% ;
 margin          : 1.5em 0 ;
 background      : #eec ;
 border-spacing  : 0 ; 
 border-collapse : collapse ;
 border          : solid 1px #996 ;
 font-size       : 90% ;
}
caption	{
 caption-side   : bottom ; 
 padding        : 0.5em ;
 text-align     : center ;
}
caption:before	{
 content        : "▲ " ;
}
colgroup, col	{
}
tr	{
}
td	{
 border         : solid 1px #996 ;
 padding        : 0.2em ;
}
th	{
 padding        : 0.5em 1% ;
 border         : solid 1px #996 ;
 background     : #dd9 ;
 text-align     : center ;
}
th[scope="col"]	{}
thead th	{
}
tfoot th, tfoot td	{
}




/* フォーム */
input,textarea	{
 border        : inset 1px #000 ;
 color         : #000 ;
 font-size     : 95% ;
}
input[type="submit"]	{ border-style : outset ; }



/* ins/del */
ins	{
 text-decoration : underline ;
}
ins * {
}


del	{
 text-decoration : line-through ;
}
del * {
}