@charset "utf-8";

/*
======== table of content. =================================

summary:M3、アーカイブ等用レイアウト定義

-CONTENT

-MAIN
  - MAIN RIGHT
  	

============================================================
*/

/* COMMON 
------------------------------------------------------
*/
div#content #m3_navi {
	padding-left: 1px;
}
div#content #m3_navi ul {
}
div#content #m3_navi li {
	display: inline;
	float: left;
}
div#content #mainimage{
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clear: both;
	font-size: 10px;
}
div#main{
	clear:both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 40px;
	padding-top: 40px;
}
div#main div.section{
	margin:0;
	padding:0;
}

div#main h3{
	margin-bottom:10px;
	clear: both;
	padding-top: 35px;
}
div#main .btn_c_pagetop {
	text-align: right;
	clear: both;
	width: 690px;
	padding-top: 30px;
	padding-bottom: 30px;
}

div#main #item {
	clear: both;
}
div#main #item ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div#main #item li {
	display: inline;
	float: left;
	padding-right: 14px;
	text-align: center;
}

div#main #item ul.coode {
	float: left;
	width: 306px;
	height: 29px;
	background: url(../m3/images/bg_coordinate.gif) 0 0 no-repeat;
}
div#main #item ul.coode img {
	float: left;
}
div#main #item ul.coode li {
	margin: 0;
	padding: 9px 0 8px 16px;
	line-height: 29px;
	font-size: 84%;
	background: url(../m3/images/ico_coode_plus.gif) 3px center no-repeat;
}
div#content div#main div#item ul.coode li.top {
	padding: 9px 0 8px 12px;
	background: none;
}
div#main #item ul.coode li a:link,
div#main #item ul.coode li a:visited {
	color: #FFF;
}
div#main #item ul.coode li a:hover,
div#main #item ul.coode li a:active {
	color: #FFF;
}

div#main #txt_01 {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 690px;
}

div#main #lineup {
}
div#main #lineup ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div#main #lineup li {
	display: inline;
	float: left;
	padding-right: 40px;
}



/*SUCCESSION*/
div#main #succession_logo {
	padding-bottom: 10px;
}
div#main #mainimage #txt_logo {
	text-align: right;
	width: 690px;
}
div#main #succession_character {
}
div#main #succession_character ul {
}
div#main #succession_character li{
	display: inline;
	padding-right: 42px;
	float: left;
	font-size: 10px;
	text-align: center;
}
div#main #succession_character #ar {
	padding-top: 190px;
}

div#main #succession_logo dl {
	margin: 0px;
	padding: 0px;
}
div#main #succession_logo dt {
	margin: 0px;
	float: left;
	width: 221px;
	padding-top: 0px;
	padding-right: 24px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 10px;
}
div#main #succession_logo dd {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 447px;
}
div#main #succession_detail {
}
div#main #succession_detail ul {
}
div#main #succession_detail li {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
div#main #japan_t {
	padding-bottom: 30px;
}
div#main #japan_t ul {
}
div#main #japan_t li {
	float: left;
	padding-right: 30px;
}
div#main #japan_b {
	clear: both;
	padding-bottom: 30px;
}
div#main #japan_b ul {
}
div#main #japan_b li {
	float: left;
	padding-right: 20px;
	text-align: center;
	font-size: 10px;
}
/*M3SHOPLIST*/
div#m3s_main{
}

div.list dl{
	margin:0 0 30px 0;
}

div.list dl dt{
	padding:14px 23px 18px 23px;
	background:url(../shop/images/bg_box_top.gif) no-repeat left top;
	font-weight:bold;
}

div.list dl dd{
	height:70px;
	background:url(../shop/images/bg_box_bottom.gif) no-repeat left bottom;
	padding-top: 0;
	padding-right: 23px;
	padding-bottom: 0;
	padding-left: 23px;
}
div.list dl dd.url{
	padding:0 23px 23px 23px;
	height:auto;
}

div.list dl dd a{
	color:#CCC;
}

p#bnr {
	padding-bottom: 30px;
}
/*LINEUP*/
div#main #item #main_item{
	float: left;
	width:306px;
	padding-right: 16px;
}
div#main #item dl{
	float: left;
	padding-top: 39px;
	width: 350px;
}
div#main #item dt{
	padding-bottom: 4px;
}
div#main #item dd{
	padding-bottom: 6px;
}
html:not(:target) div#main #item dt{
	padding-bottom: 3px;
}
html:not(:target) div#main #item dd{
	padding-bottom: 3px;
}
*+html div#main #item dt{
	padding-bottom: 3px;
}
*+html div#main #item dd{
	padding-bottom: 3px;
}
div#main #item ul{
	float: left;
}
div#main #item li{
	padding-bottom: 20px;
	float: left;
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 14px;
	padding-left: 0px;
}
*+html div#main #item ul{
	float: left;
}
*+html div#main #item li{
	padding-bottom: 20px;
	float: left;
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 6px;
	padding-left: 0px;
}
* html div#main #item ul{
	float: left;
}
* html div#main #item li{
	padding-bottom: 20px;
	float: left;
	display: inline;
	margin: 0px;
	padding-top: 0px;
	padding-right: 6px;
	padding-left: 0px;
}
div#main #fabric{
	float: left;
}
div#main #fabric #pic{
	width: 119px;
	float: left;
}
div#main #fabric dl{
	float: left;
	width: 241px;
	padding-left: 8px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
div#main #fabric dt{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
div#main #fabric dd{
	font-size: 10px;
	padding-top: 4px;
}
div#main #spec {
	clear: both;
	padding-bottom: 38px;
}
div#main #spec dl {
	width: 306px;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
div#main #spec dt {
	float: left;
	width: 62px;
	padding-right: 12px;
	padding-left: 7px;
	line-height: 16px;
}
div#main #spec dd {
	float: left;
	width: 220px;
	font-size: 10px;
	line-height: 16px;
	padding-bottom: 14px;
}
div#main #spec dt.coode {
	float: left;
	width: 80px;
	padding-right: 12px;
	padding-left: 7px;
	line-height: 16px;
}
div#main #spec dd.coode {
	float: left;
	width: 202px;
	font-size: 10px;
	line-height: 16px;
	padding-bottom: 14px;
}
div#main #spec dd.coode a:link,
div#main #spec dd.coode a:visited {
	color: #CCC;
	text-decoration: none;
}
div#main #spec dd.coode a:hover,
div#main #spec dd.coode a:active {
	color: #CCC;
	text-decoration: underline;
}

div#main #spec2 {
	clear: both;
	padding-bottom: 38px;
}
div#main #spec2 #size {
	float: left;
	width: 369px;
	padding-top: 18px;
	padding-left: 320px;
	font-size: 10px;
	line-height: 160%;
}
/*ポップアップ*
/**
* {
margin:0;
padding:0
}

body {
font:11px/1.5 Verdana, Arial, Helvetica, sans-serif;
background:#FFF
}
**/
#text {
margin:50px auto;
width:500px;
}


.hotspot {
color:#900;
padding-bottom:1px;
border-bottom:1px dotted #900;
cursor:pointer
}

#tt {
position:absolute;
display:block;
/*background:url(images/tt_left.gif) top left no-repeat*/
}

#tttop {
display:block;
height:5px;
margin-left:5px;
/*background:url(images/tt_top.gif) top right no-repeat;*/
overflow:hidden
}

#ttcont {
display:block;
padding:2px 12px 3px 7px;
margin-left:5px;
/*background:#666;
color:#FFF*/
}

#ttbot {
display:block;
height:5px;
margin-left:5px;
/*background:url(images/tt_bottom.gif) top right no-repeat;*/
overflow:hidden
}
div#content #btn_os {
	width:677px;
	clear:both;
	text-align: center;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
	padding-bottom: 30px;
}



/*M3 TOPS*/
div#main div#tops {
	padding: 0 40px 0 0;
}
div#main div#tops div.section {
	clear: both;
}
div#main div#tops p.shopbutton {
	clear: both;
	padding: 40px 0 80px 0;
	text-align: center;
}
div#main div#tops div.section h3 {
	margin: 0 0 15px 0;
	padding: 0;
}
div#main div#tops div.section p.photo {
	float: left;
	width: 265px;
}
div#main div#tops div.section div.section-inside {
	float: right;
	width: 360px;
}
div#main div#tops div.section div.section-inside p {
	margin: 0 0 20px 0;
	color: #FFF;
}
div#main div#tops div.section div.section-inside p.photo {
	float: left;
	width: 112px;
	margin: 0;
}
div#main div#tops div.section div.section-inside p.info {
	color: #F00;
}

div#main div#tops div.section div.section-inside div.fabric {
	padding: 0 0 0 5px;
}
div#main div#tops div.section div.section-inside div.fabric-inside {
	float: right;
	width: 235px;
	line-height: 1.4;
	font-size: 84%;
}
div#main div#tops div.section div.section-inside div.fabric-inside h4 {
	margin: 0 0 5px 0;
	padding: 12px 0 6px 0;
	color: #CCC;
	font-weight: normal;
	background: url(../m3/images/line_tops_fabric.gif) 0 100% repeat-x;
}
div#main div#tops div.section div.section-inside div.fabric-inside p {
	color: #CCC;
}