@charset "UTF-8";
/* よく登場する要素のリセット 
--------------------------------------------------------------------*/
h2, h6, p, address, ul, dl, dt, dd, caption, img {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
}
/*テキストエリア内文字サイズのブラウザ間での差異をなくす 
--------------------------------------------------------------------*/
textarea {
	font-size: 100%;
}
/*画像の下にできる隙間をなくす  
--------------------------------------------------------------------*/
img {
	vertical-align: bottom;
}
/*hr 要素は不可視で使う   
--------------------------------------------------------------------*/
hr {
	display: none;
}
/*hタグ   
--------------------------------------------------------------------*/
h1 {
	font-size:18px;
	margin-top:10px;
	margin-bottom:5px;
}
h3 {
	font-size:14px;
	margin-top:20px;
	margin-bottom:5px;
}
h4 {
	font-size:17px;
	margin-top:0px;
	margin-bottom:5px;
	background-color:#ececec;
	border-width:0px 0px 0px 5px;
	border-color:#999999;
	border-style:solid;
	padding-left:10px;
	color:#000099;
}
h5 {
	font-size:16px;
	margin:0;
	color:#000099;
	border-width:0px 0px 0px 5px;
	border-color:#000066;
	border-style:solid;
	padding-left:10px;
}
/*リンク   
--------------------------------------------------------------------*/
.link a:link {
	color:#000099;
	text-decoration:none;
}
.link a:visited {
	color:#000099;
	text-decoration:none;
}
.link a:hover {
	color:#000099;
	text-decoration:underline;
}
.list h5 {
	font-size:16px;
	margin:0;
	color:#ff3232;
	border-width:0px 0px 0px 5px;
	border-color:#ff3232;
	border-style:solid;
	padding-left:10px;
}
body a:link {
	color:#216fe1;
	text-decoration:underline;
}
body a:visited {
	color:#216fe1;
	text-decoration:underline;
}
body a:hover {
	color:#669933;
	text-decoration:underline;
}
/*メインレイアウト  
--------------------------------------------------------------------*/


body {
	margin-top: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color:#3f3f3f;
	background-color:#ececec;
	line-height:1.5;
}
#contents {
	width:960px;
	background-color:#FFFFFF;
	margin:auto;
	border:solid;
	border-color:#577000;
	border-width:10px;
	margin-top:10px;
}
#head {
	padding-left:20px;
	padding-right:15px;
}
#main {
	width:660px;
	float:left;
	margin-left:20px;
	display:inline;
	margin-right:20px;
	margin-bottom:20px;
}
#side {
	width:245px;
	float:right;
	margin-right:15px;
	display:inline;
	margin-bottom:20px;
}
#navi {
	margin-left:20px;
	position:relative;
	height:70px;
	width:940px;
	overflow:hidden;
}
#foot {
	width:920px;
	margin:auto;
	border-top-style:solid;
	border-color:#b47206;
	border-width:3px;
	margin-top:0px;
	padding-bottom:30px;
}
.copyright {
	float:left;
	padding-top:10px;
}
.privacy {
	float:right;
	padding-top:10px;
}
ol li {
	line-height:2;
	border-bottom-style:dashed;
	border-color:#b7b7b7;
	border-width:1px;
	margin-bottom:10px;
}
.rule2 {
	　list-style-type: none;
	line-height:2;
	border-style:dashed;
	border-color:#b7b7b7;
	border-width:1px;
	background-color:#FFCCCC;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
}
.rule {
	　list-style-type: none;
	line-height:2;
	border-style:dashed;
	border-color:#b7b7b7;
	border-width:1px;
	background-color:#FFFFCC;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
}
/*ヘッダー
--------------------------------------------------------------------*/

.logo img {
	width:325px;
	float:left;
}
#head p {
	text-align:right;
	margin-top:5px;
}
.topnavi {
	width:417px;
	float:right;
	height:47px;
	position:relative;
	margin-top:10px;
	overflow:hidden;
}
.menu1 {
	left:0px;
	position:absolute;
	text-indent:-9999px;
}
.menu1 a {
	background:url(../img/bn_top_01.gif);
	width:85px;
	height:47px;
	display:block;
}
.menu2 {
	left:85px;
	position:absolute;
	text-indent:-9999px;
}
.menu2 a {
	background:url(../img/bn_top_02.gif);
	width:113px;
	height:47px;
	display:block;
}
.menu3 {
	left:198px;
	position:absolute;
	text-indent:-9999px;
}
.menu3 a {
	background:url(../img/bn_top_03.gif);
	width:113px;
	height:47px;
	display:block;
}
.menu4 {
	left:311px;
	position:absolute;
	text-indent:-9999px;
}
.menu4 a {
	background:url(../img/bn_top_04.gif);
	width:106px;
	height:47px;
	display:block;
}
.menu5 {
	left:0px;
	position:absolute;
	text-indent:-9999px;
}
.menu5 a {
	background:url(../img/menu01.gif);
	width:79px;
	height:70px;
	display:block;
}
.menu6 {
	left:79px;
	position:absolute;
	text-indent:-9999px;
}
.menu6 a {
	background:url(../img/menu02.gif);
	width:157px;
	height:70px;
	display:block;
}
.menu7 {
	left:236px;
	position:absolute;
	text-indent:-9999px;
}
.menu7 a {
	background:url(../img/menu03.gif);
	width:132px;
	height:70px;
	display:block;
}
.menu8 {
	left:368px;
	position:absolute;
	text-indent:-9999px;
}
.menu8 a {
	background:url(../img/menu04.gif);
	width:142px;
	height:70px;
	display:block;
}
.menu9 {
	left:510px;
	position:absolute;
	text-indent:-9999px;
}
.menu9 a {
	background:url(../img/menu05.gif);
	width:288px;
	height:70px;
	display:block;
}
.menu10 {
	left:798px;
	position:absolute;
	text-indent:-9999px;
}
.menu10 a {
	background:url(../img/menu06.gif);
	width:124px;
	height:70px;
	display:block;
}
/*ライン・調整
--------------------------------------------------------------------*/
.line {
	border-bottom-style:dashed;
	border-color:#b7b7b7;
	border-width:1px;
	margin-top:5px;
	margin-bottom:10px;
}
.line2 {
	background:url(../img/line.gif);
	height:53px;
}
.clear {
	clear:both;
}
/*メイン　中身
--------------------------------------------------------------------*/
.member {
	float:right;
}
.box li {
	background:url(../img/arrow.gif) no-repeat center left;
	padding-left:30px;
	line-height:2;
}
.box2 p {
	margin-bottom:10px;
	text-align:center;
	margin-top:5px;
}
.login_safety {
	position:relative;
	height:185px;
}
.contents1 {
	position:absolute;
	left:20px;
	float:left;
}
.contents2 {
	position:absolute;
	left:240px;
}
.contents3 {
	position:absolute;
	left:460px;
}
.introduction {
	padding:10px 5px 0px 10px;
}
.introduction2 {
	padding:10px 5px 5px 10px;
	position:relative;
	background: url(../img/img_mama.gif) no-repeat right;
	height:70px;
}
.introduction p {
	padding-left:30px;
}
.introduction2 p {
	padding-left:30px;
}
.img {
	background:url(../img/arrow3.gif) center left no-repeat;
	padding-left:30px;
}
.img2 {
	background:url(../img/arrow4.gif) center left no-repeat;
	padding-left:30px;
}
.photo img {
	margin-top:20px;
}
.photo2 img {
	margin-bottom:20px;
}
.photo3 img {
	margin-bottom:10px;
}
.photo3 p {
	line-height:1.5;
	margin-bottom:20px;
}
.photo2 p {
	margin-bottom:20px;
}
.area {
	width:312px;
	background-color:#ffe5e5;
	border:solid;
	border-width:1px;
	border-color:#ed8189;
	float:left;
	height:370px;
}
.genre {
	width:312px;
	background-color:#e7ffbe;
	border:solid;
	border-width:1px;
	border-color:#519132;
	position:relative;
	margin-left:321px;
	height:370px;
}
.bt_genre {
	margin-top:10px;
	margin-left:170px;
}
.food {
	border:solid;
	border-width:0px 1px 1px 1px;
	border-color:#216fe1;
	background-color:#e4f2ff;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
}
.food2 {
	background-color:#ffe5e5;
	border:solid;
	border-width:0px 1px 1px 1px;
	border-color:#ed8189;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
}
.list {
	border:solid;
	border-width:1px 1px 1px 1px;
	border-color:#ed8189;
	background-color:#ffe5e5;
	padding:10px 10px 10px 10px;
	margin-bottom:10px;
}
.list table {
	width:630px;
	background-color:#ffe5e5;
	border:none;
}
.list th {
	background-color:#ffe5e5;
	border:none;
	border-bottom-style:dashed;
	border-color:#b7b7b7;
	border-width:1px;
	color:#ff3232;
	text-align:left
}
.list td {
	background-color:#ffe5e5;
	border:none;
	text-align:left;
	border-bottom-style:dashed;
	border-color:#b7b7b7;
	border-width:1px;
	width:500px;
}
.border {
	border-bottom-style:dashed;
	border-color:#b7b7b7;
	border-width:1px;
}
.map {
	text-align:center;
	margin-bottom:5px;
}
.genrephoto {
	text-align:center;
	margin-bottom:5px;
	margin-top:0px;
}
.illust {
	left:230px;
	top:60px;
	position:absolute;
}
.bn {
	margin-top:10px;
}
.safety {
	background-color:#ffe5e5;
	border:solid;
	border-width:0px 1px 1px 1px;
	border-color:#ed8189;
	padding:20px 10px 10px 10px;
}
.children {
	width:312px;
	background: url(../img/safety_background1.gif) no-repeat;
	padding-top: 30px;
	float:left;
	position:relative;
	margin-top:20px;
}

.work {
	width:312px;
	background: url(../img/safety_background11.gif) no-repeat;
	padding-top: 30px;
	float:left;
	position:relative;
	margin-top:20px;
}

.inner {
	background: url(../img/safety_background2.gif) no-repeat bottom;
	padding:10px 0 8px 0;
}

.inner li{
	line-height:1.8;
	background:url(../img/arrow9.gif) no-repeat center left;
	padding-left:30px;
}

.inner ul{
	padding-left:20px;
}

.inner p {
	width:130px;
	float:right;
	padding-right:5px;
	line-height:1.2;
	font-size:11px;
}
.inner a {
	font-size:12px;
}
.inner img {
	margin-left:10px;
	margin-bottom:10px;
}
.inner2 p {
	width:130px;
	float:right;
	padding-right:5px;
	font-size:11px;
	line-height:1.2;
}
.inner2 a {
	font-size:12px;
}
.inner3 p {
	width:130px;
	float:right;
	padding-right:5px;
	line-height:1.2;
	font-size:11px;
}
.inner3 a {
	font-size:12px;
}
.inner4 p {
	width:130px;
	float:right;
	padding-right:5px;
	font-size:11px;
	line-height:1.2;
}
.inner4 a {
	font-size:12px;
}
.inner4 img {
	margin-left:10px;
	margin-bottom:10px;
}

.inner9 {
	background: url(../img/safety_background12.gif) no-repeat bottom;
}

.inner9 p {
	width:130px;
	float:right;
	padding-right:5px;
	font-size:11px;
	line-height:1.2;
}
.inner9 a {
	font-size:12px;
}
.inner9 img {
	margin-left:10px;
	margin-bottom:10px;
}
.order {
	width:312px;
	float:right;
}

.inner2 {
	background: url(../img/safety_background8.gif) no-repeat bottom;
}

.inner2 img {
	margin-left:10px;
	margin-bottom:10px;
}

.people {
	width:312px;
	background: url(../img/safety_background5.gif) no-repeat;
	padding-top: 30px;
	float:left;
	position:relative;
}
.inner3 {
	background: url(../img/safety_background6.gif) no-repeat bottom;
}

.inner3 img {
	margin-left:10px;
	margin-bottom:10px;
}

.community {
	width:312px;
	float:right;
	margin-top:20px;
}
.inner4 {
	background: url(../img/safety_background10.gif) no-repeat bottom;
}
.icon {
	position:absolute;
	left:-10px;
	top:-10px;
}
.safety_bn {
	position:absolute;
	left:-10px;
	top:-10px;
}
.login {
	background:url(../img/login.gif) no-repeat;
	height:231px;
	margin-top: 10px;
}
.login ul {
	padding:15px 30px 20px 40px;
}
.login li {
	margin-top:8px;
	line-height:0.5;
}
.bt_login {
	text-align:center;
	margin-top:10px;
	margin-left:25px;
}
/*右サイドメニュー
--------------------------------------------------------------------*/
.member2 {
	margin-top:-5px;
}
.snsphoto {
	margin-top:15px;
}
.snsphoto2 {
	margin-top:10px;
}
.topics {
	width:245px;
	background: url(../img/topics_top.gif) no-repeat;
	padding-top: 60px;
	margin-top:15px;
}
.topics li {
	padding-left:30px;
	border-bottom-style:dashed;
	border-color:#b7b7b7;
	border-width:1px;
	background:url(../img/arrow.gif) no-repeat center left;
 padding:10px 0 10px 30px;
}
.inner5 {
	background: url(../img/topics_under.gif) no-repeat bottom;
	padding:0px 10px 25px 10px;
}
.allergen {
	background: url(../img/bt_allergen.gif) no-repeat;
	padding-top:39px;
	width:245px;
	margin-top:10px;
}
.inner6 {
	background: url(../img/bt_allergen_under.gif) no-repeat bottom;
	padding:10px 10px 20px 10px;
}
.allergen li {
	line-height:2;
	background:url(../img/arrow2.gif) center left no-repeat;
	padding-left:30px;
}
.bt {
	margin-top:10px;
	text-align:center;
}
.bt_shop {
	width:245px;
	height:102px;
	background:url(../img/bt_shop.gif) no-repeat;
	margin-top:10px;
}
.bt_shop p {
	padding-top:35px;
	padding-left:120px;
}
.bt_order {
	width:245px;
	height:102px;
	background:url(../img/bt_order2.gif) no-repeat;
	margin-top:10px;
}
.bt_order p {
	padding-top:35px;
	padding-left:120px;
}
.bt_mobile {
	background:url(../img/bt_mobile.gif) no-repeat;
	margin-top:10px;
	width:245px;
	height:157px;
}
.bt_mobile p {
	padding-top:45px;
	padding-left:105px;
}
/*宿泊施設・飲食店テンプレート
--------------------------------------------------------------------*/
.tablecontents {
	width:340px;
	word-break:break-all;
}
.rescontents {
	width:200px;
}
.rescontents2 {
	width:140px;
}
.tablecontents th {
	background-color:#ffe5e5;
	padding:1px;
	border: solid 1px #977743;
	border-collapse: collapse;
	table-layout: fixed;
	width:100px;
}
.tablecontents td {
	padding:5px 5px 5px 5px;
	text-align:center;
	background-color:#FFFFFF;
	border: solid 1px #977743;
	border-collapse: collapse;
	text-align:left;
	line-height:2;
	table-layout: fixed;
	width:240px;
}
th {
	background-color:#ffe5e5;
	padding:8px;
	border: solid 1px #977743;
	border-collapse: collapse;
}
table {
	width:660px;
	border-collapse: collapse;
	border: solid 0px #977743;
}
.width {
	width:400px;
	border: solid 1px #977743;
	border-collapse: collapse;
}
.width2 {
	width:640px;
	border: solid 1px #977743;
	border-collapse: collapse;
}
.stay {
	width:150px;
	text-align:center;
}
td {
	padding:5px 5px 5px 5px;
	text-align:center;
	background-color:#FFFFFF;
	border: solid 1px #977743;
	border-collapse: collapse;
	text-align:left;
	line-height:2;
}
.details {
	float:left;
}
.details2 {
	line-height:2;
	float:right;
	width:340px;
}
.details3 {
	position:relative;
	margin-bottom:0px;
	height:150px;
}
.details4 {
	position:relative;
	margin-bottom:20px;
	height:50px;
}
.subphoto1 {
	position:absolute;
	left:0px;
	width:213px;
}
.subphoto2 {
	position:absolute;
	left:223px;
	width:213px;
}
.subphoto3 {
	position:absolute;
	left:449px;
	width:213px;
}
.allergenicon {
	position:relative;
	margin-bottom:20px;
	height:61px;
	width:340px;
}
.icon1 {
	position:absolute;
	left:0px;
}
.icon2 {
	position:absolute;
	left:67px;
}
.icon3 {
	position:absolute;
	left:134px;
}
.icon4 {
	position:absolute;
	left:201px;
}
.icon5 {
	position:absolute;
	left:268px;
}
.icon6 {
	position:absolute;
	left:335px;
}
.icon7 {
	position:absolute;
	left:402px;
}
.icon8 {
	position:absolute;
	left:469px;
}
.icon9 {
	position:absolute;
	left:536px;
}
.icon10 {
	position:absolute;
	left:603px;
}
.allergenicon_s {
	position:relative;
	height:35px;
	width:220px;
}
.icon1_s {
	position:absolute;
	left:0px;
}
.icon2_s {
	position:absolute;
	left:43px;
}
.icon3_s {
	position:absolute;
	left:86px;
}
.icon4_s {
	position:absolute;
	left:129px;
}
.icon5_s {
	position:absolute;
	left:172px;
}
.sub {
	margin-right:9px;
	width:660px;
}
.sub1 {
	float:left;
}
.sub2 {
	float:left;
	margin-right:15px;
}
.sub3 {
	float:left;
	width:505px;
}
.right {
	text-align:right;
	background:url(../img/arrow.gif) no-repeat left;
	width:80px;
	margin-left:420px;
}
.sub3 p {
	margin:5px 0px 5px 0px;
}
.sub4 {
	margin-bottom:10px;
}
.sub4 p {
	float:right;
	width:432px;
}

.sub5 p {
	float:right;
	width:490px;
}

.mainphoto {
	background:url(../img/noimage.gif);
}
.subphoto {
	background:url(../img/noimage_sub.gif);
}
.staffphoto {
	background:url(../img/noimage2.gif);
}
.resultphoto {
	background:url(../img/noimage_result.gif);
}

/*アレルギー情報
--------------------------------------------------------------------*/
.backgroundallergen {
	background:url(../img/backgroundallergen_top.gif) no-repeat;
	margin-top:20px;
	padding-top: 60px;
}
.inner7 {
	background:url(../img/backgroundallergen_under.gif) no-repeat bottom;
	padding:0px 10px 25px 10px;
}
.inner7 p {
	margin-bottom:10px;
}
.backgroundallergen2 {
	background:url(../img/backgroundallergen_top2.gif) no-repeat;
	margin-top:20px;
	padding-top: 60px;
}
.backgroundallergen3 {
	background:url(../img/backgroundallergen_top3.gif) no-repeat;
	margin-top:20px;
	padding-top: 60px;
}
.backgroundallergen4 {
	background:url(../img/backgroundallergen_top4.gif) no-repeat;
	margin-top:20px;
	padding-top: 60px;
}
.inner8 {
	background:url(../img/backgroundallergen_under2.gif) no-repeat bottom;
	padding:10px 10px 25px 10px;
}
.inner8 p {
	margin-bottom:10px;
	margin-top:10px;
}
.inner8 dt {
	padding:10px 0px 5px 0px;
}
.btsearch {
	padding:5px 0px 0px 5px;
	text-align:right;
}
/*飲食店検索画面
--------------------------------------------------------------------*/
.search table {
	width:630px;
	background-color:#e4f2ff;
	border:none;
}
.search th {
	background-color:#e4f2ff;
	border:none;
	border-bottom-style:dashed;
	border-color:#b7b7b7;
	border-width:1px;
	color:#000099;
	text-align:left
}
.search td {
	background-color:#e4f2ff;
	border:none;
	text-align:left;
	border-bottom-style:dashed;
	border-color:#b7b7b7;
	border-width:1px;
	width:500px;
}
.result table {
	width:630px;
	background-color:#ffe5e5;
	border:none;
}
.result th {
	background-color:#ffe5e5;
	border:none;
	width:150px;
	text-align:center;
	text-align:left;
}
.result td {
	background-color:#ffe5e5;
	border:none;
	text-align:left;
}
.registration {
	text-align:center;
}
.registration table {
	width:400px;
	background-color:#ececec;
	border: solid 1px #ececec;
	border-collapse: collapse;
	margin:auto;
}
.registration td {
	text-align:center;
	background-color:#ececec;
	border: solid 1px #ececec;
	border-collapse: collapse;
}
/*サイトマップ
--------------------------------------------------------------------*/

.sitemap ul {
	line-height:2;
}
.sitemap li {
	line-height:2;
	background:url(../img/arrow.gif) center left no-repeat;
	padding-left:30px;
}
.sitemap2 {
	margin-left:20px;
}
/*キャンペーン
--------------------------------------------------------------------*/
 
.finding {
	background-color:#ff9c9c;
}
.style1 {
	color: #FF0000;
}
.style {
	color: #bc0000;
}
.soybean {
	background-color:#fffbc6;
	padding:10px 20px 10px 20px;
}
.soybean2 {
	padding:10px 10px 10px 10px;
	float:right;
}
/*新規会員登録フォーム
--------------------------------------------------------------------*/

.style2 {
	color: #FF0000;
	font-size:16px;
}
.allergencontents {
	margin:20px 0 20px 0;
}
.left {
	float:left;
	margin-left:10px;
}
.formbt {
	width:250px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}
button {
	background:#FFFFFF;
	border:none;
	cursor:pointer;
}
.form {
	text-align:center;
	margin-top:10px;
}
/*食物アレルギーのためにがんばる人たち
--------------------------------------------------------------------*/
.text {
	float:right;
	width:365px;
	margin-top:0px;
	padding:0 10px 0 10px;
}
.text2 {
	float:left;
	width:365px;
	padding:0 10px 0 10px;
}
.text3 {
	margin:0 0 10px 0;
}

.backnumber {
	width:245px;
	background: url(../img/backnumber_top.gif) no-repeat;
	padding-top: 90px;
	margin-top:20px;
}

.inner_backnumber {
	background: url(../img/backnumber_under.gif) no-repeat bottom;
	padding:0px 10px 25px 10px;
}

.inner_backnumber ul{
	margin:0 0 0 0;
}

.inner_backnumber li{
	border-bottom-style:dashed;
	border-color:#b7b7b7;
	border-width:1px;
	margin:0 0 5px 0;
	line-height:1.5;
	background:url(../img/arrow.gif) no-repeat center left;
	padding:0 0 0 30px;
}
