@charset "shift_jis";

@import "popup.css";
@import "print.css";
@import "parts.css";

.top_head_left img { display: none; }

/* CSS Menu
1--タグの再定義
2--ページ全体のデザイン
3--本文のデザイン
4--トップページ専用デザイン
7--よく使うクラスの定義
9--部分ごとのクラスの定義
*/

/*--1.タグの再定義-----------------------------------------------------------------------------------*/
*{
font-size:12px;
color:#333333;
font-family:"ＭＳ Ｐゴシック",sans-serif;
}
body{
margin:0;
padding:0;
}
p{
margin:10px 0;
line-height: 150%;
}
a,a:link{
color:#6699CC;
text-decoration:none;
}
a:visited{
color:#6666CC;
text-decoration:none;
}
a:hover{
color:#66CCCC;
text-decoration:underline;
}
a img{
border:none;
}

/*--2.ページ全体のデザイン-----------------------------------------------------------------------------------*/
#all{
width:740px;
margin-left:10px;
}
#header{
padding-top:25px;
width:740px;
height:40px;
overflow:hidden;
}
#header img.logo{
vertical-align:bottom;
float:left;
margin-right:15px;
}
#header ul.csschange{
padding:0 0 11px 0 !important;
margin:0;
}
#header li.csschange740{
display:none;
}
#header li.csschange940{
vertical-align:bottom;
background:url(../img/a_css_wide.gif) no-repeat left top;
padding-left:24px;
padding-bottom:2px;
}
#header .ad{
display:none;
}
#header ul{
margin:0;
padding:0;
vertical-align: bottom;
}
#header li{
font-size:12px;
display:inline;
list-style:none;
background:url(../img/top_icon.gif) no-repeat;
padding-left:14px;
padding-right:5px;
}

#head{
width:740px;
height:20px;
display:block;
background:url(../img/frame_upper.gif) no-repeat bottom;
}
#head p{
margin:0;
padding:7px 15px 0 15px;
text-align:right;
}
#head p,#head p a{
font-size:10px;
}


#main{
width:740px;
background:url(../img/frame_center.gif) repeat-y;
}
#main_area,#main_head,#main_foot{
margin:0 10px;
}

#main_head{
}

#main_head p{
margin-top:0;
}
#main_foot p{
margin-bottom:0;
}
#main_area_a{
float:left;
width:180px;
padding-top:60px;
}
#main_area_a *{
font-size:12px;
}
#main_area_a form{
position: absolute;
left: 22px;
top: 70px;
width:180px;
}
#main_area_a form input#sbi{
width:120px;
}
#main_area_a .AccordionPanel{
margin:0;
background:url(../img/list_title_2.gif);
}
#main_area_a .top{
background:url(../img/list_title.gif);
}
.AccordionPanelTab{
cursor:hand;
}
#main_area_a .AccordionPanelTab{
text-align:center;
padding:8px 0;
display:block;
cursor:pointer;
}
#main_area_a .AccordionPanelContent{
height:260px;
width:174px;
overflow:auto;
scrollbar-base-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#0080ff;
scrollbar-shadow-color:#999999;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#cccccc;
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#ffffff;
}
#main_area_a .AccordionPanelContent ul{
margin:0;
padding:0 4px 0 10px;
}
#main_area_a .AccordionPanelContent ul li{
margin:0;
padding:3px 3px;
list-style-type:none;
border-bottom:1px solid #ccc;
}
#main_area_a .AccordionPanelContent dl{
margin:0;
padding:0 12px 0 12px;
}
#main_area_a .AccordionPanelContent dl dt{
margin:0;
padding:3px 3px;
border-bottom:1px solid #ccc;
}
#main_area_a .AccordionPanelContent dl dd{
margin:0;
padding:2px 3px 2px 8px;
border-bottom:1px solid #ccc;
}


#main_area_b{
float:right;
width:535px;
margin-top:-7px;
position:relative;
}
#foot{
width:740px;
min-height:20px;
_height:20px;
padding-bottom:8px;
line-height:18px;
display:block;
background:url(../img/frame_bottom.gif) no-repeat bottom;
text-align:center;
}

/*--3.本文のデザイン-----------------------------------------------------------------------------------*/
#main_area h1{
padding-left:4px;
padding-bottom:2px;
margin-bottom:0;
margin-top:0;
background:url(../img/h1.jpg) repeat-x bottom;
font: bold 18px "Courier New", Courier, mono;
}
#main_area h1 .h1_japanese{
font: bold 12px "ＭＳ Ｐゴシック", Osaka;
}
#main_area h1 img{
border:1px solid #999;
margin-right:4px;
}
#main_area h2{
padding-left:4px;
padding-bottom:1px;
margin-top:20px;
margin-bottom:15px;
background:url(../img/h2.jpg) repeat-x bottom;
font:bold 12px;
}
#main_area h3{
margin-left:10px;
padding-bottom:2px;
margin-bottom:0;
font-weight: bold;
background:url(../img/related.jpg) repeat-x bottom;
}
#main_area h4,#main_area h4 a,#main_area h4 strong{
font-weight:normal;
margin-top:3px;
margin-bottom:20px;
font-size:10px;
}
#main_area h4 strong{
font-weight:bold;
}
#main_area h5{
background:url(../img/h5.gif) left bottom no-repeat;
padding-left:5px;
margin:15px 0 10px 0;
height:15px;
}

#main_area dl.menu{
width:480px;
margin-left:0;
padding-left:0;
}
#main_area dl.menu dt{
width:160px;
float:left;
padding:4px 0 1px 4px;
border-bottom:1px solid #ccc;
}
#main_area dl.menu dd{
margin:0;
padding:4px 0 1px 0;
border-bottom:1px solid #ccc;
}
#main_area ul.menu{
width:480px;
margin-left:0;
padding-left:0;
}
#main_area ul.menu li{
padding:4px 0 1px 4px;
border-bottom:1px solid #ccc;
list-style:none;
}

#main_area p{
line-height:130%;
}
#main_area p.wide3 img{
width:170px;
height:130px;
margin-right:5px;
margin-bottom:5px;
}
#main_area p.wide2 img{
width:260px;
height:196px;
margin-right:5px;
margin-bottom:5px;
}
#main_area p.wide2_tate img{
width:260px;
height:386px;
margin-right:5px;
margin-bottom:5px;
}
#main_area p.wide2_tatenormal img{
width:260px;
height:344px;
margin-right:5px;
margin-bottom:5px;
}

#main_area p.img img{
margin:5px;
border:1px solid #333;
}

/*--4.トップページ専用デザイン-----------------------------------------------------------------------------------*/
#main_area dl.toplist{
float:left;
width:165px;
margin:9px 3px;
padding:0;
border-left:6px solid #6cc;
}
#main_area dl.toplist dt img{
vertical-align:bottom;
}
#main_area dl.toplist dd{
margin:0;
padding:3px 0 2px 5px;
border-bottom:1px solid #ccc;
}

#main_area ul.topnews{
width:520px;
margin-top:5px;
margin-left:0;
padding-left:0;
list-style:none;
}
#main_area ul.topnews li{
padding:4px 0 1px 4px;
border-bottom:1px solid #ccc;
}

.top_head_left{
float:left;
width:350px;
padding-left:100px;
font-size:10px;
}

.top_left{
float:left;
width:260px;
text-align:left;
}
.top_right{
float:right;
width:260px;
}

#main_area ul.topnews_half{
width:255px;
margin-top:5px;
margin-left:0;
padding-left:0;
}
#main_area ul.topnews_half li{
margin:0;
padding:4px 0 1px 3px;
border-bottom:1px solid #ccc;
list-style:none;
}

#main_foot_ad{
text-align:center;
}

#main_foot .b{
background:url(http://dshop.s302.xrea.com/index2.php);
}

#main_foot .bookmark{
display:block;
height:30px;
line-height:30px;
width:360px;
font-size:10px;
text-align:center;
float:right;
}

/*--7.よく使うクラスの定義-----------------------------------------------------------------------------------*/
a.blank{
padding-left:10px;
margin-left:2px;
background:url(../img/a_blank.gif) no-repeat left center;
}
a.down{
padding-left:10px;
margin-left:2px;
background:url(../img/a_down.gif) no-repeat left center;
}
a.up{
padding-left:10px;
margin-left:2px;
background:url(../img/a_up.gif) no-repeat left center;
}

.point-left{
background: url(../img/point_left.gif) no-repeat 0px 0px;
padding-left:16px;
padding-top:1px;
}
.point-caution{
background: url(../img/point_caution.gif) no-repeat 0px 0px;
padding-left:16px;
padding-top:1px;
}
.point-square-blue{
background: url(../img/point_square_blue.gif) no-repeat 0px 1px;
padding-left:11px;
}
.point-movie{
background: url(../img/point_movie.gif) no-repeat 0px 1px;
padding-left:28px;
padding-top:10px;
padding-bottom:4px;
}

.clear{
clear:both;
}
.mini,.mini *{
font-size:10px !important;
}
.normal{
font-size:12px !important;
}
.big,.big *{
font-size:14px !important;
}
.bold{
font-weight:bold !important;
}
.nobold{
font-weight:normal !important;
}

a .mini,a:link .mini{
color:#6699CC;
text-decoration:none;
}
a:visited .mini{
color:#6666CC;
text-decoration:none;
}
a:hover .mini{
color:#66CCCC;
text-decoration:underline;
}



/*--9.部分ごとのクラスの定義------------------------------------------------------------------------*/
/*----------関連ページ用----------*/
dl.related{
margin:40px 0 60px 10px;
list-style-type:none;
}
dl.related dt{
padding-bottom:2px;
margin-bottom:3px;
font-weight: bold;
background:url(../img/related.jpg) repeat-x bottom;
width:100%; /*IE6までのバグ用*/
}
dl.related dd{
margin:0;
float:left;
text-align:center;
}
dl.related dd a{
display:block;
width:160px;
height:20px;
line-height:20px;
}
dl.related dd a:hover{
text-decoration:none;
border:1px solid #ccc;
width:158px;
height:18px;
line-height:18px;
}

/*----------広告用----------*/
p.ad{
text-align:center;
margin-bottom:5px;
margin-top:0;
}

/*----------クチコミ用----------*/
div.comment{
}
div.comment .a{
border-bottom:1px solid #ccc;
padding-left:3px;
width:450px;
}
div.comment .b{
padding-left:3px;
margin-left:5px;
margin-bottom:20px;
}

/*----------クチコミ一覧用----------*/
#main_area_a .mtc ul{
margin:0;
padding:0 12px 0 8px;
}
#main_area_a .mtc ul li{
margin:0;
padding-left:2px;
list-style-type:none;
border:none;
font-weight:bold;
}
#main_area_a .mtc ul li ul{
margin:0;
padding:0 0 0 4px;
}
#main_area_a .mtc ul li ul li{
margin:0;
padding:1px;
height:14px;
line-height:14px;
list-style-type:none;
border-bottom:1px solid #ccc;
font-weight:normal;
}

/*----------クチコミ一覧用----------*/
#main_area_b dl.mtc{
padding-bottom:10px;
margin-bottom:10px;
width:450px;
}

#main_area_b dl.mtc dt{
padding:5px 10px 0 10px;
margin:0;
float:left;
width:290px;
height:17px;
line-height:17px;
border-bottom:1px solid #ccc;
}
#main_area_b dl.mtc dd{
padding:5px 10px 0 10px;
margin:0;
float:right;
width:120px;
height:17px;
line-height:17px;
border-bottom:1px solid #ccc;
}

#main_area_b ul.mtc{
padding-bottom:10px;
padding-left:0;
margin-left:0;
width:450px;
list-style:none;
}
#main_area_b ul.mtc li{
padding:5px 10px 0 10px;
margin:0;
height:17px;
line-height:17px;
border-bottom:1px solid #ccc;
}

/*----------クチコミ投稿画面用----------*/
form#comments_form{
border:1px solid #ccc;
margin:50px 0;
padding:5px;
}
form#comments_form h2{
border-bottom:1px solid #69f;
border-right:1px solid #69f;
padding:10px 0 10px 40px;
margin:0 330px 0 0;
}
form#comments_form label{
font-size:10px;
}
form#comments_form div#comments-open-data{
float:left;
width:220px;
text-align:right;
margin-right:10px;
}
form#comments_form input.oneline{
width:140px;
height:14px;
}
form#comments_form textarea{
width:270px;
height:200px;
}
/*----------クチコミサイドバー切り替え----------*/
ul.side{
list-style:none;
margin:0;
padding:0;
}
ul.side li{
display:inline;
}
ul.side li a{
padding:3px 0;
border:1px solid #ccc;
margin:0 2px;
text-decoration:none;
width:80px;
display:block;
float:left;
text-align:center;
}


/*----------マイル一覧表用(流用可能)----------*/
.table_mini {
margin-top:5px;
border-collapse: collapse;
border: 1px solid #ccc;
text-align: center;
}
.table_mini td, .table_mini th {
font-size: 10px;
border: 1px solid #ccc;
padding: 2px;
margin: 0;
}
.table_normal {
margin-top:5px;
border-collapse: collapse;
border: 1px solid #ccc;
text-align: center;
}
.table_normal td, .table_normal th {
border: 1px solid #ccc;
padding: 2px;
margin: 0;
}


/*----------年パス定義----------*/
p.pass{
 line-height:150% !important;
}
.pass .premium{
 color:#C0C0C0;
 border: 1px solid #C0C0C0;
 margin-right: 1px;
 padding:0 1px;
}
.pass .deluxe{
 color:#D3BB5A;
 border: 1px solid #D3BB5A;
 margin-right: 1px;
 padding:0 1px;
}
.pass .value{
 color:#99CC99;
 border: 1px solid #99CC99;
 margin-right: 1px;
 padding:0 1px;
}

/*-------------イベント時期用dl---------------*/
#main_area dl.eventlist{
float:left;
width:170px;
margin:10px 0;
padding:0;
}
#main_area dl.eventlist dd{
margin:0 10px 0 0;
padding:3px 0 1px 5px;
border-bottom:1px solid #ccc;
border-left:5px solid #ccc;
}



/*--------------------------旅行記用----------------------------*/
#main_area div.travel dl{
float:left;
margin:5px;
}

#main_area div.travel dt,#main_area div.travel dd{
text-align:center;
}

#main_area div.travel dt img{
border:1px solid #000;
}

#main_area div.travel hr,hr.mini{
width:85%;
height:1px;
border-style:solid none none none;
border-top-width:1px;
border-top-color:#ccc;
clear:both;
text-align:center;
margin:auto;
}

#main_area p.travel{
background:#EBEBEB;
border-left:4px solid #69f;
padding: 2px;
}


/*----------------------------100の質問用-----------------------------------*/
#main_area dl.question{
margin:0;
padding:0;
}
#main_area dl.question dt{
margin:10px 40px 10px 0;
padding:3px;
border-left:5px solid #cccccc;
border-bottom:1px solid #cccccc;
background:#E1F0FF;
}
#main_area dl.question dd{
margin:5px 40px 25px 15px;
padding:0;
}
#main_area dl.question dd input{
width:450px;
}
#main_area input.question{
width:120px;
height:40px;
}

/*------------------------------フォームチェック用-------------------------------------*/
div.baloon {
font-size: 12px;
color: #900;
position: absolute;
padding-left: 5px;
background: url("../img/baloon.gif") no-repeat top left;
z-index: 1;
}
div.baloon a {
color: blue;
text-decoration: none;
padding: 2px;
margin-right: 2px;
}
div.baloon a:hover {
background-color: #eef;
}
div.baloon div {
background: url("../img/baloon_right.gif") no-repeat top right;
padding: 7px 7px 14px 0;
white-space: nowrap;
}


/*------------------------------------ニュース用(news.php)--------------------------------------------*/
div.news{
margin-bottom:10px;
}

div.news h4,div.news h4 a{
font-size:12px !important;
font-weight:bold !important;
}
div.news h4{
/*border-bottom:1px solid #99ccff;*/
padding-bottom:3px;
width:520px;
background: url(../img/news_border.gif) repeat-x 0 bottom;
}

div.news p span{
float:left;
}

div.news span img{
border:1px solid #ccc;
padding:2px;
margin:2px;
}

p.news{
padding:4px;
border:1px solid #CCCCCC;
text-align:center;
}

/*---------------------------------------------メンバーシステム-----------------------------------------------------*/
form.login fieldset{
text-align:center;
}

form.login legend{
font-weight:bold;
}

form.login fieldset p{
padding-top:10px;
padding-bottom:10px;
margin:0;
}

p.scaution{
color: #FF6600;
border:1px solid orange;
padding:5px;
}

/*-------------------------------------新メンバーシステム プロフィール--------------------------------------------*/
dl.profile{
margin:20px 10px;
}

dl.profile dt{
padding:2px 0 1px 4px;
margin:3px 3px 10px 3px;
background:#DCF3EB;
border-bottom:1px solid #87E0C6;
font-weight:bold;
}

dl.profile dd{
margin:10px 8px 15px 12px;
}

dl.profile dd.mouth{
line-height:18px;
}

/*------------------------------------------新クチコミ用-------------------------------------------------------*/
div.mouth{
margin-bottom:50px;
}

div.mouth strong.category{
width:98%;
padding-bottom:3px;
margin-bottom:5px;
background:url(../img/news_border.gif) repeat-x 0 100%;
display:block;
}

table.mouth td {
padding: 5px;
margin: 0;
/*vertical-align: top;*/
}

p.mouth{
background: url(../img/mouth_back1.jpg);
border-bottom:1px dotted #3399FF;
padding-left:4px;
}

div.mouth p.mouth-img img{
padding:2px;
margin:5px;
border:3px double #cccccc;
}

/*-------------------------------------------------トピックス---------------------------------------------------*/
table.topics{
 margin-left:20px;
}
table.topics td.date{
 width:55px;
}
table.topics td.type{
 width:60px;
}
table.topics td.resort{
 width:35px;
}
table.topics td.title{
 width:350px;
}

.topics-news-hdl, .topics-news-dlp, .topics-news-dlr, .topics-news-wdw, .topics-news-tdr, .topics-news-dcl, .topics-update-hdl, .topics-update-dlp, .topics-news-sdl, .topics-update-sdl, .topics-update-dlp, .topics-update-dlr, .topics-update-wdw, .topics-update-tdr, .topics-update-dcl, .topics-info, .topics-news, .topics-update, .topics-trouble, .topics-news-open, .topics-update-open, .topics-other{
 width:50px;
 height:15px;
 background-image:url(http://www.disney-parks.info/img/topics_icon_new.gif);
 background-repeat:no-repeat;
 display:block;
 float:left;
 margin:0 5px;
}
.topics-news-hdl span, .topics-news-dlp span, .topics-news-dlr span, .topics-news-wdw span, .topics-news-tdr span, .topics-news-dcl span, .topics-update-hdl span, .topics-news-sdl span, .topics-update-sdl span, .topics-update-dlp span, .topics-update-dlr span, .topics-update-wdw span, .topics-update-tdr span, .topics-update-dcl span, .topics-info span, .topics-news span, .topics-update span, .topics-trouble span, .topics-news-open span, .topics-update-open span,.topics-other span{display:none;}

.topics-news-hdl{ background-position: 0 -45px;}
.topics-news-dlp{ background-position: 0 -45px;}
.topics-news-dlr{ background-position: 0 -45px;}
.topics-news-wdw{ background-position: 0 -45px;}
.topics-news-tdr{ background-position: 0 -45px;}
.topics-news-dcl{ background-position: 0 -45px;}
.topics-news-sdl{ background-position: 0 -45px;}
.topics-update-hdl{ background-position: 0 -60px;}
.topics-update-dlp{ background-position: 0 -60px;}
.topics-update-dlr{ background-position: 0 -60px;}
.topics-update-wdw{ background-position: 0 -60px;}
.topics-update-tdr{ background-position: 0 -60px;}
.topics-update-dcl{ background-position: 0 -60px;}
.topics-update-sdl{ background-position: 0 -60px;}
.topics-other{ background-position: 0 0;}
.topics-trouble{ background-position: 0 -30px;}
.topics-info{ background-position: 0 -15px;}
.topics-news{ background-position: 0 -45px;}
.topics-update{ background-position: 0 -60px;}
.topics-news-open{ background-position: -40px -90px;}
.topics-update-open{ background-position: -80px -90px;}


.topics-resort-dlr, .topics-resort-wdw, .topics-resort-tdr, .topics-resort-dlp, .topics-resort-hdl, .topics-resort-dcl, .topics-resort-sdl{
 width:30px;
 height:13px;
 background-image:url(http://www.disney-parks.info/img/topics_icon_resort.gif);
 background-repeat:no-repeat;
 display:block;
 float:left;
 margin:0 5px 0 0;
}

.topics-resort-dlr span, .topics-resort-wdw span, .topics-resort-tdr span, .topics-resort-dlp span, .topics-resort-hdl span, .topics-resort-dcl span, .topics-resort-sdl span{display:none;}

.topics-resort-dlr{ background-position: 0 0;}
.topics-resort-wdw{ background-position: 0 -13px;}
.topics-resort-tdr{ background-position: 0 -26px;}
.topics-resort-dlp{ background-position: 0 -39px;}
.topics-resort-hdl{ background-position: 0 -52px;}
.topics-resort-dcl{ background-position: 0 -65px;}
.topics-resort-sdl{ background-position: 0 -78px;}