/***********************************
  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_0629.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:10px 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.5em;}
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:15px 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.jpg); overflow:hidden; float:right;}
div.mainImg div#idx_keyImg2 h2 {padding:80px 0 0 13px;}
div.mainImg div#idx_keyImg2 p {margin:15px 0 0 15px;}
div.mainImg div#idx_keyImg2 ul {list-style:none; margin:25px 0 0 30px; float:left;}
div.mainImg div#idx_keyImg2 ul li {background:url(/images_new/iconD.gif) left 4px no-repeat; padding-left:20px; margin-bottom:5px;}
div.mainImg div#idx_keyImg2 ul li span {background:url(/images_new/icon_check.gif) left no-repeat; padding-left:65px;}
div.mainImg div#idx_keyImg2 p#mail-magazine {text-align:right; padding:18px 20px 0 0;}
*/

/*----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.jpg); overflow:hidden; float:right;}
div.mainImg div#idx_keyImg3 h2 {padding:41px 0 0 19px; position:absolute;}
div.mainImg div#idx_keyImg3 p#key03-text {margin:132px 0 0 20px; position:absolute;}
div.mainImg div#idx_keyImg3 p#jconcept03 {position:absolute; margin:205px 0 0 150px;}
div.mainImg div#idx_keyImg3 p#jconcept03 a {background:url(/images_new/lm04.gif) left no-repeat; padding-left:16px;}
div.mainImg div#idx_keyImg3 ul {list-style:none; padding:254px 0 0 3px;}
div.mainImg div#idx_keyImg3 ul li {float:left; margin-right:3px;}

/*  monitor/event
-----------------------------------*/
div#second-box {width:743px; margin-bottom: 12px;}
div#second-box p.rss-btn {text-align:right; margin:-22px 12px 0 0;}

div#second-box-left {width:318px; float:left;}
div#second-box-left p.new-date {text-align:right; margin-top:4px; 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 {width:413px; float:right; background:url(/images_new/dottA.gif) left repeat-y;}
div#second-box-right h3 {margin-left:16px;}
div#second-box-right h4 {text-align:right; margin-top:18px;}
div#second-box-right h4.none {text-align:right; margin-top:3px;}
div#second-box-right p.new-date {text-align:right; margin:-22px 10px 0 0; font-size:10px;}
div#second-box-right ul {list-style:none; margin:13px 5px 0 16px; background:url(/images_new/dottB.gif) bottom repeat-x;}
div#second-box-right ul.none {list-style:none; margin:13px 5px 0 16px; background:none;}
div#second-box-right li dl.event-title00 dt {width:4em; text-align:center; padding:1px 0; color:#fff; background:#3d9f0c; float:left; font-weight:bold;}
div#second-box-right li dl.event-title00 dd {padding:2px 0 0 6em; font-size:10px; color: #333;}
div#second-box-right li dl.event-title00 dd.kai {padding-top: 0; color: #333; line-height: 1.1;}
div#second-box-right li dl.event-title dt {width:4em; text-align:center; padding:1px 0; color:#fff; background:#004dad; float:left; font-weight:bold;}
div#second-box-right li dl.event-title dd {padding:2px 0 0 6em; font-size:10px; color: #333;}
div#second-box-right li dl.event-title dd.kai {padding-top: 0; color: #333; line-height: 1.1;}
div#second-box-right li p {font-size:14px; margin: 4px 0 7px 0; font-weight:bold;}
div#second-box-right li p.detail {font-size:10px; color:#333; margin: 4px 0; font-weight:bold;}
div#second-box-right li p a {color:#004dad;}
div#second-box-right li p a:hover {text-decoration:none; color:#f93;}
div#second-box-right li p.now a {color:#3d9f0c;}
div#second-box-right li p.now a:hover {text-decoration:none; color:#f93;}
div#second-box-right li dl.event-detail00 dt {width:65px; float:left;}
div#second-box-right li dl.event-detail00 dd {padding-left:75px; color:#333; line-height:1.25em;}
div#second-box-right li dl.event-detail00 dd p {text-align:right; font-size:12px; font-weight:normal; margin:0; padding-bottom:8px;}
div#second-box-right li dl.event-detail00 dd p a {color:#000; background:url(/images_new/iconA_02.gif) left no-repeat; padding-left:18px;}
div#second-box-right li dl.event-detail00 dd p a:hover {text-decoration:none; color:#f93;}
div#second-box-right li dl.event-detail dt {width:65px; float:left;}
div#second-box-right li dl.event-detail dd {padding-left:75px; color:#333; line-height:1.25em;}
div#second-box-right li dl.event-detail dd p {text-align:right; font-size:12px; font-weight:normal; margin:0; padding-bottom:8px;}
div#second-box-right li dl.event-detail dd p a {color:#000; background:url(/images_new/iconA.gif) left no-repeat; padding-left:18px;}
div#second-box-right li dl.event-detail dd p a:hover {text-decoration:none; color:#f93;}
div#second-box-right p.event-list {background:url(/images_new/iconA.gif) left no-repeat; padding-left:18px; margin:5px 0 5px 20px;}

/*  voice
-----------------------------------*/
div#voice-box {width:743px; padding-bottom:20px;}
div#voice-box h3 {margin-bottom:10px;}
div#voice-box p {font-size:10px; background:url(/images_new/iconB.gif) left no-repeat; padding-left:15px; margin:-15px 0 0 12px;}
div#voice-box ul {list-style:none; padding-bottom:15px; background:url(/images_new/back_voice.jpg) no-repeat bottom;}
div#voice-box ul li h4 {margin-bottom:5px;}
div#voice-box ul li#voice-box01 {width:245px; float:left; background:url(/images_new/dottC.gif) right repeat-y;}
div#voice-box ul li#voice-box01 dl {width:220px; margin-left:10px;}
div#voice-box ul li#voice-box01 dl dt {width:115px; float:right; text-align:right; padding-top:13px;}
div#voice-box ul li#voice-box01 dl dd {font-size:10px; color:#333; line-height:1.4em;}

div#voice-box ul li#voice-box02 {width:259px; float:left; background:url(/images_new/dottC.gif) right repeat-y;}
div#voice-box ul li#voice-box02 dl {width:229px; margin-left:14px;}
div#voice-box ul li#voice-box02 dl dt {width:87px; float:right; text-align:right;}
div#voice-box ul li#voice-box02 dl dd {font-size:10px; color:#333; line-height:1.4em;}

div#voice-box ul li#voice-box03 {width:229px; float:right;}
div#voice-box ul li#voice-box03 dl {width:216px;}
div#voice-box ul li#voice-box03 dl dt {width:95px; float:right; text-align:right; padding-top:12px;}
div#voice-box ul li#voice-box03 dl dd {font-size:10px; color:#333; line-height:1.4em;}
div#voice-box ul li#voice-box03 p {margin:-15px 0 0 0;}

/*  finerevo
-----------------------------------*/
div#finerevo {margin:0 13px 35px 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;}

/*  bnr-area
-----------------------------------*/
div#bnr-area {padding-bottom:30px;}
div#bnr-area ul,div#bnr-area ol {list-style:none;}
div#bnr-area ul li#bnr-area01,div#bnr-area ul li#bnr-area02 {width:235px; float:left; margin-right:18px;}
div#bnr-area ul li#bnr-area03 {width:235px; float:left;}
div#bnr-area ul li#bnr-area01 p {margin:-38px 6px 0 0; text-align:right;}
div#bnr-area ul li#bnr-area02 li#hotel-btn01 {text-align:right; margin:-82px 9px 0 0; line-height:0; font-size:0;}
div#bnr-area ul li#bnr-area02 li#hotel-btn02 {text-align:right; margin:4px 9px 0 0; line-height:0; font-size:0;}
div#bnr-area ul li#bnr-area03 li#check-btn01 {text-align:right; margin:-70px 7px 0 0; line-height:0; font-size:0;}
div#bnr-area ul li#bnr-area03 li#check-btn02 {text-align:right; margin:2px 7px 0 0; line-height:0; font-size:0;}

/*  topics/blog
-----------------------------------*/
div#topics-blog-box {width:742px; padding-bottom:35px;}
div#topics-box {width:470px; float:left; margin:0; padding:0;}
div#topics-box h3 {margin:0; padding:0; line-height:0;}
div#topics-box p.rss-btn {text-align:right; margin:-22px 14px 12px 0;}
div#topics-box dt {width:350px; color:#333; line-height:1.5em; font-size:12px;}
div#topics-box dd p {text-align:right; margin:-1.5em 10px 0.5em 0;}
div#topics-box dd p a {background:url(/images_new/iconC.gif) left no-repeat; padding-left:18px;}
div#topics-box ul {list-style:none; line-height:0; font-size:0;}
div#topics-box ul li {float:left; margin-bottom:4px;}
div#topics-box ul li.none {float:right;}

div#blog-box {width:262px; float:right;}
div#blog-box p {text-align:right; margin:-45px 8px 0 0;}

/*  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#right_02 {width:190px; height:426px; margin-top:10px; background:url(/image/back_mezablog.gif) bottom no-repeat; overflow:hidden;}
div#right_02 dl {width:170px; height:310px; margin-left:10px; overflow:auto; line-height:1.25em;}
div#right_02 dl dt {width:150px; font-size:10px; color:#fff; font-weight:bold;}
div#right_02 dl dd {width:150px; margin-bottom:10px;}
div#right_02 ul {width:159px; margin:5px 0 0 21px; list-style:none;}
div#right_02 ul li {float:left; margin-left:8px; _margin-left:4px;}

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;}

div#flash_check {width:190px; height:445px; background:url(/image/flash_check.gif); margin:17px 0 10px 0;}