@charset "Shift_JIS";
/**
 * SONY.JP/DSC
 */

/* Template
----------------------------------------------------------*/
div#Panorama {
	margin:0 5px;
	padding-top:10px;
	line-height:1.7;
}

div#Panorama a,
div#Panorama a:hover,
div#Panorama a:active,
div#Panorama a:visited {
	color:#d60040;
}

div#Panorama sup {
	line-height:1;
	vertical-align:middle;
}

div#Panorama hr {
	display:none;
}

/* margin */
div#Panorama .mt10 {
	margin-top:10px;
}

/* Header */
div#Header {}

div#Header h1 {
	padding-left:73px;
	padding-bottom:10px;
	background:url(../images/panorama_logo.gif) no-repeat;
}

div#Header p {
	float:right;
	margin-left:15px;
	margin-top:9px;
	line-height:0;
	font-size:0;
}

div#Header h2 {
	border-bottom:1px solid #d60040;
}

div#Header ul {
	border:1px solid #ccc;
	border-top:none;
	width:938px;
	height:58px;
}

div#Header ul li {
	float:left;
	line-height:0;
	font-size:0;
}

div#Header ul li img.active {
	_position:relative;
	filter:alpha(opacity=50);
	opacity:0.5;
}


/* Footer */
div#Footer {
	margin-top:45px;
}

div#Footer a,
div#Footer a:hover,
div#Footer a:active,
div#Footer a:visited {
	color:#333;
}

div#Footer dl {
	margin:45px 0px;
	padding-top:10px;
	width:940px;
}

div#Footer dl dt {
	float:left;
/*	width:135px;*/
	text-align:right;
}

div#Footer dl dd {
	float:left;
}

div#Footer div#lineup {
	margin: 0 0 45px 0;
}
div#Footer .ttl {
	margin: 0 0 10px 0;
}

div#Footer ul.lineup {
	margin:0 auto;
	font-size:85%;
	text-align:center;
	letter-spacing:0;
}

div#Footer ul.lineup li {
	display:inline;
	padding-left:0px;
}

div#Footer ul.navi {
	margin:0 auto;
	font-size:85%;
	text-align:center;
}

div#Footer ul.navi li {
	display:inline;
	padding-left:6px;
	border-left:1px solid #333;
}

div#Footer ul.navi li.first {
	border-left:none;
}



/* Asset
----------------------------------------------------------*/
/* note */
div#Panorama .note {
	margin-top:0.5em;
	font-size:90%;
}

/* menu */
div#Panorama ul.menu {
	margin:30px auto;
	font-size:85%;
	text-align:center;
}

div#Panorama ul.menu li {
	display:inline;
	padding-left:6px;
	border-left:1px solid #333;
}

div#Panorama ul.menu li a,
div#Panorama ul.menu li a:hover,
div#Panorama ul.menu li a:visited,
div#Panorama ul.menu li a:active {
	color:#333;
}

div#Panorama ul.menu li.first {
	border-left:none;
}

/* corner */
div#Panorama div.corner {
	width:820px;
	background:url(../images/corner.gif) no-repeat;
}

div#Panorama div.corner div.inner {
	padding:17px 20px;
	background:url(../images/corner_btm.gif) no-repeat left bottom;
}

div#Panorama div.corner h4 {
	margin-bottom:12px;
}

div#Panorama div.corner .image {
	float:right;
	width:290px;
	text-align:right;
}


/* Index
----------------------------------------------------------*/
div#Contents.index {}

div#Contents.index ul {
	margin-top:10px;
	margin-left:-20px;
	_margin-left:-40px;
	line-height:1;
	font-size:0;
}

div#Contents.index ul li {
	float:left;
	margin:20px 0 0 20px;
}



/* About
----------------------------------------------------------*/
div#Contents.about {}

/* intro */
div#Contents.about div.intro {
	margin:60px 60px 50px;
}
div#Contents.about div.intro h3 {
	margin-bottom:35px;
}

/* section */
div#Contents.about div.section {
	margin:40px 60px 0;
}

div#Contents.about div.section h4 {
	margin-bottom:18px;
}

div#Contents.about div.section div.image {
	float:right;
	width:310px;
	text-align:right;
}

/* step */
div#Contents.about ol {
	margin-top:-3px;
	width:820px;
}

div#Contents.about ol span {
	display:none;
}

div#Contents.about ol li {
	padding-top:17px;
	padding-left:20px;
}

div#Contents.about ol li p {
	margin-top:13px;
	width:490px;
	line-height:1.7;
}

div#Contents.about ol .step1 {
	height:83px;
	background:url(../images/about_image_01.jpg) no-repeat;
}

div#Contents.about ol .step2 {
	height:123px;
	background:url(../images/about_image_02.jpg) no-repeat;
}

div#Contents.about ol .step3 {
	height:147px;
	background:url(../images/about_image_03.jpg) no-repeat;
}



/* Tips
----------------------------------------------------------*/
div#Contents.tips {}

/* intro */
div#Contents.tips div.intro {
	margin-top:20px;
	margin-bottom:-10px;
}

div#Contents.tips div.intro p {
	margin-top:55px;
	margin-left:60px;
	_margin-left:30px;
	width:461px;
	float:left;
}

div#Contents.tips div.intro dl {
	width:355px;
	float:right;
}

div#Contents.tips div.intro dl dt {
	line-height:0;
	* margin-bottom:-5px;
}

div#Contents.tips div.intro dl dd {
	margin-left:15px;
	padding:10px 19px 19px;
	width:300px;
	border:1px solid #ccc;
	border-top:none;
	font-size:85%;
}

/* section */
div#Contents.tips div.section {
	margin:30px 60px 0;
	width:820px;
}

div#Contents.tips div.section h3 {
	margin-bottom:13px;
}

div#Contents.tips div.section p.explanation {
	margin-top:15px;
	text-align:center;
}

/* column */
div#Contents.tips div.column h4 {
	position:relative;
	left:-3px;
}

div#Contents.tips div.column dl {
	margin:10px 0;
	padding:18px 18px 13px;
	border:1px solid #ccc;
}

div#Contents.tips div.column dl dt {
	float:left;
	width:160px;
}

div#Contents.tips div.column dl dd {
	padding-top:8px;
}

div#Contents.tips div.column dl dd p {
	margin-top:16px;
}

div#Contents.tips div.column dl dd ul {
	position:relative;
}

div#Contents.tips div.column dl dd ul li {
	position:absolute;
	top:120px;
	left:160px;
	padding-right:15px;
	width:607px;
	background:url(../images/icon_link.gif) no-repeat center right;
	font-size:120%;
	text-align:right;
	font-weight:bold;
	line-height:1.2;
	_left:0;
	* background-position:0.1em right;
}

div#Contents.tips div#Post {
	margin:65px 0 0 115px;
}



/* Tips Actual
----------------------------------------------------------*/
div#Contents.tips div.actual {
	margin:55px 0;
	text-align:center;
}

div#Contents.tips div.actual h3 {
	margin-bottom:35px;
}

div#Contents.tips div.actual dl {
	margin:35px 60px 35px;
	text-align:left;
}

div#Contents.tips div.actual dl dt {
	margin-bottom:10px;
}



/* Photo
----------------------------------------------------------*/
div#Contents.photo {}

div#Contents.photo div.photos {
	padding-top:40px;
	width:940px;
	text-align:center;
}

div#Contents.photo p {
	* margin-left:-2px;
}

div#Contents.photo dl {
	margin-top:25px;
}



/* Print
----------------------------------------------------------*/
div#Contents.print {}

/* intro */
div#Contents.print div.intro {
	margin:30px auto 20px;
	width:480px;
}

div#Contents.print div.intro ul {
	margin-top:18px;
	padding-left:40px;
	background:url(../images/print_menu_00.gif) no-repeat 220px 0px;
}

div#Contents.print div.intro ul li {
	float:left;
	margin-left:40px;
}



/* section */
div#Contents.print div.section {
	margin:20px 60px 0;
	padding-top:40px;
	width:820px;
	background:url(../images/title_bg.gif) no-repeat;
}

div#Contents.print div.section h3 {
	margin-bottom:25px;
}

div#Contents.print div.banner {
	margin:30px 60px 40px;
	text-align:center;
}

div#Contents.print div.banner p {
	margin-bottom:10px;
}

div#Contents.print div.banner img {
	margin:0 10px;
}


div#Contents.print div#Print p {
	width:520px;
}

div#Contents.print .note {
	margin-bottom:20px;
	font-size:80%;
	color:#6d6d6d;
}

div#Contents.print div#Print div.image {
	margin:-420px 0 0 540px;
}

div#Contents.print div#Digital ul {
	margin:0 0 40px 165px;
}

div#Contents.print div#Digital li {
	margin-top:25px;
}

/* Contest
----------------------------------------------------------*/
div#Contents.contest {}

div#Contents.contest h4 {
	padding:7px 0 10px 0;
	border-bottom:1px solid #d60040;
}

div#Contents.contest p {
	margin-bottom:28px;
}

/* intro */
div#Contents.contest div.intro {
	padding-top:24px;
	margin-left:60px;
}

div#Contents.contest div.intro p {
	margin-bottom:0;
}

/* section */
div#Contents.contest div.section {
	margin:0 60px 0;
	padding-top:0;
	width:820px;
}

div#Contents.contest div.section h3 {
	margin-bottom:25px;
}

div#Contents.contest div.section dl {
	margin:22px 0 50px 0;
	padding:0 0 3px 6px;
	border-bottom:1px solid #d60040;
}

div#Contents.contest div.section dt {
	font-weight:bold;
}

div#Contents.contest div.section dt span {
	color:#d60040;
}

div#Contents.contest div.section dd {
	margin-bottom:20px;
}

div#Contents.contest div.section dd span {
	font-size:85%;
}

div#Contents.contest div.section dd ul li {
	list-style:disc;
	margin-left:20px;
}

div#Contents.contest div.section dd em {
	display:block;
	margin:15px 0 5px 0;
	color:#d60040;
}

div#Contents.contest div.section dd table.work {
	margin:10px 0 0 5px;
	border-top:1px solid #c6c6c6;
	border-left:1px solid #c6c6c6;
}

div#Contents.contest div.section dd table.work tr {
	vertical-align:top;
}

div#Contents.contest div.section dd table.work th {
	padding:15px 5px 15px 10px;
	width:140px;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;
	white-space:nowrap;
}

div#Contents.contest div.section dd table.work td {
	padding:15px 10px;
	width:640px;
	border-right:1px solid #c6c6c6;
	border-bottom:1px solid #c6c6c6;

}

div#Contents.contest div.section dd table.work td ul li {
	list-style:none;
	padding-left:0;
	margin-left:0;
}

div#Contents.contest div.section dd table.profile {
	width:807px;
	margin:10px 0 0 5px;
	border:1px solid #c6c6c6;
}

div#Contents.contest div.section dd table.profile td {
	padding:15px 10px;
}
div#Contents.contest div.section dd table.profile p {
	background:url(../images/icon_window.gif) no-repeat left center;
	padding-left:15px;
}
	
div#Contents.contest div.section dd table.note tr {
	vertical-align:top;	
}

div#Contents.contest div.section div.attention_box {
	padding:20px;
	width:780px;
	border:1px solid #c2c2c2;
	background-color:#f2f2f2;
	font-size:85%;
}

div#Contents.contest div.section div.attention_box table tr {
	vertical-align:top;
}

div#Contents.contest div.section div.attention_box em {
	font-size:120%;
	display:block;
	margin-bottom:15px;
	font-weight:bold;
	color:#d60040;
}

div#Contents.contest div.section div.attention_box em.sub {
	color:#333;
}

div#Contents.contest div.section div.attention_box ol {
	margin:0 0 0 20px;
}

div#Contents.contest div.section div.attention_box ol li {
	margin-bottom:20px;
	list-style:none;
}

div#Contents.contest div.section div.attention_box ol li span.bold {
	font-weight:bold;
}

div#Contents.contest div.section div.attention_box p {
	margin-bottom:10px;
}

div#Contents.contest div.section div.attention_box p.link {
	width:490px;
	margin:10px 0 5px 245px;
	background:url(../images/icon_window.gif) no-repeat left center;
	padding-left:35px;
}

div#Contents.contest div.section div.attention_box ol li ul li {
	margin:0 0 0 30px;
	list-style:none;
}

div#Contents.contest div.section div.attention_box .under14 {
	padding:10px 0;
	border:1px solid #d60040;
	text-align:center;
}

div#Contents.contest div.section div.btn {
	margin-top:50px;
	text-align:center;
}

div#Contents.contest div.section div.btn img {
	margin:0 16px;
}



/* clearfix
----------------------------------------------------------*/
div#Panorama div#Header,
div#Panorama div#Footer dl,
div#Panorama ul.menu,
div#Panorama div.section,
div#Panorama div.inner,
div#Panorama div.index ul,
div.tips div.intro,
div.tips div.column dl,
div.print div.intro ul {
	zoom:1;
}

div#Panorama div#Header:after,
div#Panorama div#Footer dl:after,
div#Panorama ul.menu:after,
div#Panorama div.section:after,
div#Panorama div.inner:after,
div#Panorama div.index ul:after,
div.tips div.intro:after,
div.tips div.column dl:after,
div.print div.intro ul:after {
	content:".";display:block;
	height:0;clear:both;
	visibility:hidden;
}

* html div#Panorama div#Header,
* html div#Panorama div#Footer dl,
* html div#Panorama ul.menu,
* html div#Panorama div.section,
* html div#Panorama div.inner,
* html div#Panorama div.index ul,
* html div.tips div.intro,
* html div.tips div.column dl,
* html div.print div.intro ul {
	display:inline-table;
	/*\*/display:block;/**/
}
/* Localized */