@charset "utf-8";

/*　formatting style
---------------------------------------------------*/
* {
	font-style:normal;
	margin:0px;
	padding:0px;	
}

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	background-image: url(img/common/bkt.jpg);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 90%;
	padding-top: 10px;
}

hr{
	display: none;
}

/* link style
---------------------------------------------------*/
a img{
	border-style: none;
}

a:link {
	color: #333333;
	text-decoration: underline;
}

a:visited {
	color: #999999;
	text-decoration: underline;
}

a:hover {
	color: #8B668B;
	text-decoration: none;
}

a:active {
	position: relative;
	left: 1px;
	top: 1px;
}

/*　basic layout
---------------------------------------------------*/
#wrapper{
	width: 900px;
	margin:0px auto;
}

#center {
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}
#side {
	float: left;
	width: 150px;
	clear: both;
	margin-right: 20px;
}
#main {
	width: 730px;
	float: right;
}


#footer {
	clear: both;
	width: 900px;
	text-align: center;
	background-color: #000;
	color: #FFF;
}


/*header　
---------------------------------------------------*/
#header {
	width: 900px;
}

#globalnavi{
	height: 25px;
	width: 900px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-left-color: #999;
	border-right-color: #999;
	}

#globalnavi li {
	width: 180px;
	height: 25px;
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#globalnavi a {
	text-indent: -9999px;/*テキストを隠す */
	text-decoration: none;
	width: 180px;
	height: 25px;/* リンク領域を広げる*/
	background-repeat: no-repeat;
	background-image: url(img/common/nav6.jpg);
	float: left;
	display: block;
}

#menu1 a { background-position: 0 0; } /*表示画像の位置を指定*/
#menu2 a { background-position:-180px 0px; }
#menu3 a { background-position:-360px 0px; }
#menu4 a { background-position:-540px 0px; }
#menu5 a { background-position:-720px 0px; }



#globalnavi a:hover {
	text-decoration: none;
	background-image: url(img/common/nav6.jpg);
	background-repeat: no-repeat;
}

#menu1 a:hover{ background-position:0 -25px; }/* 入れ替え画像の位置を指定*/
#menu2 a:hover{ background-position:-180px -25px; }
#menu3 a:hover{ background-position:-360px -25px; }
#menu4 a:hover{ background-position:-540px -25px; }
#menu5 a:hover{ background-position:-720px -25px; }

#home #header #menu1 a { background-position: 0px -50px;}
#shopMain #header #menu2 a { background-position: -180px -50px;}
#stor1 #header #menu2 a { background-position: -180px -50px;}
#stor2 #header #menu2 a { background-position: -180px -50px;}
#stor3 #header #menu2 a { background-position: -180px -50px;}
#corporation #header #menu4 a { background-position:-540px -50px;}　
#contact #header #menu5 a { background-position:-720px -50px;}　

/*　footer
---------------------------------------------------*/
#footer a:link {
	color: #ffffff;
	text-decoration: underline;
}


/*main side　
---------------------------------------------------*/
#center #side ul{
		list-style-type: none;
	}

/*#center #side ul li a img {
	width: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}*/

#center #side ul li {
	width: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 100px;
}




/*main top
---------------------------------------------------*/
#holiday{
	padding-bottom: 20px;
	}



/*main info　
---------------------------------------------------*/

#info {
	float: left;
	width: 520px;
	margin-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#home #wrapper #center #main #info p img {
	margin-left: 20px;
}
#home #wrapper #center #main #info #news p img {
	margin-left: 0px;
}



#info p a img {
	background-position: center;
	margin-left: 20px;
}


/*main info news　
---------------------------------------------------*/
#news{
	width: 500px;
	margin-top: 40px;
	margin-right: 10px;
	margin-left: 10px;
	}
#center #main #info #news dl {
	margin-bottom: 10px;
}
#center #main #info #news dl dt {
	background-image: url(img/home/newimage02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	width: 6em;
	clear: both;
	float: left;
	padding-left: 17px;
}
#center #main #shop p img {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	margin-top: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#center #news #newinformation {width:500px; height:300px; background-color:#ffffff; overflow:scroll;}



/*main shop　
---------------------------------------------------*/

#shop {
	float: right;
	width: 190px;
	padding-top: 20px;
}
#center #main #shop ul {
	list-style-type: none;
}
#shop ul li a img {
	margin-bottom: 10px;
}
#center #main .bar1 {
	margin-bottom: 10px;
}





/*　shopmain 
---------------------------------------------------*/
#center #main .stor1 {
	width: 730px;
	clear: both;
	float: left;
	margin-bottom: 20px;
}
#center #main .stor1 .shopStyle  {
	width: 150px;
	margin-top: 10px;
	float: left;
}

#center #main .stor1 .shopPhoto{
	float: left;
	width: 150px;
	clear: both;
}

#center #main .stor1 .store2 {
	float: right;
	width: 550px;
}
#center #main .stor1 .store2  p img {
	float: right;
	width: 201px;
}

#center #main .stor1 .store2 .shopname {
	font-weight: bold;
	color: #FFF;
	background-color: #333;
	height: 20px;
	width: 530px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	clear: both;
	font-size: 95%;
}
#center #main #sum {
	float: left;
	width: 730px;
}


#center #main #sum .sum2 {
	background-color: #036;
	width: 710px;
	font-size: 100%;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	color: #FFF;
	padding-right: 10px;
}


/*　shop1（~4総合）
---------------------------------------------------*/
#center #main #col1 {
	width: 200px;
	float: left;
	padding-bottom: 10px;
}
#center #main #col1 p img  {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}


#center #main #col2 {
	float: right;
	width: 500px;
	margin-bottom: 10px;
	line-height: 1.9em;
}
#center #main #col2 h2 {
	font-size: 115%;
	color: #74325c;
	font-weight: bold;
	line-height: 1.7em;
}
#center #main #col2 .shop1Manager  {
	float: right;
	margin-left: 15px;
}

#center #main #col3 {
	width: 500px;
	float: right;
	margin-bottom: 10px;
}
#center #main #col3 #col3ex .type1 {
	float: left;
	font-size: 90%;
}
#center #main #col3 #col3ex .type2 {
	float: right;
	font-size: 90%;
}

#center #main #col3 #col3ex h2 {
	font-size: 120%;
	color: #74325c;
	line-height: 1.4;
	font-weight: bold;
}
#center #main #col3 .shop1img  {
	float: left;
	width: 225px;
}
#center #main #col3 #col3ex {
	width: 260px;
	float: right;
}
#center #main #col4 {
	width: 730px;
	float: left;
}
#center #main #col4 h2 {
	font-size: 130%;
	color: #74325c;
	font-weight: bold;
	text-align: center;
}

#center #main #col4 .shopLink{
	text-align: center;	
	}
/*　shop2
---------------------------------------------------*/
#center #main #col2 .shop2Manager {
	float: right;
	margin-left: 20px;
}


/*　shop3
---------------------------------------------------*/
#center #main #col2 .shop3Manager {
	float: right;
	margin-left: 20px;
}

/*　shop4
---------------------------------------------------*/
#center #main #col2 .shop4Manager {
	float: right;
	margin-left: 10px;
}


#stor4 #center #main #col3 h3  {
	font-size: 120%;
	font-weight: bold;
	color: #74325c;
	text-align: center;
	line-height: 1.4em;
}
#stor4 #center #main #col4 h3 {
	font-size: 120%;
	font-weight: bold;
	color: #74325c;
	text-align: center;
}

/*　shop5
---------------------------------------------------*/
#center #main #col2 .shop5Manager {
	float: right;
	margin-left: 10px;
}






/* form
---------------------------------------------------*/
#main  form  {
	margin-bottom: 25px;
}
#main input[type="text"], #main textarea {
	padding: 2px;
	border: 1px solid #999999;
}
#main form em {
	color: #FF0000;
	padding-left: 5px;
}
#main form textarea#comment {
	height: 120px;
	width: 300px;
	overflow: auto;
}
#main #contactForm #imageField {
	vertical-align: middle;
}


/*contact table
---------------------------------------------------*/
#contact #main table {
	margin-bottom: 15px;
	border-top: 1px solid #CCCCCC;
	border-collapse:collapse;
}
#contact #main table th {
	text-align: right;
	padding: 5px 15px;
	border-bottom: 1px solid #CCCCCC;
}
#contact #main table td {
	padding: 5px 15px;
	border-bottom: 1px solid #CCCCCC;
}
#contact #main table tr.odd {
	background-color: #EFEFEF;
}

/*　form その他
---------------------------------------------------*/
#main #byForm {
	font-size: 140%;
	background-color: #666;
	color: #FFF;
	padding-left: 10px;
}
#main #byMail {
	font-size: 140%;
	color: #FFF;
	background-color: #666;
	padding-left: 10px;
}
/*　mujiya card
---------------------------------------------------*/
#mujiyaCard #wrapper #center #main p.card {
	float: left;
	padding-left: 20px;
}

#mujiyaCard #wrapper #center #main h2 {
	font-size: 180%;
	color: #F00;
	font-weight: bold;
}
#center #main #cardCaption {
	width: 420px;
	float: right;
}

/*　goods
---------------------------------------------------*/
#center #main #goods {
	width: 730px;
	/*padding-top: 200px;
	padding-bottom: 200px;*/
}
#center #main #goods #goodsconcept {
	background-image: url(img/item/spuring-itemMapBg1.jpg);
	background-repeat: repeat-x;
	padding: 10px;
	width: 710px;
}
#center #main #goods #goodsguide {
	background-image: url(img/item/spuring-itemMainBg.jpg);
	background-repeat: no-repeat;
	width: 730px;
	height: 440px;
}
#center #main #goods #goodsguide img {
	margin-top: 145px;
	margin-left: 26px;
}
#center #main #goods h2 {
	font-size: 120%;
}
#center #main #goods #itemInfo {
	height: 71px;
	width: 730px;
}


#goodsDress #wrapper #center #main #goods #itemInfo {
	background-image: url(img/item/spuring-itemfashion.jpg);
	background-repeat: no-repeat;
}
#goodsDress #wrapper #center #main #goods #itemInfo p {
	margin-left: 190px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #C9C;
	padding-left: 5px;
	width: 530px;
	padding-top: 5px;
	height: 51px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#goodsAccessorie #wrapper #center #main #goods #itemInfo {
	background-image: url(img/item/spuring-itemacce.jpg);
	background-repeat: no-repeat;
}

#goodsAccessorie #wrapper #center #main #goods #itemInfo p {
	margin-left: 260px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #C9C;
	padding-left: 5px;
	height: 51px;
	width: 460px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
}

#goodsBag #wrapper #center #main #goods #itemInfo {
	background-image: url(img/item/spuring-itembag.jpg);
	background-repeat: no-repeat;
}

#goodsBag #wrapper #center #main #goods #itemInfo p {
	margin-left: 280px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #C9C;
	padding-left: 5px;
	height: 51px;
	width: 440px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
}

#goodsFashionitem #wrapper #center #main #goods #itemInfo {
	background-image: url(img/item/spuring-itemFashionItem.jpg);
	background-repeat: no-repeat;
}
#goodsFashionitem #wrapper #center #main #goods #itemInfo p {
	margin-left: 300px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #C9C;
	padding-left: 5px;
	width: 420px;
	padding-top: 5px;
	height: 51px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#goodsFashiongoods #wrapper #center #main #goods {
	width: 730px;
	padding-top: 200px;
	padding-bottom: 200px;
	text-align: center;
}/*ファッションアイテム出来るまでの仮準備中ページ*/

#center #main .itemLink{
	text-align: center;	
	}


/*　sitemap
---------------------------------------------------*/
#siteMap #wrapper #center #main #siteMap1 {
	width: 700px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
}
#siteMap #wrapper #center #main #siteMap1 .main1 {
	background-image: url(img/common/newimage01.gif);
	background-repeat: no-repeat;
	text-indent: 15px;
	background-position: left center;
}


/*corpration　
---------------------------------------------------*/
#corporation #main #ideology {
	width: 730px;
	margin-bottom: 30px;
}
#corporation #center #main #ideology h3{
	border-top-style: solid;
	border-top-color: #CCC;
	font-size: 120%;
	width: 730px;
}
#corporation #center #main #ideology p {
	width: 685px;
	margin-left: 30px;
	margin-right: 15px;
}



/*　corporation table
---------------------------------------------------*/
#corporation #main table {
	margin-bottom: 15px;
	border-collapse:collapse;
	border: 1px solid #CCCCCC;
}
#corporation #center #main table tr th{
	text-align: right;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#corporation #center #main table tr td{
	text-align: left;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
}
#corporation #wrapper #center #main table .odd  {
	background-color: #EFEFEF;
}


/*　recruit table
---------------------------------------------------*/
#recruit #main table {
	margin-bottom: 15px;
	border-collapse:collapse;
	border: 1px solid #CCCCCC;
}
#recruit #main table tr th{
	text-align: right;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	vertical-align: text-top;
}
#recruit #main table tr td{
	text-align: left;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	width: 500px;
}
#recruit #center #main table .odd  {
	background-color: #EFEFEF;
}

/*#recruit #center #main p {
	padding-bottom: 350px;
}*/


/* saleposter　
---------------------------------------------------*/

#sale #wrapper #center #main img {
	padding-left: 140px;
}


/* saleposter2　
---------------------------------------------------*/

#sales2 #wrapper #center #main img {
	padding-top: 50px;
}

#home #wrapper #center #main #info a img {
	background-position: center;
	margin-left: 20px;
}