/* Reset */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
}

a, ins {
  text-decoration: none;
}

address, em, cite, dfn, var {
  font-style: normal;
}

input, textarea {
  font-family: Verdana ,sans-serif;
  font-weight: normal;
}

img {
  vertical-align: baseline;
}

a img {
  border: none;
}

a {
	text-decoration: underline;
}
a:link {
	color: #333333;
}
a:visited {
	color: #473A5F;
}
a:hover {
	color:#FF6633;
}
a:active {
	color: #1374d6;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear :both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
/* MacIE begin \*/
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/* MacIE end */

/* Reset */


body {
	text-align		: center;
	font-size		: 62.5%;
	background		: url(../img/top_back_1.gif) repeat-x 0 0;
}

h1 {
	color			: #666666;
	font-size		: 10px;
}
@media screen and (max-device-width: 480px) {
h1 { display:none;}
}

h2 { display: none;}

#main-p {
	background-color: #FFFFFF;
	width			: 898px;
	text-align		: left;
	font-size		: 12px;
	margin			: auto;
	position		: relative;
}

@media screen and (max-device-width: 480px) {
#main-p { padding-top:15px;}

}
/*\*/
* html #main-p {width: 900px; padding: 0 40px;}	/* For Win IE */
/* */ 
/*IE7*/
*:first-child+html #main-p { margin-top:2px;}

*:first-child+html { margin-top:0px; } 

#main-p:after {
	content			: ".";
	display			: block;
	height			: 0;
	clear 			: both;
	visibility		: hidden;
}

#main-p h1 { font-size:12px; margin-top:3px;}
/*IE7*/
*:first-child+html #main-p h1 { position:relative; top:-9px;}

#main-menu {
	width			: 898px;
	height			: 409px;
	background-color: #F4F2DB;
	display			: block;
	margin-top		: -14px;
}

/*IE7*/
*:first-child+html #main-menu { margin-top:-10px;}
/*firefox*/
#main-menu, x:-moz-broken, x:last-of-type { margin-top:1px;}


#main-menu-info {
	clear			: both;
	float			: right;
	margin			: 0px 0px 0px 0px;
	overflow		: hidden;
	display			: block;
	position		: absolute;
	top				: 40px;
	left			: 410px;
}

#main-menu-info ul li{
	float			: left;
	list-style-type	: none;
}

#pan-list {
	width			: 300px;
	color			: #333333;
	position		: absolute;
	top				: 100px;
	left			: 10px;
}
	
#main-menu-sub {
	clear			: both;
	float			: right;
	position		: absolute;
	top				: 100px;
	left			: 750px;
	width			: 200px;
}

#main-menu-sub ul li {
	float			: left;
	list-style		: none;
}
#main-menu-sub ul li a {
	float			: left;
	display			: block;
	line-height		: 12px;
	padding			: 0 10px;
}


#main-menu-jpg {margin-top:47px;}
/*\*/
* html #main-p {width: 898px; height:294px; padding: 47px 25px;}	/* For Win IE */
/* */ 

#main-menu-jpg:after {
	content			: ".";
	display			: block;
	height			: 0;
	clear 			: both;
	visibility		: hidden;
}
#mainp-menu-jpg {
	display			: inline-table;
}
/* MacIE begin \*/
* html #mein-menu-jpg {
	height			: 1%;
}
#mein-menu-jpg {
	display			: block;
}
/* MacIE end */

#left-menu {
	clear			: both;
	width			: 249px;
	height			: auto;
	float			: left;
	font-size		: 12px;
	margin-top		: 10px;
}


/*	cosme	*/
#red-title {
	font-size		: 14px;
	color			: #FF0066;
	font-weight		: bold;
	margin-left		: 5px;
	margin-bottom	: 5px;
}

#coment {
	font-size		: 12px;
	color			: #666666;
	line-height		: 16px;
	width			: 359px;
	height			: auto;

}
#coment2 {
	font-size		: 12px;
	color			: #666666;
	line-height		: 16px;
	width			: 239px;
	height			: auto;

}

/*staff*/
#staff-oubo {
	width			: 240px;
	background-image:url(../img/staff_bg_2.gif);
	color			: #666666;
}

/*\*/
* html #staff-oubo { margin-top:-10px;}	/* For Win IE */
/* */ 


#staff-oubo .left {
	width			: 91px;
	height			: 31px;
	clear			: both;
	float			: left;
	overflow		: hidden;
}

#staff-oubo .right {
	width			: 139px;
	height			: 31px;
	overflow		: hidden;
	display			: block;
	color			: #FF9900;
	padding			: 2px 0px 0px 5px;
}

#staff-oubo .center {
	width			: auto;
	height			: auto;
}

/*link*/
#link-text {
	width			: 240px;
	color			: #666666;
	margin-left		: 150px;
}


/*\*/
* html #link-text { margin-top:-10px;}	/* For Win IE */
/* */ 

#center-menu {
	width			: 359px;
	height			: auto;
	text-align		: left;
	overflow		: hidden;
	display			: block;
	font-size		: 12px;
	margin-top		: 20px;
	float			: left;
	padding-left	: 15px;
	position		: absolute;
	top				: 420px;
	left			: 250px;
}

#center-menu .text {
	color			: #666666;
	line-height		: 14px;
}

#center-menu .subtitle {
	width			: auto;
	height			: 25px;
	font-size		: 14px;
	padding-top		: 10px;
	font-weight		: bold;
	color			: #CC9933;
}


#shop-info1 {
	width			: 280px;
	height			: auto;
	margin-top		: 10px;
	clear			: both;
	float			: left;
}

/*\*/
* html #shop-info1 {width:300px; height:116px; margin-top:20px;}
/* For Win IE */


#shop-info1-jpg {
	clear			: both;
	float			: left;
	width			: 116px;
	height			: 116px;
}

#shop-info1-side {
    clear			: both;
	width			: 164px;
	color			: #999999;
	position		: absolute;
	left			: 130px;
	top				: 470px;
}

@media screen and (max-device-width: 480px) {
#shop-info1-side {
    clear			: both;
	width			: 164px;
	color			: #999999;
	position		: absolute;
	left			: 130px;
	top				: 670px;
}
}

#shop-info1-side .shopsubtitle {
	font-size		: 14px;
	font-weight		: bold;
	color			: #CC9933;
	margin			: 0px 0px 0px 10px;
}

/*\*/
* html #shop-info1-side .shopsubtitle { width:200px; height:1px;}	
/* For Win IE */

#shop-info1-side .shopsubsetumei {
	font-size		: 12px;
	color			: #666666;
	margin			: 10px 0px 0px 10px;
	line-height		: 18px;
}


#shop-info2 {
	width			: 340px;
	height			: auto;
	margin-top		: 10px;
	margin-left		: 10px;
	clear			: both;
	float			: left;
	position		: absolute;
	top				: 900px;
	left			: 550px;
	text-align		: left;
}

@media screen and (max-device-width: 480px) {
#shop-info2 {
	top				: 1100px;
}
}

/*\*/
* html #shop-info2 { margin-top:30px; margin-left:20px;}	
/* For Win IE */

#shop-info2-jpg {
	clear			: both;
	float			: left;
	width			: 116px;
	height			: 116px;
}


#shop-info2-side {
	width			: 220px;
	padding-top		: 0px;
	overflow		: hidden;
	color			: #999999;
}

#shop-info2-side .shopsubtitle2 {
	font-size		: 14px;
	font-weight		: bold;
	color			: #CC9933;
	margin			: 0px 0px 0px 10px;
}

#shop-info2-side .shopsubsetumei2 {
	font-size		: 12px;
	color			: #666666;
	margin			: 10px 0px 0px 10px;
	line-height		: 18px;
}

#shop-info3 {
	clear			: both;
	width			: 640px;
	height			: auto;
	margin-top		: 10px;
	float			: left;
	position		: absolute;
	top				: 1030px;
	left			: 265px;
	text-align		: left;
}

@media screen and (max-device-width: 480px) {
#shop-info3 {
	top				: 1250px;
}
}

/*\*/
* html #shop-info3 { margin-top:30px; margin-left:5px;}	
/* For Win IE */

html[xmlns] #shop-info3 { margin-left:0px;}

#shop-info3-jpg {
	clear			: both;
	float			: left;
	width			: 116px;
	height			: 116px;
}

#shop-info3-side {
	width			: 524px;
	padding-top		: 0px;
	overflow		: hidden;
	color			: #999999;
}

#shop-info3-side .shopsubtitle3 {
	font-size		: 14px;
	font-weight		: bold;
	color			: #CC9933;
	margin			: 5px 0px 0px 10px;
}

#shop-info3-side .shopsubsetumei3 {
	font-size		: 12px;
	color			: #666666;
	margin			: 10px 0px 0px 10px;
	line-height		: 18px;
}

#right-menu {
	width			: 290px;
	margin-top		: 5px;
	text-align		: left;
	float			: right;
	clear			: both;
	position		: absolute;
	top				: 430px;
	left			: 650px;
	font-size		: 12px;
}

#right-menu .shop-info-text {
	width			: 251px;
	height			: auto;
	color			: #666666;
	font-size		: 12px;
	font-weight		: bold;
	line-height		: 18px;
	margin-top		: 5px;
}

#right-menu .access {
	font-size		: 12px;
	clear			: both;
	float			: left;
	width			: 200px;
	height			: 40px;
	font-weight		: bold;
}

#right-menu .access a:link		{color: #339966;}
#right-menu .access a:visited	{color: #339966;}
#right-menu .access a:hover		{color: #FF6633;}
#right-menu .access a:active 	{color: #1374d6;}

#right-menu .point {
	margin-top		: 20px;
	width			: 251px;
	height			: 277px;
	position		: absolute;
	top				: 10px;
	left			: 0px;
}

#right-menu .point-setumei {
	width			: 180px;
	height			: 277px;
	padding			: 165px 0px 30px 25px;
	color			: #666666;
	line-height		: 20px;
	font-weight		: 300;
	font-size		: 12px;
}

#point-menu-top {
	height			: 150px;
	width			: 251px;
	position		: absolute;
	top				: 130px;
	left			: 5px;
	line-height		: 20px;
}

#point-menu-top a:link		{color: #339966;}
#point-menu-top a:visited	{color: #339966;}
#point-menu-top a:hover		{color: #FF6633;}
#point-menu-top a:active 	{color: #1374d6;}


#point-menu {
	height			: 277px;
	width			: 251px;
	position		: absolute;
	top				: 180px;
	left			: 0px;
}

#point-menu .setumei {
	clear			: both;
	color			: #666666;
	line-height		: 20px;
	font-weight		: 300;
	font-size		: 12px;
	position		: absolute;
	top				: 170px;
	left			: 20px;
}

#last-line {
	width			: 640px;
	height			: 14px;
	background-image: url(../img/line.gif);
	position		: absolute;
	top				: 1130px;
	left			: 265px;
}

@media screen and (max-device-width: 480px) {
#last-line {top: 1430px;}
}
/*\*/
* html #last-line {margin-top:20px; margin-left:5px;}	
/* For Win IE */

#Clear1 {
	width			: 10px;
	height			: 15px;
}


#Clear2 {
	width			: 10px;
	height			: 260px;
}

#footer-line {
	background-image: url(../img/last-bg.gif);
	width			: 100%;
	min-width		: 1000px;
	height			: 40px;
	position		: absolute;
	top				: 1320px;
	left			: 0px;
	padding			: 30px 0px 0px 10px;
}

@media screen and (max-device-width: 480px) {
#footer-line {
	width			: 105%;
	top				: 1500px;
}
	}

/*\*/
* html #footer-line { margin-top:10px;}	
/* For Win IE */

#menu_footer_addres {
	clear			: both;
	width			: 300px;
	font-size		: 12px;
	color			: #666666;
	position		: absolute;
	top				: 30px;
	left			: 80px;
}


#menu_footer {
	clear			: both;
	float			: left;
	position		: absolute;
	top				: 30px;
	left			: 430px;
	width			: 650px;
	font-size		: 12px;
}

@media screen and (max-device-width: 480px) {
#menu_footer {
	left			: 380px;
	width			: 650px;
	font-size		: 10px;
}
	}

#menu_footer ul li {
	float			: left;
	list-style		: none;
}
#menu_footer ul li a {padding: 0 10px;}

/*\*/
* html #menu_footer {width: auto; padding: 0 40px;}	/* For Win IE */
/* */ 

#footer-end {
	position		: absolute;
	top				: 1395px;
	left			: 500px;
	font-size		: 12px;
	text-align		: right;
	color			: #666666;
	width			: 480px;
}

@media screen and (max-device-width: 480px) {
#footer-end {
	top				: 1570px;
	text-align		: right;
	text-align      : center;
	left			: 10px;
	width:100%;
}


/*\*/
* html #footer-end { margin-left:-40px;}	/* For Win IE */
/* */ 

#link-p {
	display			: none;
}

/*rss*/
.rsstc   { font-size: 12px; background-color: #dddddd; margin: 0; padding: 0 }
.rsstc a { color: #0000ff;}
.rsstc em  { font-style: normal; font-weight: bold; margin-left: 10px; padding: 0 }
.rsstc ul   { background-color: #fdfdfd; margin: 0; padding: 0 ;border: solid 2px #dddddd }
.rsstc li   { list-style-type: none; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; border-bottom: 1px dashed #dddddd }