@charset "utf-8";

#container {
    background: #f7f7f7;
}

.sidebar {
  float: left;
}

.contentsinner {
  width: 950px;
  margin: 0 auto 0;
}

.knowhowContents {
  width: 700px;
  float: right;
}

.knowhowContents *{
	font-size: 13px;
	color: #000;
	font-family: "メイリオ",sans-serif;
}

#contents .conts01 {
	width: 700px;
	margin: 0 auto;
}

#contents .knowhowContents .conts01 .toptext{
	margin: 20px 18px;
	color: #282828;
}

#contents .pointConts {
	width: 700px;
	margin: 0 auto 30px;
}

.text01 {
    background: url(/okinawa/images/ijyunavi/knowhow/bgttl_knowhow_01.jpg) no-repeat left 0;
    height: 40px;
    font-size: 17px;
    color: #fec633;
    padding: 8px 0 0px 23px;
}
.text_inner {
	float:left;
	width: 220px;
  margin: 0 0 12px 30px;
}
.text_outer {
    padding-bottom: 30px;
    margin-left: 30px;
}
.img {
  float:right;
  width:384px;
  margin:0 30px 30px 0;
}
.clear {
  clear:both;
  margin-left: 30px;
  width:630px;
}
.inner.clearfix {
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 2px 3px #999999;
  margin: -5px auto 0px 7px;
  width: 688px;
  padding: 20px 0 35px 0;
}

.arealink {
  width: 950px;
  margin: 0 auto 30px;
  clear: both;
}

.arealink ul li {
    float: left;
    width: 225px;
    height: 23px;
    margin-bottom: 10px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 1.2;
}

.arealink ul {
    padding: 25px 0;
    overflow: hidden;
}
.arealink li {
    font-size: 13px;
    width: 225px;
    float: left;
}

.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 */
}

.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 */

}

body #footer .bgtop {
    background: url(/okinawa/images/ijyunavi/detailcommon/bg_wave_top.png) repeat-x left top;
}