@charset "Shift_JIS";

/* common ------------------------------------------*/
* {
	padding: 0;
	margin: 0;
	font-family: "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33 ",Osaka,"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF ",sans-serif;
}

body {
	padding: 0;
	margin: 0;
	font-size: 100%;
	line-height: 130%;
	color: #000000;
	text-align: left;
	/*background:url(../imgsrc/background.gif) repeat-y center top;
	background-color: #e7e7e7;*/
	background-color: #ffffff;
	text-align: center;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size: 90%;
	line-height: 120%;
	font-weight: bold;
}

img {
	border: none;
	border-width: 0;
	vertical-align: middle;
}

/*\*/
html:\66irst-child img{vertical-align: text-bottom}
/* end */

ul,ol,dl {
	list-style-type: none;
}

li,dt,dd {
	font-size: 80%;
	width: 100%;
}

li li,li dt,li dt,li li li {
	font-size: 100%;
}

p {
	font-size: 80%;
	text-align: left;
}

table,tr {
	border-collapse: collapse
}

td,th {
	font-size: 80%;
	line-height: 130%;
	text-align: left;
	vertical-align: top;
	border-collapse: collapse
}

th {
	font-weight: normal;
	text-align: center;
}

hr {
	display: none;
}

strong {
	font-weight: bold;
	font-style:normal;
}

em {
	font-weight: bold;
	font-style:normal;
}

sup, sub {
    font-size: 60%;
}

form {
    margin: 0;
    padding: 0;
}

a {
	text-decoration: none;
	color: #666666;
}

a:hover {
	text-decoration: underline;
}

a.arrow {
	display: block;
	background: url(../imgsrc/arrow_normal.gif) no-repeat 0px 4px;
	_background-position: 0px 5px;
	padding-left: 15px;
}

a.arrowMid {
	display: block;
	background: url(../imgsrc/arrow_normal.gif) no-repeat 0% 50%;
	_background-position: 0% 40%;
	/* \*//*/
	background-position: 0px 3px;	
	/* */
	padding-left: 15px;
}

a.arrowS {
	display: block;
	background: url(../imgsrc/arrow_s.gif) no-repeat 0px 7px;
	padding-left: 6px;
}

a.arrowBack {
	display: block;
	background: url(../imgsrc/arrow_back.gif) no-repeat 0px 4px;
	_background-position: 0px 5px;
	padding-left: 15px;
}

.l {
	float: left;
}

.r {
	float: right;
}

label {
	cursor: pointer;
}

.tRight {
	text-align: right;
}

.tLeft {
	text-align: left;
}

.tCenter {
	text-align: center;
}

.hide {
	display:none;
}

.mTop5 {
	margin-top: 5px !important;
}


/* container ------------------------------------------*/
#container {
	width: 700px;
	margin: 0 auto 0;
	text-align: left;
}

/* header ------------------------------------------*/
#header:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
}

#header {
	display: inline-table;
	margin-bottom: 18px;
	�@margin-bottom: 0px;
	_margin-bottom: 18px;
}

/* \*/
* html #header {
	height: 1%;
	min-height: 1%;
}

#header { display: block; }
/* */

#header #headerLogo {
	position: relative;
	height: 70px;
	width: 600px;
}

#header #headerLogo h1 {
	position: absolute;
	top: 18px;
	/* \*//*/
	top: 16px;
	/* */
	left: 0px;
	_position: static;
	_margin-top: 15px;
}

#header #headerLogo #thisShop {
	position: absolute;
	top: 21px;
	_top: 22px;
	left: 89px;
	width: 500px
}

#header #headerLogo #thisShop h2 {
	display: inline;
	line-height: 1%;
}

#header #headerLogo #thisShop p {
	display: inline;
	margin-left: 15px;
	line-height: 1%;
}

#header #headerLogo #singing {
	position: absolute;
	top: 13px;
	right: 0px;
}

#header ul {
}

#header ul li {
	float: left;
}

#header ul li#home { width: 104px; }
#header ul li#information { width: 167px; }
#header ul li#environment { width: 145px; }
#header ul li#products { width: 162px; }
#header ul li#shop { width: 122px; }

#header ul li a {
	background: no-repeat left top;
	height: 36px;
	display: block;
}

#header ul li#home a { background-image: url(../imgsrc/head_menu_home.gif); }
#header ul li#home a:hover { background-image: url(../imgsrc/head_menu_home_on.gif); }
#header ul li#information a { background-image: url(../imgsrc/head_menu_information.gif); }
#header ul li#information a:hover { background-image: url(../imgsrc/head_menu_information_on.gif); }
#header ul li#environment a { background-image: url(../imgsrc/head_menu_environment.gif); }
#header ul li#environment a:hover { background-image: url(../imgsrc/head_menu_environment_on.gif); }
#header ul li#products a { background-image: url(../imgsrc/head_menu_products.gif); }
#header ul li#products a:hover { background-image: url(../imgsrc/head_menu_products_on.gif); }
#header ul li#shop a { background-image: url(../imgsrc/head_menu_shop.gif); }
#header ul li#shop a:hover { background-image: url(../imgsrc/head_menu_shop_on.gif); }

#header ul li a span { display: none; }

#header #headerLine {
	background: url(../imgsrc/head_line.gif) repeat-x left top;
	height: 15px;
	/* \*//*/
	margin-top: -13px;
	/* */
}


/* footer  ------------------------------------------*/
#footer {
	margin-top: 25px;
}

#footer p#pagetop {
	text-align: right;
	font-size: 70%;
	/* \*//*/
	font-size: 65%;
	/* */
}

#footer p#pagetop a {
	display: block;
	background: url(../imgsrc/arrow_top.gif) no-repeat right;
	padding-right: 15px;
	float: right;
	�@margin-bottom: -22px;
	_margin-bottom: 0;
}

#footer p#copyright {
	text-align: right;
	margin-top: 5px;
}

#footer #footerLine {
	background: url(../imgsrc/foot_line.gif) repeat-x;
	height: 14px;
	margin-top: 2px;
}

#footer #footerMenu {
	position: relative;
	height: 42px;
}

#footer #footerMenu h2 {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 42px;
}

#footer #footerMenu ul {
	position: absolute;
	top: 1px;
	left: 132px;
	height: 30px;
}

#footer #footerMenu ul li {
	border-left: 4px solid #999999;
	height: 30px;
	font-size: 70%;
	/* \*//*/
	font-size: 65%;
	/* */
}

#footer #footerMenu ul li a {
	display: block;
	padding: 4px 0 0 7px;
}

#footer #footerMenu p {
	position: absolute;
	top: 1px;
	right: 0px;
}

#pageTitle {
	padding-top: 7px;
	padding-bottom: 14px;
	background: url(../imgsrc/temp_h2_line.gif) repeat-x bottom;
	/* \*//*/
	width: 100%;
	/* */
}

#pageTitle h2 {
	float: left;
}

#pageTitle p {
	float: right;
}

.pageAnchor {
	width: auto;
	margin-top: 5px;
	padding: 0 40px 0px 20px;
	/*	��2013/09/17 matsumoto@ilovex	*/
	/*	text-align: center;	*/
	/*	��2013/09/17 matsumoto@ilovex	*/
}

.pageAnchor li {
	width: auto;
	display: inline;
	font-size: 70%;
	line-height: 120%;
	margin-left: 10px;
	padding-right: 10px;
	border: solid #999999;
	border-width: 0 1px 0 0;
}

.pageAnchor li.end {
	border-width: 0;
}

.pageAnchor li a {
	white-space: nowrap;
}

/*	��2013/09/17 matsumoto@ilovex add	*/
.pageAnchorTou{
	font-size:12px;
	width:150px;
	display: inline-block;
}
/*	��2013/09/17 matsumoto@ilovex add	*/

.anchorBottom {
	/*	��2013/09/17 matsumoto@ilovex	*/
	margin-bottom: -5px
	/*	padding-bottom: 10px;	*/
	/*	��2013/09/17 matsumoto@ilovex	*/
}

#renew {
	margin-top: 5px;
	text-align: right;
	font-size: 70%;
}

#preload {
	position: absolute;
	top:0px;
	left:0px;
	width: 0px;
	height: 0px;
	display: inline;
	background-image: url(../imgsrc/head_menu_home_on.gif);
	background-image: url(../imgsrc/head_menu_information_on.gif);
	background-image: url(../imgsrc/head_menu_environment_on.gif);
	background-image: url(../imgsrc/head_menu_products_on.gif);
	background-image: url(../imgsrc/head_menu_shop_on.gif);
	background-image: url(../imgsrc/arrow_normal.gif);
	background-image: url(../imgsrc/arrow_s.gif);
	background-image: url();
}


/* clearfix ------------------------------------------*/
.cf:after,
#pageTitle:after,
#footer p#pagetop:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
}

.cf,
#pageTitle,
#footer p#pagetop {
	display: inline-table;
}

/* \*/
* html .cf,
* html #pageTitle,
* html #footer p#pagetop {
	height: 1%;
	min-height: 1%;
}
.cf,
#pageTitle,
#footer p#pagetop { display: block; }
/* */