@charset "UTF-8";
@import "reset.css";


/* body
-------------------------------------------------------------------*/

body {
	background-color: #282828;
	background-image:url(../images/bg.jpg);
	background-repeat: repeat-x;
	padding: 0 0 40px 55px;
	/*padding-right: 15px;*/
}

a {color:#333333;}
a:link {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:hover {text-decoration:none;}


/* wrapper
-------------------------------------------------------------------*/

#wrapperTop {
	width: 100%;
	margin: auto;
	text-align:center;
}

/* header
-------------------------------------------------------------------*/

#header {
	clear: both;
	height: 72px;
	padding: 0 0 0 10px;
	margin: 55px 0 15px 0;
	text-align:left;
}

.headerL {
	float: left;
	width: 170px;
}

.headerR {
	float: right;
	text-align: right;
	width: 365px;
}

#navTop {
	padding: 40px 0 0 0;
}

#navTop ul li {
	float: left;
	padding: 0 0 0 15px;
	margin:0;
	_margin: 0 0 30px 0px;
}

#nav {
	padding: 25px 0 40px 0;
}

.banArea li {
	padding: 0;
	margin: 0 0 4px 0;
	height: 32px;
}

.logo {
	text-indent: -9999px;
}

.logo a {
	width: 130px;
	height: 62px;
	background: url(../images/logo_tob.gif) no-repeat;
	text-indent: -9999px;
	display: block;
}

/* footer
-------------------------------------------------------------------*/

#footer {
	width: 880px;
	float: left;
	clear: both;
	padding: 0;
	/*
	padding: 90px 0 0 0;
	_padding: 20px 0 0 0;
	*/
}

.footerL {
	float: left;
	width: 300px;
}

.footerR {
	float: right;
	width: 210px;
}

.url {
	width: 115px;
	height: 13px;
	background: url(../images/footer_url.gif) no-repeat;
	text-indent: -9999px;
}

.copyright {
	width: 210px;
	height: 13px;
	background: url(../images/footer_copyright.gif) no-repeat;
	text-indent: -9999px;
}


/* container
-------------------------------------------------------------------*/

#containerTop {
	clear: both;
	margin:auto;
}

#container {
	width: 880px;
	margin: 0 auto;
	padding: 70px 0 0 0;
}

.leftCol {
	float: left;
	width: 190px;
}

.rightCol {
	float: right;
	width: 690px;
	padding: 40px 0 0 0;
}

.mainHeight {
	float: left;
	width: 690px;
	height: 530px;
	/height: 460px;
}

#mainwin {
/*	padding: 0;
	margin: 0;	*/
}

/* grid-content
-------------------------------------------------------------------*/

#grid-content {
	overflow: hidden;
	height: 0;
}

#grid-content p {
	margin: 0;
	padding: 0;
}

#grid-content div {
/*	margin: 3px;	*/
}

#grid-content div.ban {
	width: 175px;
	line-height: 0;
	margin:0 5px 5px 0;
}

#grid-content div.prd {
	width: 85px;
	line-height: 0;
	margin:0 5px 5px 0;
}

#grid-content div.ad {
	width: 535px;
	line-height: 0;
	margin:0 5px 5px 0;
}

#grid-content div.player {
	width: 355px;
	line-height: 0;
	margin:0 5px 5px 0;
}

#grid-content div.twitter {
	width: 355px;
	line-height: 0;
	margin:0 5px 5px 0;
	height: 265px;
}

/* Selected Items
-------------------------------------------------------------------*/

#items {
	width: 690px;
	padding: 30px 0 0 0;
	margin: 0 auto;
	clear: both;
}

#slide {
	padding: 18px 0 0 0;
	height: 1000px;
}

.gallery li  {
	float: left;
	width: 138px;
	height: 138px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.titleItems {
	width: 280px;
	height: 20px;
	background: url(../images/h2_items.gif) no-repeat;
	text-indent: -9999px;
}


/* brandconcept
-------------------------------------------------------------------*/

.titleBrandconcept {
	width: 280px;
	height: 20px;
	background: url(../images/h2_brandconcept.gif) no-repeat;
	text-indent: -9999px;
}

#brandConcept {
	width: 690px;
	height: 221px;
	padding: 190px 0 0 0;
	margin: 55px auto 0 auto;
	background: url(../images/bg_concept.gif) no-repeat;
}

.concept {
	width: 410px;
	height: 120px;
	margin: 0 auto;
	font-size: 11px;
	line-height: 1.75;
}


/* Shop List
-------------------------------------------------------------------*/

.titleShopList {
	width: 280px;
	height: 20px;
	background: url(../images/h2_shoplist.gif) no-repeat;
	text-indent: -9999px;
}

#shopList {
	width: 690px;
	padding: 80px 0 0 0;
	margin: 55px auto 0 auto;
	background: url(../images/bg_shoplist.gif) no-repeat;
}

#shopList2 {
	width: 620px;
	padding-left: 70px;
	background: url(../images/bg_shop.gif) repeat-y;
}

#shopList .text {
	width: 620px;
/*	height: 120px;	*/
	margin: 0 auto;
	font-size: 11px;
	line-height: 1.75;
}

#shopList table {
	width:520px;
	margin: 0;
}

#shopList td {
	padding: 5px 15px 5px 5px;
	vertical-align:top;
	line-height: 1.4;
	border-right:8px solid #A08E51;
	background: url(../images/hr_dotted.gif) repeat-x;
}

#shopList th {
	width: 50px;
	padding: 5px 15px 5px 5px;
	vertical-align:top;
	line-height: 1.4;
	background: url(../images/hr_dotted.gif) repeat-x;
	border-right:1px solid #A08E51;
}

#shopList td.top, #shopList th.top {
	background: url(../images/hr_dotted.gif) repeat-x;
}


/* Collection
-------------------------------------------------------------------*/

#collection {
/*	width: 448px;	*/
	width: 685px;
	height: 314px;
	margin: 85px auto 0 auto;
}

.titleCollection {
	width: 280px;
	height: 20px;
	background: url(../images/h2_collection.gif) no-repeat;
	text-indent: -9999px;
}

#collection li  {
	float: left;
	width: 82px;
	height: 157px;
	list-style-type: none;
	padding: 0;
	margin: 0 2px 0 0;
}


/* other
-------------------------------------------------------------------*/

.clear {
	clear: both;
}


/* form
-------------------------------- */	

#form-wrapper {
	width:630px;
	margin:auto;
}

#form-wrapper a {
	color: #666666;
	text-decoration:underline;
}

#form-wrapper a:hover {
	text-decoration:none;
}

#form-wrapper h1 {
	display:block;
	width:130px;
	height:62px;
	float:left;
}

#form-wrapper h2 {
	display:block;
	width:430px;
	height:65px;
	float:right;
	padding:15px 0 0 0;
}

#form-wrapper #container02 {
	width: 630px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}

#form-wrapper #header {
	width: 630px;
	padding: 0;
	margin: 60px 0 20px 0;
	float: left;
}

#form-wrapper .contents02 {
 	clear: both;
	width: 630px;
	float: left;
}

#form-wrapper .formBox {
	clear: both;
	width: 488px;
	height: 148px;
	border: 1px solid #F7E8AC;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.5;
	padding: 15px 0 0 15px;
}

#form-wrapper p.gold02 {
	font-size:11px;
	color:#F7E8AC;
	padding: 40px 0 10px 0;
	margin:0;
}

#form-wrapper p.gold03 {
	font-size:11px;
	color:#F7E8AC;
	padding: 0px 0 20px 0;
	margin:0;
}

#form-wrapper p.gold04 {
	font-size:12px;
	color:#F7E8AC;
	padding: 20px 0 20px 0;
	margin:0;
}

#form-wrapper .greyTxt {
	color: #CCCCCC;
	font-size: 11px;
}

#form-wrapper .btn {
	text-align: center;
	padding: 20px 0 0 0;
	clear: both; 
}

#form-wrapper .formFrame {
	float: left;
	width: 628px;
	background: #FFFFFF;
	border: 1px solid #A08E51; 
}

#form-wrapper .formContents {
	float: left;
	width: 570px;
	padding: 35px 30px 30px 30px;
	font-size: 11px;
}

#form-wrapper .form01 {
	background: url(../images/form/bg_form_s.gif) no-repeat;
	width: 196px;
	height: 32px;
	padding: 0 0 0 5px;
}

#form-wrapper .form02 {
	background: url(../images/form/bg_form_m.gif) no-repeat;
	width: 190px;
	height: 63px;
	padding: 0 6px 0 5px;
}

#form-wrapper .form03 {
	background: url(../images/form/bg_form_l.gif) no-repeat;
	width: 196px;
	height: 87px;
	padding: 0 0 0 5px;
}

#form-wrapper .form04 {
	background: url(../images/form/bg_form_s-2.gif) no-repeat;
	width: 196px;
	height: 33px;
	padding: 0 0 0 5px;
	border-top: 1px solid #efefef;
}

#form-wrapper .formR {
	width: 349px;
	height: 33px;
	background: url(../images/form/hr_form.gif) left top no-repeat;
	padding: 5px 0 5px 20px;
	line-height: 1.3;
}

#form-wrapper .formR2 {
	width: 349px;
	height: 33px;
	background: url(../images/form/bg_form_r.gif) left top no-repeat;
	padding: 0 0 0 20px;
}

#form-wrapper .formB {
	width: 349px;
	height: 33px;
	background: url(../images/form/hr_form.gif) left top repeat-x;
	padding: 15px 0 15px 5px;
	line-height: 1.3;
}

#form-wrapper .formB .styling {
	padding: 0 0 10px 0;
	margin: 0;
}

#form-wrapper .greyBox {
	width: 550px;
	margin: 20px 0 0 0;
	padding: 10px 10px;
	background:#F6F6F6;
}

#form-wrapper .greyBox dt {
	font-weight: normal;
	padding: 0 0 5px 0;
}

#form-wrapper .formCategory {
	width: 340px;
	margin: 0;
}

#form-wrapper .formCategory li {
	display: inline;
	line-height: 1.8;
	padding: 0 10px 0 0;
}

#form-wrapper .formCategory2 {
	width: 340px;
	margin: 0 0 8px 0;
}

#form-wrapper .formCategory2 li {
	display: inline;
	line-height: 2;
	padding: 0 10px 0 0;
}

#form-wrapper .padL5 {
	padding: 0 0 0 5px;
}

#form-wrapper .padT10 {
	padding-top: 10px;
}

#form-wrapper .formTitle {
	font-size:15px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	padding:10px 10px;
	margin:20px 0 0 0;
	background: #A08E51; 
}

#form-wrapper .formHeader {
	background: url(../images/form/bg_form_s.gif) no-repeat;
	width: 196px;
	height: 28px;
	font-size:11px;
	line-hight:1;
	color:#000000;
	margin:0;
	padding:0;
	font-weight:normal;
}

#form-wrapper .formR td {
	padding: 3px 0;
}

#form-wrapper .formNote {
	font-size:10px;
	padding:5px 10px 3px 0;
	margin:0;
}

#form-wrapper #footer {
	width:100%;
	padding:20px 0 40px 0;
}

#form-wrapper .form-styling {
	margin:auto;
}

#form-wrapper .form-styling-box {
	width:560px;
	text-align:center;
	margin:auto;
}

#form-wrapper .form-styling td {
	text-align:left;
	padding:3px 1px;
}


/* vote
-------------------------------------------------------------------*/

#voteWrapper {
	color:#666666;
	width: 915px;
	margin: auto;
	font-size: 11px;
	line-hight:150%;
}

#voteWrapper h1 {
	display:block;
	width:130px;
	height:62px;
	float:left;
}

#voteWrapper h2 {
	display:block;
	width:600px;
	height:65px;
	float:left;
	padding:30px 0 0 30px;
}

#voteWrapper #container02 {
	width: 915px;
	padding: 10px 0 0 0;
	margin: 0 auto;
}

#voteWrapper #header {
	width: 915px;
	padding: 0;
	margin: 60px 0 20px 0;
	float: left;
}

#voteContents {
	color:#666666;
	width: 855px;
	padding: 40px 30px 60px 30px;
	margin:0 0 20px 0;
	background:#FFFFFF;
	font-size: 11px;
	line-hight:150%;
}

#voteContents #colL {
	float:left;
	width: 610px;
}

#voteContents #colR {
	float:right;
	width: 220px;
}

#voteContents .present {
	padding:20px 0;
	line-hight:150%;
}

#voteContents .styling {
	margin:0;
	padding:10px 0;
}

#voteContents .styling-selectA {
	background: url(../images/vote/img_vote_pattern.gif) ;
	width: 602px;
	margin:10px 0 0 0;
	padding:4px;
}

#voteContents .styling-selectB {
	background: #FFFFFF;
	width: 582px;
	margin:0;
	padding:10px 10px 25px 10px;
}

#voteContents .styling-selectC {
	width: 402px;
	padding:0 0 0 142px;
	text-align: left;
}

#voteContents .styling-selectB ul {
	margin:0;
	padding:0;
}

#voteContents .styling-selectB li {
	color:#DC006C;
	font-weight: bold;
	margin:0;
	padding:4px 0;
}

#voteContents .vote-per {
	font-weight:bold;
	color:#D0C176;
}

#voteContents .vote-subject {
	float:left;
	width:120px;
	padding: 0 10px 0 0;
}

#voteContents .pre-list {
	font-size: 12px;
	padding: 0 0 0 80px;
}

#voteContents .vote-btn {
	width:100%;
	text-align:center;
	margin:0;
	padding:15px 0;
}

#voteContents .btn-apply {
	width:100%;
	text-align:center;
	margin:0;
	padding:15px 0;
}

#voteContents .greyBox {
	width: 100%;
	margin: 10px 0 20px 0;
	padding: 10px 10px;
	background:#F6F6F6;
	line-hight:150%;
}

#voteContents .greyBox dt {
	font-weight: normal;
	padding: 0 0 5px 0;
}

#voteContents #colR p {
	margin:0;
	padding:10px 0 5px 0;
}

#voteContents #btnL {
	float:left;
}

#voteContents #btnR {
	float:right;
}

#voteContents .styling-selectB h3 {
	color: #DC006C;
	font-size:14px;
	font-weight:bold;
	width: 500px;
	margin:auto;
	text-align:center;
	padding:10px 0;
}


/* 純広告画像切り替え New
-------------------------------------------------------------------*/

#slideshow { position:relative; width:535px; height:355px; }
#slideshow a { display:block; }
#slideshow a { position:absolute; top:0; left:0; z-index:8; }
#slideshow a.active { z-index:10; }
#slideshow a.last-active { z-index:9; }


/* 純広告画像切り替え
-------------------------------------------------------------------

#slideshow { position:relative; width:535px; height:355px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }
*/