@charset "Shift_JIS";


/* 共通部分
-------------------------------------------- */

body {
    width:1000px;
	height:100%;
	margin:0px auto !important;
	padding:0px;
	background:#FFFFFF;
	color:#666666;
	text-align:left;
	line-height:25px;
	font-size:12px;
	
}

h1.logo {
    margin:0px 0px 0px 0px;
	padding:0px;
	text-align:center;
}

h2,h3,h4,h5{ 
    margin:0px;
	padding:0px;
}

a:link {color: #2d426f;}
a:visited {color: #2d426f;}
a:hover {color: #2d426f; text-decoration:none;}
a:active {color: #2d426f;}
a img {border: none;}


address {
	font-style:normal;
}

.span1{background:#e7e7e7; padding-left:3px;}


/* ヘッター
-------------------------------------------- */

#header{
     width:972px;
	 height:107px;
	 text-align:center;
	 margin:0 auto 5px auto;
	 padding-top:30px;
	 background:url(../img/header-banner.jpg);
}



.header_under{
     margin:0px;
	 padding:0px;
	 background:url(../img/header_under.jpg);
	 width:972px;
	 height:23px;
}



/* 左ナビげーション
-------------------------------------------- */
#left-navi{
     width:203px;
	 height:auto;
	 float:left !important;
	 margin:0px 12px 0px 0px !important;
	 padding-left:13px;
}

#left-navi ul{
    margin:0px;
	padding:0px;
	list-style-type:none;
	float:left;
}

#left-navi li{
    margin:0px;
	padding:0px;
	list-style-type:none;
	list-style-image:none;

}

#left-navi ul li img{
    vertical-align: bottom;
	float:left;
}

/* メインコンテンツ
-------------------------------------------- */
#wrapper{ 
    width:998px;
	background:url(../img/sya_bk__all01.jpg) repeat-y scroll 0 0;

}

#top_container{
     width:972px;
	 height:auto;
	 
	 margin:0 auto;
	 background:#FFFFFF;
}

#main_content{
    width:730px;
	float:left;
	margin:0px 3px 0px 0px;
	padding:0px;
}

#main_content #topswf{
    width:730px;
	height:280px;
	margin:0px 3px 0px 0px;
	padding:0px;
}

.banner1{margin:15px 0px 25px 0px;
     float:left;
}

.news{
    width:730px;
	margin:50px 0px 100px 0px;
	padding:0px;
	float:left;
	
}

.news ul{
    margin:10px 0px 5px 5px;
	padding:0px 0px 0px 15px;
	list-style:none;
}

.news li{
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#666666;
}


.news li a{color:#FF0000;}
.news li a:link {color:#FF0000;}
.news li a:visited {color:#FF0000;}
.news li a:hover {color:#FF0000;}
.news li a:active {color:#FF0000;}



/* ブランド紹介追加　2010/03/18 */
#top_brandbox{margin:10px 0px; padding:0;}
#top_brandbox .brandyoshito{width:358px; height:150px; margin:10px 0px; padding:0; float:left; background-color:#f5fdfc; border:solid 1px #e6e6e6;}
#top_brandbox .brandyoshito img{width:122px; margin:10px; padding:0; float:left; border:solid 1px #e6e6e6;}
#top_brandbox .brandyoshito h2{width:190px; margin:10px; padding-bottom:5px; font-size:12px; font-weight:bold; color:#666; float:left; border-bottom:dotted 1px #CCC; line-height:1.4em;}
#top_brandbox .brandyoshito p{width:190px; margin:5px 10px; font-size:12px; color:#666; float:left; line-height:1.4em;}

#top_brandbox .brandorange{width:358px; height:150px; margin:10px 0px; padding:0; float:right; background-color:#f5fdfc; border:solid 1px #e6e6e6;}
#top_brandbox .brandorange img{width:122px; margin:10px; padding:0; float:left; border:solid 1px #e6e6e6;}
#top_brandbox .brandorange h2{width:190px; margin:10px; padding-bottom:5px; font-size:12px; font-weight:bold; color:#666; float:left; border-bottom:dotted 1px #CCC; line-height:1.4em;}
#top_brandbox .brandorange p{width:190px; margin:5px 10px; font-size:12px; color:#666; float:left; line-height:1.4em;}


/* トップページへ戻る */
#up{
    margin:20px 0 15px 0;
	text-align:right;
	width:720px;
	padding:0px;
}


/* 会社プロフィール
-------------------------------------------- */
#company_profile h2{background:url(../../profile/img/yoshito-banner1.jpg) no-repeat; text-indent:-9999px; float:none; height:77px;}
#company_profile h3.first{background:url(../../profile/img/yoshito-banner2.jpg) no-repeat; text-indent:-9999px; float:none; margin-left:15px; height:54px; margin-top:5px;}
#company_profile h3.history{background:url(../../profile/img/history-newlondon.jpg) no-repeat; text-indent:-9999px; float:none; margin-top:30px; height:37px; margin-left:3px;}
#company_profile h4.tai01{background:url(../../profile/img/company-profile-banner01.jpg) no-repeat; text-indent:-9999px; float:none; margin-top:30px; height:17px;}
#company_profile p{font-size:12px; line-height:1.8em; color:#666; margin-bottom:0.4em; letter-spacing:0.2em; width:720px; margin-left:3px;}

#company_profile div.sec01{margin:50px 0 0 0; width:720px; height:280px;}
#company_profile div.sec01 h4{background:url(../../profile/img/company-profile-banner01.jpg) no-repeat; text-indent:-9999px; float:none; height:20px; margin-bottom:10px;}
#company_profile div.sec01 p{font-size:12px; line-height:1.8em; color:#666; letter-spacing:0.2em; width:380px; margin:0 0 10px 3px;}
#company_profile div.sec01 img{float:right; vertical-align:bottom; padding-bottom:10px;}

#company_profile div.sec02{margin:50px 0 10px 0; width:720px; height:280px;}
#company_profile div.sec02 h4{background:url(../../profile/img/company-profile-banner02.jpg) no-repeat; text-indent:-9999px; float:none; height:19px; margin-bottom:10px;}
#company_profile div.sec02 p{font-size:12px; line-height:1.8em; color:#666; letter-spacing:0.2em; width:380px; margin:0 0 10px 3px;}
#company_profile div.sec02 img{float:right; vertical-align:bottom; padding-bottom:10px;}

#company_profile div.sec03{margin:50px 0 10px 0; width:720px; height:300px;}
#company_profile div.sec03 h4{background:url(../../profile/img/company-profile-banner03.jpg) no-repeat; text-indent:-9999px; float:none; height:20px; margin-bottom:10px;}
#company_profile div.sec03 p{font-size:12px; line-height:1.8em; color:#666; letter-spacing:0.2em; width:380px; margin:0 0 10px 3px;}
#company_profile div.sec03 img{float:right; vertical-align:bottom; padding-bottom:10px;}

/*　会社概要　*/
#company_guide{margin:0 0 20px 0;}
#company_guide h3.txt{background:url(../../profile/img/companyprofile-newlondon.jpg) no-repeat; text-indent:-9999px; float:none; margin-top:30px; height:37px; margin-left:3px;}
#company_guide table{float:left; margin:15px 0px 35px 16px; padding:0px; float:left;}
#company_guide table th{border-bottom:dotted 1px #999; text-align:left;}
#company_guide table td{border-bottom:dotted 1px #999; height:25px;}
#company_guide img{float:right; vertical-align:bottom; margin:20px 25px 10px 0;}



/* リクルート */
#company_recruit{margin:0 0 20px 0;}
#company_recruit h3.txt{background:url(../../profile/img/companyrecruit-newlondon.jpg) no-repeat; text-indent:-9999px; float:none; height:37px; margin:0 0 20px 3px;}
#company_recruit table{float:left; margin:15px 0px 35px 16px; padding:0px; float:left;}
#company_recruit table th{border-bottom:dotted 1px #999; text-align:left;}
#company_recruit table td{border-bottom:dotted 1px #999; height:25px; line-height:1.4em;}
#company_recruit img{float:right; vertical-align:bottom; margin:20px 25px 10px 0;}





/* 商品一覧
-------------------------------------------- */
#main_image{margin:0 0 60px 10px; height:503px; background:#ffffff; border:solid 1px #e6e6e6; float:left;}

.caption{color:#666; size:11px; padding-top:15px;}

.goodsitem01{position:relative;}

.gallery_demo{width:670px; margin:0 0 0 10px; float:left;}

.gallery_demo li{width:65px; height:49px; border:1px double #cccccc; margin: 2px; background:#333; float:left; margin-left:0px; list-style:none;}

/*.gallery_demo li div{left:240px}*/

.nav{padding-top:15px; clear:both; font:80% 'helvetica neue',sans-serif; letter-spacing:3px; text-transform:uppercase;}

.info{text-align:left; margin:0 0 20px 15px;}

.info h3{ font-size:14px; color:#006; letter-spacing:3px;}

.info p{line-height:1.5em;}



/* 店舗案内
-------------------------------------------- */
.information{width:710px; margin:15px 0px 0px 10px; font-size:11px; color:#666; line-height:180%;}
.information-banner{padding:0 0 5px 0; border-bottom: dotted 1px #CCC;}
.information ul{margin:5px; padding-left:15px;}
.information li{background-image:url(../../shoplist/img/info_yaji01.jpg); background-repeat:no-repeat; list-style-type:none; background-position: 0px 4px; text-indent:25px;}
.shoplist{width:720px; margin:30px 0px 5px 0px; padding:0px; float:left;}
.shop_conte{width:720px; height:auto; background:#f8f7f6; border:solid 1px #ccc; padding:10px 0px 20px 6px; margin:0px 0px 10px 0px;}
.shop_conte table{background:#FFFFFF; border-collapse: collapse;}
.shop_conte th{border:solid 1px #ccc; padding-left:3px; font-weight:bold; line-height:120%; text-align:left; padding:5px;}
.shop_conte td{border: solid 1px #d6d6d6; padding-left:3px;}

.area_title{margin:10px 0px 5px 0px; font-size:13px; font-weight:bold;}

.brand_ico{width:260px; margin:0px 0px 5px 460px; padding:0 0 0 0px; float:left;}


/* YOSHITOのこだわり
-------------------------------------------- */
#request{margin:0px 0 30px 10px; background-repeat:no-repeat; height:235px;}
#request p{margin:115px 0 0 255px; padding:0;}

.reason{
    margin:10px 0px 30px 10px;
	width:493px;
	padding:0px 0px 0px 227px;
	height:235px;
	float:left;
	background:url(../../stick/img/stick01.jpg);
	background-repeat:no-repeat;
}

#reason01{
    margin:0px 0px 45px 10px;
	padding:0px;
	width:720px;
	float:left;
}

.reason-img{
	margin:0px;
	padding:0px;
	float:left;
}

.reason-img-text{
    float:left;
	margin:0px 0px 0px 27px;
	width:457px;
	padding:0px;
}

.reason-img-text span{color:#036; font-weight:bold; font-size:13px;}

.reason-text{
    margin:10px 0px 0px 0px;
	padding:0px;
	float:left;
}

.reason-banner{
    margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
}

/* フッター
-------------------------------------------- */

#footer-bar{
     background:url(../../footer/img/footer-bar.jpg);
	 background-repeat:no-repeat;
	 width:942px;
	 height:28px;
	 text-align:right;
	 padding:8px 28px 0px 0px;
	 margin:80px 0px 0px 0px;
	 float:left;
}

     
#footer{
	width:972px;
	height:50px;
	float:left;
	margin:0 auto;
	text-align:center;
	background:url(../../footer/img/footer-back.jpg);
	padding-top:10px;
}

#footer ul li { 
    display:inline;
}

.copyright{
    color:#0c2756;
	font-size:11px;
	margin:0px;
}



/* clearfix
---------------------------*/
.clearfix {
    display: inline-block;
}
#container:after,
.clearfix:after {
    content: ".";
    font-size: 0.1em;
    line-height: 0;
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
/* ここから Mac IE5 を除外 \*/
* html #container,
* html .clearfix {
    height: 1%;
}
#container,
.clearfix {
    display:block;
}
/* ここまで Mac IE5 を除外 */

/* clearfix
---------------------------*/