@charset "shift_jis";
/* CSS Document */

h3{
	background:#C11926 url(../images/belt.jpg) left top no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 13px;
	width: 734px;
	position:relative;
	}
h3.small{
	background:#C11926 url(../images/belt_small.jpg) left top no-repeat;
	width: 346px;
	}
h3 span{ position:absolute; right:10px; font-size:86%; top:5px;}

#contentsWrap{ margin-top:10px;}
#contentsWrap a{text-decoration:none; display:block;zoom: 1;}
a.option{ background:url(../images/link_option.gif) left 6px no-repeat;font-size: 86%;padding: 0 0 0 15px;}
span.new{background: none repeat scroll 0 0 #D52731;color: #FFFFFF !important;font-size: 86%;line-height: 100%;padding: 2px 5px 0 !important;margin: 0 5px 0 0;}
span.block{ display:block;color: #424041; font-weight:normal;}
span.underline{text-decoration: underline;}

.section{ background:url(../images/section_back.jpg) left top repeat-y;width:760px;}
.section_foot{ background:url(../images/section_foot.jpg) left bottom no-repeat;}
.section_head{ background:url(../images/section_head.jpg) left top no-repeat;padding:0 0 10px;width: 760px;}
p.section_option{ background:url(../images/section_option.jpg) left bottom no-repeat;margin: 0 auto;width:743px;padding:10px 0 20px;}
.section_small{ background:url(../images/section_back_small.jpg) left top repeat-y;}
.section_foot_small{ background:url(../images/section_foot_small.jpg) left bottom no-repeat; width:372px;}
p.section_option_small{ background:url(../images/section_option_small.jpg) left bottom no-repeat;margin: 0 auto;width: 355px;padding:10px 0 20px;}

/*TOPナビスタイル*/
#contentsWrap #navi{ 
	 height:55px; 
}
#contentsWrap #navi a:focus {outline:none;}


#topics{clear:both; padding-top:20px;}
#topics .section ul{ width:740px; margin:10px auto 0;}
#topics .section li{margin:0 0 4px;position: relative; width:740px;}
/*#topics .section li p{width: 60px;position: absolute; word-wrap:break-word; font-size:86%; letter-spacing:.1em;}*/
#topics .section li p{font-size:86%; letter-spacing:.1em; float:left;}
#topics .section li a{margin: 0 0 0 70px;}
#topics .column{ background:#F3F3F3 url(../images/column_foot.jpg) left bottom no-repeat;margin: 25px 0 0;}
#topics .column_head{ background:url(../images/column_head.jpg) left top no-repeat; width:760px;}
#topics .column h4{color: #D5353D;float: left;font-weight: bold;padding: 15px 10px 11px;}
#topics .column ul{float: left;padding:12px 0 0;overflow: hidden;}
#topics .column ul li{float: left; background:url(../images/topics_option.gif) left top no-repeat;padding: 2px 10px 8px; margin: 0 0 0 -1px;}
#topics .column ul li a{*display:inline;}

#attention{ clear:both;padding: 30px 0 0;}
#attention .attention_tub{background:#F5F5F5 url(../images/attention/link_back.gif) left bottom repeat-x;margin: 0 auto;overflow: hidden;padding: 15px 0 0 4px;width: 754px;}
#attention .attention_tub li{float: left;padding: 0 5px;width: 140px;}
/*#attention .attention_tub li a{ background:url(../images/attention/normal_back.gif) left top repeat-y; width:138px; font-weight:bold; font-size:86%; text-align:center; cursor:pointer;}
#attention .attention_tub li a span{ display:block; background:url(../images/attention/normal.gif) left top no-repeat; width:138px;padding: 5px 0;}*/
#attention .attention_tub li a{display:block; background:url(../images/attention/hover_back.gif) left top repeat-y; width:138px; font-weight:bold; font-size:86%; text-align:center; cursor:pointer;}
#attention .attention_tub li a span{ display:block; background:url(../images/attention/hover.gif) left top no-repeat; width:118px;padding: 5px 10px 0; line-height:130%;}
#attention .attention_tub li a:hover span{text-decoration: underline;}
#attention .attention_tub li a.active{ display:block; background:url(../images/attention/avtive_back.gif) left top repeat-y; width:140px;color: #CB2728;border-bottom: 1px solid #FFFFFF;cursor: default; position:relative; bottom:-1px;}
#attention .attention_tub li a.active span{ display:block; background:url(../images/attention/avtive.gif) left top no-repeat; width:120px;color: #CB2728;text-decoration: none;}
#attention .attention_tub li a.active:hover{ display:block; background:url(../images/attention/avtive_back.gif) left top repeat-y; width:140px;color: #CB2728;}
#attention .attention_tub li a.active:hover span{ display:block; background:url(../images/attention/avtive.gif) left top no-repeat; width:120px;color: #CB2728;text-decoration: none;}
#attention .attention_content{ display:none;}
#attention .pattern_a img,
#attention .pattern_b img{ display:block; background:url(../images/attention/attention_banner_back.gif) left top repeat-y; padding:5px;float: left;margin: 0 5px 0 0;}
#attention .pattern_a .underline,
#attention .pattern_b .underline{font-size: 86%;font-weight: bold;}
#attention .pattern_a .block,
#attention .pattern_b .block{font-size: 81%;*font-size: 65%;line-height: 120%;*line-height: 130%;margin: 5px 0 0;}
#attention .pattern_a{border-bottom: 1px dashed #CCCCCC;clear: both;margin:0 auto 10px;padding: 0 0 10px;width: 743px;}
#attention .pattern_a li{float: left;width: 247px;}
#attention .pattern_a a{width: 230px;overflow: hidden;padding: 5px;margin: 0 auto;}
#attention .pattern_b{border-bottom: 1px dashed #CCCCCC;clear: both;margin:0 auto 10px;padding: 0 0 10px;width: 743px;}
#attention .pattern_b li{float: left;width: 354px;width: 371px;}
#attention .pattern_b a{overflow: hidden;padding: 5px;width: 354px;margin: 0 auto;}
#attention .text_link{clear: both;margin: 0 auto;width: 735px;}
#attention .text_link li{padding: 0 5px;margin: 3px 0 0;}


#ranking{float: left;width: 372px; margin:30px 0 0;}
#ranking ul{margin: 0 auto;padding: 0 0 10px;width: 355px;}
#ranking ul li{border-bottom: 1px dashed #CDCDCD; padding-bottom/*\**/:3px\9;*padding-bottom:0;}
#ranking ul li p{ overflow:hidden;}
#ranking ul li p img{ float:left; padding:5px 10px 5px 5px; width:50px;}
#ranking ul li p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#ranking ul li p{display: inline-block;} 
#ranking ul li a{font-size: 114%;font-weight: bold; padding:5px 0 0 15px; width:275px;background-position: left 13px; float:left;}
#ranking ul li a .underline{ font-size:90%;}
#ranking ul li p a .block{font-size: 81%;line-height: 130%;padding: 4px 0 0;}

#support{float: right;width: 372px; margin:30px 0 0;}
#support .selection_link{ overflow:hidden; width:360px; margin:0 auto;padding: 0 0 7px;}
#support .selection_link li{ line-height:100%; vertical-align:top; width:120px; float:left;height: 27px;}
#support .selection_link li img{line-height:100%; vertical-align:top; }
#support .selection_link li a{ display:block;width:113px; margin:0 auto;}
#support .selection_link .active img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;}
#support .selection_link .hwi{ background:url(../images/support/hwi_link_active.jpg) left top no-repeat;}
#support .selection_link .mic{ background:url(../images/support/mic_link_active.jpg) left top no-repeat;}
#support .selection_link .oce{ background:url(../images/support/oce_link_active.jpg) left top no-repeat;}
#support .selection_link .ame{ background:url(../images/support/ame_link_active.jpg) left top no-repeat;}
#support .selection_link .asi{ background:url(../images/support/asi_link_active.jpg) left top no-repeat;}
#support .selection_link .eur{ background:url(../images/support/eur_link_active.jpg) left top no-repeat;}
#support #slider ul{ height:138px; overflow:hidden;}
#support #slider ul li{}
#support #slider .support_box{height: 138px;width: 324px;}
#support #slider .support_box a{ background:url(../images/support/support_link.jpg) left top no-repeat; width:284px; height:103px; display:block; padding:12px 20px; overflow:hidden;}
#support #slider .support_box a:hover{ background:url(../images/support/support_link_hover.jpg) left top no-repeat;}
#support #slider .support_box .title{color: #000000;display: block;font-weight: bold;border-bottom: 1px solid #E37F68; margin:0 0 9px;}
#support #slider .support_box img{display: block;float: left;padding: 0 10px 0 0;}
#support #slider .support_box .block{font-size: 76%;*font-size: 65%;line-height: 150%;}
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}
#slider_box{	width:324px; height:145px; position:relative; margin:0 auto 0; text-align:left;}	
#prevBtn, #nextBtn,#slider1next, #slider1prev{display:block;width:19px;height:49px;position:absolute;left:-23px;top:40px;z-index:1000;}	
#nextBtn, #slider1next{left:328px;}														
#prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{display:block;position:relative;width:19px;height:49px;background: url(../images/support/back_link.jpg) left top no-repeat;}	
#nextBtn a, #slider1next a{ background:url(../images/support/next_link.jpg) left top no-repeat;}	


#contentsBody #theme{clear: both;padding: 30px 0 0;}
#contentsBody #theme .theme_tub{font-size: 81%;*font-size: 65%;margin:0 auto 15px; padding:15px 0 0;width:736px;overflow: hidden;}
#contentsBody #theme .theme_tub li{float: left;text-align: center; margin:0 0 1px -1px; white-space:nowrap; zoom:1;}
#contentsBody #theme .theme_tub li a img{left: -2px;position: relative;top: -1px;}
#contentsBody #theme .theme_tub li a{background:#D75253;color: #FFFFFF;padding: 3px 10px;border-left: 1px dotted #FFFFFF;_display:inline; _padding:5px 10px;}
#contentsBody #theme .theme_tub li a:hover{ background:#B41A22;}
#contentsBody #theme .theme_tub li a.active{ background:#B41A22;}
#contentsBody #theme .theme_tub li a.active:hover{ background:#B41A22;}
#contentsBody #theme .theme_category{border-top: 1px dashed #CCCCCC;margin: 10px auto 0;padding: 30px 0 0;width: 743px;}
#contentsBody #theme .theme_category h4{border-left: 3px solid #CC2424;font-weight: bold;line-height: 120%;padding: 0 0 0 5px; margin:10px 0 0;}
#contentsBody #theme .theme_category dl{clear: both;}
#contentsBody #theme .theme_category dt{padding: 5px 0;}
#contentsBody #theme .theme_category dd{clear: both;}
#contentsBody #theme .category{clear:both;border-top: 1px dashed #CCCCCC;margin: 10px 0 0;padding: 10px 0 0;}
#contentsBody #theme .category_cassette{border-right: 1px dashed #CCCCCC;border-top:1px dashed #CCCCCC;float: left;width: 180px;padding:10px 0 0 10px;margin-top:10px;}
#contentsBody #theme .category_cassette div{ overflow:hidden;}
#contentsBody #theme .category img{margin: 0 5px 0 0;float: left;}
#contentsBody #theme .category p{float: left;font-size: 81%;*font-size: 65%;line-height: 110%;*line-height: 130%; width: 105px;}
#contentsBody #theme .category_cassette ul{background:#EFEFEF;clear: both;margin: 7px 0 0;padding: 0 6px;width: 158px; overflow:hidden;}
#contentsBody #theme .category_cassette li{line-height: 150%;width:79px; float:left;}
#contentsBody #theme .category_cassette a{margin: 0 0 6px;font-weight: bold;*font-size:110%;}
#contentsBody #theme .category_cassette li a{font-size: 81%;*font-size: 65%;font-weight: normal;margin: 0; letter-spacing:-.05em;}
#contentsBody #theme .theme_category .open_close{ clear:both;display: none;}
#contentsBody #theme .theme_category{display:none;/*  display:block;*/}
#contentsBody #theme .section_head{ position:relative;}
#contentsBody #theme .opne_close_link{padding: 0 0 0 640px;}
#contentsBody #theme .opne_close_link a{ background:url(../images/theme/theme_open.jpg) left top no-repeat; display:block; width:112px; height:22px; text-indent:-9999px;}
#contentsBody #theme .opne_close_link a:focus{ outline:none;}
#contentsBody #theme .opne_close_link a.close{ background:url(../images/theme/theme_close.jpg) left top no-repeat; display:block; width:112px; height:22px;}
#contentsBody #theme .non_link{ font-weight:bold; display:block;}

#destination{clear: both;margin: 30px 0 0;}
#destination .section_head div{border-bottom: 1px dashed #CCCCCC;margin: 0 0 0 10px;padding: 15px 0 3px;width: 740px;overflow: hidden;}
#destination .section_head ul{}
#destination .section_head ul li{float: left;width:150px;}
#destination .section_head ul li a{padding: 4px;width: 130px;overflow: hidden;}
#destination .section_head ul li a img{float: left;margin: 0 5px 0 0;}
#destination .section_head ul li a span.underline{font-size: 81%;*font-size: 65%;line-height: 110%;}
#destination .section_head ul li a span.block{font-size: 71%;*font-size: 65%;line-height: 120%;padding: 7px 0 0;width: 80px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;}  
#destination .section_head ul li a span.block:not(div),  
    x:-moz-broken {  
        position: relative;  
        display: inline-block;  
        overflow: hidden;
    }  
#destination .section_head ul li a span.block:not(div) .leader ,  
    x:-moz-broken {  
        display: inline;  
        background: white;  
        position: absolute;  
        right: -260px;
        margin-right: 100%;  
    }  
.leader{  
        /* exclude not firefox */  
        display: none;  
    }  
      
#destination .section_head ul li a span.block:not(div):after ,  
    span:last-of-type>div ,  
    x:-moz-broken {  
        content: "...";  
        display: inline;  
        background: white;  
        position: absolute;  
        right: -260px;
        margin-right: 100%;  
    } 
/*パンフレット箇所*/
.pamphlet_title{ margin-top:30px; }
.pamphlet_title h3{ position:relative; top:5px;}
#notice_box{ width:760px;}
#note{ font-size:70%; *font-size:65%; text-indent:-1em; padding-left:1em; line-height:1.7em; width:630px; float:left; }
#note .Privacy_style{ width:100px; float:right; overflow:hidden; }
/*TOPナビ　追加分*/
#navi ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
#navi ul{display: inline-block;display/*\**/: block\9;*display: inline-block;}
#navi ul li img{ line-height:100%; vertical-align:top;}
#navi ul li span img{ line-height:100%; vertical-align:middle;}
#navi ul li.tyo{ float:left; width:125px; height:55px; }
#navi ul li.osa{float:left; width:128px; height:55px;}
#navi ul li.ngo{float:left; width:128px; height:55px;}
#navi ul li.fuk{float:left; width:128px; height:55px;}
#navi ul li.hokaido{float:left; width:125px; height:55px;}
#navi ul li.other{float:left; width:126px; height:55px;}
#other_navi{ width:200px; float:right; padding-left:5px; background:#000; margin-top:-8px; display:none;}
#other_navi ul li{  width:175px; padding-top:2px; line-height:100%;}
#other_navi ul li span{padding-right:5px; padding-left:5px;}
#other_navi ul li a{ color:#FFFFFF; display:block; width:195px; line-height:125%; margin:0 0 1px; padding:2px 0;_padding:3px 0 1px;}
#other_navi ul li a:hover{!important;background-color:#9B0018; display:block; !important;opacity:1;}
#other_navi ul{ padding-top:5px; padding-bottom:5px;}

#topPrivacy{  padding-left:40px;}
#topPrivacy img{ margin:5px 0 10px 15px;_margin:8pxpx 0 10px 15px;}
.enter{ position:absolute; left:760px;}