/***********************************************/
/* english.css                              */
/***********************************************/

body{
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	height:100%;
	color: #333333;
	font-size: 80%;
	line-height: 140%;	
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	/*text-align: center;*/
}
/*フッターを画面の下に表示*/
html{
	height:100%
}
* html div#container{
	height:100%;
}
body > #container{
	height:auto;
}

a{
	/*color: #999999;*/
	text-decoration: none;
}

a:link{
	/*color: #999999;*/
	text-decoration: none;
}

a:visited{
	/*color: #999999;*/
	text-decoration: none;
}

a:hover{
	/*color: #999999;*/
	text-decoration: underline;
}
h1{
 font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
 font-size: 114%;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
 font-size: 105%;
 margin: 0px;
 padding: 0px;
}

h3 ,h4{
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

p{
	fontsize:80%;
	text-align:130%;
	letter-spacing:0.05em;
}
img{
	border: 0px; 
}
ul{
	list-style-type: disc;
	padding: 0px;
	margin-top: 0px; 
}
tr,td,th {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

.tdright {
	padding: 0px 0px 0px 10px;
}
#container{
	position:relative;
	top: 0px;
	width:760px;
	min-height: 100%;
	background-color: #ffffff;
	background-image: url("images/bg_container.gif");
	background-repeat: repeat-y;
	margin: 0px auto 0px auto;
	padding: 0px auto 0px auto;
	text-align: left;
}
#head{
	position: relative;
	top: 0px;
	width:760px;
	height: 40px;
	background-color: #fff9b7;
	background-image:   url("images/bg_head.gif");
	background-attachment: fixed;
	background-position: right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: left;	
}

#hlogo {
	float: left;
	margin: 0px;
	padding: 0px;
}

#hglink{
	font-size: 12px;
	color: #663300;
	margin: 0px;
	padding: 15px 10px 0px 0px;
	text-align: right;
}

#hglink a{
	color: #663300;
	text-decoration: none;
}
#gnavi{
	position: relative;
	top: 0px;
	width:760px;
	height: 27px;
	background-image: url("images/bg_gnavi.jpg");
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#gnavi ul{
	margin: 0px;
	padding: 0px;
}

#gnavi ul li{
	display: inline;
	list-style-type: none;
}

#gnavi li a{
	position: absolute;
	display: block;
	width: 152px;
	height: 27px;
	margin: 0px;
	padding: 27px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#gnavi li a:hover{
	background-position: 0px -27px;
}

#gnaviPuse a{background-image: url("images/bt_gnavi_01.jpg"); left: 0px;}
#gnaviBuse a{background-image: url("images/bt_gnavi_02.jpg"); left: 152px;}
#gnaviCompany a{background-image: url("images/bt_gnavi_03.jpg"); left: 304px;}
#gnaviInfo a{background-image: url("images/bt_gnavi_04.jpg"); left: 456px;}
#gnaviShop a{background-image: url("images/bt_gnavi_05.jpg"); left: 608px;}

body.Puse #gnaviPuse a{background-position: 0px -27px;}
body.Buse #gnaviBuse a{background-position: 0px -27px;}
body.Company #gnaviCompany a{background-position: 0px -27px;}
body.Info #gnaviInfo a{background-position: 0px -27px;}
body.Shop #gnaviShop a{background-position: 0px -27px;}

#feature{
	position: relative;
	top: 0px;
	width:760px;
	background-color: #ffffff;
	border-top: 1px solid #e5e5e5;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.story {
	margin: 0px;
	padding: 15px 0px 0px;
	text-align: left;
}
#snavi{
	position: absolute;
	left: 0px;
	width: 138px;
	font-size: 12px;
	color: #663300;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-align: left;
}

#snavi ul{
	margin: 0px;
	padding: 0px;
}

#snavi ul li{
	display: block;
	height: 23px;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #c3c3f3;
	list-style-type: none;
	margin: 0px;
	padding: 4px 0px 0px 0px;
}	

#snavi li a{
	color: #666666;
	margin: 0px;
	padding: 0px;
}

#snavi a:hover{
	color: #663300;
}

.snavi1 {background-image: url("images/bt_snavi1.gif"); text-indent: 18px;}
.snavi2 {background-image: url("images/bt_snavi2.gif"); text-indent: 28px;}
.snavi3 {background-image: url("images/bt_snavi3.gif"); text-indent: 18px;}
.snavi0 {background-image: url("images/bt_snavip.gif"); text-indent: 18px;}

body.Puse .snavi0 {background-image: url("images/bt_snavip.gif");}
body.Buse .snavi0 {background-image: url("images/bt_snavib.gif");}
body.Company .snavi0 {background-image: url("images/bt_snavic.gif");}
body.Info .snavi0 {background-image: url("images/bt_snavii.gif");}
body.Shop .snavi0 {background-image: url("images/bt_snavis.gif");}

#contents{
	top: 0px;
	width: 600px;
	margin: 0px 0px 0px 158px;
	padding-bottom: 80px;
}
.topics {
	margin: 0px;
	padding: 24px 0px 0px 0px;
	text-align: left;
}

.topics img {
	margin: 0px;
	padding: 0px 4px 2px 0px;
}
.tpleft {
	margin: 0px;
	padding: 0px 0px 8px 0px;
	float: left;
}
#foot{
	position:absolute;
	bottom:0px;
	height:50px;
	/*clear: both;
	top: 0px;*/
	width: 760px;
	border-top: 1px solid #c0c0c0;
	color: #999999;
	background-color: #ffffff;
	/*margin: 20px 0px 0px 0px;*/
	padding-top: 5px;
	text-align: left;
}

#clogo {
	float: left;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}

#cglink {
	float: left;
	width: 390px;
	font-size: 10px;
	line-height: 12px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#cglogo {
	float: right;
	margin: 0px;
	padding: 0px;
}


#cglink ul{
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#cglink ul li{
	display: inline;
	margin: 0px;
	padding: 0px 12px 0px 0px;
}

#cglink a{
	text-decoration: underline;
	color: #666666;
}

#cglink a:hover{
	text-decoration: underline;
	color: #663300;
}

#copyright{
	clear: both;
	font-size: 10px;
	line-height: 12px;
	color: #999999;
	background-color: #fefeee;
	margin: 0px;
	padding: 2px 0px 4px 4px;
	text-align: center;
}



/***********************************************/
#gnaviProducts a{background-image: url("images/bt_gnavi_02.jpg"); left: 304px;}
#gnaviMiso a{background-image: url("images/bt_gnavi_03.jpg"); left: 456px;}
#gnaviUs a{background-image: url("images/bt_gnavi_04.jpg"); left: 608px;}


body.Products #gnaviProducts a{background-position: 0px -27px;}
body.Miso #gnaviMiso a{background-position: 0px -27px;}
body.Us #gnaviUs a{background-position: 0px -27px;}
body.Inquiry #gnaviInquiry a{background-position: 0px -27px;}

#cglink {
	width: 500px;
	color: #333333;
}

#container {
background-repeat: repeat;
background-image:url("images/bg_stripe.gif");}
#foot {
background-color: #ffffff}

/***********************************************/
.topnews {
	float: left;
	width: 430px;
	height:135px;
	font-size: 12px;
	line-height: 20px;
	background-color: #f7f4c9;
	background-image: url("images/top/bg_news.gif");
	background-position: left;
	background-repeat: repeat-y;
	margin:15px 6px 30px 0px;
	padding: 0px;
	text-align: left;
	overflow: scroll;
}

.topnews h3 {
	color: #cccccc;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
	background-image: url("images/top/bg_newsh3.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-color: #000066;
	margin: 0px;
	padding: 3px 0px 3px 16px;
}

.topnews ul {
	margin: 0px;
	padding: 10px 20px 4px 15px;
	list-style-type: none;
}

.topnews p {
	margin: 0px;
	padding: 12px 24px 20px 20px;
}

.topnews a{
	color: #663300;
	text-decoration: underline;
}

.topnews a:link{
	color: #663300;
	text-decoration: underline;
}

.topnews a:visited{
	color: #663300;
	text-decoration: underline;
}

.topnews a:hover{
	color: #663300;
	text-decoration: underline;
}

.goto {
	text-align: right;
	margin: 0px;
	padding: 12px 0px 4px 0px;
}

/***********************************************/
.toplink {
	float: left; 
	width: 130px;
	margin:15px 0 0 5px;
	padding: 0px;
	text-align: left;
}

.toplink h3 {
	width: 115px;
	color: #cccccc;
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
/*	background-position: 0px 0px;*/
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 3px 16px;
	background-color: #000066;
}

.toplink img {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}


/*
#gnaviProducts a{background-image: url("images/bt_gnavi_02.jpg"); left: 152px;}
#gnaviMiso a{background-image: url("images/bt_gnavi_03.jpg"); left: 304px;}
#gnaviUs a{background-image: url("images/bt_gnavi_04.jpg"); left: 456px;}
#gnaviInquiry a{background-image: url("images/bt_gnavi_05.jpg"); left: 608px;}
*/