@charset "utf-8";

@import "base.css";
@import "frame.css";


#itemPath{
display: none;
}
/* Clear Float */
#mainContent ul.socialObj:after,
#mainContent .others:after,
#mainContent .itemObj .head:after,
#mainContent .itemObj .view:after,
#topicsContent .newsObj .pack .bottom:after,
#topicsContent .newsObj .head:after,
#topicsContent .newsObj .view:after,
#mainContent .tabContents .block:after,
#mainContent .tabObj:after,
.row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#mainContent ul.socialObj,
#mainContent .others,
#mainContent .itemObj .head,
#mainContent .itemObj .view,
#topicsContent .newsObj .pack .bottom,
#topicsContent .newsObj .head,
#topicsContent .newsObj .view,
#mainContent .tabContents .block,
#mainContent .tabObj,
.row {
    zoom: 1;
}

#pankuzu{
	position: relative;
}

/* CONTENTS */

#bodyContent {
position: relative;
/*background: #fff url(/top_banner/img/thoughlight2/main.jpg) no-repeat center top;*/

background-position: center top;
background-repeat: no-repeat;
min-width: 1030px;
}
#headContent .slideControl .slidePrev{
position: absolute;
top: 279px;
left: 8px;
z-index: 1;
padding: 10px;
}
#headContent .slideControl .slideNext{
position: absolute;
top: 279px;
right: 8px;
z-index:1;
padding: 10px;
}

/* MAIN BANNER */
#headContent {
	position: relative;
	margin: 0 auto;
	width: 990px;
	height: 507px;
	overflow: hidden;
}
#headContent img.preloadimg {
	position: absolute;
	left: 0;
	top: 646px;
}
#headContent .section {
	display: none;
	position: relative;
	width: 990px;
	margin: 0 auto;
}
#headContent .pagerBox {
	position: absolute;
	width: 990px;
	margin: 0 auto;
	top: 155px;
}
#pager {
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}
#pager li {
	float: left;
	padding-left: 10px;
}
#pager li a {
	background-image:url(../img/top/pager.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 13px;
	height: 13px;
	display: block;
}
#pager li a:hover {
	background-position: 0 -13px;
}
#pager li.ac a {
	background-position: -13px 0;
}
#pager li.ac a:hover {
	background-position: -13px -13px;
}

/* POP BANNER */
#headContent .popBanner .block.ac {
	z-index: 2;
}
#headContent .popBanner .popBtn {
	position: absolute;
	left: 0;
	top: 0;
	background-image:url(../img/top/btn.png);
	background-position: 0 0;
	width: 40px;
	height: 44px;
	display: block;
	z-index: 1;
}
#headContent .popBanner .popBtn:hover {
	background-position: 0 -44px;
}
#headContent .popBanner .ac .popBtn {
	background-position: -40px 0;
	display: none;
}
#headContent .popBanner .ac .popBtn:hover {
	background-position: -40px -44px;
}
#headContent .popBanner .box {
	position: absolute;
	background: #fff url(../img/top/bg_bnritem.png) repeat-y left top;
	width: 432px;
	padding: 10px 0;
	display: none;
}
#headContent .popBanner .leftSet .box {
	left: 0;
	top: 0;
}
#headContent .popBanner .rightSet .box {
	left: -402px;
	top: 0;
}
#headContent .popBanner .box .image {
	float: left;
	width: 220px;
	text-align: center;
	padding: 0 0;
}
#headContent .popBanner .box .image img {
	margin: 0 auto;
}
#headContent .popBanner .box .pack {
	padding-top: 13px;
	width: 191px;
	float: right;
	text-align: left;
}
#headContent .popBanner .box .pack p {
	margin-right: 19px;
}
#headContent .popBanner .box .pack .exp {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 1.4;
	font-weight: bold;
}
#headContent .popBanner .box .pack .code {
	margin-bottom: 2px;
	font-family: 'Arial','Helvetica','Tahoma',sans-serif;
	font-size: 11px;
	line-height: 1.4;
	color: #999;
}
#headContent .popBanner .box .pack .name {
	font-size: 12px;
	line-height: 1.4;
	font-weight: bold;
}
#headContent .popBanner .box .button {
	position: absolute;
	right: 19px;
	bottom: 19px;
}
#headContent .popBanner .box .button a {
	background: url(../img/top/lnk_02.png) no-repeat 0 0;
	width: 170px;
	height: 32px;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	text-align: center;
	display: block;
	color: #fff;
	text-decoration: none;
}
#headContent .popBanner .box .button a:hover {
	background-position: 0 -32px;
	color: #fff;
	text-decoration: none;
}

/* CONTAINER */
#container {
padding-top: 0;
}
/* MAIN CONTENT */
#mainContent,
#tabsContent {
	position: relative;
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	width: 990px;
	position: relative;
	/*-moz-box-shadow: #c2c6cc 0px 2px 2px;
	-khtml-box-shadow: #c2c6cc 0px 2px 2px;
	-webkit-box-shadow: #c2c6cc 0px 2px 2px;
	box-shadow: #c2c6cc 0px 1px 2px;
	behavior: url(/files/css/PIE.htc);*/
}
#topicsContent {
	position: relative;
	background-color: #f5f5f5;
	border-top: solid 1px #eee;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position: relative;
	text-align: center;
}

/* BODY */
#tabMenu{
	background: #f1f1f1;
	position: relative;
}
#tabMenu:after{
content:"";
display:block;
width:100%;
height:1px;
background:#eee;
position:absolute;
left:0;
bottom:0;
}

.tabObj {
	height: 57px;
	overflow: hidden;
	width: 990px;
	margin: 0 auto;

}
.tabObj li {
	float: left;
	width: 330px;
	height: 57px;
	display: block;
}
.tabObj .li1 {
position: relative;
left:-1px;
}
.tabObj .li2 {
	position: relative;
	left:-2px;
}
.tabObj .li3,
.tabObj .li1 {
	/*margin-right: 1px;*/
}
.tabObj li a {
	width: 328px;
	height: 57px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	border-left:1px solid #f1f1f1;
	border-right:1px solid #f1f1f1;
}
.tabObj .li1 a {
	background: url(../img/top/nav_tab02.png) no-repeat left top;
}
.tabObj .li2 a {
	background: url(../img/top/nav_tab03.png) no-repeat left top;
	width: 330px;
}
.tabObj .li3 a {
	background: url(../img/top/nav_tab01.png) no-repeat left top;
}
.tabObj .li1 a.on,
.tabObj .li2 a.on,
.tabObj .li3 a.on {
	background-position: 0 -58px;;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	padding-bottom:1px;
	margin-bottom:-1px;
}
.tabObj .li1 a.active,
.tabObj .li2 a.active,
.tabObj .li3 a.active {
	background-position: 0 -116px;;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	padding-bottom:1px;
	margin-bottom:-1px;
	position:relative;
	z-index:999;
}




#tabsContent .tabContents {
	width: 990px;
	overflow: hidden;
	padding-top: 7px;
}
#tabsContent .tabContents .block {
	width: 1015px;
}


#tabsContent .tabContents #BLK1,
#tabsContent .tabContents #BLK2,
#tabsContent .tabContents #BLK3 {
	padding: 0 0 30px 0;
	/*height: 390px;*/
}

/*#tabsContent .tabContents #BLK1{
padding-bottom: 105px;
}
#tabsContent .tabContents #BLK2{
padding-bottom:100px;
}
*/
#tabsContent .tabContents #BLK1:after,
#tabsContent .tabContents #BLK2:after,
#tabsContent .tabContents #BLK3:after{
	content: "";
	clear: both;
	display: block;
}
#tabsContent .tabContents #BLK1,
#tabsContent .tabContents #BLK2 {
	display: none;
}
#tabsContent .tabContents dl,
#tabsContent .tabContents li {
	float: left;
	cursor: pointer;
	text-align: left;
	font-size: 0;
	line-height: 0;
}
#tabsContent .tabContents dl {
	width: 253px;
	position: relative;
	display: block;
}
#tabsContent .tabContents #BLK1 dl,
#tabsContent .tabContents #BLK3 dl {
	padding-top: 23px;
}
#tabsContent .tabContents #BLK2 ul {
	top: 23px;
	position: relative;
	padding-bottom:1px;
}
#tabsContent .tabContents #BLK2 ul:after {
	content: "";
	clear: both;
	display: block;
}
#tabsContent .tabContents #BLK2 ul li {
	width: 330px;
	height: 105px;
	display: block;
	overflow: hidden;
	margin-bottom:15px;
	position: relative;
}
#tabsContent .tabContents #BLK2 ul li .cateIco{
	position: absolute;
	right:122px;
	bottom:11px;
}

#tabsContent .tabContents dd {
	margin-top: 14px;
}
	#tabsContent .tabContents img {
		margin: 0;
	}
	#tabsContent .tabContents #BLK1 a:hover img,
	#tabsContent .tabContents #BLK3 a:hover img {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
	}
	#tabsContent .tabContents #BLK1 dl.pack-on dt img,
	#tabsContent .tabContents #BLK3 dl.pack-on dt img {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
	}
    #tabsContent .tabContents #BLK2 a:hover img {
        background:#d9edf7;
    }

#topicsContent .newsObj {
	position: relative;
	text-align: left;
	width: 990px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#topicsContent .newsObj .head {
	padding: 28px 0 26px 0;

}
#topicsContent .newsObj h3 {
	padding-right: 18px;
	margin-right: 14px;
	border-right: solid 1px #ddd;
	font-size: 16px;
	font-weight: bold;
	float: left;
	line-height: 1.1;
}
#topicsContent .newsObj .head p {
	margin-top: 2px;
	padding: 0 11px 0 0;
	font-size: 13px;
	float: left;
	line-height: 1.1;
}
#topicsContent .newsObj .head p a {
}
#topicsContent .newsObj .pack {
	margin-right: 30px;
	width: 310px;
	float: left;
	text-align: left;
}
#topicsContent .newsObj .pack:nth-child(3n){
margin-right: 0;
}
#topicsContent .newsObj dl{
		cursor: pointer;
	}
#topicsContent .newsObj dt {
	background-color: #fff;
	font-size: 0;
	line-height: 0;
}
#topicsContent .newsObj dt img{
width: 100%;
height: auto;	
}
#topicsContent .newsObj dt a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#topicsContent .newsObj .pack-on dt img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#topicsContent .newsObj .pack-on dd {
	text-decoration: underline;
}
#topicsContent .newsObj .pack dd {
	margin-top: 13px;
	font-size: 12px;
	font-weight:bold;
	line-height: 1.5;
}
#topicsContent .newsObj .pack dd a {
}
#topicsContent .newsObj .pack .bottom {
	margin-top: 10px;
	padding-bottom: 31px;
	line-height: 1.1;
}
#topicsContent .newsObj .pack .bottom .category {
	float: left;
	font-size: 11px;
	margin-right: 11px;
	padding-right: 11px;
	border-right: solid 1px #ccc;
}
#topicsContent .newsObj .pack .bottom .category a {
}
#topicsContent .newsObj .pack .bottom .data {
	float: left;
	font-size: 11px;
	color: #999;
}
#topicsContent .newsObj .frm-body {
	position: relative;
	margin: 0 auto;
	width: 990px;
	overflow: hidden;
}
#topicsContent .newsObj .view {
	position: relative;

}
#topicsContent .newsObj ul {
	position: absolute;
	width: 990px;
	left: 0;
	top: 0;
}
#topicsContent .newsObj .next a,
#topicsContent .newsObj .prev a {
	position: absolute;
	top: 95px;
	width: 37px;
	height: 60px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 100;
}
#topicsContent .newsObj .next a {
    background: url(../img/top/btn_next.png) no-repeat;
	right: -22px;
}
#topicsContent .newsObj .prev a {
    background: url(../img/top/btn_prev.png) no-repeat;
	left: -22px;
}
#topicsContent .newsObj .next a:hover,
#topicsContent .newsObj .prev a:hover{
	background-position: 0 -60px;
}
#topicsContent .newsObj .next.dead a,
#topicsContent .newsObj .prev.dead a,
#topicsContent .newsObj .next.dead a:hover,
#topicsContent .newsObj .prev.dead a:hover{
	background-position: 0 -120px;
}
#topicsContent .topicsLink{
text-align: right;
margin: 0 auto;
font-size: 14px;
font-weight: bold;
}
#topicsContent .topicsLink a{
display: block;
width: 240px;
line-height: 50px;
background: #08c;
color: #fff;
margin: auto;
text-align: center;
text-decoration: none;
font-size: 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#topicsContent .topicsLink a:hover{
opacity: 0.7;
}

#topicsContent .magNewsList{
position: relative;
text-align: left;
width: 990px;
margin: 0 auto;
padding-bottom: 30px;	
/*border-top: 1px solid #ccc;*/
}
#topicsContent .magNewsList .head{
padding: 28px 0 26px 0;
}
#topicsContent .magNewsList .head h3{
padding-right: 18px;
margin-right: 14px;
/*border-right: solid 1px #ddd;*/
font-size: 16px;
font-weight: bold;
float: left;
line-height: 1.1;	
}
#topicsContent .magNewsList .head p{
background: url(../img/arw_r.png) no-repeat right center;
display: inline-block;
margin-top: 2px;
padding: 0 11px 0 0;
font-size: 13px;
font-weight: bold;
line-height: 1.1;	
}
#topicsContent .magNewsList .frm-body{
width: 920px;
position: relative;
margin: 0 36px;
overflow: hidden;
}
#topicsContent .magNewsList .view{
width: 9200px;
position: relative;	
}
#topicsContent .magNewsList .view:after{
content: '';
clear: both;
display: block;
}
#topicsContent .magNewsList .view .pack {
margin-right: 20px;
width: 215px;
float: left;
text-align: left;
}
#topicsContent .magNewsList ul {
	position: absolute;
	width: 990px;
	left: 0;
	top: 0;
}
#topicsContent .magNewsList ul.control{
text-indent: -9999px;
}
#topicsContent .magNewsList .next a,
#topicsContent .magNewsList .prev a {
	position: absolute;
	top: 145px;
	width: 37px;
	height: 60px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 100;
}
#topicsContent .magNewsList .next a {
    background: url(../img/top/btn_next.png) no-repeat;
	right: -22px;
}
#topicsContent .magNewsList .prev a {
    background: url(../img/top/btn_prev.png) no-repeat;
	left: -22px;
}
#topicsContent .magNewsList .next a:hover,
#topicsContent .magNewsList .prev a:hover{
	background-position: 0 -60px;
}
#topicsContent .magNewsList .next.dead a,
#topicsContent .magNewsList .prev.dead a,
#topicsContent .magNewsList .next.dead a:hover,
#topicsContent .magNewsList .prev.dead a:hover,
#topicsContent .magNewsList .next a.disabled,
#topicsContent .magNewsList .prev a.disabled{
	background-position: 0 -120px;
}
/*--#topicsContent .magNewsList .magSlide:nth-child(4n){
margin-right: 0;
}--*/
#topicsContent .magNewsList dl{
		cursor: pointer;
	}
#topicsContent .magNewsList dt {
	background-color: #fff;
	font-size: 0;
	line-height: 0;
}
#topicsContent .magNewsList dt a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#topicsContent .magNewsList .magSlide-on dt img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#topicsContent .magNewsList .magSlide-on dd {
	text-decoration: underline;
}
#topicsContent .magNewsList .magSlide dd {
	margin-top: 13px;
	font-size: 12px;
	font-weight:bold;
	line-height: 1.5;
}
#topicsContent .magNewsList .magSlide dd a {
}
#topicsContent .magNewsList .magSlide .bottom {
	margin-top: 10px;
	padding-bottom: 31px;
	line-height: 1.1;
}
#topicsContent .magNewsList .magSlide .bottom .category {
font-size: 11px;
margin-bottom: 18px;
}
#topicsContent .magNewsList .magSlide .bottom .category a {
margin-right: 11px;
}
#topicsContent .magNewsList .magSlide .bottom .data {
font-size: 11px;
color: #999;
text-align: right;
}
#topicsContent .magNewsList .magSlide .bottom .data span{
margin-left: 11px;
padding-left: 11px;
border-left: solid 1px #ccc;	
}
#topicsContent .magNewsList .btn{
text-align: right;
margin: 0 auto;
font-size: 14px;
font-weight: bold;
}
#topicsContent .magNewsList .btn a{
display: block;
width: 240px;
line-height: 50px;
background: #08c;
color: #fff;
margin: auto;
text-align: center;
text-decoration: none;
font-size: 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#topicsContent .magNewsList .btn a:hover{
opacity: 0.7;
}

#mainContent .itemObj {
	overflow: hidden;
	width: 990px;
	padding: 36px 0 45px 0;
}
#mainContent .itemObj .head {
	padding-bottom: 36px;
	text-align: left;
}
#mainContent .itemObj h3 {
	float: left;
	margin-right: 28px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1;
}
#mainContent .itemObj p {
	float: left;
	position: relative;
	top: 2px;
	font-size: 12px;
	line-height: 1.1;
}

#mainContent .itemObj .view {
	background: url(../img/top/bg_item.png) repeat-y left top;
	width: 1060px;
}
#mainContent .itemObj dl.pack {
	margin-right: 60px;
	float: left;
	width: 150px;
	cursor: pointer;
	text-align: left;
}
#mainContent .itemObj dl.pack * {
	cursor: pointer;
}
#mainContent .itemObj dl.pack-last {
	background: none;
	width: 150px;
	margin-right: 0;
}
#mainContent .itemObj dl.pack dt {
	position: relative;
	width: 150px;
	height: 150px;
	background-color: #fff;
	overflow: hidden;
}
#mainContent .itemObj dl.pack dt, x:-moz-any-link, x:default { display: table; }

	#mainContent .itemObj dl.pack dt a {
		position: relative;
		width: 150px;
		height: 150px;
		vertical-align: middle;
		text-align: center;
		display: table-cell;
	}
	#mainContent .itemObj dl.pack dt a img {
		position: relative;
		margin: 0 auto;
	}
	*:first-child+html #mainContent .itemObj dl.pack dt a img {
	}
#mainContent .itemObj dl.pack dd {
	width: 150px;
}
#mainContent .itemObj dl.pack dd.name {
	padding-top: 17px;
	margin-bottom: 7px;
	font-weight: bold;
	line-height: 1.4;
	word-wrap: break-word;
}
#mainContent .itemObj dl.pack dd.price {
	line-height: 1.4;
}
	#mainContent .itemObj dl.pack dd.price span.normal {
	}
	#mainContent .itemObj dl.pack dd.price span.special {
		font-weight: bold;
		color: #c00;
	}
	#mainContent .itemObj dl.pack dd.price span.rate {
		display: block;
		font-weight: bold;
		color: #c00;
	}
#mainContent .itemObj dl.pack dd.button-jokyo {
	width: 110px;
}
#mainContent .itemObj dl.pack dd.button-jokyo span {
	font-weight: bold;
}


	#mainContent .itemObj dt a:hover img {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
	}
	#mainContent .itemObj dl.pack-on dt img {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;

	}
	#mainContent .itemObj dl.pack-on dd.name a {
		text-decoration: underline;
	}


#mainContent .others {
	padding: 0 0 44px 0;
	text-align: left;
}
#mainContent .divL {
	width: 690px;
	float: left;
}
#mainContent .divL p.newsLink{
text-align: right;
margin-top: 10px;	
}

#mainContent .infoObj {
	width: 690px;
}
#mainContent .infoObj h3 {
	background-color: #eee;
	padding: 0 12px;
	height: 42px;
	line-height: 43px;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
}
#mainContent .infoObj h3.pressRelease {
    margin-top:34px;
}
#mainContent .infoObj h4 {
	margin-bottom: -7px;
}
#mainContent .infoObj .important {
	background: url(../img/lin3.png) repeat-x left bottom;
	padding:16px 0 4px 0;
}
#mainContent .infoObj dl {
	border-bottom: solid 1px #ddd;
	padding: 15px 0 13px 0;
}
#mainContent .infoObj dl.last-child {
	border-bottom: none;
}
#mainContent .infoObj dt {
	padding-right: 21px;
	float: left;
	font-size: 12px;
	line-height: 1.7;
}
#mainContent .infoObj dd {
	overflow: hidden;
	zoom:1;
	font-size: 12px;
	line-height: 1.7;
}
#mainContent .catalog {
	margin-top: 36px;
	width: 320px;
	float: left;
}
#mainContent .wallpepar {
	margin-top: 36px;
	width: 320px;
	float: right;
}
#mainContent .catalog div,
#mainContent .wallpepar div {
	padding-right: 15px;
	float: left;
}
#mainContent .catalog dl,
#mainContent .wallpepar dl {
	padding-top: 3px;
	overflow: hidden;
	zoom:1;
}
#mainContent .catalog dt,
#mainContent .wallpepar dt {
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: bold;
}
#mainContent .catalog dd,
#mainContent .wallpepar dd {
	font-size: 12px;
	line-height: 1.7;
}
	#mainContent .catalog a:hover img,
	#mainContent .wallpepar a:hover img {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
	}
	#mainContent .catalog.pack-on,
	#mainContent .wallpepar.pack-on{
		cursor: pointer;
	}
	#mainContent .catalog.pack-on div img,
	#mainContent .wallpepar.pack-on div img {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
	}
	#mainContent .catalog.pack-on dt,
	#mainContent .wallpepar.pack-on dt {
		text-decoration: underline;
	}
#mainContent .divR {
	width: 256px;
	float: right;
}
#mainContent .divR .bnrListObj {
    padding-bottom:2px;
}
#mainContent .divR .bnrListObj li{
    margin-bottom:10px;
}
#mainContent .divR .bnrListObj li a{
    display:block;
}
#mainContent .divR .bnrListObj li a:hover{
filter: alpha(opac}ity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#mainContent .linklistObj {
	margin-bottom: 12px;
	border: solid 2px #ddd;
}
#mainContent .linklistObj ul {
}
#mainContent .linklistObj ul li {
	border-bottom: solid 1px #ddd;
	height: 36px;
	display: block;
	overflow: hidden;
}
#mainContent .linklistObj ul li.last-child {
	border-bottom: none;
}
#mainContent .linklistObj ul li a {
	padding: 0 12px;
	height: 36px;
	line-height: 37px;
	font-weight: bold;
	display: block;
	overflow: hidden;
}
#mainContent dl.mailmagObj {
	border: solid 1px #ddd;
	padding: 11px 12px 11px 12px;
}
	#mainContent dl.mailmagObj dt {
		margin-bottom: 4px;
		font-weight: bold;
	}

#mainContent ul.socialObj {
	border: solid 1px #ddd;
	border-top: none;
}
#mainContent ul.socialObj li {
	float: left;
	width: auto;
	height: 71px;
	border-right: solid 1px #ddd;
}
#mainContent ul.socialObj li.youtube {
	border-right: none;
}








#mainContent .shopObj {
	background-color: #fff;
	border: solid 1px #e6e6e6;
	border-bottom: none;
}
#mainContent .shopObj dl {
	border-bottom: solid 1px #e6e6e6;
	padding: 12px 14px 9px 14px;
	font-size: 12px;
	line-height: 1.7;
}
#mainContent .shopObj dt {
	font-weight: bold;
}
#mainContent .shopObj dd.link {
	margin-top: 4px;
	font-weight: bold;
}
#mainContent .shopObj dd.todo {
	margin-top: 13px;
	padding-bottom: 10px;
}
#mainContent .shopObj dd.todo select {
width: 152px;
vertical-align: middle;
	font-size: 12px;
}
#mainContent .shopObj dd.todo .select {
width: 120px;
height: 30px;
line-height: 30px;
	font-size: 12px;
}
#mainContent .social {
	margin-top: 33px;
	text-align: center;
}
#mainContent .social li {
	margin: 0 15px;
	display: inline;
}
#mainContent .social li img {
	display: inline;
}

.rankingObjWrap .rankingHead{
padding-top: 25px;
background: #fff;
padding-bottom: 36px;
}
.rankingObjWrap .rankingHead h3 {
	float: left;
	margin-right: 28px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1;
}
.rankingObjWrap .rankingHead p {
	float: left;
	position: relative;
	top: 2px;
	font-size: 12px;
	line-height: 1.1;
}
.rankingObjWrap .rankingHead:after{
content: '';
clear: both;
display: block;
}

.rankingObjWrap{
overflow: hidden;
width: 990px;
margin: 0 auto;
padding-bottom:30px;
border-bottom:1px solid #ebebeb;
}
.rankingObj{
background: url(../img/top/bg_item.png) repeat-y left top;
}
.rankingObj:after{
content: '';
clear: both;
display: block;
}
.rankingObj .pack{
z-index: 1;
float: left;
list-style: none;
position: relative;
width: 150px;
margin-right: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rankingObj .pack:last-child{
margin-right: 0;
}
.rankingObj .pack{
text-align: center;
}
.rankingObj .pack img{
display: block;
}
.rankingObj .pack a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
.rankingObj .pack .name,.rankingObj .pack .price{
text-align: left;
}
.rankingObj>.pack{
position: relative;
counter-increment:counter;
}
.rankingObj>.pack:before{
content:counter(counter);
display:block;
width:30px;
line-height:30px;
color:#fff;
font-weight:900;
position:absolute;
left:0;
top:0;
font-size:18px;
z-index:999;
}

.rankingObj>.pack:before{background:#cfc443;}
.rankingObj>.pack+.pack:before{background:#a6acaf;}
.rankingObj>.pack+.pack+.pack:before{background:#a68b6b;}
.rankingObj>.pack+.pack+.pack+.pack:before{background:#0088cc;}

.rankingObj .pack .price{
margin-top: 4px;
font-size: 12px;
line-height: 1.3;
color: #666;
}
.rankingObj .pack span{
cursor: pointer;
display: block;
}
.rankingObj .pack .name{
font-weight: bold;
}
.rankingObj .pack .special,
.rankingObj .pack .rate{
color: #c33;
font-weight: bold;
}

.rankingObj .pack .normal{
}

.coordinateContent{
background: #fff;
padding-bottom: 30px;
}
.coordinateContent .coordinateInner{
width: 990px;
margin: 0 auto;	
}
.coordinateContent .head{
padding: 28px 0 26px;
text-align: left;
font-size: 16px;
font-weight: bold;
line-height: 1.1;
}
.coordinateContent .pad-b0{
	    padding: 28px 0 0px;
}
.coordinateContent .head.tw{
border-top: 1px solid #ccc;
}
.coordinateContent .coList01{
margin-bottom: 30px;
}
.coordinateContent .coList01:after{
content: '';
clear: both;
display: block;
}
.coordinateContent .coList01 li{
float: left;
margin-left: 20px;
width: 182px;
}
.coordinateContent .coList01 li:first-child{
margin-left: 0;
}
.coordinateContent .coList01 li a:hover img{
opacity: 0.7;
}
.coordinateContent .coList01 li .tmb{
display: block;
margin-bottom: 10px;
}
.coordinateContent .coList01 li .tmb img{
width: 182px;
}
.coordinateContent .coList01 li .ttl{
display: block;
text-align: left;
font-weight: bold;
}
.coordinateContent .coList01 li .date{
font-size: 10px;
color: #666;
text-align: left;
font-weight: bold;
}
.coordinateContent .more{
text-align: right;
margin: 0 auto;
font-size: 14px;
font-weight: bold;
}
.coordinateContent .more a{
display: block;
width: 240px;
line-height: 50px;
background: #08c;
color: #fff;
margin: auto;
text-align: center;
text-decoration: none;
font-size: 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.coordinateContent .more a:hover{
opacity: 0.7;
}
.coordinateContent .coList02{
margin-bottom: 26px;
}
.coordinateContent .coList02:after{
content: '';
clear: both;
display: block;
}
.coordinateContent .coList02 .col{
float: left;
margin-left: 18px;
width: 234px;
position: relative;
}
.coordinateContent .coList02 .col:first-child{
margin-left: 0;
}
.coordinateContent .coList02 .col .img img{
width: 234px;
}
.coordinateContent .coList02 .col .dtl{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 234px;
height: 234px;
display: inline-table;
pointer-events:none;
}
.coordinateContent .coList02 .col .dtl .inner{
background: url(/files/img/top/coordinate/twCoBg.png) no-repeat 0 0;
-webkit-background-size: cover;
background-size: cover;
display: table-cell;
vertical-align: bottom;
text-align: left;
color: #fff;
padding: 0 12px 12px;
text-decoration: none;
}
.coordinateContent .coList02 .col:hover .img{
opacity: 0.7;
}
.coordinateContent .coList02 .col .dtl span{
display: block;
}
.coordinateContent .coList02 .col .dtl .user{
font-size: 12px;
font-weight: bold;
}
.coordinateContent .coList02 .col .dtl .user:before{
content: '';
font-size: 0;
display: inline-block;
width: 12px;
height: 10px;
background: url(/files/img/top/coordinate/userIcon.png);
vertical-align: middle;
margin-right: 5px;
}
.coordinateContent .coList02 .col .dtl .acc{
font-size: 12px;
}
.coordinateContent .coList02 .col .dtl .hash{
font-size: 12px;
}
.coordinateContent .coList02 .col .dtl .hash a{
pointer-events:auto;
color: #fff;
text-decoration: none;
}
.coordinateContent .coList02 .col .dtl .hash a:hover{
text-decoration: underline;
}

.footIconList{
margin-top: 12px;
border: 1px solid #ddd;
display: flex;
flex-wrap: wrap;
}
.footIconList li{
width: 84px;
text-align: center;
border-left: 1px solid #ddd;
}
.footIconList li:nth-child(3n+1){
border-left: none;
}
.footIconList li:nth-child(n+4){
border-top: 1px solid #ddd;	
}
.footIconList li a{
display: block;
text-align: center;
padding: 0 0 15px;
line-height: 1;
font-size: 11px;
font-family: 'Open Sans';
font-weight: bold;
text-decoration: none;
color: #333;
}
.footIconList li a:before{
content: '';
display: block;
width: 84px;
height: 44px;
margin-bottom: 5px;
}
.footIconList li.li5 a{
font-family: 'Lucida Grande';
}
.footIconList li.li1 a:before{
background: url(/files/img/top/snsIcon01.gif);
}
.footIconList li.li2 a:before{
background: url(/files/img/top/snsIcon02.gif);
}
.footIconList li.li3 a:before{
background: url(/files/img/top/snsIcon03.gif);
}
.footIconList li.li4 a:before{
background: url(/files/img/top/snsIcon04.gif);
}
.footIconList li.li5 a:before{
background: url(/files/img/top/snsIcon05.gif);
}
.footIconList li.li6 a:before{
background: url(/files/img/top/snsIcon06.gif);
}
.footIconList li a:hover{
color: #08c;
}
.footIconList li a:hover:before{
background-position-y: -44px;
}