@charset "shift_jis";
/* reset 
---------------------------------------------------*/
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
html {
	color: #000;
	background: #fff;
}
br {
    letter-spacing: normal;
}
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,button,textarea,
p,blockquote,
th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img,a img {
	border: 0 none;
	vertical-align: top;
}
li {
	list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

/* base 
---------------------------------------------------*/
html{
	overflow-y:scroll;
}
body{
	font-size: 12px;
	color:#FFF;
}
hr {
    display: none;
}
.left{
	float:left;
}
.clear {
	clear:both;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#wrapper #logo {
	position: absolute;
	left: 19px;
	top: -9999px;
	z-index: 8;
}
#wrapper .dgCtsBox {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	/* [disabled]min-width: 997px; */
}
#wrapper .dgCtsWrap .dgBg {
	position: absolute;
	left: 0px;
	top: 0px;
}
.mod-mainContentContainer {
	max-width: 100%;
}
.mod-column1 {
	width: 100%;
	overflow-x: hidden;
	position: relative;
}
#gmenuArea {
	position:relative;
	top:30px;
}
#gmenuArea li {
	margin: 0px 34px 0px 0px;
	float: left;
	position: relative;
	background: url(../images/spacer.gif) repeat;
	cursor: pointer;
}
#wrapper #footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	z-index: 100;
}
#footer #gmenuArea {
	width: 100%;
	background: url(../images/gnavi_bg.png);
	padding: 8px 0px 7px;
}
#gmenuArea ul {
	margin: 0px auto;
	width: 997px;
}
#footer #footCon1 {
	background: #000;
	width: 100%;
	position: relative;
}
#footCon1 li {
	float: left;
	border-right: 1px solid #333;
	position: relative;
}
#footCon1 .first {
	border-left: 1px solid #333;
}
#footCon1 ul {
	margin: 0px auto;
	width: 997px;
}
#footer #footCon2 {
	background: #FFF;
	width: 100%;
	padding: 5px 0px 6px;
}
#snsArea li {
	margin: 0px 11px 0px 0px;
	float: left;
}
#footCon2 #snsArea {
	float: right;
	padding: 0 5px 0 0;
}
#footCon2 #copyright {
	padding: 0px 0px 0px 15px;
}
#snsArea #snsMixi {
	margin-right: 16px;
}

#gmenuArea .ovEn {
	position: absolute;
	left: 0px;
	top: 3px;
}
#wrapper .dgCtsWrap .dgCtsInner {
	position: relative;
	margin: 0 auto;
	width: 997px;
	/* [disabled]height: 690px; */
	min-height: 690px;
	z-index: 1;
}
#wrapper p {
	font-size: 13px;
	line-height: 20px;
	color: #000;
}
#dgCts1{
	margin-top:-9999px;
}
#dgCts1 h2 {
	padding: 63px 0px 3px 257px;
}
#dgCts1 .dgLead {
	padding: 0px 0px 0px 366px;
}
#dgCts1 .dgTxt {
	padding: 16px 0px 0px 258px;
	width: 482px;
}
#dgCts1 .dgBravia {
	margin: 22px 0px 0px 251px;
}
#dgCts1 .bgLine,
#dgCts1 .bgLine2 {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 495px;
}
#dgCts1 .bgLine2 {
	left: auto;
	right: 0;
}
#dgCts1 .dgIllust {
	position: absolute;
	left: 50%;
	top: 20px;
	margin: 0px 0px 0px -499px;
}
#dgCts2 .dgIllust {
	position: absolute;
	left: 403px;
	top: 154px;
	z-index: 1;
}
#dgCts2 .dgTxtBox {
	float: left;
	width: 256px;
	padding: 0px 26px 0px 29px;
	height: 255px;
	margin: 0px 0px 0px 115px;
	position: relative;
}
#dgCts2 #dgTxtBox2 {
	margin-left: 134px;
}
#dgCts2 h2 {
	padding: 57px 0px 14px 187px;
}
#dgCts2 .dgLead {
	padding: 0px 0px 41px 189px;
}
#dgCts2 .dgTxtLead {
	padding: 16px 0px;
}
#dgCts3 h2 {
	padding: 49px 0px 15px 248px;
}
#dgCts3 .dgLead {
	padding: 0px 0px 35px 264px;
}
#dgCts3 .dgFloatBox {
	float: left;
}
#dgCts3 .dgFloatBox p {
	width: 354px;
	letter-spacing: -0.08em;
	line-height: 21px;
}
#dgCts3 .dgFloatBox h4 {
	font-size: 14px;
	line-height: 21px;
	color: #226b35;
	padding: 0px 0px 7px;
}
#dgCts3 .dgDai {
	display: block;
	margin: -9px 0px 14px -36px;
}
#dgCts3 .dgBravia {
	margin: 18px 0px 0px -4px;
}
#dgCts3 .dgIllust {
	position: absolute;
	left: 394px;
	top: 177px;
}
#dgCts3 #dgFloatBox1 {
	margin: 0px 63px 0px 114px;
}
#dgCts3 #dgFloatBox2 .dgImg1 {
	margin: 16px 0px 10px 3px;
}
#dgCts3 #dgFloatBox2 .dgImg1Ref {
	display: block;
	margin: 0px 0px -43px 3px;
}
#dgCts3 .dgResult {
	margin: 0px 0px 139px 211px;
	padding: 36px 0 0 0;
	clear: both;
}
#dgCts4 li {
	margin: 0px 13px 0px 0px;
	float: left;
}
#dgCts4 .gdRef {
	display: block;
	margin: 13px 0px 0px;
}
#dgCts4 h2 {
	padding: 50px 0px 15px 114px;
}
#dgCts4 .dgLead {
	padding: 0px 0px 33px 273px;
}
#dgCts4 .dgTxt {
	padding: 0px 0px 5px 114px;
}
#dgCts4 #dgTvArea {
	margin: 0px 0px 13px 114px;
}
#dgCts4 #dgTvArea img {
	margin: 0px 13px 0px 0px;
}
#dgCts4 #dgLength {
	margin: 0px 0px 0px 114px;
}
#dgLength .dgBtn {
	background: url(../images/spacer.gif) repeat;
	display: inline-block;
	cursor: pointer;
}
#dgCts5 h2 {
	padding: 49px 0px 15px 353px;
}
#dgCts5 .dgLead {
	padding: 0px 0px 35px 210px;
}
#dgCts5 .dgFloatBox {
	float: left;
	width: 380px;
}
#dgCts5 .dgFloatBox h3 {
	padding: 0px 0px 13px;
}
#dgCts5 #dgLineup1 {
	margin: 0px 13px 0px 114px;
}
#dgCts5 span {
	position:relative;
	margin-bottom: -308px;
}
#dgCts5 .sublink1 {
	position: absolute;
	top: 16px;
	left: 150px;
}
#dgCts5 .sublink2 {
	position:absolute;
	top: 47px;
	left: 150px;
}
#dgCts6 h2 {
	padding: 57px 0px 49px 268px;
}
#dgCts6 .dgLead {
	padding: 0px 0px 36px 355px;
}
#dgCts6 .dgLink {
	margin: 0px 0px 18px 115px;
	display: inline-block;
}
*:first-child+html #dgCts6 .dgLink {
	display: block;
}
#dgCts5 .dgFloatBox a,#dgCts5 span{
	margin: 0px 0px 1px;
	display: inline-block;
}
#dgCts5 .dgFloatBox span a{
	margin: 0;
	display: block;
}
#wrapper #loading {
	position: absolute;
	left: 50%;
	top: -9999px;
	overflow: hidden;
	height: 27px;
	width: 27px;
	margin-top: -50px;
}
#wrapper #btnRight {
	position: fixed;
	top: 50%;
	right: 19px;
	z-index: 100;
	margin: -32px 0px 0px;
	cursor: pointer;
}
#btnRight .dgNaviTxt {
	position: absolute;
	left: 0px;
	top: 17px;
	z-index: 5;
	height: 0px;
}
#btnRight .dgNaviBox {
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../images/spacer.gif) repeat;
	text-align: right;
	width: 113px;
}
#wrapper #btnLeft {
	position: fixed;
	left: 20px;
	top: 50%;
	margin: -32px 0px 0px;
	z-index: 100;
	cursor: pointer;
}
#btnLeft .dgNaviBox {
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../images/spacer.gif) repeat;
	width: 113px;
}
#btnLeft .dgNaviTxt {
	position: absolute;
	left: 31px;
	top: 18px;
	height: 0px;
}
#dgCts2 .dgTxtBoxInner {
	position: relative;
}
#dgCts2 .gdBg {
	position: absolute;
	left: 0px;
	top: 33px;
}
#dgIllustCover1 {
	overflow: hidden;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	/* [disabled]min-width: 997px; */
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
#dgIllustCover1Inner {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
}
#dgCts2 .dgTxtBox .gdBgRef {
	position: absolute;
	left: 0px;
	top: 312px;
}
#dgCts2 .dgTxtBox h3 {
	margin: 0px 0px 37px -27px;
}
#dgCts2 .dgTxtBox h4 {
	margin: 0px 0px 19px;
}
#dgCts4 #dgTvArea .dgFloat {
	margin: 0px 13px 0px 0px;
	float: left;
	position: relative;
}
#dgCts4 #dgTvArea .dgRef {
	position: absolute;
	left: 0px;
	top: 295px;
}
#dgCts4 #dgTvArea h3 {
	margin: 0px 0px 9px 124px;
}
#dgCts4 #dgTvArea .dgStlFirst {
	margin-left: 102px;
}
#dgCts4 .dgTxt2 {
	margin: 0px 0px 23px 114px;
}
#wrapper #braviaLogo {
	position: absolute;
	top: -9999px;
	right: 17px;
	z-index: 100;
}
#dgCts6 .dgLinkRef {
	position: absolute;
	left: 115px;
	top: 124px;
}
#dgCts6 .dgLinkWrapper {
	position: relative;
}
#dgCts5 #dgLineup1 .dgRef {
	display: block;
	margin: 15px 0px 0px;
}
#wrapper #dgCts3 .dgCtsInner {
	min-height: 0px;
}
#gmenuArea .first {
	margin-left: 18px;
}
#gmenuArea .last {
	margin-right: 0;
}
#btnRight .dgNaviBtn {
	float: right;
	height: 0px;
}
#footCon1 .dgOv {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
}
#btnLeft .dgNaviBtn {
	height: 0px;
}
#wrapper #logo a,
#wrapper #braviaLogo a {
	background: url(../images/spacer.gif) repeat;
	display: block;
}
