/*----------------------------------------------------

style.css にあるもの
----------------------------------------------------*/

* html .png {
  behavior: url('../js/iepngfix.htc');
}

#container_top {
	width: 960px;
	margin: 0 auto;
	padding:0;
	text-align: left;
}

h1 {
	margin-top:50px;
	width: 200px;
	height: 30px;
	background: url(../images/doudou.gif) no-repeat;
	text-indent: -9999px;
}
.text {
	font-size: 10px;
	color: #353535;
	line-height:160%;
}
.text a {
	color: #353535;
	text-decoration: none;
}
.text a:hover {
	color: #353535;
	text-decoration: underline;
}
.news {
	margin-top:15px;
}

.icon_new{
	margin-left:5px;
	}


/*---------------------------------
ナビゲーションメニュー指定ここから
---------------------------------*/
#h_navi {
	float:right;
	height: 25px;
	margin-top:-40px;
	margin-bottom:15px;
}
#h_navi li {
	display:inline;
	list-style-type:none;
}
#h_navi li a {
	height:25px;
	display:block;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
/*----ナビゲーションリンク時画像指定----*/


#h_navi #menu1 a {
	background: url(../common/top_menu.gif) no-repeat 0px 0;
	width:80px;
}
#h_navi #menu2 a {
	background: url(../common/top_menu.gif) no-repeat -80px 0;
	width:55px;

}
#h_navi #menu3 a {
	background: url(../common/top_menu.gif) no-repeat -136px 0;
	width:55px;
}
#h_navi #menu4 a {
	background: url(../common/top_menu.gif) no-repeat -191px 0;
	width:100px;
}
#h_navi #menu5 a {
	background: url(../common/top_menu.gif) no-repeat -292px 0;
	width:80px;
}
#h_navi #menu6 a {
	background: url(../common/top_menu.gif) no-repeat -373px 0;
	width:120px;
}
#h_navi #menu7 a {
	background: url(../common/top_menu.gif) no-repeat -494px 0;
	width:80px;
}




#h_navi #menu1 a:hover {
	background: url(../common/top_menu.gif) no-repeat 0px -25px;
	width:80px;
}
#h_navi #menu2 a:hover {
	background: url(../common/top_menu.gif) no-repeat -80px -25px;
	width:55px;

}
#h_navi #menu3 a:hover {
	background: url(../common/top_menu.gif) no-repeat -136px -25px;
	width:55px;
}
#h_navi #menu4 a:hover {
	background: url(../common/top_menu.gif) no-repeat -191px -25px;
	width:100px;
}
#h_navi #menu5 a:hover {
	background: url(../common/top_menu.gif) no-repeat -292px -25px;
	width:80px;
}
#h_navi #menu6 a:hover {
	background: url(../common/top_menu.gif) no-repeat -373px -25px;
	width:120px;
}
#h_navi #menu7 a:hover {
	background: url(../common/top_menu.gif) no-repeat -494px -25px;
	width:80px;
}


/*----ナビゲーションリンク時画像指定ここまで----*/




/*---------------------------------
ナビゲーションメニュー指定ここまで
---------------------------------*/
#flash_area {
	width:958px;
	height:498px;
	margin:20px 0 20px 0;
	border:1px #cccccc solid;
}
/*-----------------------------------------
#left_box　#center_box　指定
-----------------------------------------*/
#left_box {
	float:left;
	margin-right:30px;
	width: 560px;
	background: url(../images/topics.gif) no-repeat;
	border-top: 1px #5f5f5f solid;
}
.news li{
	padding:8px 8px 8px 0;
	border-bottom:1px #a7a7a7 dotted;
}


ul.bn_area {
margin-top:30px;
padding: 0;
height:60px;
margin-right:-13px;
border-bottom:none;
	}

ul.bn_area li {
	float:left;
	margin-right:13px;

}

#center_box {
	width: 265px;
	height:auto;
	padding-top:25px;
	margin-right:30px;
	border-top: 1px solid #5f5f5f;
	background:url(../images/blog.gif) no-repeat;
	float:left;
}
li.text {
	margin-top:0px;
}
#center_box ul li {
	width:123px;
	float:left;
	font-size:10px;
}
#center_box ul li.r_margin {
	margin-right:17px;
}
#center_box ul li .blog_text {
	margin-top:5px;
}
#center_box ul li a {
	color: #353535;
	text-decoration: none;
}
#center_box ul li a:hover .blog_text {
	text-decoration: underline;
}

/*-----------------------------------------
#right-box1　#right-box2　指定
-----------------------------------------*/
#right-box1 {
	width: 170px;
	float:left;
	margin-right:30px;
}
#right-box2 {
	width: 170px;
	float:left;
}
/*---#blog　#shopping指定ここから---*/

#blog{
	width:170;
	height:auto;
	padding-top:25px;
	border-top: 1px solid #5f5f5f;
	background: url(../images/blog.gif) no-repeat;
	margin-bottom:20px;
}
#blog .img {
	width:168px;
	height:148px;
	border:1px #cccccc solid;
}
#blog .text {
	margin-top:10px;
}
#shopping {
	width:170;
	height:auto;
	padding-top:25px;
	border-top: 1px solid #5f5f5f;
	background: url(../images/shopping.gif) no-repeat;
	margin-bottom:20px;
}
#shopping .img {
	width:168px;
	height:148px;
	border:1px #cccccc solid;
}
#shopping .text {
	margin-top:10px;
}
/*---#coordinate　#shopping指定ここまで---*/



/*---#mailmagazine　#mobile指定ここから---*/

.text {
	margin-top:25px;
}
#mailmagazine {
	width:170px;
	border-top: 1px solid #5f5f5f;
	background: url(../images/mailmagazine.gif) no-repeat;
}
#mailmagazine .img {
	float:right;
	margin-top:25px;
	margin-left:5px;
}
#mobile {
	width:170px;
	height:auto;
	border-top: 1px solid #5f5f5f;
	background: url(../images/mobile.gif) no-repeat;
}

#mobile img {
	float:right;
	margin-top:25px;
	margin-left:10px;
}


/*---#mailmagazine　#mobile指定ここまで---*/


.bunner {
	margin:0;
	padding:0;
	}


ul#topics {
	width: 940px;
	height:20px;
	margin:0 0 45px 0;
	padding:10px;
	background:url(../images/h2_topics.gif) no-repeat #000 15px 10px;
}

ul#topics li{
	width:845px;
	height:35px;
	margin: 0 20px 0 95px;
	padding:0;
}

ul#topics a {
	color:#fff;
}

#title_palcloset {
	float:left;
	margin:0 0 10px 0;
	padding:0;
}
#all_item {
	float:right;
	margin:0;
	padding:0;
}
#all_item a {
	background: url(../images/icon_arrow.gif) no-repeat 1px;
	padding-left:10px;
	font-size:10px;
	color:#666666;
	text-decoration:underline;
}
#all_item a:hover {
	color:#999;
	text-decoration:underline;
}
#title_palcloset a {
	display:block;
	width:95px;
	height:12px;
	background: url(../images/top_onlineshop.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.list_carousel_wrapper {
	background-color: #ecece6;
	margin-bottom: 40px;
	padding:15px 0;
	width: 960px;
	height:93px;
	position: relative;
	clear:both;
	overflow:hidden;
}
.list_carousel {
	width: 930px;
	height:93px;
}

.list_carousel ul {
	margin-left: 47px;
	padding: 0;
	list-style: none;
	display: block;
	height:94px;
	overflow:hidden;
}
.list_carousel li {
	width: 77px;
	height: 92px;
	padding: 0;
	margin: 0 4px 5px 5px;
	display: block;
	float: left;
}
.list_carousel li img {
	width: 77px;
	border: 1px solid #ccc;
}
.clearfix {
	float: none;
	clear: both;
}
.prev {
	float: left;
	margin-left: 0;
}
.next {
	float: right;
	margin-right: 0;
}
.pager {
	width: 885px;
	text-align: center;
}
.pager a {
	margin: 0 5px;
	text-decoration: none;
}
.pager a.selected {
	text-decoration: underline;
}

a.next {
	background: url(../images/btn_car_r.gif) no-repeat;
	width: 25px;
	height: 123px;
	display: block;
	position: absolute;
	top: 0;
}
a.prev {
	background: url(../images/btn_car_l.gif) no-repeat;
	width: 25px;
	height: 123px;
	display: block;
	position: absolute;
	top: 0;
}
a.prev {
	left: 0;
}
a.next {
	right: 0;
}

a.prev span, a.next span {
	display: none;
}

.pagination {
	text-align: center;
}
.pagination a {
	width: 18px;
	height: 18px;
	margin: 5px 5px 0 0;
	display: inline-block;
	background-color:#666;
	color:#fff;
	text-decoration:none;
}
.pagination a.selected {
	cursor: default;
	background-color:#333;
}
.pagination a:hover {
	background-color:#999;
	text-decoration:underline;
}
.pagination a span {
	font-size:10px;
}

/*---------Blog start---------*/
#sec_blog {
	float:left;
	width:730px;
	height:440px;
/*height:300px*/
/*	overflow:hidden;*/
}
#blog_title {
	float:left;
	margin:0 585px 0 0;
	padding: 0px;
}
#blog_title a {
	display:block;
	width:40px;
	height:12px;
	background: url(../images/h2_blog.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#blog_wrapper {
	margin-bottom: 20px;
	padding: 0px;
	border-bottom:1px solid #DADACF;
}

#feeds ul {
	height:530px;
    /*height:390px*/	
	list-style:none;
	overflow-y:scroll;
	clear:both;
}

#feeds ul li {
	font-size: 10px;
	line-height: 150%;
	width:210px;
	height: 82px;
	padding: 0 25px 10px 0;
	position: relative;
	float:left;
}

#feeds ul li .shop_blog_date {
	margin-left:90px;
	color: #666;
}


#feeds ul li .shop_blog_title {
	margin-left:90px;
}

#feeds ul li .shop_blog_title a {
	color:#666666;
	text-decoration:underline;
}

#feeds ul li .shop_blog_title a:hover {
	color:#999;
	text-decoration:underline;
}

#feeds ul li .shop_blog_shop {
	margin:3px 0 0 90px;
	color:#666;
}

/*
#feeds ul li .shop_blog_shop:before {
	content: "[ ";
}

#feeds ul li .shop_blog_shop:after {
	content: " ]";
}
*/

#feeds ul li .shop_blog_img {
	position: absolute;
	top: 0;
	left: 0;
	clear: both;
}

#feeds ul li .shop_blog_img a {
	border:1px solid #ccc;
	width: 80px;
	height: 80px;
	overflow: hidden;
	display: block;
}

#feeds ul li .shop_blog_img a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

#feeds ul li .shop_blog_img img {
	max-width: 120px;
	max-height: 120px;
	_width: 120px;
	_height: 120px;
}

#feeds ul li .noimage {
	display: block;
	width: 80px;
	height: 80px;
	background: #ccc;
}

#feeds ul li .noimage span {
	display: table-cell;
	width: 80px;
	height: 80px;
	text-align: center;
	vertical-align: middle;
}

#feeds ul li .noimage a {
	color: #333;
	text-decoration:none;
}

#feeds ul li .shop_blog_new {
	float:left;
	position: absolute;
	top: 0;
	left: 140px;
	width:40px;
	background: #ffc000;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
}

#blog_all_item {
	float:left;
	margin:0;
	padding:0;
}
#blog_all_item a {
	background: url(../images/icon_arrow.gif) no-repeat 1px;
	padding-left:10px;
	font-size:10px;
	color:#666;
	text-decoration:underline;
}
#blog_all_item a:hover {
	color:#999;
	text-decoration:underline;
}

/*---------Blog END---------*/

#sec_right {
	width:180px;
	margin:0;
	padding:0;
	float:right;
}

#banner a img {
	border:1px solid #e6e6e6;
}

/*---------Mail Magazine start---------*/
#sec_mail {
	width:180px;
	margin:30px 0;
	padding:0;
	background: url(../images/icon_mail.gif) no-repeat 110px 30px;
}

#sec_mail h2 {
	width:180px;
	height:12px;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	background: url(../images/h2_mailmagazine.gif) no-repeat;
	border-bottom:1px solid #DADACF;
	text-indent:-9999px;
}

#sec_mail p {
	font-size:10px;
}
#sec_mail a {
	font-size:10px;
	color:#666;
	text-decoration:underline;
}
#sec_mail a:hover {
	color:#999;
	text-decoration:underline;
}

/*---------Mobile start---------*/
#sec_mobile {
	width:180px;
	margin:0 0 30px 0;
	padding:0;
}

#sec_mobile h2 {
	width:180px;
	height:12px;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
	background: url(../images/h2_mobile.gif) no-repeat;
	border-bottom:1px solid #DADACF;
	text-indent:-9999px;
}

#sec_mobile p {
	width:100px;
	font-size:10px;
	float:left;
}
#sec_mobile img {
	width:67px;
	float:right;
}

/*---------Recruit start---------*/
#sec_recruit {
	width:180px;
	margin:0 0 30px 0;
	padding:0;
}

#sec_recruit h2 {
	width:180px;
	height:12px;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	background: url(../images/h2_recruit.gif) no-repeat;
	border-bottom:1px solid #DADACF;
	text-indent:-9999px;
}