*{ margin:0; padding:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
ul,li{ list-style:none; }
h1,h2,h3,h3-2,h4,h5,h6{ margin:0; padding:0; font-weight:normal; }
a{ text-decoration:none; }
img{ max-width:100%; }

h1.font12 { font-size:12px; float:left; padding: 0px 0px 0px 20px}


a:link { Color:#000000;
text-decoration:none; }
 
a:visited { Color:#663399;
text-decoration:underline; }
 
a:active  { Color:#000066;
text-decoration:underline; }
 
a:hover  { Color:#333333;
text-decoration: underline; }

a.white:link {
text-decoration :none; 
color : #ffffff; }

a.white:visited {
text-decoration : underline; 
color : #ffffff; }

a.white:hover  { Color:#ffffff;
text-decoration: underline; }

a.white:active  { Color:#000000;
text-decoration:underline; }

a.kasen:link {
text-decoration :underline; 
}
a.kasen:hover  { 
text-decoration: none; }



h1,h2,h3,h3-2  { text-decoration: none; } 

.read-more > a {
    text-decoration: none !important;
}

.titl11 {
    float: left;
    margin: 15px 0 0 !important;
}

.aki8 {
    float: left;
padding: 0px 12px 0px 0px !important;    
margin: 8px 0px 12px 10px !important;
}

.ue0 {
    float: left;
padding: 0px 0px 0px 0px !important;    
margin: 0px 0px 0px 0px !important;
}

.setsumei {
    float: left;
padding: 0px 0px 0px 0px !important;    
margin: -10px 0px 15px 0px !important;
}

.modoru {
font-size:12px;
text-align:right;
padding: 5px 5px 5px 5px;
margin: 0px 15px 30px 0px;
}

.sankakunashilist {
font-size:14px;
text-align:left;
padding: 0px 5px 0px 5px;
margin: 0px 15px 0px 30px;
}


body{ font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif; }

.container{ max-width:920px; margin:0 auto; }


.header-back{ width:100%; float:left; }
.header{ width:100%; float:left; padding:11px 0 7px 0; }
.header .logo{ width:100%; max-width:492px; float:left; }
.header .links{ float:right; background:#f5f5f5; margin:0px 0 0 0; border:1px solid #d8d8d8; padding:2px;  }
.header .links li{ float:left; }
.header .links li+li{ margin-left:7px; }
.header .links li a{ color:#fff; font-size:13px; font-weight:bold; text-transform:uppercase; line-height:20px; padding:0 5px; background:#ffb400; float:left; 
text-decoration: none; }

.header .links li:hover a { background:#0000FF; }


.navigation-back{ width:100%; float:left; margin:0; padding:0; background:#00892e url(../cruiseimages/nav-back.png) 0 0 repeat-x; border-bottom:1px solid #e3e3e3; }
.navigation{ width:100%; float:center; }
.navigation .menu{ margin:0; padding:0; width:100%; float:left;  background:url(../cruiseimages/border.png) right center no-repeat; }
.navigation .menu li{  float:left; background:url(../cruiseimages/border.png) left center no-repeat; }
.navigation .menu li a{  color:#fff; font-size:13px !important;  font-weight:bold; line-height:38px; padding:0 10px; float:left; text-decoration: none; }
.navigation .menu li a:hover{ background:url(../cruiseimages/hover-back2.png) 0 0 repeat-x; }
.navigation .menu li.current-menu-item a{ background:url(../cruiseimages/hover-back2.png) 0 0 repeat-x; }

.headerad-back{ width:100%; float:right; }
.headerad .images3-ul{ width:100%; float:right; margin:0; padding:5px 10px 0 10px; }
.headerad .images3-ul li{ width:29%; float:left; margin:0; padding:0; }
.headerad .images3-ul li+li{ margin-left:0%; }



.content-back{ width:100%; float:left; }
.content{ width:100%; float:left; padding:30px 0 0 0;  } 
.content h1{ width:100%; float:left; font-size:23px; color:#000; font-weight:bold; margin:0 0 10px 0; }
.content h2{ width:100%; float:left; font-size:15px; line-height:30px; color:#2a2a2a; border-left:8px solid #009933; padding-left:13px; font-weight:bold; margin:0; background:#f8f8f8; }
.content h5{ width:100%; float:left; font-size:15px; line-height:30px; color:#2a2a2a; border-left:8px solid #009933; padding-left:13px; font-weight:bold; margin:10px 0 10px 0; background:#f8f8f8; }
.content h5{ width:100%; float:left; font-size:15px; line-height:30px; color:#2a2a2a; border-left:8px solid #009933; padding-left:13px; font-weight:bold; margin:10px 0 10px 0; background:#f8f8f8; }
.content p{ width:100%; float:left; font-size:15px;  color:#000; font-weight:normal; text-align:justify; line-height:20px; margin:0px 0 18px 0; }

.content .images-ul{ width:100%; float:left; margin:0; padding:0; }
.content .images-ul li{ width:49%; float:left; margin:0; padding:0; font-size:15px;}
.content .images-ul li+li{ margin-left:2%; font-size:15px;}

.content .content-ul{ width:100%; float:left; margin:0; padding:12px; }
.content .content-ul li{ width:100%; background:url(../cruiseimages/arrow.png) left top no-repeat; font-size:15px; color:#000; float:left; margin:10 0 10px 0; padding:0 0 0 23px; }
.content .content-ul li:last-child{ margin-bottom:0; }

.content .imagess-ul{ width:100%; float:left; margin:0; padding:0px 0 0 0; }
.content .imagess-ul li{ width:29%; float:left; margin:0; padding:0; }
.content .imagess-ul li+li{ margin-left:2%; }



.content .inner-left{ width:100%; float:left; margin:19px 0 0 0; border:1px solid #a9a3a3; }
.content .inner-left+.inner-left{ margin:28px 0 0 0; }




.content .left-content{ width:100%; float:left; max-width:700px; }
.content .right-content{ width:100%; float:right; max-width:350px; }




.content .cont-ul{ width:100%; float:left; margin:0; padding:20px 0 0 0; }
.content .cont-ul li{ width:48%; float:left; margin:0 0 4% 0; padding:0 0 18px 0; border:1px solid #a9a3a3; min-height: 280px; }
.content .cont-ul li:nth-child(even){ margin-left:4%; }
.content .cont-ul li .image{ float:left; width:100%; text-align:center; }
.content .cont-ul li .newbox{ width:100%; float:left; padding:0 15px; }
.content h3{ width:100%; float:left; font-size:15px; text-transform:uppercase; line-height:20px; color:#2a2a2a; border-left:8px solid #009933; padding:8px 5px 8px 8px; font-weight:bold; margin:0; min-height:40px; }
.content h6{ width:100%; float:left; font-size:18px; text-transform:uppercase; line-height:20px; color:#2a2a2a; border-left:8px solid #009933; padding:8px 5px 8px 8px; font-weight:bold; margin:0; min-height:40px; }


.content .cont-ul li .description{ width:100%; float:left; font-size:15px; color:#363636; text-align:justify; margin:17px 0; }
.content .cont-ul li .read-more{ width:100%; float:left; text-align:center; }

.content .cont-ul li .read-more > a {
    background: url("../cruiseimages/click-btn.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 14px;
    padding: 6px 19px 6px 34px;
}

.content .cont-ul li .read-more > a:hover {
    background: url("../cruiseimages/click-btn21.png") no-repeat scroll left center rgba(0, 0, 0, 0);  }


.content .right-content .inner-right{ width:100%; float:left; border:1px solid #1f4e79; margin-bottom:22px; }
.content .right-content .inner-right h4{ width:100%; float:left; color:#fff; font-size:15px; line-height:49px; padding:0 0 0 11px; background:#009933; }
.content .right-content .inner-right.last-child h4{ background:#0544f4; }
.content .right-content .inner-right .inner-rgt{ width:100%; float:left; padding:14px; }
.content .right-content .inner-right .image-new{ width:100%; float:left; margin-bottom:11px; text-align:center; }
.content .right-content .inner-right p{ margin-bottom:11px; text-align:left; }
.content .right-content .inner-right .read-more{ width:100%; float:left; text-align:center;  margin-top: 10px; }

.content .right-content .inner-right .read-more > a {
    background: url("../cruiseimages/click-btn2.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #fff;
    
    font-size: 14px;
    padding: 6px 19px 6px 34px;
}

.content .right-content .inner-right .read-more > a:hover {
    background: url("../cruiseimages/click-btn21.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	
	}

.content .right-content .inner-right .read-moreg{ width:100%; float:left; text-align:center; }

.content .right-content .inner-right .read-moreg > a {
    background: url("../cruiseimages/click-btn.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #fff;
    
    font-size: 14px;
    padding: 6px 19px 6px 34px;
text-decoration: none; 
}

.content .right-content .inner-right .read-moreg > a:hover {
    background: url("../cruiseimages/click-btn21.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	
	}


.content .right-content .new-imge{ width:100%; float:left; text-align:center; margin-bottom:22px; }


.footer-back{ width:100%; float:left; }
.footer{ width:100%; float:left; border-top:5px solid #009933; min-height:48px; }
.footer p {
    color: #383838;
    float: left;
    font-size: 15px;
    margin: 17px 0 0;
    text-align: left;
    width: 100%;
}

#pull{  position:relative; float:right; right:0; top:6px; background:url(../cruiseimages/nav-icon.png) 0 0 no-repeat; width:20px; height:20px; display:none;  }
#mobile-menu{ display:none; }

@media( min-width:980px ) and ( max-width:1066px ){
	
	.container{ max-width:850px; }
	.navigation .menu li a{ font-size:13px; padding:0 10px; }
	.content .left-content{ max-width:627px; }
	
}

@media( min-width:640px ) and ( max-width:716px ){
	
	.content .left-content {
    width: 390px !important;
}

.content .right-content {
    padding-left: 20px;
    width: 220px !important;
}
	
}


@media( min-width:717px ) and ( max-width:978px ){
	
.content .left-content {
    width: 413px !important;
}

.content .right-content {
    margin-left: 14px !important;
  
    width: 270px !important;
}


	
}


@media( min-width:768px ) and ( max-width:979px ){
	
	.container{ max-width:700px; }
	.navigation .menu li a{ font-size:10px; }
	.content .left-content{ max-width:100%; float:left; }
	.content .right-content{ margin:0;   max-width:100%; float:left; }
	
	
}


@media ( max-width:767px ){
	
.container{ max-width:100; padding:0 15px; }


.navigation .menu li a{ font-size:10px; }
.content .left-content{ max-width:100%; float:left; }
.content .right-content{ margin:0;   max-width:100%; float:left; }
.header .logo{ max-width:100%; float:left; text-align:center; margin:15px 0; }	
.header .links{ float:none; margin:0 0 10px 0; display:inline-block; }
.header{ text-align:center; }
.navigation .menu li{ width:100%; float:left; margin:0; padding:0; }
.navigation .menu li+li{ border-top:1px solid rgba(255, 255, 255, 0.5); }
.navigation .menu li a{ width:100%; float:left; padding:0 10px; font-size:16px; }
.navigation{ background:#009933; }
.navigation-back{ padding-bottom:15px; }
.navigation .menu{ display:none; margin-top:10px; }
#pull{ display:block; }
}





@media ( max-width:640px ){
.content .content-ul li{ background-position:left 5px; }
.content .cont-ul li:nth-child(even){ margin-left:0; } 
.content .cont-ul li{ width:100%; }
.content .images-ul li{ width:100%;  text-align:center; margin-bottom:15px; }
.content .images-ul li + li{ margin-left:0; }	
.content .imagess-ul li{ width:100%; float:left; margin-bottom:15px; text-align:center; }
.content .imagess-ul li+li{ margin-left:0;  }
.content h3{ text-align:center; }
.content h3-2{ text-align:center; }
.content .cont-ul li .description{ text-align:center; }
.content .right-content .inner-right p{ text-align:center; }

.content h1{ font-size:18px; }
.content p{ font-size:12px; }


}


@media( min-width:980px ) and ( max-width:1066px ){
	
	.content .right-content { max-width:270px; }
	
	.content .left-content { max-width:550px; }
	 
	  }



@media( min-width:1067px ) {
	
	.container{ max-width:950px; }
	.navigation .menu li a{ font-size:13px; padding:0 10px; }
	.content .left-content{ max-width:627px; }
	
}

@media( min-width:1067px ) {
	
	.content .right-content { max-width:300px; }
	
	.content .left-content { max-width:600px; }
	 
	  }