@charset "utf-8";

/***********************************
  koen/woman/junior/college
  www/guidance/style.css
***********************************/

@import "/common/css/base.css";


/*==================================
  Main Layout
==================================*/
/*--common_parts--*/
div.text-link {height:43px; padding-right:10px; background:url(./images/back_text_link.gif);}
div.text-link p {text-align:right; padding-top:10px; line-height:1;}
div.text-link p a {background:url(/common/images/lm02.gif) left 3px no-repeat; padding-left:15px;}
div.text-link p a {_background:url(/common/images/lm02.gif) left 1px no-repeat;}
*:first-child+html div.text-link p a {background:url(/common/images/lm02.gif) left 1px no-repeat; padding-left:15px;}

/*--index--*/
h2#visual {padding-bottom:22px;}
ul#bnr-link {list-style:none;}
ul#bnr-link li {width:294px; margin-right:9px; float:left;}
ul#bnr-link li.none {margin:0;}
ul#bnr-link li a {display:block;}
ul#bnr-link li a:hover {background-color:transparent;}
ul#bnr-link li a:hover img {visibility:hidden;}
ul#bnr-link li#bnr01 {background:url(./images/bnr01_ov.jpg);}
ul#bnr-link li#bnr02 {background:url(./images/bnr02_ov.jpg);}
ul#bnr-link li#bnr03 {background:url(./images/bnr03_ov.jpg);}
ul#bnr-link02 {list-style:none; padding-bottom:8px;}
ul#bnr-link02 li {width:450px; height:100px; overflow:hidden; float:left;}
ul#bnr-link02 li a {display:block;}
ul#bnr-link02 li a:hover {background-color:transparent;}
ul#bnr-link02 li a:hover img {visibility:hidden;}
ul#bnr-link02 li#bnr04 {background:url(./images/bnr04_ov.jpg);}
ul#bnr-link02 li#bnr05 {background:url(./images/bnr05_ov.jpg);}

div#info-box-l {width:440px; float:left;}
div#info-box-r {width:440px; float:right;}
div.info-box p.rss {width:36px; height:20px; overflow:hidden; background:url(./images/rss01_ov.gif); position:absolute; margin:-39px 0 0 396px;}
div.info-box p.rss a {display:block;}
div.info-box p.rss a:hover {background-color:transparent;}
div.info-box p.rss a:hover img {visibility:hidden;}
div.info-box dl {padding:7px 2px;}
div.info-box dl dt {width:6.5em; float:left; color:#666;}
div.info-box dl dd {padding-left:6.5em; margin-bottom:15px;}
div.info-box dl dd p {line-height:1.2; background:url(./images/lm01.gif) left 3px no-repeat; padding-left:10px;}
div.info-box dl dd p a {color:#333;}
ul#mamma-box {list-style:none;}
ul#mamma-box li#mamma-photo {width:130px; float:left; padding:7px 0;}
ul#mamma-box li#mamma-list {width:300px; float:right;}

div#link-box {height:44px; background:url(./images/back_link_box.gif); margin-top:10px;}
div#link-box dl {padding:15px 15px 0;}
div#link-box dl dt {width:175px; float:left;}
div#link-box dl dd {padding-left:175px;}
div#link-box dl dd ul {list-style:none;}
div#link-box dl dd ul li {float:left; font-size:14px; font-weight:bold; background:url(./images/lm02.gif) left no-repeat; padding-left:15px; margin-right:40px;}
div#link-box dl dd ul li a {color:#1a1a1a;}

/*--common_contents--*/
div#contents-inner {padding:20px 20px 5px;}
div.link-box {background:url(./images/box_link.gif); height:43px; padding-right:10px;}
div.link-box p {text-align:right; padding-top:10px; line-height:1;}
div.link-box p a {background:url(/common/images/lm02.gif) left 3px no-repeat; padding-left:15px;}
div.link-box p a {_background:url(/common/images/lm02.gif) left 1px no-repeat;}
*:first-child+html div.link-box p a {background:url(/common/images/lm02.gif) left 1px no-repeat; padding-left:15px;}

/*--common_side--*/
div#side-inner {background:url(./images/side_back.jpg) top repeat-y; padding:10px 10px 0;}
ul#side-navi {list-style:none; border-top:1px solid #edcdbe;}
ul#side-navi li {border-bottom:1px solid #edcdbe;}
ul#side-navi li a {display:block; color:#333; background:url(./images/side.gif) left; padding:7px 2px 7px 33px;}
ul#side-navi li a.this-page {background:url(./images/side_ov.gif) left;}
ul#side-navi li a:hover {background:url(./images/side_ov.gif) left; text-decoration:none;}
ul#side-navi02 {list-style:none; padding:13px 2px 5px 12px;}
ul#side-navi02 li {margin-bottom:12px; padding-left:18px; background:url(./images/lm00.gif) left no-repeat;}
ul#side-navi02 li.none {margin:0;}
ul#side-navi02 li a {color:#333;}
div#side-bottom {height:30px; background:url(./images/side_bottom.jpg);}

/*--history--*/
div#profile {width:210px; float:left;}
div#profile dl {padding-top:10px;}
div#profile dt {width:5em; float:left; font-size:10px; line-height:1.3;}
div#profile dd {font-size:10px; padding:0 0 5px 5em; line-height:1.3;}
div#profile dd span {background:url(./images/circle01.gif) left no-repeat; padding-left:11px;}
div#profile-text {width:393px; float:right;}
div#profile-text dl dt {font-size:16px; font-weight:bold; line-height:1.5; padding:20px 0;}
div#history-box-top {height:10px; background:url(./images/history_box_top.gif); margin-top:35px;}
div#history-box {background:url(./images/history_box_body.gif) repeat-y; padding:0 17px 15px 15px;}
div#history-box ul#photos {list-style:none; background:url(./images/history_image.gif) top left no-repeat; padding:15px 0 15px 255px;}
div#history-box ul#photos li {float:left;}
div#history-box ul#photos li.none {float:right;}
div#history-box-inner dl {width:450px; float:left;}
div#history-box-inner dl dt {width:40px; float:left;}
div#history-box-inner dl dd {padding:0 0 20px 70px; line-height:1.4;}
div#history-box-inner ul {list-style:none; width:120px; float:right;}
div#history-box-inner ul li {padding-bottom:15px;}
div#history-box-bottom {height:10px; background:url(./images/history_box_bottom.gif);}

/*--gallery--*/
div#floor-box {height:981px; background:url(./images/back_floor.gif); margin:25px 0;}
div#floor-box ul#icon-set {list-style:none; position:absolute;}
div#floor-box ul#icon-set li {width:22px; height:22px; overflow:hidden; line-height:0; font-size:0; position:absolute;}
li#icon-a {margin:799px 0 0 262px;}
li#icon-b {margin:835px 0 0 253px;}
li#icon-c {margin:850px 0 0 124px;}
li#icon-d {margin:744px 0 0 261px;}
li#icon-e {margin:792px 0 0 310px;}
li#icon-f {margin:772px 0 0 123px;}
li#icon-g {margin:734px 0 0 204px;}
li#icon-h {margin:790px 0 0 149px;}
li#icon-i {margin:704px 0 0 89px;}
li#icon-j {margin:679px 0 0 310px;}
li#icon-k {margin:657px 0 0 291px;}
li#icon-l {margin:578px 0 0 286px;}
li#icon-m {margin:499px 0 0 236px;}
li#icon-n {margin:555px 0 0 169px;}
li#icon-o {margin:494px 0 0 137px;}
li#icon-p {margin:544px 0 0 127px;}
li#icon-q {margin:464px 0 0 195px;}
li#icon-r {margin:446px 0 0 242px;}
li#icon-s {margin:411px 0 0 161px;}
li#icon-t {margin:330px 0 0 232px;}
li#icon-u {margin:384px 0 0 81px;}
li#icon-v {margin:272px 0 0 231px;}
li#icon-w {margin:100px 0 0 233px;}
li#icon-x {margin:88px 0 0 159px;}
li#icon-y {margin:120px 0 0 160px;}
ul#detail-text {list-style:none; padding:112px 0 0 390px;}
ul#detail-text li {width:210px; height:186px; overflow:hidden; margin-bottom:29px;}
ul#detail-text li dt {padding:15px 0 3px;}
ul#detail-text li dd {font-size:10px; padding:0 3px;}
ul#detail-text li dd span {background:url(./images/gallery/circle.gif) left no-repeat; padding-left:10px; margin-left:4px;}
ul#detail-text li dd p {padding-top:8px;}
ul#detail-text li dd p strong {font-size:12px;}
p#text-list {background:url(./images/back03_01.gif) repeat-y; color:#cb6a3f; text-align:center; padding:2px 0 6px;}
p#text-list a {color:#cb6a3f;}
div#photos-box {height:919px; background:url(./images/back_photos.gif); overflow:hidden;}
div#photos-box ul {list-style:none;}
div#photos-box li {width:100px; float:left; margin-right:6px;}
ul#f8 {padding:29px 0 0 78px;}
ul#b1,ul#f2,ul#f6 {padding:5px 0 0 78px;}
ul#f3,ul#f4,ul#f5 {padding:4px 0 0 78px;}
ul#f1 {padding:3px 0 0 78px;}

/*--flash--*/
div#flash-box {height:332px; background:url(./images/flash_back.gif); padding:0 30px 0 44px;}
div#flash-box h3 {float:left; padding-top:111px;}
div#flash-box p {float:right; margin-top:49px; width:228px; height:228px; overflow:hidden; background:url(./images/btn_flash_ov.gif);}
div#flash-box p a {display:block;}
div#flash-box p a:hover {background-color:transparent;}
div#flash-box p a:hover img {visibility:hidden;}
dl#flashplayer {padding-top:18px;}
dl#flashplayer dt {width:160px; height:41px; overflow:hidden; float:left; background:url(./images/btn_flashplayer_ov.gif);}
dl#flashplayer dt a {display:block;}
dl#flashplayer dt a:hover {background-color:transparent;}
dl#flashplayer dt a:hover img {visibility:hidden;}
dl#flashplayer dd {padding:13px 0 0 175px;}

/*--library--*/
dl#library-description {padding-bottom:22px;}
dl#library-description dt {width:312px; float:left;}
dl#library-description dd {width:282px; float:right; padding-top:10px;}
dl#library-description dd p#btn-books {width:282px; height:49px; overflow:hidden; background:url(./images/btn_books_ov.gif); margin-top:15px;}
dl#library-description dd p#btn-books a {display:block;}
dl#library-description dd p#btn-books a:hover {background-color:transparent;}
dl#library-description dd p#btn-books a:hover img {visibility:hidden;}
div.library-top {height:10px; background:url(./images/library_top.gif);}
div.library-body {background:url(./images/library_body.gif) repeat-y; padding:5px 0 10px 15px;}
div.library-body h3 {padding-bottom:12px;}
p.library-text {padding-right:15px;}
dl.typeA {padding-right:16px;}
dl.typeA dt {width:211px; float:right;}
dl.typeA dd {width:355px;}
dl.typeA dd table {width:355px; border-collapse:collapse; font-size:12px; margin-bottom:15px;}
dl.typeA dd table td {border:1px solid #edcdc2; padding:5px 7px;}
dl.typeA dd table td.t-title {font-weight:bold; color:#fff; background:#dfa387;}
dl.typeA dd table td.t-color {background:#fcf7f4;}
dl.typeA dd p {padding-bottom:15px;}
div.library-top-bottom {height:42px; background:url(./images/library_top_bottom.gif);}
div.library-bottom {height:10px; background:url(./images/library_bottom.gif);}

/*--mamma--*/
h3#mamma-title img {margin-bottom:20px;}
p#btn-mamma {width:177px; height:29px; overflow:hidden; margin:0 0 22px 438px; background:url(./images/btn_mamma_ov.gif);}
p#btn-mamma a {display:block;}
p#btn-mamma a:hover {background-color:transparent;}
p#btn-mamma a:hover img {visibility:hidden;}
p.center-p {text-align:center; padding:10px 0;}
div.box-inner-top {height:12px; background:url(./images/box_inner_top.gif); margin:0 20px 0 5px;}
div.box_inner_body {background:url(./images/box_inner_body.gif) bottom; margin:0 20px 0 5px; padding:8px 20px 20px;}
dl#mamma-history dt {background:url(./images/icon_pen.gif) left no-repeat; font-size:14px; font-weight:bold; padding:10px 30px 5px;}
dl#mamma-room {padding:15px 0 0 10px;}
dl#mamma-room dt {width:42px; float:left; padding-top:7px;}
dl#mamma-room dd {padding:0 0 20px 50px;}
dl#mamma-info {padding:0 20px 20px 5px;}
dl#mamma-info dt {width:210px; float:left; line-height:1.6;}
dl#mamma-info dd {width:360px; float:right;}
dl#mamma-info dd table {width:360px; font-size:12px; border-collapse:collapse;}
dl#mamma-info dd table td {border:1px solid #edcdc2; padding:5px 7px;}
dl#mamma-info dd table td.center-td {text-align:center; background:#fcf7f4;}
dl#mamma-method dt {font-weight:bold; font-size:13px; padding-bottom:10px;}
ul#method-list {list-style:none; padding-left:10px;}
ul#method-list li {margin-top:15px; background:url(./images/lm04.gif) left 4px no-repeat; padding-left:15px; line-height:1.5;}
div#mamma-box-top {background:url(./images/mamma_box_top.gif); height:10px; margin-top:15px;}
div#mamma-box-body {background:url(./images/mamma_box_body.gif) bottom; padding:5px 20px 15px; color:#fff;}
div#mamma-box-body dt {font-weight:bold; font-size:13px; padding-bottom:7px;}

/*--flash_guide--*/
body#flash {background:none; margin:0; padding:0;}