@charset "Shift_JIS";
/**
 * default.css <www.sony.jp/ichigan/pmca/>
 * create : 2012.10.19
 * update : 2012.10.19
 */

/*--------------------------------------------------------------------------------
	.playmemories
--------------------------------------------------------------------------------*/
.playmemories {
	margin: 0 auto;
	_width: 950px;
}

.playmemories img {
	vertical-align: top;
}

@media(max-width: 640px){
	.playmemories img.auto {
		width: 100%;
	}
}

/*--------------------------------------------------------------------------------
	.main-container
--------------------------------------------------------------------------------*/
.playmemories .main-container {
	position: relative;
	margin: 66px 0 0 0;
	*zoom: 1;
}

.playmemories .main-container:after {
	clear: both;
	display: block;
	content: "";
}

@media(max-width: 640px){
	.playmemories .main-container {
		margin: 30px 0 0 0;
	}
}

/*--------------------------------------------------------------------------------
	.menu-container
--------------------------------------------------------------------------------*/
.playmemories .menu-container {
	position: relative;
	float: left;
	_display: inline;
	width: 240px;
}

.playmemories .menu-container p {
	margin: 0;
	height: 22px;
	background: url("../img/menu_ttl.gif") no-repeat;
	color: #fff;
	text-align: center;
	text-indent: -9999em;
}

.playmemories .menu-container ul.menu {
	margin: 17px 0 0 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px dotted #ccc;
	_border-bottom: 1px solid #ddd;
	text-align: right;
}

.playmemories .menu-container ul.menu li {
	margin: 0;
	width: 240px;
	border-top: 1px dotted #ccc;
	_border-top: 1px solid #ddd;
	font-size: 0%;
}

.playmemories .menu-container ul.menu li a {
	display: block;
	padding: 9px 6px 8px 34px;
	font-size: 10.3pt;
	color: #5b5b5b;
	background: url("../img/menu_arrow.gif") no-repeat 12px center;
}
.playmemories .menu-container ul.menu li a span{
	color: #F00;
	font-size:65%;
	font-weight:bold;
	margin-right:1em;
}

.playmemories .menu-container ul.menu li a:hover {
	background-color: #f1f5e4;
	text-decoration: none;
	color: #5b5b5b;
}

.playmemories .menu-container ul.option {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	color: #80a655;
	text-align: center;
}

.playmemories .menu-container ul.option li {
	margin: 10px 0 0 0;
	width: 240px;
}

.playmemories .menu-container ul.option li a {
	display: block;
	padding: 15px 15px 13px 15px;
	font-size: 10.5pt;
	color: #80a655;
	background-color: #e9f0db;
}

.playmemories .menu-container ul.option li a:hover {
	text-decoration: none;
	background-color: #d9e7bc;
}

.playmemories .menu-container .pagetop {
	margin-top: 9px;
	text-align: right;
}

@media(max-width: 640px){
	.playmemories .menu-container {
		float: none;
		width: 100%;
		font-size: 100%;
	}
	.playmemories .menu-container p {
		padding-top: 2px;
		background: #84b64d;
		text-indent: 0;
	}
	.playmemories .menu-container ul.menu {
		margin-top: 0;
		text-align: left;
	}
	.playmemories .menu-container ul.menu li {
		width: auto;
	}
	.playmemories .menu-container ul.option li {
		margin: 5px 0 0 0;
		width: auto;
	}
	.playmemories .menu-container .pagetop {
		display: none;
	}
}

/*--------------------------------------------------------------------------------
	.content-container
--------------------------------------------------------------------------------*/
.playmemories .content-container {
	float: right;
	_display: inline;
	width: 665px;
}

@media(max-width: 640px){
	.playmemories .content-container {
		float: none;
		margin-top: 50px;
		width: 100%
	}
}

/*--------------------------------------------------------------------------------
	Classes
--------------------------------------------------------------------------------*/
.clearfix {
	*zoom: 1;
}

.clearfix:after {
	clear: both;
	display: block;
	content: "";
}