@charset "utf-8";
/*common.css*/


/* SITE：Allergy Mobile System
______________________________________*/

/*
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
/*
==========================================*/
/* 共通スタイル
/*
/*==========================================*/
/* basic style
/*==========================================*/

body
{
	/*width:320px;*/
	/*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
	/*font-family:'Helvetica', 'HiraKakuProN-W6',sans-serif;*/
    /*font-family: Verdana, Roboto, 'Droid Sans', 'Hiragino Kaku Gothic ProN', sans-serif;*/

    font-family: Verdana, Roboto, 'Droid Sans', sans-serif;

 	font-size: 12px;
 	line-height: 1.0;
	height:100%;
 	color: #5f320c;
	background:url(../images/base.jpg) repeat top left;
	-webkit-text-size-adjust: 100%;
}


img
{
	max-width: 100%;
	height: auto;
}

a
{
 	color: #5f320c;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

#wrapper
{
	clear:both;
	float:left;
	width:100%;
	height:100%;
	-webkit-text-size-adjust:100%;
}

#contents
{
	position:relative;
	width:320px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

div.contents_inner
{
	position:relative;
	float:left;
	width:298px;
	height:100%;
	margin:2px 11px 0;
	/*-moz-box-sizing: content-box;
 	-webkit-box-sizing: content-box;
 	-o-box-sizing: content-box;
 	-ms-box-sizing: content-box;*/
	background:url(../images/bk_top.png) no-repeat left top;
}

section
{
	float:left;
	width:100%;
	background:url(../images/bk.png) repeat-y left top;
}

div.bottom
{
	clear:both;
	float:left;
	width:100%;
	margin-bottom:10px;
	background:url(../images/bk_bottom.png) no-repeat;
}

.land
{
	color:#d70034;
}

.sea
{
	color:#223679;
}

.bold
{
	font-family: "HiraKakuProN-W6", Verdana, Roboto, 'Droid Sans', sans-serif;
	font-weight: bold;
}

/*===========================================================*/
/* #01  ヘッダー
/*===========================================================*/

header
{
	position:relative;
	height:62px;
	margin:0;
	padding:0;
}

/*	 ボタン
/*===========================================================*/
header ul.btn
{
	float:left;
}
header ul.btn li
{
	float:left;
	margin-top:5px;
}

/*===========================================================*/
/* #02  コンテンツ
/*===========================================================*/

section p.comment
{
	/*padding-top:20px;*/
	margin:0 25px;
	padding:0 0 20px;
	color:#5f320c;
	font-size:12px;
	text-align:left;
	line-height:1.5em;
	font-weight:bold;
}

/* #02  タイトル
/*===========================================================*/

section h2.title
{
	width:100%;
	height:39px;
	margin-bottom:20px;
	padding-top:30px;
	background:url(../images/bg_ttl.png) no-repeat 6px 1px;
	text-shadow:-1px -1px 1px #666666, 1px 1px 1px #dfdfdf;
	color:#D9341D;
	font-size:19px;
}

section h2.title.land
{
	color:#d70034;
	background:url(../images/land/bg_ttl.png) no-repeat 6px 1px;
	background-size:287px 69px;
}
section h2.title.sea
{
	color:#223679;
	background:url(../images/sea/bg_ttl.png) no-repeat 6px 1px;
	background-size:287px 69px;
}
section h2.title span.park
{
	margin-right:5px;
	font-size:12px;
}

section h2.ttl
{
	clear:both;
	float:left;
	width:100%;
	padding:10px 0;
	font-weight:bold;
	/*text-shadow:1px 1px 1px #000;*/
}

h3
{
	clear:both;
	width:273px;
	height:40px;
	margin:0 13px 10px;
	color:#fff;
	font-size:12px;
	line-height:40px;
	background:url(../images/title_bk.png) no-repeat;
	background-size: 273px 40px;
	text-align:left;
	font-weight:bold;
}

h3 span
{
	margin-left:50px;
	letter-spacing:-0.1em;
}

h4.ttl
{
	float:left;
	width:273px;
	height:32px;
	margin:0 13px;
	color:#fff;
	font-size:14px;
	line-height:32px;
	background:url(../images/ttl_bk.jpg) no-repeat;
	text-align:center;
}

/*	 ボタン
/*===========================================================*/

div.btn
{
	clear:both;
	width:100%;
}

div.btn ul li
{
}


/* #01  コメント
/*===========================================================*/

div.combox
{
	padding:15px 0;
	margin:0 13px 0;
	background:#faf6ea;
	color:#414141;
	border-radius: 3px;        /* CSS3草案 */
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;   /* Firefox用 */
}

div.combox p
{
	padding:0 10px;
	font-size:12px;
	line-height:1.5em;
	text-align:left;
}

/*===========================================================*/
/* #03  フッタ
/*===========================================================*/

footer
{
	clear:both;
	width:100%;
	bottom:0;
	margin:0;
	padding:0;
}

/*　トップへ戻る
/*===========================================================*/

footer div.page_top
{
	width:100%;
	height:30px;
}

footer div.page_top a
{
	float:right;
	display:block;
	width:87px;
	height:30px;
	padding-right:5px;
    background:url(../images/totop_btn.png) no-repeat right;
    background-size:87px 30px;
/*
	position:fixed;
	bottom:-40px;
	right:5px;
*/
}

/*　ナビ
/*===========================================================*/

#footer_inner
{
	clear:both;
	width:100%;
	padding-bottom:10px;
	background:url(../images/footer_bk.png) repeat;
	text-align:center;
}

#footer_inner nav
{
	float:left;
    width:90%;
	margin:0 5% 5px;
	font-size:11px;
}

#footer_inner nav ul
{
	width:100%;
	margin-right:-15px;
	padding:15px 0 15px;
	text-align:center;
}

#footer_inner nav ul li
{
	float:left;
	line-height:2em;
	text-align: center;
}

li.guide
{
	width:30%;
}

li.info
{
	width:36%;
}

#footer_inner nav ul li a
{
	padding-left:18px;
	padding-bottom:5px;
	background:url(../images/arrow_icon.png) no-repeat left top;
	color:#ad9479;
	text-align:left;
}

#footer_inner nav ul li.select a
{
	background:url(../images/arrow_select_icon.png) no-repeat left top;
	color:#b79679;
	text-decoration:underline;
}

#footer_inner nav ul.sub
{
	width:90%;
	padding:0 5% 0;
	text-align:center;
}


#footer_inner nav ul.sub li
{
	float:left;
	width:50%;
}


#footer_inner small
{
	clear:both;
	width:100%;
	color:#ad957a;
	font-size:8px;
}

/*===========================================================*/
/* #04  エラー
/*===========================================================*/

div.error
{
	clear:both;
	width:100%;
	text-align:center;
	color:#ff0000;
	font-size:12px;
	line-height:1.5em;
	font-weight:bold;
}