@charset "utf-8";

/*body--------------------------------------------------------------*/

body
{
	margin			: 0 auto;
	padding			: 0;
	font			: 16px/1.6 Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	color			: #666;
	background		: #fff url(../images/common/base/bg03.jpg);
	text-align		: center;
	-webkit-text-size-adjust		: 100%;
	min-width		: 1000px;
}

/*Opera用*/
html:first-child body
{
	font			: 16px/1.5  Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}

div,form,map
{
	margin			: 0;
	padding			: 0;
}

p
{
	margin-top      : 0;
	margin-bottom	: 20px;
	padding         : 0;
}
h2
{
	font-size		: 24px;
	font-weight		: normal;
	color			: #fff;
	text-align		: left;
	padding			: 10px 20px 7px;
	margin-bottom	: 30px;
	background		: #5184b1 url(../images/common/base/title_bar_01.gif) repeat-x;
}
h3
{	
	font-size		: 18px;
	color			: #f04009;
	line-height		: 1.2em;
	text-align		: left;
	padding			: 3px 7px;
	margin-bottom	: 30px;
	border-left		: 3px solid #8ccd01;
}

img
{
	border			: 0;
	vertical-align  : top;
}

/*システムが絡む場合、GoogleMapを使用する場合は消す*/
table
{
	margin-left		: auto;
	margin-right	: auto;
}

#side p,#side h1,#side #side h2,#side h3,
#header p,#header h1,#header h2,#header h3,
#footer p,#footer h1,#footer h2,#footer h3
{
	margin			: 0;
	font			: normal 1em  Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	text-align		: left;
}

/*link--------------------------------------------------------------*/

a:link,
a:visited
{
	color           : #f14611; 
	text-decoration : none;
}

a:hover,
a:active
{
	color           : #f14611; 
	text-decoration : underline;
}

/*layout------------------------------------------------------------*/

#wrapper
{
	width			: 100%;
	margin			: 0;
	padding			: 0;
}

#container
{
	padding			: 0;
	text-align		: center;
}

.inner
{
	width			: 1000px;
	margin			: 0 auto;
}

/*-------------------------------------------------------header*/
#header
{
	width			: inherit;
	background		: #fff;
}
#header .inner
{
	height			: 60px;
	position		: relative;
}
#header a img
{
	display			: block;
	position		: absolute;
}
#header .logo
{
	width			: auto;
	left			: 5px;
}
#header .rakuten
{
	width			: auto;
	top				: 15px;
	right			: 5px;
}

/*-------------------------------------------------------main*/
#main
{
	text-align		: center;
}

/*-------------------------------------------------------footer*/
#footer
{
	clear			: both;
	text-align		: left;
	background		: #292929;
	padding			: 10px 0;
}
#footer small
{
	font-size		: 14px;
	color			: #a9a9a9;
}

/*768以下の指定（タブレット）*/
@media screen and (max-width: 768px) {
	
body
{
	font-size		: 14px;
	min-width		: 100%;
}
h2
{
	font-size		: 18px;
	padding			: 5px 3%;
	margin-bottom	: 3.5%;
	background-size		: auto 100%;
}
h3
{	
	font-size		: 16px;
	padding			: 2px 0 2px 7px;
	margin-bottom	: 3.5%;
}
p{
	margin-bottom	: 2%;
}
/*layout------------------------------------------------------------*/
.inner
{
	width			: 95%;
	margin			: 0 auto;
}
.inner img
{
	width			: 100%;
	height			: auto;
}

/*-------------------------------------------------------header*/
#header .inner
{
	height			: 45px;
}
#header a img
{
	height			: 100%;
	width			: auto;
}
#header .logo
{
	height			: 45px;
	left			: 0;
}
#header .rakuten
{
	top				: 10px;
	right			: 0px;
	height			: 25px;
}

/*-------------------------------------------------------footer*/
#footer
{
	padding			: 2%;
}
#footer small
{
	font-size		: 12px;
}
}

/*480以下の指定（スマホ横)*/
@media screen and (max-width: 480px) {
h2
{
	font-size		: 16px;
	margin-bottom	: 4%;

}
h3
{	
	font-size		: 14px;
	margin-bottom	: 4%;
}
p
{
	margin-bottom	: 3.5%;
}
/*-------------------------------------------------------header*/
#header .inner
{
	height			: 35px;
}
#header .logo
{
	height			: 35px;
}
#header .rakuten
{
	height			: 15px;
}
}

/*---------------------------------------------------------*/
/*    copyright(C) WEB-SEED. All rights reserved. Ver1.0   */
/*---------------------------------------------------------*/
