@charset "utf-8";
/* TOP（ONLINESHOP）用CSS */

/* スライド */

#topBloc article {
	width:1100px !important;
	padding-top: 60px
}
#contents3Bxslider li img {margin-left: 137px;}
.contents{
	padding-top:0 !important;
	background-color:#DDDCD9 !important;
}

/* サブコンテンツ */
.top_subarea{
	border:1px solid #a8a8a8;
	background:#fff;
	position:relative;
	z-index:6000;
	margin:412px 0 82px 0;
	height:741px !important;
}
.top_subarea ul{
	position:absolute;
	top:16px;
}
.top_subarea li a{display:block;}
.top_subarea li.sec_col{margin-top:-22px;}
.top_subarea .ttl_box{
	background:url(http://tsuchiyakaban.s3.amazonaws.com/user_data/top/sub_bg.png) repeat-x;
	position:absolute;
	bottom:0;
	left:0;
	width:304px;
	height:81px;
}
.top_subarea .ttl_box p{
	color:#fff;
	text-align:center;
	font-family:"小塚ゴシック Pro R",'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	letter-spacing:0.1em;
	padding-top:30px;
}
/* サブコンテンツ*/
.sub_pattern01 .col01, .sub_pattern02 .col01, .sub_pattern03 .col01, .sub_pattern04 .col01, .sub_pattern05 .col01, .sub_pattern06 .col01{
	position:absolute;
	top:0;
	left:18px;
}
.sub_pattern01 .col02, .sub_pattern02 .col02, .sub_pattern04 .col02{
	position:absolute;
	left:338px;
	top:0;
}
.sub_pattern01 .col03, .sub_pattern03 .col02, .sub_pattern02 .col03, .sub_pattern06 .col02{
	position:absolute;
	top:0;
	left:658px;
}
.sub_pattern01 .col04, .sub_pattern02 .col04, .sub_pattern04 .col03, .sub_pattern05 .col03{
	position:absolute;
	top:410px;
	left:18px;
}
.sub_pattern03 .col03{
	position:absolute;
	top: 518px;
	left:18px;
}
.sub_pattern01 .col05, .sub_pattern03 .col04, .sub_pattern04 .col04{
	position:absolute;
	top: 518px;
	left:338px;
}
.sub_pattern01 .col06, .sub_pattern02 .col05, .sub_pattern03 .col05, .sub_pattern05 .col05{
	position:absolute;
	top:410px;
	left:658px;
}
.sub_pattern04 .col05, .sub_pattern06 .col04{
	position:absolute;
	top: 518px;
	left:658px;
}
.sub_pattern05 .col02{
	position:absolute;
	top: 0;
	left:498px;
}
.sub_pattern05 .col04{
	position:absolute;
	top: 410px;
	left:338px;
}
.sub_pattern06 .col03{
	position:absolute;
	top: 313px;
	left:658px;
}
.w624{width:624px !important;}
.w464{width:464px !important;}

.top_lcontents, .top_rcontents{padding-bottom:38px;}
.top_lcontents{float:left;}
.top_rcontents{float:right;}
.top_topics, .top_library{width:292px;}
.top_topics{
	float:left;
	margin:0 25px 0 28px;
}
.top_topics .title, .top_library .title{
	display:block;
	margin:0 0 24px 0;
}
.topics_box{
	overflow:hidden;
	margin-bottom:22px;
}
.topics_box a{display:block;}
.topics_box img{float:left;}
.topics_box p, .top_library p{
	width:175px;
	float:right;
	line-height:1.6em !important;
	margin-top:-4px;
}
.top_library{
	float:right;
	margin:0 50px 0 0;
}
.top_diary{
	width:201px;
	background:#fff;
	margin:-15px 31px 0 0;
	padding:11px 25px; 
	overflow:hidden;
}
.top_diary p{
	text-align:center;
	padding:5px 0 9px 0;
}
.top_diary ul li{
	float:left;
	width:31px;
	margin-left:5px;
}
.top_diary ul{margin-left:11px;}
.top_diary ul li img{vertical-align:top;}