@charset "Shift-JIS";

@import "./base.css";

/*===================================
★　南海フェリー　CSS インフォーメーション　★
☆　観光情報関連　☆
=========================================*/

/*  追記　*/
.area-images {
	border:1px solid #e1e1e1;
	padding:1px;
	float:left;
}
.area-text {
	float:left;
	width:150px;
	margin:0px 0px 5px 10px;
}



/*
	index.html（area共通）
*/

#content-main a
{
	color:#666666;
}

#content-main a:hover{
	color:#FF6600;
}


#content-main h1
{
	margin-bottom:5px;
}

.areainfo-01 ul
{
	margin:20px 0 10px;
}

.areainfo-01 ul li
{
	display:inline;
}

.shikoku_btn
{
	margin-right:6px;
}

.areainfo-02
{
	clear:left;
}
.guide-entry {
	margin:15px 0px;
}

.areainfo-02 div
{
	background:url(../../area/img/area_h3_titlebg.jpg) top left no-repeat;
	width:296px;
	float:left;
	border:1px solid #e1e1e1;
}

.areamap-01box
{
	margin-right:10px;
}

.areainfo-02 h3
{
	border-bottom:none;
	margin:8px auto 5px 10px;
}

.areainfo-02 div p img
{
	border:1px solid #e1e1e1;
}

.areainfo-map-01
{
	margin-bottom:5px;
}

.bottom-spance
{
	clear:left;
	margin-top:10px;
	text-align:right;
}

.right
{
	float:none;
}


/*
	shikoku.html,minamikinki.html
*/
.recommendation-link {
	width:280px;
	padding-left:20px;
	float:left;
}
.outer-link {
	padding-left:10px;
	background:transparent url(../img/sidenavi-icon.gif) no-repeat scroll 0 50%
}
.outer-link a {
	background:transparent url(../img/icon-outerlink.gif) no-repeat scroll 0 50%;
	background-position:right;
	padding-right:18px;
}

.areainfo-nav
{
	margin-bottom:20px;
}

.areainfo-nav li {
	float:left;
}

.areainfo-nav li img {
	margin:0px 10px 20px 0px;
	*margin:0px 10px 0px 0px;
}

.areainfo-nav li .listend {
	margin:0px 0px 20px 0px;
	*margin:0px 0px 0px 0px;
}

.areainfo-box
{
	height:178px;
	min-height:178px;
	margin-bottom:10px;
}

html>body .areainfo-box
{
	height:auto;
}

.areainfo-02 .oddbox
{
	margin-right:9px;
}

.areainfo-box h3
{
	background:none;
	padding-left:0px;
}

.areainfo-box div
{
	background: url(../../area/img/areainfo-box-midline.gif) bottom left no-repeat;
	border:none;
	width:276px;
	margin:5px auto 8px 5px;
}

html>body .areainfo-box div
{
	margin:5px auto 8px 10px;
}

head~/* */body .areainfo-box div
{
	margin:5px auto 5px 10px;
}

.areainfo-02 .areainfo-txt
{
	float:right;
	width:155px;
	text-align:left;
	margin-left:5px;
	margin-bottom:8px;
}

html>body .areainfo-02 .areainfo-txt
{
	margin-left:8px;
	margin-bottom:8px;
}

.areainfo-02 .areainfo-img
{
	width:106px;
	height:86px;
	padding:1px;
	border:1px solid #e1e1e1;
	text-align:left;
}

html>body .areainfo-02 .areainfo-img
{
	width:108px;
	height:88px;
}

.areainfo-02 .areainfo-outerlink
{
	clear:right;
	width:276px;
	text-align:left;
	padding-bottom:5px;
}

.areainfo-02 .areainfo-outerlink img
{
	vertical-align: text-top;
}

.areainfo-box .areainfo-outerlink
{
	width:276px;
	margin:0 auto;
}
.bottom-totop {
	padding:20px 0px 20px 0px;
}
/*
	外部リンク用
*/

.areainfo-outerlink span
{
     background: url(../img/sidenavi-icon.gif) no-repeat 0% 50%;
	 padding-left:14px;
	 padding-right:8px;
}


.areainfo-outerlink a[href^="http"]
{   
     background: url(../img/icon-outerlink.gif) no-repeat 100% 0%;
	 padding-right:18px;  
}  
* html .areainfo-outerlink a
{   
     background: url(../img/icon-outerlink.gif) no-repeat 100% 0%;
	 padding-right:18px;  
}