@charset "utf-8";
@import "oldstyles.css";

/* index
-------------------------------------------*/
/* #mainArea {
	font-size: 116%;
} */

#mainArea_index {
  background :url(../img/special/shima/index_bg_002.jpg) left bottom no-repeat;
    /* font-size: 116%; */
  float: left;
}

#mainAreainner_index {
  background :url(../img/special/shima/index_bg_001.gif) left top no-repeat;
  padding: 10px 25px 15px 17px;
}

.subBox01outer {
  background: url(../img/special/shima/index_bg_004.gif) left bottom no-repeat;
  margin: 10px 0px 307px 0px;
}

.subBox01 {
  background: url(../img/special/shima/index_bg_003.gif) left top no-repeat;  
  padding-bottom:10px;
  width: 666px;
}

.titleBox01inner {
  padding: 15px 0px 8px 9px;
  position: relative;
}

*html .titleBox01inner {
  padding-bottom: 12px;
  width: 666px;
}

.titleBox01inner h2 {
  float: left;
  margin: 2px 0 0 5px;
}

.image01 {
  position: absolute;
  right: 3px;
  top: 19px;
}

.titleText {
  background: url(../img/special/shima/index_bg_005.gif) left bottom no-repeat;
  width: 161px;
  float: left;
  padding: 8px 22px 8px 22px;
  margin: 75px 0 48px 25px;
}

*html .titleText {
  padding: 5px;
}


.indexBox01 {
  width: 646px;
  margin-left: 10px;
}

.indexBox01 p {
  float: left;
  margin: 0 24px 0 0;
}

.indexBox01 dl {
  margin:0;
  float: right;
}

.indexBox01 dt {
  margin:0 0 42px 0;
  padding:0
}

.indexBox01 dd {
  margin:0;
  padding:0;
  background: url(../img/special/shima/index_bg_008.gif) left bottom no-repeat;
}

.indexBox01 dd span {
  background: url(../img/special/shima/index_bg_007.gif) left top no-repeat;
  display: block;
  padding: 20px 27px 19px 21px;
  width: 368px;
}


.hr01 {
  background: url(../img/special/shima/index_line_001.gif) center bottom no-repeat;
  width: 660px;
  height: 12px;
  margin: 10px 0;
}

/*   miyako_top
-------------------------------------------*/
.readtext01 {
	font-size: 128%;
	text-align: center;
	margin-top: 20px;　
}

#ritou_index #mainArea h3 {
	margin: 40px 0 10px 0;
}

.imglist01 ul {
	padding: 0 38px 0 10px;
}

.imglist01 li {
	float: left;
	margin-left: 57px;
}

#ritou_index #mainArea h4 {
	margin: 10px 0 0 0;
}

.recipeBox01outer {
	background: url(../img/special/shima/miyako_bg_001.gif) left bottom no-repeat;
	padding: 17px 36px 38px 22px;
	position: relative;
}

.recipeBox01 {
	margin-bottom: 20px
}
.recipeBox01 p {
	float: left;
}

.recipeBox01 dl {
	float: right;
}

.recipeBox01 dt {
	margin-bottom: 25px;
}

.recipeBox01 table {
	width: 258px;
}

.recipeBox01 table td {
	text-align: right;
}

.howtoBox01 dt {
	margin-bottom: 20px;
}

.howtoBox01 p {
	width: 290px;
}

.imglist02 li {
	float: left;
	margin-left: 20px;
}

.miyakoBox01 {
	padding: 0 14px 0 30px;
	margin-bottom: 10px;
}

.text01 {
	width: 288px;
	margin-top: 24px;
}

.recipeBox02outer {
	background: url(../img/special/shima/miyako_bg_002.gif) left bottom no-repeat;
	padding: 17px 36px 38px 22px;
	position: relative;
	min-height: 307px;
}

.recipeBox02outer p {
    position: absolute;
}

.recipeBox02outer dl  {
	width: 280px;
	float: right;
}

*html .recipeBox02outer dl  {
	margin-bottom: 150px;
}

.recipeBox02outer dt  {
	margin-bottom: 23px;
}

.miyakoBox02 {
	padding: 10px;
	border: 3px #09456b solid;
}

.miyakoBox02 dt {
	float: left;
}

.miyakoBox02 dd {
	float: right;
	width: 495px;
}

/*  miyako_item & yaeyama_item
-------------------------------------------*/

.h3Block01 {
	background: url(../img/special/shima/yaeyamaItem_bg_002.gif) left bottom no-repeat;
}

.h3Block01inner {
	background: url(../img/special/shima/yaeyamaItem_bg_001.gif) left top no-repeat;
}

.h3Block01inner h3 {
	padding: 12px 73px 12px 21px;
	width: 81px;
	height: 26px;
	float: left;
}

.h3Block01inner p {
	margin: 12px 0 0 25px;
	float: left;
	font-size: 138%;
	color: #E14D10;
}

*html .h3Block01inner p {
	margin: 15px 0 0 35px;
	float: left;
	font-size: 138%;
	color: #E14D10;
}

.itemBlock01 {
	padding: 20px 10px 8px;
}

.itemBox01outer {
	margin-bottom: 20px;
}

.itemBox01 {
	width: 325px;
	float: left;

}

.itemBox01 p {
	float: left;
	margin-right: 10px;
}

.itemBox01 dl {
	float: right;
	width: 150px;
}

.itemBox01 dt {
	font-size: 128%;
	font-weight: bold;
	color: #6ca01c;
	margin-bottom: 10px;	
}

.price01 {
	margin-top: 20px;
	text-align: right;
}

.imageRight {
	margin-left: 15px;
}

.shopBlock01 {
	margin-top: 32px;
	background: url(../img/special/shima/yaeyamaItem_bg_004.gif) left bottom no-repeat;
	padding: 20px 10px;
}

.shopBox01 p {
	float: left;
	margin-right: 20px; 
	margin-bottom: 20px;
}

.shopBox01 {
	padding: 20px 10px;
}

.shopBox01 dl {
    float: right;
	padding: 10px 20px;
	background: #FFF;
	width: 420px;
}

.shopBox01 dt {
	font-size: 138%;
	margin-bottom: 13px;
    font-weight: bold;
}

.shopBox01 dd {
	font-size: 92%;
}

/* yaeyama_top
----------------------------------------*/

.recipeBox03 {
	margin-bottom: 20px
}

.recipeBox03 p {
	float: left;
}

.recipeBox03 dl {
	float: left;
	margin-left: 23px;
	width: 263px;
}

.recipeBox03 dt {
	margin-bottom: 25px;
}

.recipeBox04 {
	background: url(../img/special/shima/miyako_bg_002.gif) left bottom no-repeat;
	padding: 17px 36px 38px 22px;
	position: relative;
	min-height: 307px;
}

.recipeBox04 p {
    float: left;
}

.recipeBox04 dl  {
	width: 280px;
	float: left;
	margin-left: 25px;
}

.recipeBox04 dt  {
	margin-bottom: 23px;
}

.yaeyamaBox01 {
	padding: 10px;
	border: 3px #09456b solid;
}

.yaeyamaBox01 dt {
	float: left;
}

.yaeyamaBox01 dd {
	float: right;
	width: 412px;
}