@charset "UTF-8";



/*
########################################################
  Data        : layout.css
  Date        : 2000.00.00
  Last Update : 2000.00.00
########################################################
*/



/*
########################################################
  Naming rules
########################################################

全体コンテナ         #wrapper (body要素の直下)
ヘッダー             #header (ヘッダー)
フッター             #footer (フッター)
コンテンツ           #contents (コンテンツ)
汎用コンテナ         #unitBlock
入れ子コンテナ       #unitBlockInner
入れ子コンテナ2      #unitBlockBox
第1汎用コンテナ      #mainBlock
第2汎用コンテナ      #rightBlock
第3汎用コンテナ      #gammaBlock
第4汎用コンテナ      #deltaBlock
第5汎用コンテナ      #zetaBlock
FLASH格納用コンテナ  #flashcontent
サイドバー           #sideBlock
ポップアップコンテナ #popupBlock
パンくずナビ         #topicPath
ヘッダーナビ         #headerNavi
グローバルナビ       #globalNavi
ローカルナビ         #localNavi
フッターナビ         #footerNavi
ロゴ                 #logo
見出し1              #title
見出し2              .headline
見出し3              .crosshead
見出し4              .subheading
見出し5              .index
見出し6              .subindex
記事ヘッダー         .contextHeader
記事                 .context
記事内ブロック       .contextInner
記事フッター         .contextFooter
要約                 .description
コピーライト         .copyright
キャプション         .caption
挿入句               .note
ページ内リンク       .pageAnchor
ページ上部へリンク   .toTop
外部へのリンク       .external

########################################################
*/



/* =margin設定 */
/* ----------------------------------------------------- */

.mt-5 {margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-30{margin-top: 30px;}
.mt-35{margin-top: 35px;}
.mt-40{margin-top: 40px;}
.mt-45{margin-top: 45px;}
.mt-50{margin-top: 50px;}
.mt-55{margin-top: 55px;}
.mt-60{margin-top: 60px;}
.mt-65{margin-top: 65px;}
.mt-70{margin-top: 70px;}
.mt-75{margin-top: 75px;}
.mt-80{margin-top: 80px;}
.mt-85{margin-top: 85px;}
.mt-90{margin-top: 90px;}
.mt-95{margin-top: 95px;}

.ml-5 {margin-left: 5px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.ml-25{margin-left: 25px;}
.ml-30{margin-left: 30px;}
.ml-35{margin-left: 35px;}
.ml-40{margin-left: 40px;}
.ml-45{margin-left: 45px;}
.ml-50{margin-left: 50px;}
.ml-55{margin-left: 55px;}
.ml-60{margin-left: 60px;}
.ml-65{margin-left: 65px;}
.ml-70{margin-left: 70px;}
.ml-75{margin-left: 75px;}
.ml-80{margin-left: 80px;}
.ml-85{margin-left: 85px;}
.ml-90{margin-left: 90px;}
.ml-95{margin-left: 95px;}

.mr-5 {margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-20{margin-right: 20px;}
.mr-25{margin-right: 25px;}
.mr-30{margin-right: 30px;}
.mr-35{margin-right: 35px;}
.mr-40{margin-right: 40px;}
.mr-45{margin-right: 45px;}
.mr-50{margin-right: 50px;}
.mr-55{margin-right: 55px;}
.mr-60{margin-right: 60px;}
.mr-65{margin-right: 65px;}
.mr-70{margin-right: 70px;}
.mr-75{margin-right: 75px;}
.mr-80{margin-right: 80px;}
.mr-85{margin-right: 85px;}
.mr-90{margin-right: 90px;}
.mr-95{margin-right: 95px;}

.mb-5 {margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-30{margin-bottom: 30px;}
.mb-35{margin-bottom: 35px;}
.mb-40{margin-bottom: 40px;}
.mb-45{margin-bottom: 45px;}
.mb-50{margin-bottom: 50px;}
.mb-55{margin-bottom: 55px;}
.mb-60{margin-bottom: 60px;}
.mb-65{margin-bottom: 65px;}
.mb-70{margin-bottom: 70px;}
.mb-75{margin-bottom: 75px;}
.mb-80{margin-bottom: 80px;}
.mb-85{margin-bottom: 85px;}
.mb-90{margin-bottom: 90px;}
.mb-95{margin-bottom: 95px;}



/* =padding設定 */
/* ----------------------------------------------------- */

.pt-5 {padding-top: 5px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.pt-25{padding-top: 25px;}
.pt-30{padding-top: 30px;}
.pt-35{padding-top: 35px;}
.pt-40{padding-top: 40px;}
.pt-45{padding-top: 45px;}
.pt-50{padding-top: 50px;}
.pt-55{padding-top: 55px;}
.pt-60{padding-top: 60px;}
.pt-65{padding-top: 65px;}
.pt-70{padding-top: 70px;}
.pt-75{padding-top: 75px;}
.pt-80{padding-top: 80px;}
.pt-85{padding-top: 85px;}
.pt-90{padding-top: 90px;}
.pt-95{padding-top: 95px;}

.pl-5 {padding-left: 5px;}
.pl-10{padding-left: 10px;}
.pl-15{padding-left: 15px;}
.pl-20{padding-left: 20px;}
.pl-25{padding-left: 25px;}
.pl-30{padding-left: 30px;}
.pl-35{padding-left: 35px;}
.pl-40{padding-left: 40px;}
.pl-45{padding-left: 45px;}
.pl-50{padding-left: 50px;}
.pl-55{padding-left: 55px;}
.pl-60{padding-left: 60px;}
.pl-65{padding-left: 65px;}
.pl-70{padding-left: 70px;}
.pl-75{padding-left: 75px;}
.pl-80{padding-left: 80px;}
.pl-85{padding-left: 85px;}
.pl-90{padding-left: 90px;}
.pl-95{padding-left: 95px;}

.pr-5 {padding-right: 5px;}
.pr-10{padding-right: 10px;}
.pr-15{padding-right: 15px;}
.pr-20{padding-right: 20px;}
.pr-25{padding-right: 25px;}
.pr-30{padding-right: 30px;}
.pr-35{padding-right: 35px;}
.pr-40{padding-right: 40px;}
.pr-45{padding-right: 45px;}
.pr-50{padding-right: 50px;}
.pr-55{padding-right: 55px;}
.pr-60{padding-right: 60px;}
.pr-65{padding-right: 65px;}
.pr-70{padding-right: 70px;}
.pr-75{padding-right: 75px;}
.pr-80{padding-right: 80px;}
.pr-85{padding-right: 85px;}
.pr-90{padding-right: 90px;}
.pr-95{padding-right: 95px;}

.pb-5 {padding-bottom: 5px;}
.pb-10{padding-bottom: 10px;}
.pb-15{padding-bottom: 15px;}
.pb-20{padding-bottom: 20px;}
.pb-25{padding-bottom: 25px;}
.pb-30{padding-bottom: 30px;}
.pb-35{padding-bottom: 35px;}
.pb-40{padding-bottom: 40px;}
.pb-45{padding-bottom: 45px;}
.pb-50{padding-bottom: 50px;}
.pb-55{padding-bottom: 55px;}
.pb-60{padding-bottom: 60px;}
.pb-65{padding-bottom: 65px;}
.pb-70{padding-bottom: 70px;}
.pb-75{padding-bottom: 75px;}
.pb-80{padding-bottom: 80px;}
.pb-85{padding-bottom: 85px;}
.pb-90{padding-bottom: 90px;}
.pb-95{padding-bottom: 95px;}



/* =00.#wrapper */
/* ----------------------------------------------------- */

#wrapperOuter{
	background: url(../../common/header_bg.gif) 0px 76px repeat-x;
}

#wrapper{
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 40px;
	width: 920px;
	text-align: left;
}



/* =01.#header */
/* ----------------------------------------------------- */

#header{
	position: relative;
	height: 104px;
}



.logo{
	position: absolute;
	top: 46px;
	left: 0px;
	width: 95px;
	height: 20px;
}



.subNavi li,
.globalNavi li{
	float: left;
}



.subNavi{
	position: absolute;
	top: 10px;
	left: 596px;
}

.subNavi li{
	margin-right: 13px;
}

.subNavi li.last{
	margin-right: 0px;
}

.subNavi .pos1{
	padding-top: 6px;
	margin-right: 20px;
}



.globalNavi{
	position: absolute;
	top: 39px;
	left: 455px;
}



/* =02.#topicPath */
/* ----------------------------------------------------- */

#topicPath{
	margin-top: 10px;
}

#topicPath li{
	float: left;
	padding-left: 1em;
	padding-right: 0.5em;
	background: url(../../../common/icon-topicpath.gif) 0px 4px no-repeat;
	font-size: 10px;
	line-height: 1.1;
	font-weight: bold;
}

#topicPath li.first{
	padding-left: 0px;
	background: none;
}

#topicPath a{
	font-weight: normal;
}



/* =03.unitBlock */
/* ----------------------------------------------------- */

#unitBlockHeader{
	margin-top: 30px;
}

#unitBlockHeader h1{
	float: right;
	text-align: right;
	padding-top: 14px;
	width: 600px;
	font-size: 10px;
	line-height: 1.1;
}



#unitBlock{
	margin-top: 10px;
	padding: 25px 25px 10px;
	background: url(../../../common/dot_line.gif) bottom left #FFF repeat-x;
}



/* =04.#contents */
/* ----------------------------------------------------- */



#contents{
	float: right;
	width: 650px;
}





.context{
	margin-top: 40px;
}

.context.header{
	margin-top: 0px;
}

.context .title{
	padding-bottom: 5px;
	border-bottom: 2px solid #B9A88A;
}



.context .subTitle span{
	display: block;
	padding-left: 5px;
	border-left: 3px solid #B9A88A;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1;
}

.context .subTitle{
	border-bottom: 1px solid #B9A88A;
	padding-bottom: 4px;
}



#contents .context h5{
	background: url(../../../fashion/shingara1004/images/icon-title.gif) 0px 0px no-repeat;
	padding-left: 23px;
	padding-bottom: 4px;
	border-bottom: 1px solid #B9A88A;
	line-height: 1.1;
}

#contents .context h5 img{
	display: block;
}


.contextFooter{
}



.contextInner{
}



.toTop{
	text-align: right;
	margin-top: 40px;
	font-size: 10px;
}

.toTop a{
	color: #555;
}



/* =06.sidebar */
/* ----------------------------------------------------- */

#sidebar{
	float: left;
	width: 180px;
}



#sidebar .context{
	margin-top: 50px;
}

#sidebar .context.header{
	margin-top: 0px;
}



#sidebar .context h4{
	background: url(../../../fashion/shingara1004/images/icon-title.gif) 0px 0px no-repeat;
	padding-left: 23px;
	padding-bottom: 4px;
	border-bottom: 1px solid #B9A88A;
	line-height: 1.1;
}

#sidebar .context h4 img{
	display: block;
}



*:first-child+html #sidebar .context h4.backnumber span{
	display: block;
	background: url(../../../fashion/shingara1004/images/title-side-backnumber.gif) 0px 0px no-repeat;
}

*:first-child+html #sidebar .context h4.backnumber span .tnone{
	display: none;
}

#sidebar .context h4.backnumber span .fnone{
	display: none;
}

*:first-child+html #sidebar .context h4.backnumber span .fnone{
	display: block;
}



#sidebar .context h4.backnumber span{
	_display: block;
	_background: url(../../../fashion/shingara1004/images/title-side-backnumber.gif) 0px 0px no-repeat;
}

#sidebar .context h4.backnumber span .tnone{
	_display: none;
}

#sidebar .context h4.backnumber span .fnone{
	_display: none;
}

#sidebar .context h4.backnumber span .fnone{
	_display: block;
}



#sidebar .context a{
	color: #555;
}



#sidebar .context .column0{
	padding-top: 10px;
}

#sidebar .context .column0 li{
	padding-bottom: 8px;
	padding-left: 12px;
	background: url(../../../fashion/shingara1004/images/icon-list-1.gif) 0px 3px no-repeat;
	line-height: 1.1;
}



#sidebar .context .column1{
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 12px;
	border-bottom: 1px dotted #B9A88A;
	background: url(../../../fashion/shingara1004/images/icon-list-1.gif) 0px 13px no-repeat;
	line-height: 1.1;
}



#sidebar .context .column2{
	padding-left: 12px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #B9A88A;
}

#sidebar .context .column2 li{
	padding-top: 10px;
	padding-left: 12px;
	background: url(../../../fashion/shingara1004/images/icon-list-2.gif) 0px 13px no-repeat;
	line-height: 1.1;
}



#sidebar .context .column3{
	background: none !important;
}

#sidebar .context .column3 li{
	padding-top: 10px;
	background: url(../../../fashion/shingara1004/images/icon-list-3.gif) 0px 13px no-repeat;
}

#sidebar .context .column3 li.first{
	padding-top: 0px;
	background-position: 0px 3px;
}



/* =07.#footer */
/* ----------------------------------------------------- */

#footer{
	margin-top: 10px;
}



#footer ul{
	float: left;
	width: 400px;
}

#footer li{
	float: left;
	margin-right: 30px;
}

#footer li img{
	display: block;
}



.copyright{
	float: right;
	width: 215px;
}



/* =08. */
/* ----------------------------------------------------- */



/* =09. */
/* ----------------------------------------------------- */