@charset "utf-8";
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ALL PAGE */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* ---------------------------------------------------------- */
/* BASE */
/* ---------------------------------------------------------- */
html,body{
	width:100%;
	color: #666;
}
body {
	font-size: 95%;
	border-top:#FFCC00 3px solid;
}
a:link{ color: #FF8000; }
a:visited{ color: #805000; }
a:hover{ color: #aa0; }
a:active{ color: #aa0; }

nav,
article{
	margin:0 10px 15px;
}
article p{
	margin-bottom:1em;
}

/* ---------------------------------------------------------- */
/* head */
/* ---------------------------------------------------------- */

h1{
	font-size:80%;
	margin:5px 5px 0;
}
#head,
#head img{
	line-height:1;
	width:100%;
}
#head .logo{
	float:left;
	width:50%;
	margin-left:10px;
}
#head .btn{
	float:right;
	width:30%;
	margin-left:10px;
}
#head .tel,
#head .pc{
	float:left;
	width:50%;
}

/* ---------------------------------------------------------- */
/* foot */
/* ---------------------------------------------------------- */
#smartPhoneSelect{
	padding:58px 0 10px;
	text-align:center;
	background:url(../img_cmn/foot_bg.png) repeat-x top;
	background-size:80px 48px;
}
body > footer{
	border-top:1px solid #FC0;
	text-align:center;
	font-size:80%;
	padding:0.5em 0;
	/* gradient */
	background: #fff0b3;
	background: -moz-linear-gradient(top,  #fff0b3 0%, #ffcc00 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff0b3), color-stop(50%,#ffcc00));
	background: -webkit-linear-gradient(top,  #fff0b3 0%,#ffcc00 50%);
	background: -o-linear-gradient(top,  #fff0b3 0%,#ffcc00 50%);
	background: -ms-linear-gradient(top,  #fff0b3 0%,#ffcc00 50%);
	background: linear-gradient(to bottom,  #fff0b3 0%,#ffcc00 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0b3', endColorstr='#ffcc00',GradientType=0 );
}

/* ---------------------------------------------------------- */
/* TITLE */
/* ---------------------------------------------------------- */

/* titleA */
.titleA{
	display:block;
	margin:0 0 15px;
	padding:0.8em 1em;
	font-size:130%;
	position:relative;
	border-top:2px solid #FC0;
	border-bottom:2px solid #FC0;
	background:url(../img_cmn/titleA_bg.png) right center;
	background-size:cover;
}
.titleA:after{
	content:" ";
	display:block;
	height:5px;
	width:100%;
	position:absolute;
	left:0;
	bottom:-7px;
	/* gradient */
	background: #dddddd;
	background: -moz-linear-gradient(top,  #dddddd 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #dddddd 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #dddddd 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #dddddd 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
}
article > .titleA{
	margin:0 -10px 15px;
}

/* titleB */
.titleB{
	display:block;
	margin:15px 0;
	padding:0.3em 3em 0.3em 1em;
	color:#fff;
	font-weight:bold;
	text-shadow:-1px -1px 1px rgba(0, 0, 0, 0.3),
		1px 1px 1px rgba(255, 255, 255, 0.3);
	font-size:120%;
	letter-spacing: 0.2em;
	position:relative;

	/* border */
	border:1px solid #FC0;
	border-bottom-color:#ccc;
	/* radius */
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	border-radius: 0.3em;
	/* gradient */
	background: #ffcc00;
	background: -moz-linear-gradient(top,  #fff0b3 0%, #ffcc00 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff0b3), color-stop(50%,#ffcc00));
	background: -webkit-linear-gradient(top,  #fff0b3 0%,#ffcc00 50%);
	background: -o-linear-gradient(top,  #fff0b3 0%,#ffcc00 50%);
	background: -ms-linear-gradient(top,  #fff0b3 0%,#ffcc00 50%);
	background: linear-gradient(to bottom,  #fff0b3 0%,#ffcc00 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0b3', endColorstr='#ffcc00',GradientType=0 );
}
.titleB:after{
	content:" ";
	position:absolute;
	top:0;
	right:10px;
	height:100%;
	width:5em;
	background:url(../img_cmn/titleB_ic.png) no-repeat right center;
	background-size:contain;
}

/* titleC */
.titleC{
	margin:20px 0 15px;
	padding:2px;
	font-size:120%;
	font-weight:bold;
	color:#B90;
	border-bottom:1px dotted #ccc;
}

/* ---------------------------------------------------------- */
/* MENU */
/* ---------------------------------------------------------- */

#menu .titleB{
	margin-bottom:0;
}
#menu li{
	border-bottom:1px solid #ccc;
	/* gradient */
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f7f3 50%, #f0f0f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f6f7f3), color-stop(100%,#f0f0f1));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f7f3 50%,#f0f0f1 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f7f3 50%,#f0f0f1 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f7f3 50%,#f0f0f1 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f7f3 50%,#f0f0f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f1',GradientType=0 );
}
#menu a{
	display:block;
	padding:0.8em 3em 0.8em 1.5em;
	background: url(../img_cmn/menu_arrow.png) no-repeat 95% center;
	background-size: auto 20px;
}
#menu a:link,
#menu a:visited,
#menu a:hover,
#menu a:active{
	color:#666;
	text-decoration:none;
}
#menu ul:after{
	content:" ";
	display:block;
	height:5px;
	width:100%;
	/* gradient */
	background: #dddddd;
	background: -moz-linear-gradient(top,  #dddddd 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #dddddd 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #dddddd 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #dddddd 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #dddddd 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
}

/* ---------------------------------------------------------- */
/* LIST */
/* ---------------------------------------------------------- */

.listArrow li{
	margin:0 0 1em 2em;
	position:relative;
}
.listArrow li:before{
	display:block;
	content:"▲";
	color:#B4CE66;
	font-size:80%;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	position:absolute;
	top:0.2em;
	left:-1.7em;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* EACH PAGE */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/* ---------------------------------------------------------- */
/* TOP */
/* ---------------------------------------------------------- */

.mvTop{
	width:100%;
	padding-bottom:10px;
}
.mvTop img{
	width:100%;
}

/* ---------------------------------------------------------- */
/* UNDER */
/* ---------------------------------------------------------- */

/* pickup */
.pickup{
	margin:20px 0;
	padding:0.8em 3em 0.8em 1em;
	background:#FFF9CE url(../img_cmn/pickup_bg.png) no-repeat right bottom;
	background-size: 59px 28px;
	/* radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

/* ---------------------------------------------------------- */
/* Aisatsu */
/* ---------------------------------------------------------- */
#aisatsu_profile .floatL{
	width:30%;
}
#aisatsu_profile .floatR{
	width:68%;
}

/* ---------------------------------------------------------- */
/* Annai */
/* ---------------------------------------------------------- */
#annai_table{
	margin: 25px 0;
	width: 100%;
	font-size: 90%;
	border: 3px double #ccc;
}
#annai_table th,
#annai_table td{
	padding: 0.5em 0;
	vertical-align: middle;
	text-align: center;
	line-height: 1;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
}
#annai_table th{
	background:#f0f0f0;
	width:10%;
	white-space:nowrap;
}
#annai_table th.long,
#annai_table td.long{
	width:20%;
	text-align:left;
	padding-left:10px;
}
#annai_table img{
	width:18px;
}
#annai_accessmap iframe{
	margin-left:5%;
}
