/* CSS Document */

body {margin:0 auto; text-align:center; padding:0;}

/* link  */
a{color: #000000; text-decoration:none;}
a:link {color: #000000; text-decoration:none;}
a:visited {color: #000000; text-decoration:none;}
a:hover {color: #ff0000; text-decoration:none;}

a.red{color: #ff0000; text-decoration:none; font-size:12px;}
a:link.red{color: #ff0000; text-decoration:none; font-size:12px;}
a:visited.red{color: #ff0000; text-decoration:none; font-size:12px;}
a:hover.red{color: #0099ff;text-decoration:none; font-size:12px;}

a.red14{color: #ff0000; text-decoration:none; font-size:16px;}
a:link.red14{color: #ff0000; text-decoration:none; font-size:16px;}
a:visited.red14{color: #ff0000; text-decoration:none; font-size:16px;}
a:hover.red14{color: #0099ff;text-decoration:none; font-size:16px;}

a.wh{color: #ffffff; text-decoration:none;}
a:link.wh{color: #ffffff; text-decoration:none;}
a:visited.wh{color: #ffffff; text-decoration:none;}
a:hover.wh{color: #0099ff;text-decoration:none;}

a.name{color: #000000; text-decoration:none; font-size:12px;}
a.name:link {color: #000000; text-decoration:none; font-size:12px;}
a.name:visited {color: #000000; text-decoration:none; font-size:12px;}
a.name:hover {color: #ff0000;text-decoration:none; font-size:12px;}

a.k-title{color: #0000FF; text-decoration:none; font-size:12px;}
a.k-title:link {color: #0000FF; text-decoration:none; font-size:12px;}
a.k-title:visited {color: #0000FF; text-decoration:none; font-size:12px;}
a.k-title:hover {color: #ff0000;text-decoration:none; font-size:12px;}

/* text  */
p{
font-size:14px;
line-height:130%;
margin:0px;
}
p.contents{
font-size:12px;
line-height:130%;
margin:0px 0px 0px 5px;
font-weight:normal;
}
p.contents-left{
font-size:12px;
line-height:130%;
margin:0px 0px 0px 0px;
}
p.contents-br{
font-size:12px;
line-height:130%;
margin:2px;
color:#0033CC;
font-weight:bold;
}
p.contents-right{
font-size:12px;
line-height:130%;
margin:2px;
color:#444;
}
p.menu{
font-size:18px;
font-weight:bold;
color:#FFFFFF;
}
p.menu002{
font-size:15px;
font-weight:bold;
color:#FFFFFF;
}
p.menu003{
font-size:20px;
font-weight:bold;
text-align:left;
color: #0099FF;
background-color:#FFFF66;
padding:5px;
border:3px double #FFCC00;
margin:10px 0px;
}
p.joyu-menu{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
span{
font-size:12px;
padding: 10px 0px 5px 10px;
margin-bottom:5px;
}
span.bigred{
color:#FF0000;
font-size:20px;
font-weight:bold;
}

/* image  */
img{
border:0px;}

/* h tag  */
h1{
font-size:14px;
color:#FF6600;
font-weight:bold;
margin:0px;
padding:0px;}

h1.joyu{
font-size:18px;
font-weight:bold;
color:#FFFFFF;
}

h2{
font-size:14px;
color:#FF6600;
font-weight:bold;
margin:0px;
padding:0px;
}

#all{
width:805px;
color:#000066;
margin:0 auto; background-color:#FFF;}

#wrapper{
width:800px;
text-align:left;margin:0 auto; background-color:#FFF;}

#wrapper_te{
width:870px;
text-align:left;margin:0 auto; background-color:#FFF;}

#head{
width:800px;
}

#head_te{
width:870px;
}

#head .img{
width:800px;
}
#head .explanation{ 
width:790px; 
background-color:#444444; 
color:#FFFFFF;
padding:5px;
}

#head_te .explanation{ 
width:860px; 
background-color:#444444; 
color:#FFFFFF;
padding:5px;
}

/* menu */
.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 800px; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(http://www.marumise.com/navi/images/indentbg.gif) center center repeat-x;
font-size:12px;
margin-bottom:5px;
font-weight:normal;
}

.indentmenu_te ul{
margin: 0;
padding: 0;
float: left;
width: 870px; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(http://www.marumise.com/navi/images/indentbg.gif) center center repeat-x;
font-size:12px;
margin-bottom:5px;
font-weight:normal;
}

.indentmenu ul li{
display: inline;
}

.indentmenu_te ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration:none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu_te ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration:none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu_te ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(http://www.marumise.com/navi/images/indentbg2.gif) center center repeat-x;
}

.indentmenu_te ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(http://www.marumise.com/navi/images/indentbg2.gif) center center repeat-x;
}

#left{
float:left;
width:140px;
margin-top:10px;
font-size:12px;
}

#left_te{
float:left;
width:140px;
margin:5px 15px 0 0;
font-size:12px;
text-align:left;
}

#left .img{
width:140px;}

#left_te .img{
width:140px;}

#left .img02{
width:140px;
margin:0 0 10px 0;}

#left_te .img02{
width:140px;
margin:0 0 10px 0;}

#left02{
float:left;
width:130px;
margin-top:10px;
font-size:12px;
}
#left02 .img{
width:130px;}

#left-menu{
float:left;
width:130px;
padding:4px;
border:1px solid #888888;
text-align:left;
}

.left-menu ul {
font-size:12px;
line-height:130%;
margin: 0px 0px 5px 25px;
padding: 0px;
}
.title{
margin:5px 0px;
border-bottom:2px dotted #999999;
padding:5px 0px;
}
.title2{
margin:5px 0px;
border-top:2px dotted #999999;
padding:5px 0px;
}
#right{
width:660px;
float:left;
}
#middle{
float:left;
margin-left:18px;
margin-top:10px;
width:502px;
}
#middle .waku{
width:500px;
border-left:1px solid #444444;
border-right:1px solid #444444;
border-bottom:1px solid #444444;
padding:5px 0px;
float:left;
margin-bottom:5px;
}
#middle .img{
width:500px;
margin:5px 0 0 0;
}
#middle .img2{
width:500px;
}

#middle_te{
float:left;
padding:5px 0 0 0;
width:715px;
}
#middle_te .waku{
width:500px;
border-left:1px solid #444444;
border-right:1px solid #444444;
border-bottom:1px solid #444444;
padding:5px 0px;
float:left;
margin-bottom:5px;
}
#middle_te .img{
width:500px;
margin:5px 0 0 0;
}
#middle_te .img2{
width:500px;
}


.content{
width:490px;
padding:5px;
font-weight:normal;
}
.banner{
width:495px;
margin-left:3px;
text-align:center;
}
#middle .box-aaa{
width:200px;
padding:2px 5px;
float:left;
}
#middle .box-bbb{
width:280px;
padding:2px 5px;
float:left;
}
.kaijo{
clear:left;}
.shousai{
margin:0px 3px -2px 0px;
}
.hd{
margin:0px 0px -2px 3px;
}

#right02{
float:left;
margin-left:10px;
margin-top:10px;
width:130px;
}
#right02 .img{
width:130px;
margin:0px;
}
#right02 .img02{
width:120px;
margin:0px;
text-align:center;
}
#right02 .img03{
width:120px;
margin:0px 0 5px 0;
text-align:left;
}
#carib-kikaku{
float:left;
width:130px;
}
.carib-right{
float:left;
margin-left:10px;
margin-top:10px;
width:130px;
}
.img-text{
float:left;
width:116px;
padding:5px 2px;
font-size:12px;
border-bottom:1px #999 dashed;
}
.img-text02{
float:left;
width:116px;
padding:5px 2px;
font-size:12px;
}
.carib-thumb{
width:120px;
text-align:left;
margin:5px 0px 2px 0px;
float:left;
}
#main{
float:left;
margin-left:18px;
margin-top:10px;
width:632px;
}
* html body #main{
float:left;
margin-left:10px;
margin-top:10px;
width:642px;
}
.kikaku-box{
width:315px;
float:left;
text-align:left;
margin:10px 0px 0px 0px;
}
.kikaku-box img{
border: 1px solid #DDDADE;
}
.kikaku-box-thumb{
width:170px;
float:left;
font-size:12px;
}
.kikaku-box-text{
width:145px;
float:left;
font-size:12px;
}
.f-b-link{
width:630px;
text-align:center;
margin-top:10px;}
#footer{
float:left;
width:800px;
background-color:#FFFFFF;
font-weight:normal;
}
#footer .chat{
width:800px;
background-color:#ccff66;
text-align:center;
}
#footer .explanation{ 
width:790px; 
background-color:#444444; 
color:#FFFFFF;
text-align:center;
padding:5px;
}

#footer_te{
float:left;
width:860px;
background-color:#FFFFFF;
font-weight:normal;
}

#footer_te .explanation{ 
width:860px; 
background-color:#444444; 
color:#FFFFFF;
text-align:center;
padding:5px;
}

#footer_te_echo{ 
clear:left;
background-color:#444444; 
color:#FFFFFF;
text-align:center;
padding:5px;

}


/*css------------------------------------------------------------------------------- menu pages---*/
#menu{
float:left;
margin-left:10px;
margin-top:10px;
width:642px;
}
.menu-title{
width:642px;
}
.menu-ex{
width:626px;
padding:5px;
border:#999999 3px double;
margin-top:5px;
margin-bottom:10px;
float:left;
}
.joyu-ex{
width:626px;
padding:5px;
border:#999999 3px double;
float:left;
}
#menu table{
border:1px solid #999;
font-size:12px;
color:#666;}

#menu .spacy{
width:626px;
margin:1px 0 0 0;
}

#menu td{
padding:5px 2px;
margin:2px;
border:1px solid #F2F2F2;
text-align:left;
}
#menu td.rightalign{
padding:5px 2px;
margin:2px;
border:1px solid #F2F2F2;
text-align:right;
}
#menu td.centeralign{
padding:5px 2px;
margin:2px;
border:1px solid #F2F2F2;
text-align:center;
}

html>/**/body .bg02{
background-image:url(http://www.marumise.com/navi/images/sitelist-bg.jpg);
height:60px;
font-size:10px;
color:#000066;
}
.bg02{
background-image:url(http://www.marumise.com/navi/images/sitelist-bg.jpg);
height:50px;
font-size:12px; background-repeat:repeat-x;
}
html>/**/body .bg03{
background-image:url(http://www.marumise.com/navi/images/sitelist-bg02.jpg);
height:30px;
font-size:12px;
color:#000066;
} 
.bg03{
background-image:url(http://www.marumise.com/navi/images/sitelist-bg02.jpg);
font-size:12px;
color:#000066; background-repeat:repeat-x; background-color:#e7fef4;}
html>/**/body .bg04{
background-image:url(http://www.marumise.com/navi/images/sitelist-bg03.jpg);
height:30px;
font-size:12px;
color:#000066;
} 
.bg04{
background-image:url(http://www.marumise.com/navi/images/sitelist-bg03.jpg);
height:20px;
font-size:12px;
color:#000066; background-repeat:repeat-x; background-color:#efe5fe;
}
.menu-banner{
width:626px;
padding:5px;
text-align:center;
border:#999999 3px double;
margin-top:5px;
margin-bottom:10px;
float:left;
}
.menu-bar{
width:606px;
height:43px;
padding:10px 0px 0px 20px;
background-image:url(http://www.marumise.com/navi/images/menu-title.jpg);}
.menu-bar002{
width:606px;
height:38px;
padding:15px 0px 0px 20px;
background-image:url(http://www.marumise.com/navi/images/menu-title002.jpg);}
.menu-bar003{
width:606px;
height:38px;
padding:15px 0px 0px 20px;
background-image:url(http://www.marumise.com/navi/images/menu-title03.jpg);
color:#000;}

.box-a{
width:15%;
padding:2px;
border:1px solid #cccccc;
text-align:left;
}
.box-b{
width:35%;
border:1px solid #cccccc;
text-align:left;
}
.box-c{
width:554px;
border:1px solid #cccccc;
text-align:left;
}
.page{
text-align:center;}
.avlist-menu{
width:626px;
padding:5px;
border:#999999 3px double;
background-color:#B6D7E9;
margin-top:5px;
margin-bottom:2px;
float:left;
text-align:center;
}



.menu-bar-joyu{
width:616px;
height:25px;
padding:5px 0px 0px 10px;
background-color:#3300CC;}
.joyu-thumb{
width:104px;
text-align:center;
padding:2px 0px;}

#joyu-list{
width:614px;
padding:5px;
border:1px solid #ccc;
}
.joyu-site{
width:600px;
padding:5px 5px;
margin:2px;
font-size:14px;
color:#FFF;
background-color:#000;
}
.movies{
width:598px;
margin:2px;
padding:5px;
border:1px solid #ccc;
}
.movies-com{
width:600px;
margin:3px 0px;
}
.movie-list{
width:620px;
padding:10px 0px;
}
.movielist-com{
padding:5px 0px;
}
.textwrap{
float:left;
margin:5px 5px;
}

.kensaku{
padding:4px;
border:1px #0066CC solid;
font:12px;
color:#0033CC;
}


/*カリブの過去人気企画*/
.past_box{float:left; margin:5px 7px 0 0;}
.past_box p{width:150px; line-height:150%; padding:3px; font-size:12px;}

