@charset "utf-8";
/* 2007.07.05 文字コード変更 */
/* サイト共通 */

html, body{height: 100%;}

a:link { text-decoration: none; color:#0033CC; }
a:visited { text-decoration: none; color:#0033CC; }
a:hover { text-decoration: none; color:#CCC; background: #0033CC}
a:active { text-decoration: none; color:#0033CC; }

a img {
	background: none;
	border: none;
}

a img:hover {
	background: none;
	border: none;
}

a:hover.bgNone{
	background: none;
	border: none;
}

a img {
	border: 0;
}


	
body {
	margin: 0;
	line-height: 1.8em;
	font-size: small;
	background: #CCC;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body#cover{
	background: #0033CC;
}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
}

h1, h2 {
	margin-bottom: 15px;
	font-size: 150%;
}

p {
	margin: 10px 0 15px 0;
}

.note { 
       color: #F00;
 }	

.clr {
 	clear: both;
 	margin: 0;
 	padding: 0;
 	height: 1px;
 }
 
.credit {
	line-height: 1.1em;
}

.copyright{
	font-family: Verdana;
}

.mainPhoto{
	margin-bottom: 25px;
}

.mainImage{
  margin-bottom: 20px;
}

#main .article{
	margin-bottom: 40px;
}

#main ul.spec{
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
}

#main .list ul.spec{
	clear: none;
	margin: 0 0 20px 0;
	padding: 0;
}


#main ul.spec li{
	list-style : none;
}

#main .control{
	width: 400px;
	text-align: right;
}

#main #slide .control{
	width: 600px;
	text-align: right;
}#main #slide p.control{	margin-top: 0;}


#shop p,
#project p,
#news p,
#mimoca p{
	width: 475px;
}


/* icon */

 .pdf{
 	padding-left: 20px;
 	background: url("/common/images/pdfIcon.gif") no-repeat left top;
}
 
/* レイアウト */

#container {height: 100%;}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -55px; /* the bottom margin is the negative value of the footer's height */
  overflow: hidden;
  _overflow: visible;
}


/* header */

#header {
	font-size: 0.9em;
	padding: 25px 0 0 25px;
	height: 50px;
	background: #FFF;
}

#header .logo {
	position:absolute;
	left: 25px;
	width: 225px;
}

ul#globalNavigation {
	position:absolute;
	left: 250px;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	width: 615px;
	font-weight: bold;
}

ul#globalNavigation  li {
	display: inline;
	margin-right: 15px;
	float: left;
}

ul#globalNavigation  li.lang{
	font-style: italic;
	float: right;
}

ul#globalNavigation a:link { text-decoration: none; color:#000;}
ul#globalNavigation a:visited { text-decoration: none; color:#000; }
ul#globalNavigation a:hover { text-decoration: none; color:#000; background: none;}
ul#globalNavigation a:active { text-decoration: none; color:#000; }


/* sideber */

#sideber {
	position:absolute;
	left: 25px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	width: 200px;
	padding: 25px 0 0 0;
}

#sideber h1 a:link { text-decoration: none; color:#000;}
#sideber h1 a:visited { text-decoration: none; color:#000; }
#sideber h1 a:hover { text-decoration: none; color:#000; background: none;}
#sideber h1 a:active { text-decoration: none; color:#000; }


ul#localNavigation {
	margin: 25px 0 0 0;
	padding: 0;
}

ul#localNavigation li {
	font-weight: bold;
	list-style: none;
}

ul#localNavigation a:link { text-decoration: none; color:#0033CC; }
ul#localNavigation a:hover { text-decoration: none; color:#CCC; background: #0033CC}

ul#localNavigation li.active a { text-decoration: none; color:#000; }
ul#localNavigation li.active a:hover { text-decoration: none; color:#000;background: none; }

/* Main */

#main {
	font-size: 0.9em;
	width: 620px;
	padding-top: 25px;
	margin-left: 250px;
}

#main h1{
	font-size: 2em;
	line-height: 130%;
}

#main h1.small{
	font-size: 1.3em;
	line-height: 130%;
}

#main h1 .en{
	font-size: 0.5em;
	font-weight: normal;
}

#main h2 {
	margin-bottom: 25px;
	font-size: 2em;
}

#main h3 {
	font-size: 1em;
}

#main h4 {
	font-size: 1em;
}

/* footer
--------------------------------- */
#footer, .push{
  height: 55px; /* .push must be the same height as .footer */
}
#footer{
	text-align: left;
	clear: both;
	font-size: 0.9em;
}

#footer .inner {
	clear: both;
	padding: 25px 225px 0 250px;
}

#footer .copyTop{
	color: #ffffff;
	position:fixed;
	bottom:20px;
	left:20px;
	position:absolute;
}


/* サイトごとの設定 */

/* news */


#news h1, #news h2 {
	margin-bottom: 15px;
	font-size: 150%;
}

#news .date{
	margin-left: 25px;
	font-weight: normal;
	font-size: small;
}

#news .article{
	margin-bottom: 40px;
	clear: both;
	overflow: hidden;
}

#news .article img.thumbnail{
	margin-bottom: 15px;
	float: left;
}

#news ul{
	margin-bottom: 20px;
	padding: 0 0 0 15px;
	list-style-type: square;
}

#news li{
	margin-bottom: 5px;
	line-height: 140%;
}

#news ul.spec{
	margin-bottom: 15px;
	padding: 0;
	width: 355px;
}

#news .list{
	margin: 15px 0;
}

#news .list ul.spec{
	margin: 0 0 0 120px;
	padding: 0;
	width:355px;
}


/* press release */

#press .article{
	clear: both;
	overflow: hidden;
	margin-bottom: 0;
}

#press .article .thumbnail{
	margin-right: 25px;
	float: left;
	width: 100px;
}

#press .article .data{
	float: right;
	width: 485px;
	overflow: hidden;
}

#press .clear{
	clear: both;
}

/* about us */

#about .date{
	margin-left: 25px;
	font-size: 0.80em;
	font-weight: normal;
}

#about .article{
	margin-bottom: 50px;
}

table.career, table.contact{
	margin: 10px 0 10px 0;
}

table.career td{
	padding: 0 25px 10px 0;
}

table.contact td{
	padding: 0 15px 5px 0;
}

table.contact textarea.textArea{
	width: 475px;
}
table.contact input.text{
	width: 300px;
}



/* shop */ /* project */

#shop .article, #project .article{
	clear: both;
}

#shop .list, #project .list{
	height: 100px;
}

#shop .article img.thumbnail, #project .article img.thumbnail{
	float: left;
}

#shop .article h3, #project .article h3{
	margin: 0 0 5px 120px;
}

#shop ul.spec, #project ul.spec{
	margin: 0 0 25px 0;
	padding: 0;
	width: 475px;
}

#shop .list ul.spec, #project .list ul.spec, p.spec{
	margin: 0 0 0 120px;
	padding: 0;
	width: 500px;
}

#shop ul.spec li, #project ul.spec li{
	list-style : none;
}

#shop .price{
	font-weight: bold;
}

#shop .soldOut{
	text-decoration: line-through;
}

#shop .original,
#project .original{
	border: 1px solid #0033CC;
	color: #0033CC;
	font-size: x-small;
	padding: 0 3px 0 3px;
}#project .original,
#project .new{
	margin-left: 12px;
}

#shop .new,
#project .new{
	color: red;
	font-size: x-small;
}

#shop li .original, #shop li .new{
	margin-left: 12px;
}

#shop .profile{
	padding-right: 125px;
 	background: url("/common/images/spacer.gif") no-repeat right top;
 }
 
#shop #popup{
	padding: 25px;
	background-color: #CCC;
 }
 
#shop #popup{
	padding: 25px;
	background-color: #CCC;
 }

#shop #item{
	overflow: hidden;
	width: 600px;
	position: relative;
}

#shop .sky{
	position: absolute;
	top: 0;
	right: 0;
}

#shop #title{
	float: left;
	width: 370px;
}

#shop #shopForm option{
	padding: 0px 4px 0px 4px; 
}

#shop .stockTableMulti{ 
    width: 420px;
}

#shop .stockTableSingle{ 
    width: 220px;
}

.shopList h3{
  margin-top: 30px;
}

.pageNavigation{
  position: relative;
  width: 100%;
}

.pageNavigation .previous{
  position: absolute;
  left: 0;
  top: 2px;
}

.pageNavigation .next{
  position: absolute;
  right: 0;
  top: 2px;
}


#project .date{
	margin-left:25px;
	font-weight:normal;
}

#project li.news{
	margin-bottom:30px;
}

#project #menu h3{
	margin:0 0 30px 0;
	font-size:1em;
}

#project #menu h3 span{
	border:1px solid #666666;
	padding:3px;
}

#project #menu h4{
	margin:0;
	font-size:1em;
}

#project #menu h4 span.choice{
	padding-left:10px;
	font-weight:normal;
}

#project #menu h4 span.price{
	padding-left:10px;
}

#project #menu p{
	width:100%;
	margin:0;
}

#project #menu .article p.marginbottom{
	margin:0 0 10px 0;
}

#project #menu ul.option{
	margin:15px 0 0 0;
	padding-left:15px;
	list-style-type:none;
}

#project #menu li.marginbottom{
	margin-bottom:15px;
	padding-left:0;
}

#project #menu .article{
	padding-left:0;
	margin-bottom:30px;
}

#project #menu .articleLast{
	padding-left:0;
	margin-bottom:45px;
}

#project #menu .pageTop{
	margin-bottom:45px;
}

.description{
	width: 475px;
}



/* mimoca */
#mimoca .profile,
#food .profile{
	padding-right: 125px;
 	background: url("/common/spacer.gif") no-repeat right top;
 }
 
 #food h1{
 }
 
#food h2{
 	margin: 40px 0 0 0;
 	font-size: 150%;
 }
 
#food h3{
 	margin: 20px 0 0 0;
 }
 
 #food h4{
 	margin: 0;
 }

 #food p{
 	margin:0 0 15px;
 }
 
#food ul{
	margin-bottom: 15px;
	padding: 0 0 0 15px;
	list-style-type: square;
 }
 
 #food li.news p{
  margin: 0;
 }
 
 #food .lead, #food ul.spec{
 	margin-bottom: 40px;
 }


/* form */
.error-message {
	color: #ee0000;
}

.shopForm{
	line-height: 140%;
}

.shopForm td{
	padding: 6px 6px 6px 6px;
	background: #CCC;
}

.shopForm td.label{
  width: 140px;
  vertical-align: top;
}

.shopForm .paymentType td{
   line-height: 1.8em;
   padding: 6px 12px 6px 0;
}

p.webcollect{
  margin: 0 0 3px 0;
}

/* sky */
#sky .block{
	margin-bottom: 25px;
}

#sky h4{
	margin-top: 15px;
}

/* admin */

#contents {
	padding: 0 30px 0 30px;
}

form { 
	margin-bottom: 0;
}

#pallet{
	width: 500px;
	text-align: right;
	font-size:x-small;
}

#pallet textarea{
	margin-top: 0;
	width: 500px;
}

#pallet a{ padding: 2px; border: #0000FF solid 1px; }
#pallet a:hover { text-decoration: none; background-color: #0000FF; color:#E1E1E1; }
#pallet a:visited { text-decoration: none; color:#0000FF; }
#pallet a:visited:hover{ text-decoration: none; color:#FFFFFF; }

.pagination .arrow-right{
	padding-left: 0;
	padding-right: 15px;
}

.login-indication { 
	font-size:x-small;
	line-height:180%;
	float: right;
	padding: 2px 6px 2px 6px;
	border: #666666 solid 1px;
}