@charset "utf-8";

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Last Updated: May 19, 2010
	Edited by Kazuya Ono/COLONY+iNTERACTIVE INC.

	01: COLLECTION
	02: FEATURE
	03: NEWS & EVENT
		04-01: #newsIndex
		04-02: #newsDetail
	04: HISTORY of Levi's
	05: STORE FINDER
		06-01: #sfAreaIndex
		06-02: #sfDetail
		06-03: #sfNews
	06: RSS
	07: SITE MAP
	08: LINK
	09: PRIVACY POLICY
	10: BLOGPARTS
	11: I'm Levi's

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


body#index #containerFit {
/*
	height: 1367px;
*/
	height: 1422px;
}
body#index #containerFit dl.contact {
	width: 960px;
	height: 15px;
	padding: 21px 0 19px;
	margin: 0 auto;
	overflow: hidden;
}
body#index #containerFit #external_index {
	outline: none;
}
body#index #containerFit dl.contact dt,
body#index #containerFit dl.contact dd {
	height: 15px;
	float: left;
}
body#index #containerFit dl.contact dd.tel {
	width: 391px;
	margin-left: 20px;
}
body#index #containerFit dl.contact dd.mail {
	width: 342px;
	margin-left: 25px;
}


/* ============================================================
01: COLLECTION
============================================================ */
body#collection div.contents {
	width: 992px;
}
/* ---------- div.special ---------- */
body#collection div.special {
	width: 960px;
	margin: 0 auto 50px;
}
body#collection div.special h3 {
	margin-bottom: 20px;
}
/* ---------- div.standard ---------- */
body#collection div.standard {
	width: 100%;
	overflow: hidden;
}
body#collection div.standard div.product,
body#collection div.standard div.collabo {
	width: 470px;
	padding: 0 16px 0 10px;
}
body#collection div.standard div.product {
	float: left;
}
body#collection div.standard div.collabo {
	float: right;
}
body#collection div.standard h3 {
	padding-left: 6px;
	margin-bottom: 14px;
}



body#collection ul.topics li {
	width: 470px;
	height: 232px;
	padding-bottom: 14px;
	margin-bottom: 20px;
	background: url(../../collection/images/bg_standard_ul.gif) 6px bottom no-repeat;
}
body#collection ul.topics li p.bnr,
body#collection ul.topics li div.summary {
	width: 220px;
	height: 220px;
	padding: 6px;
}
body#collection ul.topics li p.bnr {
	float: left;
	background: url(../../collection/images/bg_bnr.jpg) left top no-repeat;
}
body#collection ul.topics li div.summary {
	float: right;
	overflow: hidden;
}
body#collection ul.topics li div.new {
	background: url(../../collection/images/icon_new.gif) left 6px no-repeat;
}
body#collection ul.topics li div.summary h4 {
	font-size: 123.1%;
	line-height: 1.2em;
	margin-top: 60px;
}
body#collection ul.topics li div.summary h4 a,
body#collection ul.topics li div.summary h4 a:visited {
	text-decoration: none;
}
body#collection ul.topics li div.summary p.date {
	color: #999;
	font-size: 77%;
	margin-bottom: 20px;
}
body#collection ul.topics li div.summary p.lead {
	font-size: 93%;
}
body#collection div.standard p.more {
	text-align: right;
}

/* ---------- /// ARCHIVE /// ---------- */
body#collection h3.archiveTitle {
	width: 960px;
	margin: 0 auto 14px;
}
body#collection ul.archive {
	width: 100%;
	margin-bottom: 20px;
	background: url(../../collection/images/bg_topics.gif) center top repeat-y;
	overflow: hidden;
}
body#collection ul.archive li {
	margin-bottom: 28px;
	padding: 0 16px 0 10px;
	float: left;
	background: none;
}





/* ============================================================
02: FEATURE
============================================================ */
body#feature div.contents {
	width: 992px;
}
body#feature ul.topics {
	width: 100%;
	margin-bottom: 20px;
	background: url(../../feature/images/bg_topics.gif) center top repeat-y;
	overflow: hidden;
}
body#feature ul.topics li {
	width: 470px;
	height: 232px;
	margin-bottom: 28px;
	padding: 0 16px 0 10px;
	float: left;
}
body#feature ul.topics li p.bnr,
body#feature ul.topics li div.summary {
	width: 220px;
	height: 220px;
	padding: 6px;
}
body#feature ul.topics li p.bnr {
	float: left;
	background: url(../../feature/images/bg_bnr.jpg) left top no-repeat;
}
body#feature ul.topics li div.summary {
	float: right;
	overflow: hidden;
}
body#feature ul.topics li div.new {
	background: url(../../feature/images/icon_new.gif) left 6px no-repeat;
}
body#feature ul.topics li div.summary h3 {
	font-size: 123.1%;
	line-height: 1.2em;
	margin-top: 60px;
}
body#feature ul.topics li div.summary h3 a,
body#feature ul.topics li div.summary h3 a:visited {
	text-decoration: none;
}
body#feature ul.topics li div.summary p.date {
	color: #999;
	font-size: 77%;
	margin-bottom: 20px;
}
body#feature ul.topics li div.summary p.lead {
	font-size: 93%;
}
/* ---------- #clique ---------- */
body#clique {
	background: #fff;
}
body#clique #containerFit {
	padding: 12px 0 98px;
}
/* ---------- #nylon ---------- */
body#nylon {
	background: url(../../feature/nylon/images/bg_nylon.jpg) center top repeat;
}
/* ---------- #krink ----------
	→ /featire/krink/css/krink.css 
*/




/* ============================================================
03: NEWS & EVENT
============================================================ */
/* ------------------------------
03-01: #newsIndex
------------------------------ */
body#newsIndex div.contents {
	overflow: hidden;
}

body#newsIndex div.event,
body#newsIndex div.campaign,
body#newsIndex div.new,
body#newsIndex div.info {
	width: 225px;
	float: left;
	margin-right: 20px;
}
body#newsIndex div.info {
	margin-right: 0;
}
body#newsIndex h3 {
	margin-bottom: 20px;
}
body#newsIndex ul.topics li {
	width: 215px;
	padding: 5px;
	margin-bottom: 10px;
	background: url(../images/bg_check_gray225.gif) center top repeat-y;
}
body#newsIndex ul.topics li div {
	width: 195px;
	padding: 10px;
	background: #111;
}
body#newsIndex ul.topics li div.self {
	padding-bottom: 30px;
	background: #111 url(../../news/images/btn_more.gif) 159px bottom no-repeat;
}
body#newsIndex ul.topics li div.blank {
	padding-bottom: 30px;
	background: #111 url(../../news/images/btn_more_blank.gif) 146px bottom no-repeat;
}
body#newsIndex ul.topics li div.hover {
	background-color: #000;
	cursor: pointer;
}

body#newsIndex ul.topics li div h4 {
	color: #666;
	font-size: 77%;
	font-weight: normal;
	/*margin-bottom: 10px;*/
}
body#newsIndex ul.topics li div h4 img {
	padding-right: 5px;
	vertical-align: middle;
}
body#newsIndex ul.topics li div p {
	font-size: 93%;
	padding-top: 10px;
}
body#newsIndex ul.topics li div p.link {
	/*text-align: right;*/
	display: none;
}

/* ------------------------------
03-02: #newsDetail
------------------------------ */
body#newsDetail h3 {
	margin-bottom: 20px;
}
body#newsDetail div.article {
	width: 900px;
	padding: 29px;
	margin-bottom: 20px;
	border: #333 1px solid;
}
body#newsDetail div.article div.articleHead {
	margin-bottom: 25px;
}
body#newsDetail div.article div.articleHead h4 {
	font-size: 153.9%;
	margin-bottom: 5px;
}
body#newsDetail div.articleHead p.date {
	color: #666;
	font-size: 77%;
	margin-bottom: 0;
}
body#newsDetail div.article p {
	font-size: 93%;
	margin-bottom: 1em;
}
body#newsDetail div.article p img.fl_left {
	float: left;
	margin: 0.5em 30px 10px 0;
}

/* ============================================================
04: HISTORY of Levi's
============================================================ */
body#history div.pageHeader {
	margin-bottom: 24px;
}
body#history div.contents {
	overflow: hidden;
}
body#history div.about {
	width: 470px;
	padding-top: 6px;
	float: left;
}
body#history div.about p {
	font-size: 96%;
	line-height: 1.8;
	margin-bottom: 1em;
}
body#history ul.topics {
	width: 465px;
	float: right;
}
body#history ul.topics li {
	widows: 100%;
	height: 232px;
	padding-bottom: 14px;
	margin-bottom: 14px;
	overflow: hidden;
	background: url(../images/bdr_dot_wht.gif) left bottom repeat-x;
}
body#history ul.topics li.last {
	background: none;
}
body#history ul.topics li p.bnr,
body#history ul.topics li div.summary {
	width: 220px;
	height: 220px;
	padding: 6px;
}
body#history ul.topics li p.bnr {
	float: left;
	background: url(../../history/images/bg_bnr.jpg) left top no-repeat;
}
body#history ul.topics li div.summary {
	float: right;
	overflow: hidden;
}
body#history ul.topics li div.summary h3 {
	font-size: 123.1%;
	line-height: 1.2em;
	margin-top: 60px;
}
body#history ul.topics li div.summary h3 a,
body#history ul.topics li div.summary h3 a:visited {
	text-decoration: none;
}
body#history ul.topics li div.summary p.date {
	color: #999;
	font-size: 77%;
	margin-bottom: 20px;
}
body#history ul.topics li div.summary p.lead {
	font-size: 93%;
}


/* ============================================================
05: STORE FINDER
============================================================ */
body#sf div#container {
	position: static;
}
body#sf div.contents {
	overflow: hidden;
}
body#sf div.map {
	width: 500px;
	float: left;
}
body#sf div.news {
	width: 400px;
	float: right;
}
body#sf div.news h3 {
	margin-bottom: 30px;
}
body#sf div.news dl {
	width: 400px;
	margin-bottom: 20px;
	position: relative;
}
body#sf div.news dt {
	width: 5em;
	padding-left: 10px;
	padding: 10px 0 10px 10px;
	position: absolute;
	left: 0;
	background: url(../images/list_arrow_red.gif) left 50% no-repeat;
}
body#sf div.news dd {
	padding: 10px 0 10px 6em;
	background: url(../images/bdr_dot_ccc.gif) left bottom repeat-x;
}
body#sf div.news dd a,
body#sf div.news dd a:visited {
	text-decoration: none;
}
body#sf div.news p.more {
	text-align: right;
}

/* ------------------------------
second level - common
------------------------------ */
body#sfAreaIndex ul.area,
body#sfDetail ul.area {
	padding-bottom: 20px;
	margin-bottom: 30px;
	background: url(../images/bdr_dot_wht.gif) left bottom repeat-x;
}

body#sfAreaIndex ul.area li,
body#sfDetail ul.area li {
	font-size: 85%;
	font-weight: bold;
	padding-right: 20px;
	display: inline;
}
body#sfAreaIndex ul.area li a,
body#sfDetail ul.area li a {
	text-decoration: none;
	padding-left: 10px;
	display: inline-block;
	background: url(../images/list_arrow_red.gif) left 0.5em no-repeat;
}
body#sfAreaIndex ul.area li strong a,
body#sfDetail ul.area li strong a {
	color: #999;
}

/* ------------------------------
05-01: #sfAreaIndex
------------------------------ */
body#sfAreaIndex h3 {
	font-size: 138.5%;
	font-weight: normal;
	line-height: 1;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background: url(../images/bdr_dot_wht.gif) left bottom repeat-x;
}
body#sfAreaIndex h4 {
	margin-bottom: 10px;
}
body#sfAreaIndex ul.shop {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background: url(../images/bdr_dot_wht.gif) left bottom repeat-x;
}
body#sfAreaIndex ul.last {
	background: none;
}
body#sfAreaIndex ul.shop li {
	width: 215px;
	padding: 5px;
	margin: 0 20px 10px 0;
	float: left; 
	background: url(../images/bg_check_gray225.gif) center top repeat-y;
}
body#sfAreaIndex ul.shop li.last {
	margin-right: 0;
}
body#sfAreaIndex ul.shop li div.boxAnchor {
	width: 195px;
	padding: 20px 10px;
	background: #111;
}
body#sfAreaIndex ul.shop li div.hover {
	cursor: pointer;
	background: #000;
}
body#sfAreaIndex ul.shop li div h5 {
	font-size: 93%;
	height: 3em;
	margin-bottom: 10px;
}
body#sfAreaIndex ul.shop li div h5 a,
body#sfAreaIndex ul.shop li div h5 a:visited {
	text-decoration: none;
}
body#sfAreaIndex ul.shop li div h5 a:hover {
	color: #fff;
}
body#sfAreaIndex ul.shop li div h5 img {
	padding-right: 5px;
	vertical-align: middle;
}
body#sfAreaIndex ul.shop li div p {
	font-size: 85%;
	height: 5em;
}

/* ------------------------------
05-02: #sfDetail
------------------------------ */
body#sfDetail h3 {
	font-size: 153.9%;
	margin-bottom: 20px;
}
body#sfDetail div.store {
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background: url(../images/bdr_dot_wht.gif) left bottom repeat-x;
}
body#sfDetail div.store div.map {
	width: 500px;
	float: left;
}
body#sfDetail div.store div.map #map_canvas {
	width: 500px;
	height: 350px;
	margin-bottom: 10px;
}
body#sfDetail div.store div.map p.mapLink a {
	font-size: 85%;
	text-decoration: none;
}
body#sfDetail div.store div.map p.mapLink img {
	padding-right: 5px;
	vertical-align: middle;
}
body#sfDetail div.store div.info {
	width: 430px;
	float: right;
}
body#sfDetail div.store div.info p.photo {
	margin-bottom: 30px;
}
body#sfDetail div.store div.info dl.data {
	font-size: 93%;
}
body#sfDetail div.store div.info dl.data dt {
	margin-bottom: 5px;
}
body#sfDetail div.store div.info dl.data dd {
	margin-bottom: 10px;
}

/* ------------------------------
05-03: #sfNews
------------------------------ */
body#sfNews h3 {
	margin-bottom: 30px;
}
body#sfNews ul#newsList {
	border-bottom: #666 1px solid;
}
body#sfNews ul#newsList li {
	border-top: #666 1px solid;
}
body#sfNews ul#newsList li h4 {
	font-size: 138.5%;
	line-height: 1.3;
	padding: 0 0 0 20px;
	margin: 20px 0;
	border-left: #900 8px solid;
}
body#sfNews ul#newsList li h4 a,
body#sfNews ul#newsList li h4 a:visited {
	text-decoration: none;
}
body#sfNews ul#newsList li div.folding div.topic {
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}
body#sfNews ul#newsList li div.folding div.topic p.image {
	width: 200px;
	float: left;
}
body#sfNews ul#newsList li div.folding div.topic div.text {
	width: 740px;
	float: right;
}
body#sfNews ul#newsList li div.folding div.topic div.text h5 {
	font-size: 108%;
	line-height: 1.3;
	margin-bottom: 20px;
}
body#sfNews ul#newsList li div.folding div.topic div.text h5 span {
	font-size: 78%;
}
body#sfNews ul#newsList li div.folding div.topic div.text p {
	font-size: 93%;
	margin-bottom: 20px;
}
body#sfNews ul#newsList li div.folding div.topic div.text p.sub {
	color: #666;
	font-size: 85%;
}
body#sfNews ul#newsList li div.folding p.storeBtn {
	text-align: right;
	margin-bottom: 20px;
}


/* ============================================================
06: RSS
============================================================ */
body#rss p.lead {
	font-size: 85%;
	margin-bottom: 30px;
}
body#rss dl {
	width: 100%;
	overflow: hidden;
}
body#rss dl dt,
body#rss dl dd {
	width: 470px;
	margin-bottom: 20px;
}
body#rss dl dt {
	height: 58px;
	float: left;
	clear: left;
}
body#rss dl dd {
	font-size: 85%;
	height: 38px;
	padding-top: 20px;
	float: right;
}


/* ============================================================
07: SITE MAP
============================================================ */
body#sitemap div.contents {
}

body#sitemap div.contents ul.lev1 {
	width: 100%;
	overflow: hidden; 
}
body#sitemap div.contents ul.lev1 li {
	width: 715px;
	margin-bottom: 20px;
	float: right;
}
body#sitemap div.contents ul.lev1 li.home {
	width: 245px;
	height: 100%;
	float: left;
}
body#sitemap div.contents ul.lev1 li ul.lev2 {
	margin: 10px 0 0 50px;
}
body#sitemap div.contents ul.lev1 li ul.lev2 li {
	width: auto;
	margin-bottom: 0;
	float: none;
	/* ↑RESET */
	display: inline;
}
body#sitemap div.contents ul.lev1 li ul.lev2 li a {
	padding-left: 10px;
	margin-right: 20px;
	display: inline-block;
	background: url(../images/list_arrow_red.gif) left 0.5em no-repeat;
}
body#sitemap div.contents ul.lev1 li ul.lev2 li a,
body#sitemap div.contents ul.lev1 li ul.lev2 li a:visited {
	text-decoration: none;
}


/* ============================================================
08: LINK
============================================================ */
body#link div.group {
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
	background: url(../images/bdr_dot_wht.gif) left bottom repeat-x;
}
body#link div.bottom {
	background: none;
}
body#link div.group dl {
	margin-right: 20px;
	float: left;
}
body#link div.group dl.last {
	margin-right: 0;
}
body#link div.group dl dt {
	height: 14px;
	margin-bottom: 20px;
}
body#link div.group dl dd {
	width: 225px;
	float: left;
	padding-bottom: 20px;
}
body#link div.group dl dd h4 {
	color: #666;
	font-size: 93%;
	margin-bottom: 5px;
}
body#link div.group dl dd h4 a {
	text-decoration: none;
	padding-left: 10px;
	display: inline-block;
	background: url(../images/list_arrow_red.gif) left 0.5em no-repeat;
}
body#link div.group dl dd p {
	color: #666;
	font-size: 81%;
}
/* Banner and text link */
body#link div.group dl.bnrLink1 {
	width: 225px;
}
body#link div.group dl.bnrLink2 {
	width: 470px;
}
body#link div.group dl.bnrLink2 dd {
	margin-right: 20px;
}
body#link div.group dl dd.last {
	margin-right: 0;
}
body#link div.group dl p.bnr {
	margin-bottom: 10px;
}
/* Text only link */
body#link div.group dl.textLink {	
	margin-right: 0;	
}
body#link div.group dl.textLink dd {
	margin-right: 20px;
}
body#link div.group dl.textLink dd.last {
	margin-right: 0;
}


/* ============================================================
09: PRIVACY POLICY
============================================================ */
body#privacy div#container {
}

body#privacy p.lead {
	margin-bottom: 30px;
}
body#privacy p.lead,
body#privacy h3 {
	font-size: 85%;
}

body#privacy div.main {
	width: 900px;
	padding: 29px;
	border: #333 1px solid;
}
body#privacy div.main h3 {
	margin-bottom: 20px;
}
body#privacy div.main ol {
	font-size: 93%;
}
body#privacy div.main ol li {
	list-style: decimal inside;
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-bottom: 1em;
}
body#privacy div.main ol li.last {
	margin-bottom: 0;
}


/* ============================================================
10: BLOGPARTS
============================================================ */
body#blogparts div#container {
	overflow: hidden;
}
body#blogparts p.lead {
	font-size: 85%;
	margin-bottom: 30px;
}
body#blogparts div.main {
	width: 715px;
	margin-bottom: 30px;
	float: left;
}
body#blogparts div.main div.appearance {
	width: 190px;
	padding: 20px;
	float: left;
	background: url(http://blog.levi.jp/blogparts/images/bg_appearance.gif) left top repeat-y;
}
body#blogparts div.main div.explain {
	width: 470px;
	float: right;
}
body#blogparts div.main div.explain h3 {
	margin: 20px 0 30px;
}
body#blogparts div.main div.explain p.summary {
	font-size: 85%;
	margin-bottom: 30px;
}
body#blogparts div.main div.explain div.form_area p {	
	font-size: 85%;
	margin-bottom: 10px;
}
body#blogparts form .user_url {
	color: #fff;
	font-size: 93%;
	width: 260px;
	margin-bottom: 20px;
	padding: 5px;
	background: #333;
	border: 0;
}
body#blogparts form .copy_url {
	padding: 0 0 3px 5px;
	vertical-align: middle;
}
body#blogparts form .source_url {
	color: #fff;
	font-size: 93%;
	width: 350px;
	padding: 5px;
	background: #333;
	border: 0;
}
body#blogparts div.howto {
	width: 193px;
	padding: 15px;
	float: right;
	border: #333 1px solid;
}
body#blogparts div.howto h3 {
	margin-bottom: 20px;
}
body#blogparts div.howto p {
	font-size: 85%;
	margin-bottom: 20px;
}

body#blogparts div.howto dl {
	color: #999;
}
body#blogparts div.howto dl dt {
	font-size: 85%;
	font-weight: bold;
	margin-bottom: 10px;
}
body#blogparts div.howto dl dd {
	font-size: 77%;
	margin-bottom: 5px;
}


/* ============================================================
11: I'm Levi's
============================================================ */
body#im h2 {
	margin: 23px 0 13px;
}
body#im p.bigBnr {
	margin-bottom: 20px;
}
/* ---------- div.twitter ---------- */
body#im div.twitter {
	height: 85px;
	margin-bottom: 20px;
}
body#im div.twitter h3 {
	margin-bottom: 3px;
}
body#im div.twitter p {
	font-size: 85%;
	padding-top: 10px;
	border-top: #2e2e2e 1px solid;
}
body#im div.twitter p span {
	display: block;
	text-align: right;
	color: #666;
	margin-top: 9px;
	border-top: #2e2e2e 1px solid;
}
/* ---------- banner area ---------- */
body#im div.contentsWide {
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
}

body#im div.contentsWide ul.bnr {
	width: 475px;
}
body#im div.contentsWide ul.bnr li {
	display: inline;
}
body#im div.contentsWide ul.bnr li a {
	display: block;
	margin-bottom: 10px;
}
body#im div.contentsWide ul.left {
	float: left;
}
body#im div.contentsWide ul.right {
	float: right;
}
/* ---------- div.present ---------- */
body#im div.present {
	margin: 20px auto;
}
body#im div.present h3,
body#im div.present p.lead,
body#im div.present ul {
	margin-bottom: 10px;
}
body#im div.present ul {
	overflow: hidden;
}
body#im div.present ul li.left {
	float: left;
}
body#im div.present ul li.right {
	float: right;
}
body#im div.present p.detailBtn {
	text-align: right;
}