/***********************************************************
*
* ONWARD Lakeland
* (C)ONWARD KASHIYAMA Co.,Ltd.
*
* 00. Common
* 01. Header
* 02. Footer
* 03. Information
* 04. Collection
* 05. Concept
* 06. Policy
* 07. Index
*
***********************************************************/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	color: #333;
}
h1,h2,h3,h4,div,span,p,ul,li,table,tr,td,img {
	margin: 0;
	padding: 0;
	border: 0;
}
h1,h2,h3,h4 {
	font-size: xx-small;
	font-weight: bold;
}
ul {
	list-style: none;
}
a:link, a:visited {
	font-weight: bold;
	color: #cc3335;
	text-decoration: none;
}
a:hover {
	color: #000;
}
.hidden {
	display: none;
}
.att {
	padding: 10px 0;
	font-size: x-small;
	color: #666;
	line-height: 1.4em;
}
.clear {
	clear: both;
}



/***********************************************************
* 00. Common
***********************************************************/
#wrapper {
	margin: 0 auto;
	width: 1012px;
	font-size: 0.75em;
	height: 100%;
}
html>body #wrapper {
	height: 100%;
}
#main {
	padding: 80px 10px 0 10px;
	width: 820px;
	height: 490px;
	background: url(../images/policy_m.gif) repeat-y;
}
#plyMain {
	width: 840px;
}
#main
#contents {
	position: relative;
	padding: 20px;
	width: 780px;
	height: 480px;
	background: #fff;
	overflow: hidden;
}


/* Left */
#leftArea {
	width: 220px;
	float: left;
}
#leftArea p {
	margin: 0 0 15px 0;
}
#leftArea p span {
	padding: 0 70px 0 0;
	width: 60px;
	height: 11px;
	background: url(../images/mark_new.gif) right 2px no-repeat;
}
#leftArea p a img {
	margin: 0 0 3px 0;
	width: 200px;
	height: 60px;
	border: 1px solid #919ba4;
}
#leftArea p a:hover img {
	border: 1px solid #000;
}


/* Right */
#rightArea {
	width: 560px;
	float: left;
}
#rightArea th {
	width: 280px;
	text-align: left;
}
#rightArea th img {
	border: 1px solid #ccc;
}
#rightArea th.noBorder img {
	border: none;
}
#rightArea td {
	width: 280px;
}
#rightArea
#txtArea {
	width: 280px;
	line-height: 1.4em;
}
#rightArea
#txtArea h2 {
	margin: 0 0 15px 0;
	width: 280px;
	border-bottom: 1px solid #919ba4;
}
#rightArea
#txtArea h3 {
	margin: 0 0 15px 0;
	font-size: 1.0em;
	font-weight: bold;
	color: #919ba4;
}
#rightArea
#txtArea h3 span {
	padding: 0 70px 0 0;
	width: 60px;
	height: 11px;
	background: url(../images/mark_new.gif) right 2px no-repeat;
}



/***********************************************************
* 01. Header
***********************************************************/
#header {
	padding: 5px 0 0 0;
	width: 840px;
	height: 75px;
}
html>body #header {
	position: fixed;
	z-index: 10;
}
#header h1 {
	width: 90px;
	height: 60px;
	background: url(../images/logo.gif) no-repeat;
	float: left;
}
#header h1 a {
	width: 90px;
	height: 60px;
	display: block;
}

/* Navigation */
#header ul {
	margin: 35px 0 0 0;
	padding: 0 10px 0 0;
	width: 625px;
	height: 25px;
	float: right;
}
#header li {
	float: left;
}
#header li a {
	margin: 0 60px 0 0;
}
#header li#inf a {
	width: 125px;
	height: 25px;
	background: url(../images/navi.gif) 0 0 no-repeat;
	display: block;
}
#header li#inf a:hover,
#header li#inf_on a {
	width: 125px;
	height: 25px;
	background: url(../images/navi.gif) 0 -25px no-repeat;
	display: block;
}
#header li#clt a {
	width: 110px;
	height: 25px;
	background: url(../images/navi.gif) -185px 0 no-repeat;
	display: block;
}
#header li#clt a:hover,
#header li#clt_on a {
	width: 110px;
	height: 25px;
	background: url(../images/navi.gif) -185px -25px no-repeat;
	display: block;
}
#header li#cpt a {
	width: 90px;
	height: 25px;
	background: url(../images/navi.gif) -355px 0 no-repeat;
	display: block;
}
#header li#cpt a:hover,
#header li#cpt_on a {
	width: 90px;
	height: 25px;
	background: url(../images/navi.gif) -355px -25px no-repeat;
	display: block;
}
#header li#shp a {
	margin: 0;
	width: 120px;
	height: 25px;
	background: url(../images/navi.gif) -505px 0 no-repeat;
	display: block;
}
#header li#shp a:hover,
#header li#shp_on a {
	margin: 0;
	width: 120px;
	height: 25px;
	background: url(../images/navi.gif) -505px -25px no-repeat;
	display: block;
}



/***********************************************************
* 02. Footer
***********************************************************/
#footer {
	clear: both;
	padding: 13px 0 10px 5px;
	width: 835px;
	background: #fff url(../images/policy_b.gif) top no-repeat;
}
#plyFooter {
	clear: both;
	padding: 5px 0 0;
	width: 920px;
	margin-left: 34px;
}
#footer ul,
#plyFooter ul {
	width: 340px;
	height: 20px;
	float: left;
}
#footer li,
#plyFooter li {
	float: left;
}
#footer ul li#privacy a,
#plyFooter ul li#privacy a {
	width: 128px;
	height: 20px;
	background: url(../images/navi_s.gif) 0 0 no-repeat;
	display: block;
}
#footer ul li#privacy a:hover,
#plyFooter ul li#privacy a:hover,
#plyFooter ul li#privacy_on a {
	width: 128px;
	height: 20px;
	background: url(../images/navi_s.gif) 0 -20px no-repeat;
	display: block;
}
#footer ul li#site a,
#plyFooter ul li#site a {
	width: 104px;
	height: 20px;
	background: url(../images/navi_s.gif) -128px 0 no-repeat;
	display: block;
}
#footer ul li#site a:hover,
#plyFooter ul li#site a:hover,
#plyFooter ul li#site_on a {
	width: 104px;
	height: 20px;
	background: url(../images/navi_s.gif) -128px -20px no-repeat;
	display: block;
}
#footer ul li#contact a,
#plyFooter ul li#contact a {
	width: 108px;
	height: 20px;
	background: url(../images/navi_s.gif) 0px 0 no-repeat;
	display: block;
}
#footer ul li#contact a:hover,
#plyFooter ul li#contact a:hover {
	background-position: 0px -20px;
}
#footer #cr,
#plyFooter #cr {
	width: 298px;
	height: 20px;
	background: url(../images/footer_copyright.gif) no-repeat;
	float: right;
}
#footer #cr p a,
#plyFooter #cr p a {
	width: 87px;
	height: 20px;
	background: url(../images/footer_logo.gif) no-repeat;
	display: block;
	float: right;
}


/***********************************************************
* 03. Information
***********************************************************/
#main
#infContents {
	padding: 40px 20px 0 20px;
	width: 780px;
	height: 460px;
	overflow: hidden;
}
#main
#infContents
#leftArea {
	width: 210px;
}
#main
#infContents
#rightArea {
	width: 570px;
}
#main
#infContents
#rightArea table th {
	padding: 0 0 0 10px;
	width: 290px;
}
#rightArea
#txtArea p.gray {
	padding: 5px 0 0 0;
	font-size: 0.9em;
	color: #999;
}
#rightArea th img.short {
	margin: 0 0 27px 0;
	width: 260px;
}


/* Prev.Next */
#main
#infContents
#rightArea ul {
	padding: 10px 0;
	width: 570px;
	height: 20px;
}
/*
#rightArea ul {
	position: absolute;
	top: 550px;
	width: 560px;
	height: 20px;
}
*/
#rightArea ul li#prev {
	width: 90px;
	height: 50px;
	float: left;
}
#rightArea ul li#prev a {
	width: 90px;
	height: 50px;
	background: url(../images/btn_prev.gif) 0 0 no-repeat;
	display: block;
}
#rightArea ul li#prev a:hover,
#rightArea ul li#prev_off a {
	width: 90px;
	height: 50px;
	background: url(../images/btn_prev.gif) 0 -50px no-repeat;
	display: block;
}
#rightArea ul li#next {
	width: 90px;
	height: 50px;
	float: right;
}
#rightArea ul li#next a {
	width: 90px;
	height: 50px;
	background: url(../images/btn_next.gif) 0 0 no-repeat;
	display: block;
}
#rightArea ul li#next a:hover,
#rightArea ul li#next_off a {
	width: 90px;
	height: 50px;
	background: url(../images/btn_next.gif) 0 -50px no-repeat;
	display: block;
}



/***********************************************************
* 04. Collection
***********************************************************/
#main
#cltContents {
	padding: 50px 20px 0 20px;
	width: 780px;
	height: 440px;
}


/* Left */
#leftArea
#detail {
	width: 200px;
	height: 262px;
}
#leftArea
#detail img {
	margin: 0 0 2px 0;
	width: 200px;
	border: 1px solid #ccc;
}
#leftArea
#detail p {
	width: 200px;
	font-size: x-small;
	color: #666;
	line-height: 1.4em;
}
#leftArea ul {
	width: 210px;
	height: 130px;
}
#leftArea ul li {
	margin: 0 10px 0 0;
	width: 95px;
	height: 130px;
	float: left;
}


/* Right */
#rightArea
#txtArea p#spec {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px dotted #919ba4;
}



/***********************************************************
* 05. Concept
***********************************************************/
#main
#cptContents {
	padding: 20px;
	width: 780px;
	height: 450px;
	overflow: hidden;
}
#main #cptContents #leftArea,
#main #cptContents #rightArea,
#main #cptContents #rightArea td {
	width: 390px;
}
#main
#cptContents
#rightArea table {
	width: 390px;
	height: 480px;
}
#main
#cptContents
#rightArea
#txtArea h2 {
	margin: 0 0 15px 0;
	width: 390px;
	border-bottom: 1px solid #919ba4;
}
#main
#cptContents
#rightArea
#txtArea p#txtBrand {
	margin: 0 0 50px 0;
	width: 390px;
	height: 80px;
	background: url(../concept/images/txt_brand.gif) no-repeat;
}



/***********************************************************
* 06. Policy
***********************************************************/
#plyMain
#policyContents {
	padding: 30px 50px;
	width: 740px;
	background: url(../images/policy_m.gif) repeat-y;
}
#plyMain
#policyContents h2#ttlSite {
	margin: 0 0 20px 0;
	width: 155px;
	height: 40px;
	background: url(../site/images/title.gif) no-repeat;
}
#plyMain
#policyContents h2#ttlPrivacy {
	margin: 0 0 20px 0;
	width: 205px;
	height: 40px;
	background: url(../privacy/images/title.gif) no-repeat;
}
#plyMain
#policyContents h3 {
	clear: both;
	margin: 0 0 10px 0;
	height: 20px;
	border-bottom: 1px solid #919ba4;
}	
#plyMain
#policyContents h4 {
	margin: 0 0 5px 0;
	font-size: 1.0em;
	font-weight: bold;
	color: #919ba4;
}
#plyMain
#policyContents p {
	margin: 0 0 30px 0;
	width: 740px;
	line-height: 1.6em;
}
#plyMain
#policyContents p.pagetop {
	font-size: 0.9em;
	text-align: right;
}
#plyMain
#policyContents p.pagetop a {
	font-weight: normal;
}
#plyMain
#policyContents p .att {
	font-size: 1.0em;
	line-height: 1.6em;
}



/***********************************************************
* 07. Index
***********************************************************/
#main
#idxContents {
	width: 820px;
	height: 490px;
	background: url(../images/top.jpg) no-repeat;
}
#main
#idxContents
#contentsNavi {
	margin: 80px 0 0 0;
	padding: 0 20px 20px 0;
	width: 330px;
	float: right;
}
#main
#idxContents
#contentsNavi h2 {
	width: 120px;
	height: 30px;
	background: url(../images/ttl_inf.gif) no-repeat;
}


/* Main Navigation */
#main
#idxContents
#contentsNavi ul#mnNav {
	margin: 0 0 20px 0;
	padding: 0 7px;
	width: 316px;
	overflow: hidden;
}
#main
#idxContents
#contentsNavi ul#mnNav li {
	clear: both;
	margin: 0 0 10px 0;
	width: 316px;
	height: 60px;
	font-size: 0.9em;
}
#main
#idxContents
#contentsNavi ul#mnNav li a {
	height: 60px;
	font-weight: normal;
	color: #fff;
	display: block;
}
#main
#idxContents
#contentsNavi ul#mnNav li a:hover {
	color: #000;
}
#main
#idxContents
#contentsNavi ul#mnNav a img {
	margin: 0 10px 0 0;
	width: 80px;
	height: 60px;
	border: 1px solid #ccc;
	float: left;
}
#main
#idxContents
#contentsNavi ul#mnNav a:hover img {
	border: 1px solid #000;
}
#main
#idxContents
#contentsNavi ul#mnNav strong span {
	padding: 0 70px 0 0;
	width: 60px;
	height: 11px;
	background: url(../images/mark_new.gif) right top no-repeat;
}


/* Sub Navigation */
#main
#idxContents
#contentsNavi ul#sbNav {
	width: 330px;
}
#main
#idxContents
#contentsNavi ul#sbNav li {
	clear: both;
}
#main
#idxContents
#contentsNavi ul#sbNav li img {
	width: 120px;
	height: 30px;
	float: left;
}
#main
#idxContents
#contentsNavi ul#sbNav li span {
	padding: 0 70px 0 10px;
	width: 60px;
	font-size: 0.9em;
	line-height: 28px;
	background: url(../images/mark_new.gif) right 2px no-repeat;
}
#main
#idxContents
#contentsNavi ul#sbNav li span.date {
	padding: 0 0 0 10px;
	font-size: 0.9em;
	line-height: 28px;
	background: none;
}
#main
#idxContents
#contentsNavi ul#sbNav li a {
	color: #fff;
}
#main
#idxContents
#contentsNavi ul#sbNav li a:hover {
	color: #000;
}


.clear {
	clear: both;
}