/*  index */
#contents-index {width:750px;margin:0 0 0 30px;}
#contents-index #h1Area {margin:10px 0;}
#contents-index #h1Area h1 {font-size:150%;font-weight:bold;padding:0 10px 0 0;color:#ca417d;float:left;}
#contents-index #h1Area .h1txt {float:left;}
#contents-index #nowArea {margin:15px 0;}
#contents-index #nowArea .icon {width:99px;_width:110px;padding:2px 9px 0 2px;float:left;}
#contents-index .event_box_on, #contents-index .event_box_off {margin:0 0 10px;}
#contents-index a h2, #contents-index a .state {text-decoration:none;}
#contents-index a:hover {cursor:pointer;}
#contents-index .event_box_on h2 {width:600px;padding:2px 0 0 26px;_width:514px;line-height:180%;height:22px;_padding:4px 0 0 26px;color:#ca417d;background:url(//img.e87.com/selection/images/top_icon_on.gif) #ffdceb no-repeat left;float:left;}
#contents-index .event_box_on .state {width:280px;padding:2px 0 0;_padding:4px 0 0;line-height:180%;height:22px;text-align:center;color:#fff;background:#ff85ba;float:left;}
#contents-index .event_box_off h2 {width:600px;padding:2px 0 0 26px;_width:514px;_padding:4px 0 0 26px;line-height:180%;height:22px;color:#ca417d;background:url(//img.e87.com/selection/images/top_icon_off.gif) #f0f0f0 no-repeat left;float:left;}
#contents-index .event_box_off .state {width:280px;padding:2px 0 0;_padding:4px 0 0;line-height:180%;height:22px;text-align:center;color:#fff;background:#929292;float:left;}
#contents-index .event_box_txt {margin:0 0 10px;}
#contents-index .event_box_txt .intro {width:620px;_width:620px;padding:0 15px 0 5px;float:left;}
#contents-index .event_box_txt .image {float:left;margin-left:20px;}
#contents-index #caution {width:900px;background:url(//img.e87.com/selection/images/dot_line.gif) repeat-x top;margin:20px 0;padding:10px 0 0;}
#contents-index #caution p {color:#ca417d;}
#contents-index .pagetop {width:720px;text-align:right;margin:25px 0;}
#contents-index .pagetop p {font-size:85%;margin:0 5px 0;}
#contents-index .allow {color:#ca417d;font-size:85%;}
/* frame */
#contents {width:575px;margin:0 0 0 100px;}
/* mainArea */
/* ----- topArea ----- */
#contents #topArea {width:575px;min-height:100px;*height:100px;margin:20px 0 0;}
#contents #topArea h1 {padding:28px 0 0 200px;color:#e00;font-weight:bold;}
#contents #topArea p {padding:8px 0 0 32px;color:#900;line-height:100%;}
#contents .info {margin:0 0 25px;line-height:120%;}
#contents h2 {width:570px;*width:574px;height:22px;margin:20px 0 0;padding:0 0 0 5px;color:#d60022;font-weight:bold;background:#fddfee;line-height:180%;}
/* ----- topicArea ----- */
#contents .topicArea {padding:10px 0 0;}
#contents .boxline {background:url(//img.e87.com/selection/images/dot_line_l.gif) no-repeat left top;}
#contents .topic_box01 {width:282px;padding:6px 0;margin:0 10px 0 0;float:left;background:url(//img.e87.com/selection/images/dot_line.gif) no-repeat center bottom;}
#contents .topic_box02 {width:282px;padding:6px 0;float:left;background:url(//img.e87.com/selection/images/dot_line.gif) no-repeat center bottom;}
#contents .textBox {float:left;}
#contents .textBox h3 {width:206px;font-size:85%;color:#ff0c00;font-weight:bold;}
#contents .textBox h3 a {color:#ff0c00;font-weight:bold;text-decoration:none;}
#contents .textBox h3 a:hover {text-decoration:underline;}
#contents .textBox p {width:206px;font-size:85%;line-height:120%;margin:4px 0 0;}
#contents .imgBox {float:left;width:70px;margin:0 0 0 5px;}
#contents .columnListArea {margin:0 0 20px;padding:0;}
#contents .columnListArea h3 {color:#80592b;font-weight:bold;margin:20px 0 5px;}
#contents .columnList {background-color:#f6f2e8;border:1px solid #c9b49c;padding:10px 0 5px 15px;}
#contents .columnList ul:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
/* Win版IE7とMac版IE5対策 */
#contents .columnList ul{display:inline-block;}
/* Win版IE5および6対策 */
/* Hides from IE-mac \;*/
* html #mainArea .columnList2 ul{height:1px;}
#contents.columnList ul{display:block;}
/* End hide from IE-mac */
#contents .columnList ul{width:525px;}
#contents .columnList ul li {background:url(//img.e87.com/selection/newyear/images/colum_arrow_02.gif) no-repeat left top;padding:0 0 0 15px;margin:0 0 5px 10px;font-size:85%;width:145px;float:left;}
#contents .columnList ul li a {text-decoration:none;}
#contents .columnList ul li a:hover {text-decoration:underline;}
/* bottomArea */
#contents .pagetop {width:575px;text-align:right;margin:25px 0;}
#contents .pagetop p {font-size:85%;margin:0 5px 0 0;}
#contents .allow {color:#ca417d;font-size:85%;}