@charset "UTF-8";

#wrapper {
	width: 960px;
	padding:0 10px;
	border-top: #ffc600 10px solid;
	border-bottom: #e53030 10px solid;
	background: url(../common/img/contents_bg.gif) center repeat-y;
}
.gotop {
	text-align: center;
	clear: both;
	width: 210px;
	margin: 0 auto 40px;
}
.licenseZone {
	font-size: 10px;
	line-height: 1.6em;
	color: #999;
	margin-bottom: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EDEDED;
	clear: both;
}

/* header
-----------------------------------------------------------*/
#header {
	width: 100%;
	position: relative;
}
#header .title {
	width: 100%;
	height: 118px;
}
#header .snsZone {
	float: right;
	padding: 10px 10px 0 0;
}

/*top
-----------------------------------------------------------*/
.top #header {
	background: url(../img/mv_bg.jpg) no-repeat;
	height: 466px;
}
.top #header p#pla_logo {
	padding: 21px 0 0 30px;
	float: left;
}
.top #header h1#con_logo {
	position: absolute;
	top: 14px;
	left: 274px;
}

/* sub
-----------------------------------------------------------*/
.sub #header {
	background: url(../common/img/bg_main.gif) no-repeat;
	height: 114px;
}
.sub #header p#pla_logo {
	padding: 16px 0 0 30px;
	float: left;
}
.sub #header p#con_logo {
	position: absolute;
	top: 20px;
	left: 304px;
}
.sub #header #homeBtn {
	position: absolute;
	top: 61px;
	left: 30px;
}
.sub.list h1 {
	text-align:center;
	margin: 30px 0 5px;
}
.sub.list h2,
.sub.detail h2 {
	text-align:center;
	margin: 0 0 28px
}

/* listZone
-----------------------------------------------------------*/
div#listZone {
	padding:29px 0 28px 12px;
	width:958px;
}
div#listZone h2 {
	width:212px;
	padding:14px 11px 0;
	height:236px;
	float:left;
}
div#listZone ul {
	font-size: 0;
}
div#listZone ul li {
	float:left;
	width:210px;
	list-style:none;
	padding:0 12px 0;
	height:250px;
	font-size:12px;
}
div#listZone div.box {
	width:210px;
	background:#FFF;
}
div#listZone div.box span.photo {
	display:block;
}
div#listZone div.box span.name {
	background:url(../common/img/list_corner_bottom.png) center bottom no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	height:94px;
	width:210px;
	display:table-cell;
	vertical-align:middle;
	line-height:1.3;
}
/* IE 6 */
* html div#listZone div.box span.name {
	display: inline;
	zoom: 1;
}
/* IE 7 */
*:first-child+html div#listZone div.box span.name {
	display: inline;
	zoom: 1;
}
div#listZone div.box a {
	display:block;
	text-decoration:none;
	position:relative;
}
div#listZone div.box a:hover span.photo {
	background:url(../common/img/list_corner_top.png) center top no-repeat;
}
div#listZone div.box a:hover span.photo img {
	opacity:0.1;
	filter: alpha(opacity=10);
	-ms-filter: "alpha( opacity=10 )";
}
div#listZone ul.categori01 div.box {
	background-color:#2dad45;
}
div#listZone ul.categori02 div.box {
	background-color:#7ccb3c;
}
div#listZone ul.categori03 div.box {
	background-color:#2a8ee3;
}
div#listZone ul.categori04 div.box {
	background-color:#ffae00;
}
div#listZone ul.categori05 div.box {
	background-color:#f14444;
}
div#listZone ul div.box a span.planNumber {
	display: none;
}
div#listZone ul div.box a:hover span.planNumber {
	display:block;
	position: absolute;
	color: #fff;
	width: 210px;
	height:130px;
	line-height:130px;
	font-size: 20px;
	font-weight:bold;
	text-align:center;
	background:url(../common/img/plan_icon.png) center center no-repeat;
}
/* IE6以下にのみ適用 */
div#listZone ul div.box a.tooltip:hover span{
	width: 226px;
}

/* otherList
-----------------------------------------------------------*/
.otherList {
	background: #fff;
	padding: 35px 0 20px;
	margin: 0 0 40px;
	clear:both;
}
.otherList ul {
	width: 830px;
	margin: 0 auto;
}
.otherList ul li {
	float: left;
	margin: 0px 15px 20px;
}

/* detail
-----------------------------------------------------------*/
.detail div.detailZone {
	margin: 30px 24px 70px;
	background:url(../common/img/bg_detail_top.gif) center 20px no-repeat;
	background-color: #fff;
	padding: 40px 44px 47px;
	border-bottom: 2px solid #a2b5c4;
}
.detail div.detailZone .ttl {
	border-top: 2px solid #2a8ee3;
	border-bottom: 2px solid #2a8ee3;
	padding:23px 0;
	margin: 20px 0 30px;
	position: relative;
}
.detail div.detailZone .ttl p {
	float: left;
	padding: 0 24px 0 14px;
}
.detail div.detailZone .ttl p.icon {
	position: absolute;
	top: -21px;
	right: 0;
	padding: 0;
}
.detail div.detailZone .ttl p.icon.advance.two {
	top: 0;
}
.detail div.detailZone .ttl p.icon.thomas.two,
.detail div.detailZone .ttl p.icon.disney.two {
	top: 2px;
}
.detail div.detailZone .ttl p.icon_t {
	position: absolute;
	top: 2px;
	right: 0;
	padding: 0;
}
.detail div.detailZone .ttl h1 {
	float: left;
}
.detail div.detailZone .mainPhoto {
	width: 780px;
	margin: 0 auto 30px;
	position: relative;
	clear:both;
}
.detail div.detailZone .mainPhoto dt {
	margin: 0 0 30px;
	font-size: 16px;
	line-height: 1.4em;
}
.detail div.detailZone .mainPhoto dd.round {
	position: absolute;
	bottom: 0;
	left: 0;
}
.detail div.detailZone .section {
	border-bottom: 2px solid #2a8ee3;
	padding: 20px 0;
	clear:both;
}
.detail div.detailZone .section.size {
	border-top: 2px solid #2a8ee3;
}
.detail div.detailZone .section.sns {
	padding: 10px 0;
}
.detail div.detailZone .section.sns h2 {
	padding: 20px 20px 0 14px;
}
.detail div.detailZone .section.sns div {
	background:none;
	padding: 0;
}
.detail div.detailZone .section h2 {
	float: left;
	padding: 0 20px 0 14px;
	margin:0;
}
.detail div.detailZone .section .ttlbox {
	float:left;
	padding: 0 20px 0 14px;
	background:none;
	margin:0;
	width:145px;
}
.detail div.detailZone .section .ttlbox h2 {
	float:none;
	padding:0 0 40px 0;
}
.detail div.detailZone .section .ttlbox p {
	padding:0 0 10px 0;
	color:#008c4c;
	font-size:12px;
	line-height:1.4em;
}	
.detail div.detailZone .section div {
	float:left;
	background:url(../common/img/bg_dotted.gif) left top repeat-y;
	padding: 0 0 0 30px;
	margin: 2px 0 0 0;
	width: 610px;
}
.detail div.detailZone .section div .social {
	padding: 30px 0 30px 30px;
	margin: 10px 0 0 0;
	float:left;
	width:230px;
	background:url(../common/img/bg_dotted.gif) left top repeat-y;
}
.detail div.detailZone .section div .social li {
	float:left;
	padding: 0 20px 0 0;
}
.detail div.detailZone .section div .social li.facebook {
	padding-right: 0;
}
.detail div.detailZone .section div .print {
	padding: 24px 45px 24px 85px;
	float:right;
	border-left:2px solid #2a8ee3;
}	
.detail div.detailZone .section.noparts div {
	min-height:48px;
}
.detail div.detailZone .section.parts dl {
	float: left;
	margin: 0 17px 10px 0;
	width: 135px;
}
.detail div.detailZone .section.parts dl dt {
	margin: 0 0 10px;
}
.detail div.detailZone .section.parts dl dd {
	font-weight: bold;
	line-height: 1.4em;
	color: #2a8ee3;
	font-size: 18px;
	margin: 0 0 6px;
}
.detail div.detailZone .section.parts dl dd span {
	font-size: 23px;
}
.detail div.detailZone .section.parts dl dd.name {
	color: #333;
	font-size: 14px;
}
.detail div.detailZone .section.noparts ul li {
	margin-bottom: 10px;
}
.detail div.detailZone .section.noparts ul li:last-child {
	margin-bottom: 0;
}
.detail div.detailZone .section.point dl {
	width: 269px;
	float: left;
	margin: 0 30px 25px 0 ;
	position: relative;
}
.detail div.detailZone .section.point dl dt {
	margin: 0 0 12px;
}
.detail div.detailZone .section.point dl dd {
	float: left;
}
.detail div.detailZone .section.point dl dd.point {
	padding: 0 12px 0 8px;
}
.detail div.detailZone .section.point dl dd.comment {
	width: 200px;
	line-height: 1.5em;
}
.detail div.detailZone .section.point dl dd.round {
	position: absolute;
	top: 0;
	left: 0;
	background:url(../common/img/icon_zoom.png) 226px 158px no-repeat;
}
.detail div.detailZone .section.point dl dd.round:hover {
	background:url(../common/img/icon_zoom_o.png) 226px 158px no-repeat;
}
.detail div.detailZone p.copy {
	padding-top: 20px;
}

/* btm_link
-----------------------------------------------------------*/
#btm_link {
	padding:50px 0 38px 64px;
	background:#FFF;
}
#btm_link ul {
	width:100%;
}
#btm_link ul li {
	float:left;
	list-style:none;
}
#btm_link ul li a {
	display:block;
}
#btm_link ul li span {
	width:240px;
	padding:0 18px;
	display: block;
}
#btm_link ul li span.img {
	text-align:center;
}
#btm_link ul li span.btn {
	text-align:center;
	padding:11px 0 0 0;
	width: auto;
}