@import url("fineprint.css") print;

/* -------------------------------------------------
当CSSは、http://jigsaw.w3.org/css-validator/において、
「この文書は正当なCSSとして検証できました！」
との結果を頂きました。
All rights reserved. Toru Matsuura
経営コンサルタント　http://www.eikaiwa-fc.com/
-------------------------------------------------- */

/*当cssはスクリーン表示(screen.css)。印刷表示(fineprint.css)は違うCSSを読む設定。*/

/*スクリーン表示のCSS設定*/
@media screen, tv, tty, projection {

/*bodyの設定*/
body { margin-top: 0px; margin-bottom: 0px; border: solid 0px #ccccff; width: 98%; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"; }

/*body以下は以下のdivから成り立っていて、各divの表示位置と背景色を設定している。float leftで%合わせて左上から詰めて行く感じ*/
/*menuとcontentsの右端がFireFoxでそろわないが、pxと%の都合上、やむを得ない。*/
div.header { border: solid 2px #ccccff; float: left; width: 98%;  background-color: #ffd700; color: navy ; 
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.globalnavigation { border: solid 2px #ccccff; float: left; width: 98%; font-size: 115% ; font-weight: bold ; 
margin: 0px 0px 0px 0px; padding: 15px 0px 10px 0px; }

div.catcher { border: solid 2px #ccccff; float: left; width: 98%; 
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.catch { border: solid 0px #ccccff; float: left; width: 33%; line-height: 170%; 
margin: 0px 1px 0px 1px; padding: 0px 0px 0px 0px; }

div.navigation { border: solid 2px #ccccff; float: left; width: 29%; line-height: 170%; 
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.menu { border: solid 2px #ccccff;  float: left; width: 74%; 
margin: 0px 0px 0px 0px; padding: 15px 0px 10px 0px; }

div.contents { border: solid 2px #ccccff; float: left; width: 69%; line-height: 170%; 
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.subcontents { border: solid 0px #ccccff; float: left; width: 49%; 
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.topicpath { border: solid 2px #ccccff; float: left; width: 98%; text-align: center ; 
margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px; }

div.footer { border: solid 2px #ccccff; float: left; width: 98%; text-align: center ; background-color: #ffd700; color: navy ; margin: 20px 0px 5px 0px; padding: 10px 0px 5px 0px; }

div.copyright { border: solid 0px #ccccff; float: left; width: 98%; text-align: center ; background-color: #ccccff; color: navy ; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

div.validation { border: solid 0px #ccccff; float: left; width: 98%; ; 
margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

/*bodyの設定終了*/


/*headerの設定開始(header内部のh1とh2とpとimgの表示位置を指定している)*/

/*headerの中のh1の設定*/
div.header h1 { background-color:#ffd700 ; color: navy; font-size: 125%; 
margin: 3px 0px 2px 130px; padding: 5px 0px 5px 20px; }

/*headerの中のh2の設定*/
div.header h2 { background-color:#ffd700 ; color: navy; font-size: 120%; 
margin: 3px 0px 2px 130px; padding: 2px 0px 2px 20px; }

/*headerの中のpの設定*/
div.header p { background-color:#ffd700 ; color: navy; font-size: 110%; 
margin: 3px 0px 2px 130px; padding: 2px 0px 2px 20px; }

/*headerの中のimgの設定*/
div.header img { float: left ; position: relative; top: -120px; left: 0px; margin: 0px 0px -120px 0px; padding: 0px 0px 0px 0px; }

div.header img.top { float: left ; position: relative; top: -120px; left: 580px; margin: 0px 0px -120px 0px; padding: 0px 0px 0px 0px; }

/*div.header img { position: relative; top: -135px; left: 0px; margin: 0px 0px -130px 0px; padding: 0px 0px 0px 0px; }*/

/*headerの設定終了*/


/*globalnavigationの設定開始*/

/*globalnavigationのh3のスタイルを以下のように設定*/

/*globalnavigationのulのスタイルを以下のように設定*/
div.globalnavigation ul { list-style: inside; margin: 0px; padding: 0px; }

/*globalnavigationのliのスタイルを以下のように設定*/
div.globalnavigation li { list-style: inside; display: inline ; background-color: #FFFFCC; color: navy ; 
margin: 3px 1px 3px 2px; padding: 15px 10px 10px 10px; }

/*globalnavigationの設定終了*/

/*catcherの設定開始*/
div.catcher h3 { color: navy; background-color: #f0fff0; font-size: 115%; margin: 0px ; padding: 10px 10px 10px 10px; }
div.catcher h4 { color: navy; background-color: #f0fff0; font-size: 110%; margin: 0px ; padding: 10px 10px 10px 10px; }
/*catcherの設定開始*/

/*catchの設定開始*/
div.catch h3 { color: navy; background-color: #f0fff0; font-size: 115%; margin: 0px ; padding: 5px 10px 5px 10px; }
div.catch p { padding: 0px 10px 0px 10px ; }
div.catch img { margin: 10px ;}
div.catch img.leftside { float: left ;}
div.catch img.rightside { float: right ;}
/*catchの設定終了*/


/*navigationの設定開始*/

/*navigationのh3のスタイルを以下のように設定*/
div.navigation h3 { color: navy; background-color: #f0fff0; font-size: 115%; margin: 0px ; padding: 10px 10px 10px 10px; }

div.navigation h4 { color: navy; background-color: #f0fff0; font-size: 110%; margin: 0px ; padding: 10px 10px 10px 10px; }

/*navigationのulのスタイルを以下のように設定*/
div.navigation ul { list-style: inside; margin: 0px; padding: 0px; }

/*navigationのliのスタイルを以下のように設定*/
div.navigation li { list-style: inside; background-color: #FFFFCC; color: navy ; 
margin: 10px 10px 10px 10px; padding: 10px 5px 10px 5px; }

/*navigationのulの中のulのliのスタイル(menuをnavigationに入れる場合)を以下のように設定*/
div.navigation ul ul li{ list-style: inside; background-color: #f0fff0; color: navy ; 
margin: 2px 10px 2px 10px; padding: 2px 2px 2px 2px; }

div.navigation p { padding: 0px 10px 0px 10px ; }

/*navigationのimgのスタイルを以下のように設定*/
div.navigation img { margin: 5px ;}

/*navigationのimgの位置のスタイルを以下のように設定*/
div.navigation img.leftside { float: left;  }
div.navigation img.rightside { float: right;  }

/*navigationの設定終了*/



/*menuの設定開始*/

/*menuのh3のスタイルを以下のように設定*/

/*menuのulのスタイルを以下のように設定*/
div.menu ul { list-style: inside; margin: 0px; padding: 0px; }

/*menuのliのスタイルを以下のように設定*/
div.menu li { list-style: inside; display: inline; background-color: #FFFFCC; color: navy ; 
margin: 3px 3px 3px 3px; padding: 15px 10px 10px 10px; }

/*menuの設定終了*/

/*contentsの設定開始(contentsは「contents」か「contentsとsubcontents」を1つのdivでまとめる。)*/

/*contentsのh3のスタイルを以下のように設定*/
div.contents h3 { color: navy; background-color: #e0ffff; font-size: 115%; margin: 0px ; padding: 10px 10px 10px 10px; }

/*contentsのh4のスタイルを以下のように設定*/
div.contents h4 { color: navy; background-color: #f0f8ff; font-size: 110%; padding: 2px ; margin: 2px ; }

/*contentsのstrongのスタイルを以下のように設定*/
div.contents strong { color: navy; background-color: #ffff33; font-size: 120%; }

/*contentsのemのスタイルを以下のように設定*/
div.contents em { color: navy; background-color: #ffcc00; font-size: 120%; }

/*contentsのpのスタイルを以下のように設定*/
div.contents p { padding: 0px 10px 0px 10px ; }

/*contentsのimgのスタイルを以下のように設定*/
div.contents img { margin: 5px ;}

/*contentsのimgの位置のスタイルを以下のように設定*/
div.contents img.leftside { float: left;  }
div.contents img.rightside { float: right;  }

/*contentsのulの位置のスタイルを以下のように設定*/
div.contents ul li { padding: 0px 10px 0px 5px; list-style-image: url("../pic/star.gif"); }
div.contents ul ul li { background-color: #ffffcc; list-style-position: inside; list-style-image: url("../pic/starsmall.gif"); }

/*contentsの設定終了*/



/*subcontentsの設定開始*/

/*subcontentsのスタイルを以下のように設定(コンテンツを2分割にしたい時に使う)*/

/*subcontentsのh3のスタイルを以下のように設定*/
div.subcontents h3 { color: navy; background-color: #f0fff0; font-size: 115%; margin: 0px ; padding: 10px 10px 10px 10px; }

/*subcontentsのh4のスタイルを以下のように設定*/
div.subcontents h4 { color: navy; background-color: #f0fff0; font-size: 110%; padding: 2px ; margin: 2px ; }

/*subcontentsのstrongのスタイルを以下のように設定*/
div.subcontents strong { color: navy; background-color: #ffff33; font-size: 120%; }

/*subcontentsのemのスタイルを以下のように設定*/
div.subcontents em { color: navy; background-color: #ffff33; font-size: 120%; }

/*subcontentsのpのスタイルを以下のように設定*/
div.subcontents p { padding: 0px 10px 0px 10px ; }

/*subcontentsのimgのスタイルを以下のように設定*/
div.subcontents img { padding: 0px ;}

/*subcontentsのimgの位置のスタイルを以下のように設定*/
div.subcontents img.leftside { float: left;  }
div.subcontents img.rightside { float: right;  }

/*subcontentsの設定終了*/



/*topicpathの設定開始*/

/*topicpathのh4のスタイルを以下のように設定(現在地がh4でピックパスのリストがp。1列にするためにインライン要素に設定)*/
div.topicpath h4{ display: inline ; }

/*topicpathのpのスタイルを以下のように設定*/
div.topicpath p { display: inline ; }

/*topicpathのsitemapへのリンクの位置を以下のように設定*/
div.topicpath p a.sitemap { display: inline ; float: right; padding: 0px 10px 10px 0px ; }

/*topicpathの設定終了*/



/*footerの設定開始*/

/*footerのh3のスタイルを以下のように設定*/
div.footer h3 { font-size: 100% ; }

/*footerのaddressのスタイルを以下のように設定*/

/*footerのpのスタイルを以下のように設定*/
div.footer p { margin: 5px; }

/*footerの設定終了*/


/*copyrightの設定開始*/

/*copyrightのpのスタイルを以下のように設定*/
div.copyright p { margin: 0px; }

/*copyrightの設定終了*/



/*validationの設定開始(pを1列にするためにインライン要素に設定)*/

/*validationのpのスタイルを以下のように設定*/
div.validation p { display: inline ;  }

/*validationの設定終了*/


/*aの設定*/

/*headerのリンクの設定*/
div.header a:hover { background-color: #99ffff; color: blue; text-decoration:none; }
div.header a:link { background-color: #f0fff0; color: blue; text-decoration:none; }
div.header a:visited { background-color: #f0fff0; color: purple; text-decoration:none; }
div.header a:active { background-color: #f0fff0; color: green; text-decoration:none; }
div.header a { text-decoration:none; }
a img { text-decoration:none; border: 0px ;}

/*globalnavigationのリンクの設定*/
div.globalnavigation a:hover { background-color: #99ffff; color: blue; text-decoration:none; }
div.globalnavigation a:link { background-color: #ffffcc; color: blue; text-decoration:none; }
div.globalnavigation a:visited { background-color: #ffffcc; color: purple; text-decoration:none; }
div.globalnavigation a:active { background-color: #ffffcc; color: green; text-decoration:none; }
div.globalnavigation a { text-decoration:none; }
a img { text-decoration:none; border: 0px ;}

/*globalnavigationのリンクの設定*/
div.catch a:hover { background-color: #99ffff; color: blue; text-decoration:none; }
div.catch a:link { background-color: #ffffcc; color: blue; text-decoration:none; }
div.catch a:visited { background-color: #ffffcc; color: purple; text-decoration:none; }
div.catch a:active { background-color: #ffffcc; color: green; text-decoration:none; }
div.catch a { text-decoration:none; }
a img { text-decoration:none; border: 0px ;}

/*navigationのリンクの設定*/
div.navigation a:hover { background-color: #99ffff; color: blue; text-decoration:none; }
div.navigation a:link { background-color: #ffffcc; color: blue; text-decoration:none; }
div.navigation a:visited { background-color: #ffffcc; color: purple; text-decoration:none; }
div.navigation a:active { background-color: #ffffcc; color: green; text-decoration:none; }
div.navigation a { text-decoration:none; }
a img { text-decoration:none; border: 0px ;}

/*menuのリンクの設定*/
div.menu a:hover { background-color: #99ffff; color: blue; text-decoration:none; }
div.menu a:link { background-color: #ffffcc; color: blue; text-decoration:none; }
div.menu a:visited { background-color: #ffffcc; color: purple; text-decoration:none; }
div.menu a:active { background-color: #ffffcc; color: green; text-decoration:none; }
div.menu a { text-decoration:none; }
a img { text-decoration:none; border: 0px ;}

/*contentsのリンクの設定*/
div.contents a:hover { background-color: #99ffff; color: blue; text-decoration:none; }
div.contents a:link { background-color: #ffffcc; color: blue; text-decoration:none; }
div.contents a:visited { background-color: #ffffff; color: purple; text-decoration:none; }
div.contents a:active { background-color: #ffffff; color: green; text-decoration:none; }
div.contents a { text-decoration:none; }
div.contents a img { text-decoration:none; border: 0px ;}

/*subcontentsのリンクの設定*/
div.subcontents a:hover { background-color: #99ffff; color: blue; text-decoration:none; }
div.subcontents a:link { background-color: #ffffcc; color: blue; text-decoration:none; }
div.subcontents a:visited { background-color: #ffffff; color: purple; text-decoration:none; }
div.subcontents a:active { background-color: #ffffff; color: green; text-decoration:none; }
div.subcontents a { text-decoration:none; }
div.subcontents a img { text-decoration:none; border: 0px ;}

/*topicpathのリンクの設定*/
div.topicpath a:hover { background-color: #99ffff; color: blue; text-decoration:none; }
div.topicpath a:link { background-color: #ffffff; color: blue; text-decoration:none; }
div.topicpath a:visited { background-color: #ffffff; color: purple; text-decoration:none; }
div.topicpath a:active { background-color: #ffffff; color: green; text-decoration:none; }
div.topicpath a { text-decoration:none; }
div.topicpath a img { text-decoration:none; border: 0px ;}

/*footerのリンクの設定*/
div.footer a:hover { background-color: #99ffff; color: blue; text-decoration:none; }
div.footer a:link { background-color: #f0fff0; color: blue; text-decoration:none; }
div.footer a:visited { background-color: #f0fff0; color: purple; text-decoration:none; }
div.footer a:active { background-color: #f0fff0; color: green; text-decoration:none; }
div.footer a { text-decoration:none; }
div.footer a img { text-decoration:none; border: 0px ;}

div.validation a:hover { background-color: #99ffff; color: blue; text-decoration:none; }
div.validation a:link { background-color: #ffffff; color: blue; text-decoration:none; }
div.validation a:visited { background-color: #ffffff; color: purple; text-decoration:none; }
div.validation a:active { background-color: #ffffff; color: green; text-decoration:none; }
div.validation a { text-decoration:none; }
div.validation a img { text-decoration:none; border: 0px ;}

/*訪問中のページのリンクの背景色の設定*/
ul li.visiting { background-color: #99ffff; color: navy ; }
div.navigation ul ul li.visiting { background-color: #99ffff; color: navy ; }

}