@charset "UTF-8";

/*-----------------------
	reset default css
-----------------------*/
body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,fieldset,legend,input,blockquote,pre{
	margin:0;
	padding:0;
}
fieldset,img{
	border:0;
}
ul,ol{
	list-style:none;
	padding: 5px 5px 0 5px;
}
address{
	font-style:normal;
}



/*-----------------------
	link
-----------------------*/
a { outline: none; }
a:link,
a:visited{
	color:#000;
}
a:hover{
	color:#999;
}
a:active{
	color:#000;
}

.yellow {
	color:#F90;
}

.yellow a:link,
.yellow a:visited{
	color:#F90;
}
.yellow a:hover{
	color:#FC0;
}
.yellow a:active{
	color:#F90;
}


/*-----------------------
 ブラウザのスクロールバー表示の違いを解決する
-----------------------*/
html
{
  overflow: scroll;
/*  overflow: -moz-scrollabars-vertical;*/
  overflow-x: scroll;
}

/*-----------------------
  表(テーブル)のボーダー表示方法の違いを解決する
-----------------------*/
table
{
  border-collapse: collapse;
  border-spacing: 0;
}

/*-----------------------
  イメージのリンクボーダーの非表示化
-----------------------*/
img
{
 border: 0;
 max-width: 100%;
 height: auto;
}

/* ヘッダ
---------------------------------------------------- */

#header h1{
margin: 30px auto 90px; /* center on everything else */
/*width: 900px;*/
}

/* footer
---------------------------------------------------- */
#footer {
	margin-top: 50px;
  padding: 0 0 10px;
  /*width: 900px;*/
  color: #000;
}
#copyright {margin: 0; font-size: 9px; color:#444; clear:both;}



/* ナビゲーション
---------------------------------------------------- */

#header ul#nav {
  margin: 30px 0 0;
  padding: 0 0px;
  /*width: 900px;*/
  color: #333;
}
#header ul#nav li {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
  height: 30px;
  /*float: left;*/
}
#header ul#nav li a {
	display: block;
	padding: 0;
	margin: 0;
	height: 30px;
	text-decoration: none;
	background-image: url(../images/nav_items.gif);
	background-repeat: no-repeat;
}

#header ul#nav li#nav_top { width:  75px; }
#header ul#nav li#nav_news { width:  85px; }
#header ul#nav li#nav_concept { width:  113px; }
#header ul#nav li#nav_collections { width:  145px; }
#header ul#nav li#nav_specification { width: 157px; }
#header ul#nav li#nav_shop { width: 84px; }
#header ul#nav li#nav_campaign { width: 120px; }
#header ul#nav li#nav_contact { width: 121px; }


#header ul#nav li#nav_top a { background-position: 0 0; }
#header ul#nav li#nav_news a { background-position: -75px 0; }
#header ul#nav li#nav_concept a { background-position: -160px 0; }
#header ul#nav li#nav_collections a { background-position: -273px 0; }
#header ul#nav li#nav_specification a { background-position: -418px 0; }
#header ul#nav li#nav_shop a { background-position: -575px 0; }
#header ul#nav li#nav_campaign a { background-position: -659px 0; }
#header ul#nav li#nav_contact a { background-position: -779px 0; }

#header ul#nav li#nav_top a:hover { background-position: 0 50%; }
#header ul#nav li#nav_news a:hover { background-position: -75px 50%; }
#header ul#nav li#nav_concept a:hover { background-position: -160px 50%; }
#header ul#nav li#nav_collections a:hover { background-position: -273px 50%; }
#header ul#nav li#nav_specification a:hover { background-position: -418px 50%; }
#header ul#nav li#nav_shop a:hover { background-position: -575px 50%; }
#header ul#nav li#nav_campaign a:hover { background-position: -659px 50%; }
#header ul#nav li#nav_contact a:hover { background-position: -779px 50%; }

.top #header ul#nav li#nav_top a { background: url(../images/nav_items.gif) 0 100%; }
.news #header ul#nav li#nav_news a { background: url(../images/nav_items.gif) -75px 100%; }
.concept #header ul#nav li#nav_concept a { background: url(../images/nav_items.gif) -160px 100%; }
.collections #header ul#nav li#nav_collections a { background: url(../images/nav_items.gif) -273px 100%; }
.specification #header ul#nav li#nav_specification a { background: url(../images/nav_items.gif) -418px 100%; }
.shop #header ul#nav li#nav_shop a { background: url(../images/nav_items.gif) -575px 100%; }
.campaign #header ul#nav li#nav_campaign a { background: url(../images/nav_items.gif) -659px 100%; }
.contact #header ul#nav li#nav_contact a { background: url(../images/nav_items.gif) -779px 100%; }

/* サブナビゲーション
---------------------------------------------------- */
#header ul#subnav {
  position: absolute;
	width:230px;
	height:45px;
  top:  70px;
	right:0px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#header ul#subnav li {
	padding: 0 5px;
	color: #666;
	display: block;
	font-size: 0.6em;
	float:left;
}
#header ul#subnav .siteselect {
	margin:10px 0;
}
#header ul#subnav .siteselecton {
	margin:10px 0;
}
.siteselect a:link,
.siteselect a:visited{
	color:#C90;
	text-decoration: none;
}
.siteselecton a:link,
.siteselecton a:visited{
	color:#FC0;
	text-decoration: none;
}
.siteselect a:hover{
	color:#FC0;
}
.siteselect a:active{
	color:#FC0;
}


/* clear
---------------------------------------------------- */
.clear { clear: both;}


/* ページ全体の基本レイアウト
---------------------------------------------------- */
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"ＭＳ Ｐゴシック",sans-serif, Arial;
	line-height:1.4;
	text-decoration:none;
	font-weight:normal;
	background-color: #FFF;
	background-image: url(../images/background.gif);
	background-repeat: repeat;
	word-wrap: break-word;/* IEのCSSハック */
	}
#container {
position: relative;
margin: 0 auto 10px;
padding: 0;
width: 900px;
background-color:#FFF;
}

#top #container { /* レスポンシブ用 */
width: 90%;
max-width: 900px;
}

#content hr {
  clear: left;
  visibility: hidden;
  height: 0;
  margin: 0;
  border: none;
}
#news #content{
	margin-bottom:30px;
}
#news #maincol {
	float: left;
	width: 740px;
	_width: 700px;
	_margin:15px 0 0 40px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
#news #subcol {
	float: left;
	width: 105px;
	_width: 80px;
  margin: 20px 0 0 35px;
	_margin: 15px 0 0 20px;
}
#news #subcol p {
	text-align:left;
	font-size:0.8em;
	color:#666;
}
#news .newscol {
	margin:0 30px 0;
	_margin:0 0 0;
}
#news .newscol li{
	text-align:left;
	padding:25px 0 0 ;
	_padding:15px 0 15px;
	display:block;
	clear:both;
}
#news .newscol li .newstitle {
	font-size:0.9em;
	color: #333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding: 10px 0 0;
	_padding: 0 0 0px;
	font-weight: bold;
}
#news .newstitle  span{
	display:block;
	margin-bottom:5px;
	font-weight: normal;
}
#news .newscol li .newstext {
	font-size:0.7em;
	color: #666;
	float:left;
	margin: 15px 5px 0 0;
	_margin: 15px 0 0 0px;
	line-height: 1.8em;
	width:660px;
	_width:710px;
}
#news .newstext .right {
	float:right;
	margin: 0 0 0 15px;
}
#news .newstext .center {
	margin: 0 auto 5px;
}
#news .newstext span {
	margin-top:15px;
	display: block;
}

#top #content{
	background-color: #FFF;
	margin-bottom:30px;
	clear: both;
}
#top #content img{
	margin-top:20px;
}

#top .news-release{
	text-align:left;
	padding: 5px 5px 5px 5px;
	font-size: 14px;
}

.sns {
	text-align: center;
	margin-top: 50px;
}
.sns li {
	display: inline-block;
	margin: 0 8px;

}
.sns li a img {
	display: inline-block;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	border:2px solid #e6e6e6;
}
.sns li a:hover {
	opacity: 0.8;
}

#top h3 {
	color: #333;
	font-size: 18px;
	padding-top: 10px;
	padding-left: 5px;
	margin-bottom: 8px;
	border-bottom: 3px #e2b752 solid;
	text-align: left;
}

/*#top .news-release h3 {
	color: #333;
	font-size: 18px;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 5px;
	border-bottom: 3px #e2b752 solid;
}*/

#top .news-release ul {
	/*padding:5px 5px 0 20px;*/
	padding:5px 5px 0 0;

}

#top .news-release li {
	color:#999;
	font-size:12px;
	padding-left: 5px;
	padding-bottom: 3px;
	line-height: 2;
}

#top .news-release a:link,
#top .news-release a:visited{
	color:#F90;
}
#top .news-release a:hover{
	color:#FC0;
}
#top .news-release a:active{
	color:#F90;
}


#top .collections-list {
	padding: 5px;
}

#top .collections-list ul{
	text-align:center;
	margin:8px 0 0;
}

#top .collections-list ul li{
	display:inline-block;
	/*margin:5px 2px 0;*/
	margin: 3px;
	padding:0;
}
#top .collections-list ul li img{
	/*border:1px solid #CBCACA;*/
	-moz-border-radius: 105px;
	-webkit-border-radius: 105px;
	border-radius: 105px;
	margin-top: 0!important;
}

#top .collections-list ul li a:hover{
	opacity:0.7;
}








#concept #content{
	margin-top:15px;
}

#concept #content img{
	float:left;
	margin-left:40px;
}
#concept #content p{
	float:left;
	width: 370px;
	margin:140px 0 0 40px;
	text-align:left;
	font-size:0.9em;
	color:#4A4A4A;
	line-height: 1.6em;
}
#concept #content p span{
	float:right;
	font-size:1em;
	color:#666;
}

#shop #container-inner {
 padding: 50px 0 20px;/* all browsers, of course */
 padding: 20px 0 20px;\9; /*IE8 and below */
 margin:0 auto;
 width: 800px;
 text-align: left;
}

#shop .txt{
	font-size:0.7em;
	color:#666;
	margin:5px 0;
	}
#shop ul {
	list-style-image: url(../images/shop_liststyle.gif);
	margin:0;
	padding:0;
}

#shop li {
	padding:0 0 0 15px;
	display:inline;
	font-size:12px;
	}

#shop .shoplist {
	font-size:0.7em;
	color:#484848;
	border-collapse:collapse;
	border-spacing:0;
	border: solid 1px #000000;
	empty-cells:show;
	
	width: 800px;
}

#shop .t-head th{
	background-color:#CCC;
	border:solid 1px #696969;
	color:#333;
	height:30px;
	text-align:center;
}

#shop .shoplist td{
	border:solid 1px #696969;
	font-size:1em;
	padding: 7px 3px;

}
#shop .tx10pt{font-size: 1.1em;}

.gototop{
	color: #777777;
	font-size: 0.8em;
	margin: 5px 0 20px;
}

#specification #contentinner{
	width:750px;
	margin: 0 auto;
  padding:50px 0 30px;
}
#specification h2{
	font-size:0.8em;
	display:block;
	text-align:left;
	margin:0px 0 30px;
	padding:0 10px 5px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#specification .wrapper_spec{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#specification h3{
	float:left;
	width:340px;
}
#specification h4{
	font-size:0.8em;
	color:#0099cc;
	border-width: 1px 0;
	border-style: dotted;
	border-color: #0099cc;
	margin-bottom:10px;
	padding: 5px 0;
}
#specification .spec{
	float:left;
	width:400px;
	text-align:left;
}
#specification h3 span{
	font-size:0.7em;
	display:block;
	margin-bottom:5px;
}
#specification .spec p{
	font-size:0.8em;
	color:#666;
}
#specification .spec dl{
	display:block;
	font-size:0.8em;
	color:#666;
	margin:10px 0;
}
#specification .spec dt{
	padding-top:7px;
	line-height:1em;
}
#collections #content_inner{
	width:900px;
	margin: 0 auto;
	padding:40px 0;
}
#collections #content_inner table{
	border:none;
	margin:0 auto 0;
}

#collections #content_inner td{
	text-align:center;
	width:175px;
	vertical-align: top;
}
#collections #content_inner p{
	font-size:0.8em;
	color:#666;
	vertical-align: top;
	line-height: 1.1em;
}
#collections #content_inner .new{
	font-size:1.1em;
	color:#F30;
}
#collections #content_inner .limited{
	font-size:1.1em;
	color:#03C;
}
.collection a:link,
.collection a:visited{
	color:#666;
	text-decoration: none;
}
.collection a:hover{
	color:#f3d7d6;
	text-decoration: none;
}
.collection　a:active{
	color:#666;
	text-decoration: none;
}
#campaign .construction{
	padding:50px 0;
}
#campaign .construction p{
	color:#F93;
}

.new-spec {
	padding:1px 2px;
	background-color:#F00;
	font-weight:bold;
	color:#FFF;
	line-height:1.5em;
}
.new-img {
	display:block;
	text-indent: -9999px;
	height: 20px;
	width:34px;
	background:url(../images/new.gif);
	background-repeat: no-repeat;
	margin-bottom:2px;
}

.Limited-img {
	display:block;
	text-indent: -9999px;
	height: 20px;
	width:51px;
	background:url(../images/LIMITED.gif);
	background-repeat: no-repeat;
	margin-bottom:2px;
}
.news-specification {
	font-size: 0.7em;
	color:#666;
	margin-bottom:10px;
	border-top: 1px solid #DBE0E0;
}
.news-specification th {
	background-color: #E5F7FC;
	padding:7px;
	text-align: center;
}
.news-specification tr {
	border-bottom: 1px solid #DBE0E0;
}
.news-specification td {
	padding:7px 10px;
	border-left: 1px solid #DBE0E0;
}




#campaign #container { /* レスポンシブ用 */
width: 90%;
max-width: 900px;
}
#campaign #content{
	background-color: #FFF;
	margin-bottom:30px;
	clear: both;
}
#campaign #content img{
	margin-top:20px;
}

#campaign .collections-list {
	padding: 5px;
}

#campaign .collections-list ul{
	text-align:center;
	margin:8px 0 0;
}

#campaign .collections-list ul li{
	display:inline-block;
	/*margin:5px 2px 0;*/
	margin: 3px;
	padding:0;
}
#campaign .collections-list ul li img{
	/*border:1px solid #CBCACA;*/
	-moz-border-radius: 105px;
	-webkit-border-radius: 105px;
	border-radius: 105px;
	margin-top: 0!important;
}

#campaign .collections-list ul li a:hover{
	opacity:0.7;
}