@charset "shift-jis";

/**
 * SONY Cyber-shot
 * 
 * www.sony.cyber-shot/after/dsc-rx1/css/rx1.css
 * create : 2013/02/05
 * update : 2013/07/01
 */

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

	common

-----------------------------------------------------------*/
.container img {
	vertical-align: top;
}

.container a, 
.container a:link, 
.container a:visited, 
.container a:active {
	color: #008bc9;
	text-decoration: underline;
	transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
}

.container a:hover {
	text-decoration: none;
	opacity: 0.85;
}

@media(max-width:640px) {
	.container a, 
	.container a:link, 
	.container a:visited, 
	.container a:active {
		text-decoration: none;
	}
}

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

	.container

-----------------------------------------------------------*/
.container {
	margin: 0 auto;
	width: 700px;
	background: #f4f5f5;
}

@media(max-width:640px) {
	.container {
		width: 100%;
		background: #fff;
	}
}

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

	.mainvisual

-----------------------------------------------------------*/
.container .mainvisual h2 {
	margin: 0;
}

@media(max-width:640px) {
	.container .mainvisual h2 img {
		width: 100%;
	}
}

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

	.menu

-----------------------------------------------------------*/
.container ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	*zoom: 1;
}

.container ul.menu:after {
	clear: both;
	display: block;
	content: "";
}

.container ul.menu li {
	float: left;
	margin: 0;
	list-style: none;
	text-indent: -9999em;
}
.container ul.menu br {
	display: none;
}
.container ul.menu li a {
	display: block;
	width: 175px;
	height: 84px;
}

.container ul.menu li.acc a {
	background: url("../images/RX1_menu.jpg") no-repeat 0 0;
}
.container ul.menu li.enjoy a {
	background: url("../images/RX1_menu.jpg") no-repeat -175px 0;
}
.container ul.menu li.seminar a {
	background: url("../images/RX1_menu.jpg") no-repeat -350px 0;
}
.container ul.menu li.faq a {
	background: url("../images/RX1_menu.jpg") no-repeat -525px 0;
}

@media(max-width:640px) {
	.container ul.menu li {
		margin: 6px 0 0;
		width: 100%;
		font-size: 90%;
		text-indent: 0;
		background: linear-gradient(#eee, #ccc);
		background: -moz-linear-gradient(#eee, #ccc);
		background: -webkit-linear-gradient(#eee, #ccc);
		background: -o-linear-gradient(#eee, #ccc);
		background: -ms-linear-gradient(#eee, #ccc);
		border: 1px solid #bbb;
		border-radius: 5px;
	}
	.container ul.menu li.acc a,
	.container ul.menu li.enjoy a,
	.container ul.menu li.seminar a,
	.container ul.menu li.faq a {
		padding: 9px 5px 7px 25px;
		width: auto;
		height: auto;
		background: url("../images/RX1_menu_arrow.png") no-repeat 7px 55%;
		color: #333;
	}
}
@media(max-width:360px) {
	.container ul.menu br {
		display: block;
	}
}

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

	.section

-----------------------------------------------------------*/
.container .section {
	margin: 26px 0 0;
	padding: 0 0 26px;
}

.container .section br.b36 {
	display: none;
}

.container .section .heading {
	margin: 0 auto;
	width: 688px;
}

.container .section .heading h3 {
	display: none;
}

.container .section .heading2 {
	margin: 30px auto 0;
	width: 640px;
}

.container .section .heading2 h4 {
	display: none;
}

.container .section .inner {
	position: relative;
	margin: 30px auto 0;
	width: 640px;
	*zoom: 1;
}

.container .section .inner:after {
	clear: both;
	display: block;
	content: "";
}

.container .section .inner img.leftfix {
	float: left;
	margin-right: 23px;
}

.container .section .inner img.logo {
	margin-bottom: 15px;
}

.container .section .inner h5 {
	margin: 0;
	font-size: 120%;
	line-height: 20px;
}

.container .section .inner p {
	margin: 10px 0 0;
	font-size: 110%;
	line-height: 23px;
}

.container .section .inner .btn-link {
	margin-top: 15px;
}

.container .section .inner .btn-link img {
	background: #f4f5f5;
}

.container .section .inner p.note {
	margin: 10px 0 0;
	font-size: 88%;
	line-height: 17px;
}

@media(max-width:640px) {
	.container .section .heading {
		width: 100%;
	}
	.container .section .heading h3 {
		display: block;
		padding: 16px 5px 14px 15px;
		background: url("../images/RX1_ttl_icn.png") repeat-y 0 0 #282828;
		font-weight: normal;
		font-size: 112.5%;
		color: #fff;
	}
	.container .section .heading img {
		display: none;
	}
	.container .section .heading2 {
		margin: 30px auto 0;
		width: 100%;
		background: #f0f0f0;
	}
	.container .section .heading2 h4 {
		display: block;
		padding: 8px 10px 6px;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
	}
	.container .section .heading2 img {
		display: none;
	}
	.container .section .inner {
		position: relative;
		margin: 30px 7px 0;
		padding-bottom: 35px;
		width: auto;
	}
	.container .section .inner img.leftfix {
		margin-right: 15px;
		width: 100px;
	}
	.container .section .inner h5 {
		font-size: 115%;
		font-weight: normal;
	}
	.container .section .inner p {
		margin: 10px 0 0;
		font-size: 95%;
		line-height: 20px;
	}
	.container .section .inner p.note {
		font-size: 80%;
	}
	.container .section .inner .btn-link {
		text-align: center;
	}
	.container .section .inner .btn-link img {
		background: #fff;
		width: 100%;
		max-width: 308px;
	}
}

@media(max-width:360px) {
	.container .section br.b36 {
		display: block;
	}
}

/*----------------------------------------------------------
	#acc
-----------------------------------------------------------*/
/* .inner.support
-----------------------------------------------------------*/
.container .section .inner.support {
	height: 257px;
	background: url("../images/RX1_acc_img_01bg.jpg") no-repeat;
}

.container .section .inner.support img.leftfix {
	position: absolute;
	left: 316px;
	top: 14px;
}

.container .section .inner.support h5,
.container .section .inner.support p {
	display: none;
}

.container .section .inner.support .btn-link {
	position: absolute;
	left: 27px;
	margin-top: 0;
}
.container .section .inner.support .btn-link.rx1 {
	top: 178px;
}
.container .section .inner.support .btn-link.rx1r {
	top: 208px;
}

.container .section .inner.support .btn-link img {
	max-width: 262px;
	background: #f0f0f0;
}

@media(max-width:640px) {
	.container .section .inner.support {
		padding-bottom: 30px;
		height: auto;
		background: none;
		border-bottom: 1px solid #ddd;
	}
	.container .section .inner.support img.leftfix {
		position: static;
	}
	.container .section .inner.support h5,
	.container .section .inner.support p {
		display: block;
		overflow: hidden;
	}
	.container .section .inner.support .btn-link {
		position: static;
		margin-top: 15px;
	}
	.container .section .inner.support .btn-link img {
		background: #fff;
	}
}

/* .inner.chart
-----------------------------------------------------------*/
.container .section .inner.chart p {
	overflow: hidden;
}

.container .section .inner.chart .btn-link {
	margin-top: 70px;
}

@media(max-width:640px) {
	.container .section .inner.chart {
		padding-bottom: 30px;
		border-bottom: 1px solid #ddd;
	}
	.container .section .inner.chart .btn-link {
		margin-top: 15px;
	}
}

/*----------------------------------------------------------
	#enjoy
-----------------------------------------------------------*/
@media(max-width:640px) {
	.container #enjoy.section .inner {
		margin-top: 20px;
	}
}

/* .inner.acafe
-----------------------------------------------------------*/
.container .section .inner.acafe .text {
	overflow: hidden;
}

.container .section .inner.acafe h5 {
	display: none;
}

.container .section .inner.acafe dl {
	clear: both;
	display: none;
	margin: 0 auto;
	width: 95%;
	padding-top: 10px;
}

.container .section .inner.acafe dt {
	margin: 10px 0 0;
	padding: 10px 5px 0 5px;
	border-top: 1px dotted #ddd;
	font-size: 105%;
}

.container .section .inner.acafe dd {
	margin: 0;
	padding: 0 5px 0 5px;
	font-size: 90%;
}

@media(max-width:640px) {
	.container .section .inner.acafe img.logo {
		margin-bottom: 30px;
		width: 100%;
		max-width: 190px;
	}
	.container .section .inner.acafe img.txt {
		display: none;
	}
	.container .section .inner.acafe h5 {
		display: block;
	}
	.container .section .inner.acafe dl {
		display: block;
	}
}

/* .inner.idc
-----------------------------------------------------------*/
.container .section .inner.idc img.leftfix {
	margin-top: 20px;
	margin-bottom: 45px;
}

@media(max-width:640px) {
	.container .section .inner.idc img.leftfix {
		margin-top: 0;
		margin-bottom: 10px;
	}
	.container .section .inner.idc p {
		clear: both;
	}
}

/* .inner.pmh
-----------------------------------------------------------*/
.container .section .inner.pmh img.leftfix {
	margin-left: 33px;
}

@media(max-width:640px) {
	.container .section .inner.pmh {
		padding-bottom: 20px;
		border-bottom: 1px dotted #ddd;
	}
	.container .section .inner.pmh img.leftfix {
		display: none;
		margin-left: 0;
	}
}

/* .inner.pmo
-----------------------------------------------------------*/
.container .section .inner.pmo img.leftfix {
	position: absolute;
	right: 0;
	top: 0;
	margin: -6px -30px 0 0;
}

.container .section .inner.pmo .text {
	margin: 0;
	width: 210px;
	height: 243px;
}

@media(max-width:640px) {
	.container .section .inner.pmo {
		padding-bottom: 20px;
		border-bottom: 1px dotted #ddd;
	}
	.container .section .inner.pmo img.leftfix {
		display: none;
		position: static;
		margin: 0 15px 0 0;
	}
	.container .section .inner.pmo .text {
		width: auto;
		height: auto;
	}
}

/* .inner.pmo
-----------------------------------------------------------*/
.container .section .inner.pms {
	margin-top: 0;
}

.container .section .inner.pms p:after {
	clear: both;
	display: block;
	content: "";
}

.container .section .inner .btn-link.pm {
	margin-top: 20px;
	text-align: right;
}

@media(max-width:640px) {
	.container .section .inner.pms img.leftfix {
		display: none;
	}
	.container .section .inner .btn-link.pm {
		text-align: center;
	}
}

/*----------------------------------------------------------
	#seminar
-----------------------------------------------------------*/
.container #seminar.section .inner .btn-link {
	margin-top: 80px;
	*zoom: 1;
}

.container #seminar.section .inner .btn-link:after {
	clear: both;
	display: block;
	content: "";
}

.container #seminar.section .inner .text {
	margin-top: 30px;
}

.container #seminar.section .inner .text em {
	display: none;
	font-size: 100%;
	font-style: normal;
}

.container #seminar.section .inner .text ul {
	display: none;
	margin-top: 10px;
}

@media(max-width:640px) {
	.container #seminar.section .inner .btn-link {
		margin-top: 15px;
	}
	.container #seminar.section .inner .text {
		padding: 10px;
		border: 1px solid #ccc;
	}
	.container #seminar.section .inner .text img {
		display: none;
	}
	.container #seminar.section .inner .text em,
	.container #seminar.section .inner .text ul {
		display: block;
	}
}

/*----------------------------------------------------------
	#faq
-----------------------------------------------------------*/
.container #faq.section .inner {
	margin-top: 10px;
}

.container #faq.section .inner ul {
	display: block;
	padding: 5px 0 15px;
	width: 640px;
	background: #fff;
	list-style: none;
}

.container #faq.section .inner li {
	margin: 10px 15px 0 11px;
	padding-left: 29px;
	min-height: 20px;
	background: url("../images/RX1_faq_icn.gif") no-repeat;
	font-size: 115%;
	line-height: 20px;
}

.container #faq.section .inner .btn-link {
	text-align: right;
}

@media(max-width:640px) {
	.container #faq.section .inner ul {
		padding: 0;
		width: auto;
	}
	.container #faq.section .inner li {
		margin: 10px 0 0 0;
		padding-bottom: 10px;
		font-size: 100%;
		border-bottom: 1px dotted #ddd;
	}
}