/***********************************
  ASLEEPI@?o?lv
  index style.css
***********************************/

@import "common/css/base.css";

/*==================================
  LAYOUT
==================================*/
div#main{width:755px; float:left; margin-top:10px;}
div#right {width:190px; float:right;}


/* mainImg
--------------------------------------*/
.mainImg{position:relative;}
.mainImg #idx_keyImg1,.mainImg #idx_keyImg2,.mainImg #idx_keyImg3{display:none;}

/*  tab
-----------------------------------*/
div.mainImg {width:752px; margin-bottom:20px;}
div.mainImg ul#tab {list-style:none; width:189px; float:left;}
div.mainImg ul#tab li {line-height:0; font-size:0;}

/*----idx_keyImg1----*/
div.mainImg div#idx_keyImg1 {width:563px; height:315px; background:url(/images_new/back001_0831.jpg); overflow:hidden; float:right;}
div.mainImg div#idx_keyImg1 h2 {padding:13px 0 0 17px;}
div.mainImg div#idx_keyImg1 p.new-date {margin:5px 260px 0 20px; padding:0 0 5px 2px; background:url(/common/image/line.gif) repeat-x bottom;}
div.mainImg div#idx_keyImg1 dl {margin:8px 260px 0 20px;}
div.mainImg div#idx_keyImg1 dt {width:4em; color:#fff; font-weight:bold; padding:3px 0; text-align:center; background:#b38e3e; float:left;}
div.mainImg div#idx_keyImg1 dd {padding-left:5em; line-height:1.4em;}
div.mainImg div#idx_keyImg1 dd a{color:#664b38; font-size:13px; font-weight:bold;}
div.mainImg div#idx_keyImg1 dd a:hover {text-decoration:none;}
div.mainImg div#idx_keyImg1 p {margin:10px 0 0 20px;}
div.mainImg div#idx_keyImg1 p.detail-btn {margin:5px 0 0 200px;}

/*----idx_keyImg2----*/
div.mainImg div#idx_keyImg2 {width:563px; height:315px; background:url(/images_new/back002_0722.jpg); overflow:hidden; float:right;}
div.mainImg div#idx_keyImg2 h2 {padding:52px 0 0 27px;}
div.mainImg div#idx_keyImg2 p {margin-left:27px;}
div.mainImg div#idx_keyImg2 p#jconcept {padding:0; margin:15px 0 0 27px;}

/*----idx_keyImg3----*/
div.mainImg div#idx_keyImg3 {width:563px; height:315px; background:url(/images_new/back003_0831.jpg); overflow:hidden; float:right;}
div.mainImg div#idx_keyImg3 h2 {position:absolute; margin:25px 0 0 20px; font-size:0; line-height:0;}
div.mainImg div#idx_keyImg3 p#key03-text {margin:120px 0 0 20px; position:absolute;}
div.mainImg div#idx_keyImg3 p#check-btn03 {position:absolute; margin:184px 0 0 241px; font-size:0; line-height:0;}
div.mainImg div#idx_keyImg3 dt {position:absolute; margin:250px 0 0 20px; font-size:0; line-height:0;}
div.mainImg div#idx_keyImg3 dd {position:absolute; margin:160px 0 0 408px; font-size:0; line-height:0;}


/*  monitor/entry
-----------------------------------*/
div#second-box {width:743px; margin-bottom:12px; background:url(/top_img/dott00.gif) top left repeat-y;}
div#second-box-right {width:396px; float:right;}
div#second-box-left {width:318px; float:left;}
div#second-box p.new-date {text-align:right; color:#333; padding:3px 2px; font-size:10px;}

div#second-box-left ul {list-style:none; margin-top:3px;}
div#second-box-left dl {padding: 7px 0 17px 0;}
div#second-box-left li p img {margin-right:5px;}
div#second-box-left li dt {width:70px; float:left;}
div#second-box-left li dd {padding-left:75px;}
div#second-box-left li dd a {font-size:13px; color:#00ada3; font-weight: bold;}
div#second-box-left li dd a:hover {text-decoration:none; color:#f93;}
div#second-box-left li dd p {margin-top:7px; color:#333; line-height:1.25;}
div#second-box-left li.caution {font-size:10px; color:#333; text-align:right;}

div#second-box-right dl#illust-box {padding-bottom:5px; border-bottom:1px solid #ccc;}
div#second-box-right dl#illust-box dt {width:90px; float:left;}
div#second-box-right dl#illust-box dd {color:#333; width:295px; float:right; line-height:1.4; font-size:12px;}
div#second-box-right dl#illust-box dd h4 {font-size:12px; padding-bottom:3px;}
div#second-box-right dl#illust-box dd p {text-align:right; margin-top:2px;}
div#second-box-right dl#illust-box dd p a {background:url(/top_img/lm01.gif) left no-repeat; padding-left:14px;}
div#second-box-right ol {list-style:none; padding:10px 0 1px;}
div#second-box-right ol li {padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ccc; font-size:12px; color:#333;}
div#second-box-right ol li dt {font-weight:bold; background:url(/top_img/lm00.gif) left no-repeat; padding-left:15px;}
div#second-box-right ol li dd {line-height:1.4; padding:2px 2px 0;}
div#second-box-right ol li dd p {text-align:right;}
div#second-box-right ol li dd p a {background:url(/top_img/lm01.gif) left no-repeat; padding-left:14px;}


/*  info
-----------------------------------*/
div#info-box {margin:10px 12px 20px 0; padding:0 10px 1px 8px; background:url(/top_img/dott01.gif) top left repeat-y;}
div#info-box div#info-box-left {width:352px; float:left;}
div#info-box div#info-box-right {width:348px; float:right;}

div#info-box-left dl#qa-title dt {width:160px; float:right;}
div#info-box-left dl#qa-title dd {width:183px; float:left; padding-top:9px;}
div#info-box-left div {background:url(top_img/back_qa.jpg) top repeat-x; margin-top:10px; padding:4px 9px 0;}
div#info-box-left div h4 {padding-bottom:7px;}
div#info-box-left div ol li {list-style:none; font-size:12px; padding-bottom:6px;}
div#info-box-left div ol li dt {width:25px; float:left; font-size:18px; font-weight:bold; color:#797a4b;}
div#info-box-left div ol li dd {width:308px; float:right; line-height:1.5; padding-top:4px;}

div#info-box-right dl#today-lesson {margin-top:3px; padding:5px 8px; background:#eaf5f9;}
div#info-box-right dl#today-lesson dt {width:101px; float:left; font-size:0; line-height:0;}
div#info-box-right dl#today-lesson dd {width:220px; float:right; font-weight:bold; color:#39c; line-height:1.5;}
div#info-box-right dl#lesson-detail {padding:10px 10px 0;}
div#info-box-right dl#lesson-detail dt {width:150px; float:right;}
div#info-box-right dl#lesson-detail dd {width:165px; float:left; line-height:1.5; font-size:12px; color:#333;}

div.line {height:2px; margin:0 12px 20px 0; background:url(/top_img/dott02.gif) left repeat-x;}


/*  finerevo_box
-----------------------------------*/
div#finerevo-box {width:742px; padding-bottom:20px;}
div#finerevo-box ul li {list-style:none; width:234px; height:160px; overflow:hidden; float:left; margin-right:20px; font-size:0; line-height:0;}
div#finerevo-box ul li#finerevo001 {background:url(/top_img/back_finerevo.jpg);}
div#finerevo-box ul li#finerevo002 {background:url(/top_img/back_hotel.jpg);}
div#finerevo-box ul li#finerevo003 {background:url(/top_img/back_shop.jpg); margin:0;}
li#finerevo001 dt {padding:34px 0 0 72px;}
li#finerevo001 dd {padding:6px 0 0 115px;}
li#finerevo002 dt {padding:14px 0 0 9px;}
li#finerevo002 dd {padding:59px 0 0 7px;}
li#finerevo002 dd a {width:108px; height:25px; overflow:hidden; margin-right:3px;}
li#finerevo003 dt {padding:38px 0 0 46px;}
li#finerevo003 dd {padding:44px 0 0 118px;}


/*  finerevo
-----------------------------------*/
div#finerevo {margin:0 13px 20px 0;}
div#finerevo p {text-align:right; margin:-36px 8px 8px 0;}
div#finerevo dl {border:1px solid #1645a0; border-width:0 1px 1px 1px; padding:3px 3px 8px 3px;}
div#finerevo dl dt {width:315px; float:left; text-align:center; padding-top:10px;}
div#finerevo dl dd {padding-left:320px;}
div#finerevo dl dd img {float:right;}
div#finerevo dl dd p {margin:0; text-align:left; padding-top:7px; font-size:12px; color: #333;}


/*  link-box
-----------------------------------*/
div#link-box {margin-right:13px; background:#f0f0f0; padding:10px 0 15px 5px;}
div#link-box h4 {margin-bottom:8px;}
div#link-box ul {list-style:none; line-height:0; font-size:0;}
div#link-box ul li {float:left; margin-right:5px;}


/*  Right
----------------------------------*/
div#mezatopi-box {margin-top:10px; background:url(/image/back_campaign.gif) bottom;}
div#mezatopi-box dl {width:170px; height:310px; margin-left:10px; overflow:auto; line-height:1.25em; background:#f0efdf;}
div#mezatopi-box dl dt {width:145px; margin:5px 0 0 5px; font-size:10px; color:#0e0d08;}
div#mezatopi-box dl dd {width:145px; margin-left:5px; padding-bottom:5px;}
div#mezatopi-box h3 {font-size:0; line-height:0; padding:10px 10px 3px;}
div#mezatopi-box ul {list-style:none; font-size:0; line-height:0; padding:0 7px 15px;}
div#mezatopi-box ul li {float:left;}
div#mezatopi-box ul li#mezatopi01 {margin-bottom:8px;}
div#mezatopi-box ul li#mezatopi02 {float:right; margin-bottom:8px;}
div#mezatopi-box ul li#mezatopi03 {margin-left:4px; _margin-left:2px;}
div#mezatopi-box ul li#mezatopi04 {float:right; margin-right:2px; _margin-right:1px;}

div#right_03 h3 {margin-top:15px;}
div#right_03 ul {margin-top:10px; list-style:none;}
div#right_03 ul li {margin-bottom:11px;}
div#right_03 ul li p {background:url(/common/image/icon_arrow.gif) left no-repeat; margin-top:5px; padding-left:15px; font-size:10px;}