@charset "utf-8";



/*---------------------------------------------------------
	共通
 ---------------------------------------------------------*/

#path {
    height: 20px;
}

#contents .conts {
    width: 1338px;
    height: 695px;
    margin: 0 auto 12px;
}
#contents .contsInner {
    width: 738px;
    height: 575px;
    margin: 0 auto;
    padding: 121px 300px 0;
}


#contents .topConts {
    width: 950px;
    margin: 0 auto 60px;
}
#contents .topConts .contsInner {
    width: 738px;
    margin: 0 auto;
    padding: 100px 30px;
    float: right;
}
#contents .topConts .contsInner .txtarea {
    margin: 0 40px;
}

#contents .topConts .sidebar {
    width: 138px;
    float: left;
}




/* フッター */
#footer .contentend {
    background: #fec633;
}



/* タイトル */
#contents .contsInner .ttl {
	width: 738px;
	height: 144px;
	margin-bottom: 23px;
    padding: 0px 0 17px;
	text-align: center;
    display: table;
}
#contents .contsInner .ttlInner {
    display: table-cell;
    vertical-align: middle;
}
#contents .contsInner h2 {
	color: #fff;
	font-size: 80px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.1;
	letter-spacing: -0.04em;
}
#contents .contsInner .ttl p {
	color: #fff;
	font-size: 18px;
}


/* ボタン */
#contents .contsInner .lists {
	margin-bottom: 23px;
}
#contents .contsInner .lists li {
	width: 138px;
	height: 46px;
    margin-left: 12px;
    float: left;
}
#contents .contsInner .lists li:first-child {
    margin-left: 0;
}


/* テキスト */
#contents .contsInner .txtarea p {
	color: #000;
	font-size: 13px;
	line-height: 1.7;
}




/*---------------------------------------------------------
	詳細ページ共通
 ---------------------------------------------------------*/

#container{
	background:#f7f7f7;
}



#footer .bgtop {
	background: url(/okinawa/images/ijyunavi/detailcommon/bg_wave_top.png) repeat-x left top;
}

#footer .contentend{
	background:#f7f7f7;
}


.pointContents{
	width:950px;
	margin:40px auto;
}


.pointContents .sec{
	margin-bottom:40px;
}

.pointContents .text{
	width:450px;
	float:left;
	margin:10px 20px;
}

.pointContents .img{
	width:410px;
	float:left;
	margin:0 20px;
}

.pointContents .sec p{
	font-size: 13px;
	line-height: 1.6;
	margin-bottom:20px;
}

.pointContents .text h3{
	font-size: 18px;
	margin-bottom:10px;
	font-weight:bold;
}

.pointContents .arealink li{
	font-size: 13px;
	width:225px;
	float:left;
}

.pointContents .arealink li a{
	display:block;
	text-align:center;
	padding:15px 0;
	border-radius:5px;
	border:1px solid #c2c2a6;
	text-decoration:underline;

background: rgb(250,250,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(250,250,242,1) 0%, rgba(215,215,182,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(250,250,242,1) 0%,rgba(215,215,182,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(250,250,242,1) 0%,rgba(215,215,182,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafaf2', endColorstr='#d7d7b6',GradientType=0 ); /* IE6-9 */

}

.pointContents .arealink li a:hover{

background: rgb(215,215,182); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(215,215,182,1) 1%, rgba(250,250,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(215,215,182,1) 1%,rgba(250,250,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(215,215,182,1) 1%,rgba(250,250,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7b6', endColorstr='#fafaf2',GradientType=0 ); /* IE6-9 */

}


/*---------------------------------------------------------
	ビーチ情報
 ---------------------------------------------------------*/
#contents .beach {
	background: url(/okinawa/images/spot/mystery/bg_beach.png) 0 0 no-repeat;
}
/* タイトル */
#contents .beach.contsInner .ttl {
	background: url(/okinawa/images/spot/mystery/ttl_beach_main.png) 0 0 no-repeat;
}
#contents .beach.contsInner h2 {
	text-shadow: 0px 0px 5px #3f47a2,
				 0px 0px 10px #3f47a2,
				 0px 0px 12px #3f47a2,
				 0px 0px 14px #3f47a2,
				 0px 0px 16px #3f47a2,
				 0px 0px 18px #3f47a2,
				 0px 0px 22px #3f47a2;
}
/* テキスト */
#contents .beach .txtarea {
    background: rgba(255, 255, 255, 0.6);/*文字読みにくい時*/
    padding: 10px;
}
#contents .beach .txtarea p {
	color: #00477f;
}


/*-------------------//  詳細ページ　//-------------------*/

/* タイトル */
#container.bg_beach .beach.contsInner .ttl {
	background: none;
	margin-bottom: 0px;
}

#container.bg_beach #contents p,
#container.bg_beach #contents h3{
	color:#00477f;
}


/*---------------------------------------------------------
	心霊スポット
 ---------------------------------------------------------*/
#contents .shinrei {
	background: url(/okinawa/images/spot/mystery/bg_shinrei.png) center 0 no-repeat;
}
/* タイトル */
#contents .shinrei.contsInner .ttl {
	background: url(/okinawa/images/spot/mystery/ttl_shinrei_main.png) 0 0 no-repeat;
}
#contents .shinrei.contsInner h2 {
	font-size: 84px;
	text-shadow: 0px 0px 5px #000000,
				 0px 0px 10px #000000,
				 0px 0px 12px #000000,
				 0px 0px 14px #000000,
				 0px 0px 16px #000000,
				 0px 0px 18px #000000,
				 0px 0px 22px #000000,
				 0px 0px 25px #000000,
				 0px 0px 30px #000000,
				 0px 0px 35px #000000;
	line-height: 1.1;
	letter-spacing: 0.2em;
}

/* テキスト */
#contents .shinrei .txtarea p,
.bg_shinrei .text h3 {
	color: #fff;
}



/*-------------------//  詳細ページ　//-------------------*/

#container.bg_shinrei{
	background:#000;
}

#container.bg_shinrei #path a{
	color:#fff;
}

#container.bg_shinrei .shinrei.contsInner .ttl{
	background:none;
	margin-bottom: 0px;
}


#container.bg_shinrei #contents p{
	color:#fff;
}

.bg_shinrei #footer .bgtop {
	background: url(/okinawa/images/ijyunavi/mystery/bg_wave_top.png) repeat-x left top;
}

.bg_shinrei #footer .contentend{
	background:#000;
	color:#fff;
}



/*---------------------------------------------------------
	パワースポット
 ---------------------------------------------------------*/
#contents .powerspot {
	background: url(/okinawa/images/spot/mystery/bg_powerspot.png) center 0 no-repeat;
}
/* タイトル */
#contents .powerspot.contsInner .ttl {
	background: url(/okinawa/images/spot/mystery/ttl_powerspot_main.png) 0 0 no-repeat;
}
#contents .powerspot.contsInner h2 {
	text-shadow: 0px 0px 5px #22AC38,
				 0px 0px 10px #22AC38,
				 0px 0px 12px #22AC38,
				 0px 0px 14px #22AC38,
				 0px 0px 16px #22AC38,
				 0px 0px 18px #22AC38,
				 0px 0px 22px #22AC38;
}
/* テキスト */
#contents .powerspot .txtarea {
    background: rgba(255, 255, 255, 0.6);/*文字読みにくい時*/
    padding: 10px;
}
#contents .powerspot .txtarea p {
	color: #000;
}


/*-------------------//  詳細ページ　//-------------------*/

/* タイトル */
#container.bg_powerspot .powerspot.contsInner .ttl {
	background: none;
	margin-bottom: 0px;
}

#container.bg_powerspot #contents p,
#container.bg_powerspot #contents h3{
	color:#000;
}






/*---------------------------------------------------------
	温泉地
 ---------------------------------------------------------*/
#contents .onsen {
	background: url(/okinawa/images/spot/tourism/bg_onsen.png) center 0 no-repeat;
}
/* タイトル */
#contents .onsen.contsInner .ttl {
	background: url(/okinawa/images/spot/tourism/ttl_onsen_main.png) 0 0 no-repeat;
}
#contents .onsen.contsInner h2 {
letter-spacing: 6px;
	text-shadow: 0px 0px 5px #3f47a2,
				 0px 0px 10px #3f47a2,
				 0px 0px 12px #3f47a2,
				 0px 0px 14px #3f47a2,
				 0px 0px 16px #3f47a2,
				 0px 0px 18px #3f47a2,
				 0px 0px 22px #3f47a2;
}
/* テキスト */
#contents .onsen .txtarea {
    background: rgba(255, 255, 255, 0.6);/*文字読みにくい時*/
    padding: 10px;
}
#contents .onsen .txtarea p {
	color: #00477f;
}


/*-------------------//  詳細ページ　//-------------------*/

/* タイトル */
#container.bg_onsen .onsen.contsInner .ttl {
	background: none;
	margin-bottom: 0px;
}

#container.bg_onsen #contents p,
#container.bg_onsen #contents h3{
	color:#00477f;
}




/*---------------------------------------------------------
	ロケ地
 ---------------------------------------------------------*/
#contents .location {
	background: url(/okinawa/images/spot/tourism/bg_roque.png) center 0 no-repeat;
}
/* タイトル */
#contents .location.contsInner .ttl {
	background: url(/okinawa/images/spot/tourism/ttl_location_main.png) 0 0 no-repeat;
}
#contents .location.contsInner h2 {
	letter-spacing: 6px;
	text-shadow: 0px 0px 5px #000,
				 0px 0px 0px #000,
				 0px 0px 2px #000,
				 0px 0px 4px #000,
				 0px 0px 6px #000,
				 0px 0px 8px #000,
				 0px 0px 12px #000;
}
/* テキスト */
#contents .location .txtarea {
    background: rgba(255, 255, 255, 0.8);/*文字読みにくい時*/
    padding: 10px;
}



/*-------------------//  詳細ページ　//-------------------*/

/* タイトル */
#container.bg_location .location.contsInner .ttl {
	background: none;
	margin-bottom: 0px;
}



/*---------------------------------------------------------
	沖縄そば名店
 ---------------------------------------------------------*/
#contents #soba {
	background: url(/okinawa/images/spot/tourism/bg_soba_2.png) center 0 no-repeat;
}

/* サイドバーページ */
#contents #sobatesu {
	background: url(/okinawa/images/spot/tourism/bg_soba.png) center 0 no-repeat;
}

/* タイトル */
#contents .soba.contsInner .ttl {
	background: url(/okinawa/images/spot/tourism/ttl_soba_main.png) 0 0 no-repeat;
}
#contents .soba.contsInner h2 {
	text-shadow: 0px 0px 5px #fec633,
				 0px 0px 10px #fec633,
				 0px 0px 12px #fec633,
				 0px 0px 14px #fec633,
				 0px 0px 16px #fec633,
				 0px 0px 18px #fec633,
				 0px 0px 22px #fec633;
}
/* テキスト */
#contents .soba .txtarea {
    background: rgba(255, 255, 255, 0.6);/*文字読みにくい時*/
    padding: 10px;
}



/*-------------------//  詳細ページ　//-------------------*/

/* タイトル */
#container.bg_soba .soba.contsInner .ttl {
	background: none;
	margin-bottom: 0px;
}




/*---------------------------------------------------------
	プロ野球キャンプ
 ---------------------------------------------------------*/
#contents .camp {
	background: url(/okinawa/images/spot/tourism/bg_camp.png) center 0 no-repeat;
}
/* タイトル */
#contents .camp.contsInner .ttl {
	background: url(/okinawa/images/spot/tourism/ttl_camp_main.png) 0 0 no-repeat;
}
#contents .camp.contsInner h2 {
	text-shadow: 0px 0px 5px #3f47a2,
				 0px 0px 10px #3f47a2,
				 0px 0px 12px #3f47a2,
				 0px 0px 14px #3f47a2,
				 0px 0px 16px #3f47a2,
				 0px 0px 18px #3f47a2,
				 0px 0px 22px #3f47a2;
}
/* テキスト */
#contents .camp .txtarea {
    background: rgba(255, 255, 255, 0.6);/*文字読みにくい時*/
    padding: 10px;
}
#contents .camp .txtarea p {
	color: #00477f;
}

#contents .contsInner .medium {
	color: #fff;
	font-size: 62px;
}

/*-------------------//  詳細ページ　//-------------------*/

/* タイトル */
#container.bg_camp .camp.contsInner .ttl {
	background: none;
	margin-bottom: 0px;
}

#container.bg_camp #contents p,
#container.bg_camp #contents h3{
	color:#00477f;
}




/*---------------------------------------------------------
	読めない地名
 ---------------------------------------------------------*/
#contents .placename {
	background: url(/okinawa/images/spot/other01/bg_placename.png) center 0 no-repeat;
}
/* タイトル */
#contents .placename.contsInner .ttl {
	background: url(/okinawa/images/spot/other01/ttl_placename_main.png) 0 0 no-repeat;
}
#contents .placename.contsInner h2 {
letter-spacing: 5px;
	text-shadow: 0px 0px 5px #22ac38,
				 0px 0px 10px #22ac38,
				 0px 0px 12px #22ac38,
				 0px 0px 14px #22ac38,
				 0px 0px 16px #22ac38,
				 0px 0px 18px #22ac38,
				 0px 0px 22px #22ac38;
}
/* テキスト */
#contents .placename .txtarea {
   background: rgba(255, 255, 255, 0.6);
    padding: 10px;
}
#contents .placename .txtarea p {
	color: #000;
}


/*-------------------//  詳細ページ　//-------------------*/

/* タイトル */
#container.bg_placename .placename.contsInner .ttl {
	background: none;
	margin-bottom: 0px;
}

#container.bg_placename #contents p,
#container.bg_placename #contents h3{
	color:#000;
}



/*---------------------------------------------------------
	沖縄移住アシスト
 ---------------------------------------------------------*/
#contents .assist {
	background: url(/okinawa/images/spot/other01/bg_assist.png) center 0 no-repeat;
}
/* タイトル */
#contents .assist.contsInner .ttl {
	background: url(/okinawa/images/spot/other01/ttl_assist_main.png) 0 0 no-repeat;
}
#contents .assist.contsInner h2 {
letter-spacing: 3px;
	text-shadow: 0px 0px 5px #3f47a2,
				 0px 0px 10px #3f47a2,
				 0px 0px 12px #3f47a2,
				 0px 0px 14px #3f47a2,
				 0px 0px 16px #3f47a2,
				 0px 0px 18px #3f47a2,
				 0px 0px 22px #3f47a2;
}
/* テキスト */
#contents .assist .txtarea {
   background: rgba(255, 255, 255, 0.6);
    padding: 10px;
}
#contents .assist .txtarea p {
	color:#00477f;
}


/*-------------------//  詳細ページ　//-------------------*/

/* タイトル */
#container.bg_assist .assist.contsInner .ttl {
	background: none;
	margin-bottom: 0px;
}

#container.bg_assist #contents p,
#container.bg_assist #contents h3{
	color:#000;
}




/*---------------------------------------------------------
	無人島サバイバル
 ---------------------------------------------------------*/
#contents .survival {
	background: url(/okinawa/images/spot/other02/bg_survival.png) center 0 no-repeat;
}
/* タイトル */
#contents .survival.contsInner .ttl {
	background: url(/okinawa/images/spot/other02/ttl_survival_main.png) 0 0 no-repeat;
}
#contents .survival.contsInner h2 {
letter-spacing: 1px;
/*
	text-shadow: 0px 0px 3px #FFD200,
				 0px 0px 0px #FFD200,
				 0px 0px 2px #FFD200,
				 0px 0px 4px #FFD200,
				 0px 0px 6px #FFD200,
				 0px 0px 8px #FFD200,
				 0px 0px 12px #FFD200;
*/
}
/* テキスト */
#contents .survival .txtarea {
   background: rgba(255, 255, 255, 0.8);
    padding: 10px;
}
#contents .survival .txtarea p {
	color:#000;
}

/*-------------------//  詳細ページ　//-------------------*/

/* タイトル */
#container.bg_survival .survival.contsInner .ttl {
	background: none;
	margin-bottom: 0px;
}

#container.bg_survival #contents p,
#container.bg_survival #contents h3{
	color:#000;
}




/*---------------------------------------------------------
	沖縄のイベント
 ---------------------------------------------------------*/
#contents .event {
	background: url(/okinawa/images/spot/other02/bg_event.png) center 0 no-repeat;
}
/* タイトル */
#contents .event.contsInner .ttl {
	background: url(/okinawa/images/spot/other02/ttl_event_main.png) 0 0 no-repeat;
}
#contents .event.contsInner h2 {
letter-spacing: 1px;
/*
	text-shadow: 0px 0px 3px #FFD200,
				 0px 0px 0px #FFD200,
				 0px 0px 2px #FFD200,
				 0px 0px 4px #FFD200,
				 0px 0px 6px #FFD200,
				 0px 0px 8px #FFD200,
				 0px 0px 12px #FFD200;
*/
}
/* テキスト */
#contents .event .txtarea {
   background: rgba(255, 255, 255, 0.8);
    padding: 10px;
}
#contents .event .txtarea p {
	color:#000;
}


/*-------------------//  詳細ページ　//-------------------*/

/* タイトル */
#container.bg_event .event.contsInner .ttl {
	background: none;
	margin-bottom: 0px;
}

#container.bg_event #contents p,
#container.bg_event #contents h3{
	color:#000;
}



/*---------------------------------------------------------
	沖縄の飲酒文化
 ---------------------------------------------------------*/
#contents .sake {
	background: url(/okinawa/images/spot/other02/bg_sake.png) center 0 no-repeat;
}
/* タイトル */
#contents .sake.contsInner .ttl {
	background: url(/okinawa/images/spot/other02/ttl_sake_main.png) 0 0 no-repeat;
}
#contents .sake.contsInner h2 {
letter-spacing: 1px;
/*
	text-shadow: 0px 0px 3px #FFD200,
				 0px 0px 0px #FFD200,
				 0px 0px 2px #FFD200,
				 0px 0px 4px #FFD200,
				 0px 0px 6px #FFD200,
				 0px 0px 8px #FFD200,
				 0px 0px 12px #FFD200;
*/
}
/* テキスト */
#contents .sake .txtarea {
   background: rgba(255, 255, 255, 0.8);
    padding: 10px;
}
#contents .sake .txtarea p {
	color:#000;
}


/*-------------------//  詳細ページ　//-------------------*/

/* タイトル */
#container.bg_sake .sake.contsInner .ttl {
	background: none;
	margin-bottom: 0px;
}

#container.bg_sake #contents p,
#container.bg_sake #contents h3{
	color:#000;
}
