@charset "utf-8";
/* CSS Document */


/* Default Reset -----------------------------------------------------------*/
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd, table, caption, 
th, td, img, form {
margin: 0;
padding: 0;
border: none;
font-style: normal;
font-weight: normal;
font-size: 100%;}


/* Common -----------------------------------------------------------*/
html {
overflow-y:scroll;
}

body{
font:12px/1.22 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
word-break:break-all;
color:#333333;
background:url(../img/bg.gif) left top repeat-x;}

img {
vertical-align:bottom;
border:none;
}

a:focus{ outline:none;}
a:link{color:#356094; text-decoration:underline;}
a:hover{color:#82a9d9; text-decoration:none;}
a:visited{color:#356094; text-decoration:none;}

br{
letter-spacing:0;}

label{  
cursor: pointer;}

.left{
float:left;}

.right{
float:right;}

.clear{
	clear:both;}
		
p {
	line-height: 1.5em;}

#wrap{
width:100%;
height:auto;
text-align:center;}

/* Header -----------------------------------------------------------*/

#header{
width:804px;
height:auto;
margin:15px auto 0 auto;}

#header h1{
float:left;}

/* Navigation -----------------------------------------------------------*/


ul	{list-style-type:none; }
#navigation	{width: 804px; height:43px; position: relative; margin-top:17px;}
#navi { 
	display: block;
	width: 804px;
	height:43px;
	position: absolute;
	top:0;
	left:0;}

#navi li {
	float: left;
	cursor:pointer;}
	
#navi li ul {
	padding:0px;
	border-left:#8e959d 1px solid;
	border-right:#8e959d 1px solid;
	border-top:#8e959d 1px solid;
	}
	
#navi li ul li { 
	font-size:10px;
	background: #E9E9E9;
	border-bottom:#8e959d 1px solid;
	padding:4px 0;
	display: block;
	float: none;
	clear: both;}
	
#navi li ul li a {
	display:block;
	color: #425468;
	font-weight:normal;
	text-decoration:none;}
	
#navi li ul li a:hover { 
	color:#000000;
	text-decoration: underline;}

#navi li.navi01 {
background:url("../img/navi01_on.gif") left top no-repeat;
display:block;
width:134px;
height:43px;}

#navi li.navi02 {
background:url("../img/navi02_on.gif") left top no-repeat;
display:block;
width:134px;
height:43px;}

#navi li.navi03 {
background:url("../img/navi03_on.gif") left top no-repeat;
display:block;
width:134px;
height:43px;}

#navi li.navi04 {
background:url("../img/navi04_on.gif") left top no-repeat;
display:block;
width:132px;
height:43px;}

#navi li.navi05 {
background:url("../img/navi05_on.gif") left top no-repeat;
display:block;
width:134px;
height:43px;}

#navi li.navi06 {
background:url("../img/navi06_on.gif") left top no-repeat;
display:block;
width:136px;
height:43px;}

#navi li.navi01 a,
#navi li.navi02 a,
#navi li.navi03 a,
#navi li.navi05 a {
display:block;
}

#navi li.navi04 a {
display:block;
}

#navi li.navi06 a {
display:block;
}

#navi li.navi01 a:hover,
#navi li.navi02 a:hover,
#navi li.navi03 a:hover,
#navi li.navi04 a:hover,
#navi li.navi05 a:hover,
#navi li.navi06 a:hover {
background-color:transparent;}

#navi li.navi01 a:hover img,
#navi li.navi02 a:hover img,
#navi li.navi03 a:hover img,
#navi li.navi04 a:hover img,
#navi li.navi05 a:hover img,
#navi li.navi06 a:hover img {
visibility: hidden; }


/* contents -----------------------------------------------------------*/
#flash{
width:800px;
height:auto;
margin:4px auto 0 auto;}

#contents{
width:804px;
height:auto;
margin:15px auto 0 auto;}

#contents-top{
width:804px;
height:auto;
margin:5px auto 0 auto;}

#whatsnew{
width:395px;
height:auto;
float:left;
text-align:left;}

#whatsnew ul{
padding:10px 10px 0 10px;}

#whatsnew ul li{
padding:10px 0;
border-bottom:#CCCCCC 1px dotted;}

.date{
font-weight:bold;
}

#pickup{
width:385px;
height:auto;
float:right;}

.box-top{
padding:5px;
text-align:left;
}

.box-top-right{
float:right;
text-align:right;
}

.border{
margin:5px 0;
}


#box {
	margin: 6px 24px auto;
	text-align: left;
	height: auto;
	width: auto;
}

h3 {
	margin: 30px auto 15px;
}


h3.h3-top {
	margin: 0px auto 0px;
}

#box .box1 {
	background-image: url(../img/disc_service01.gif);
	height: 252px;
	width: 238px;
	margin-top: 15px;
	margin-bottom: auto;
	float: left;

}

#box .box2 {
	background-image: url(../img/disc_service02.gif);
	height: 252px;
	width: 238px;
	margin-top: 15px;
	margin-bottom: auto;
	float: left;
	margin-left: 21px;

}
#box .box3 {
	background-image: url(../img/disc_service03.gif);
	height: 252px;
	width: 238px;
	margin-top: 15px;
	margin-bottom: auto;
	float: right;
	margin-left: 21px;

}
.inbox {

	margin: 130px auto 0px 25px;
}
.star {
	color: #FF0000;
}

#box .bluraylogo {
	float: right;
	height: 77px;
	width: 136px;
}

#box .bluraytext {
	width: 580px;
	float: left;
	height: auto;
}
#box .usbtotaltext {
	width: 600px;
	float: left;
	height: auto;
}
#box .usbtotallogo {
	float: right;
}
#box .usb1 {
	background-image: url(../img/usb_total_service01.gif);
	height: 84px;
	width: 238px;
	float: left;
}
#box .usb2 {
	background-image: url(../img/usb_total_service02.gif);
	height: 84px;
	width: 238px;
	float: left;
	margin: 0px auto 0px 20px;
}
#box .usb3 {
	background-image: url(../img/usb_total_service03.gif);
	height: 84px;
	width: 238px;
	float: right;
}
#box .usb4 {
	background-image: url(../img/usb_total_service04.gif);
	height: 84px;
	width: 238px;
	float: left;
	margin: 20px auto;
}
#box .usb5 {
	background-image: url(../img/usb_total_service05.gif);
	height: 84px;
	width: 238px;
	float: left;
	margin: 20px auto 20px 20px;
}
#box .usb6 {
	background-image: url(../img/usb_total_service06.gif);
	height: 84px;
	width: 238px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
}
#box .usb7 {
	background-image: url(../img/usb_total_service07.gif);
	height: 84px;
	width: 238px;
	float: left;
}
#box .usb8 {
	background-image: url(../img/usb_total_service08.gif);
	height: 84px;
	width: 238px;
	margin: 0px auto 0px 20px;
	float: left;
}
#box .usb9 {
	background-image: url(../img/usb_total_service09.gif);
	height: 84px;
	width: 238px;
	float: right;
}
#box .inusb {
	margin: 35px auto 0px 15px;
}
#contents .logistics {
	text-align: left;
	margin: 10px auto auto 10px;
}
#box .figure {
text-align:center;}
#box .map {
	margin: 5px auto 10px;
	height: auto;
	width: auto;
	float: right;
}
#box .maptext {
	width: auto;
	margin: 5px auto 0px;
	height: auto;
	float: left;
}
.line {
	width: 750px;
	border-top: 1px dotted #000000;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
}

#contents .record {
	text-align: left;
	margin: 10px auto auto 25px;
}
#recordbox {
	text-align: left;
	height: auto;
	width: auto;
}
#recordbox .inrecord {
	height: auto;
	width: 347px;
	text-align: left;
	margin: 20px auto auto 30px;
	float: left;
}
.recordtext {
	margin-top: 7px;
	float: left;
	margin-left: 20px;
	height: auto;
	width: 230px;
}
#recordbox .planetext {
	text-align: left;
	margin: 5px auto 15px 50px;
}
#box .box4 {

	background-image: url(../img/photoframe_pattern01.jpg);
	height: 219px;
	width: 238px;
	margin-top: 15px;
	margin-bottom: auto;
	float: left;
}
#box .box5 {

	background-image: url(../img/photoframe_pattern02.gif);
	height: 219px;
	width: 238px;
	margin-top: 15px;
	margin-bottom: auto;
	float: left;
	margin-left: 21px;
}
#box .box6 {

	background-image: url(../img/photoframe_pattern03.gif);
	height: 219px;
	width: 238px;
	margin-top: 15px;
	margin-bottom: auto;
	float: right;
	margin-left: 21px;
}
.inbox2 {
	margin: 140px auto 0px 15px;
}
#box .digitaltext {
	width: 320px;
	height: auto;
	float: left;
	margin-left: 5px;
}
h4 {
	margin: 5px 0px 10px;
}
#box .sitemaptext {
	margin: 4px auto;
}
#box .usbimg {
	margin: 15px 0px 0px 15px;
	float: left;
}
.margin {

	margin-top: 10px;
}
#box .originalusb {
	background-image: url(../img/original_memory_type01.gif);
	height: 65px;
	width: 367px;
	margin: 5px 5px 0px 0px;
	float: left;
}
#box .inoriginalusb {
	margin: 35px 0px 0px 15px;
}
#box .originalusb2 {
	background-image: url(../img/original_memory_type02.gif);
	height: 65px;
	width: 367px;
	margin: 5px 5px 0px 0px;
	float: right;
}
#privacy {
	text-align: left;
	border: 1px solid #999999;
	padding: 15px 50px;
	line-height: 1.5em;
	width: 650px;
	margin: 20px auto;
	
}
#privacybox {
    width:100%;
    height:auto;
	text-align: center;
}
#privacybox .contacttext {
	text-align: left;
	margin: 10px auto 10px 30px;
}


#back {
	width: 200px;
	height:21px;
	margin: 0px auto 10px;
	text-align: center;
}





/* footer -----------------------------------------------------------*/

#footer{
	width:100%;
	height:auto;
	margin-top:15px;
	padding:2px 0;
	background:#80abe5;
}

#footer p{
display:block;
width:804px;
height:auto;
margin:0 auto;
text-align:right;}

/* Buttons -----------------------------------------------------------*/
div.btn_privacy {
background:url("../img/btn_sitemap_on.gif") left top no-repeat;
display:block;
width:123px;
height:16px;
float:right;
margin-top:8px;}

div.btn_privacy a {
display:block;
width:123px;
height:16px;}

div.btn_privacy2 {
background:url("../img/btn_english_on.gif") left top no-repeat;
display:block;
width:123px;
height:16px;
float:right;
margin-top:8px;}

div.btn_privacy2 a {
display:block;
width:123px;
height:16px;}

div.btn_privacy3 {
background:url("../img/btn_japanese_on.gif") left top no-repeat;
display:block;
width:123px;
height:16px;
float:right;
margin-top:8px;}

div.btn_privacy3 a {
display:block;
width:123px;
height:16px;}

p.btn_detail {
background:url("../img/btn_detail_on.gif") left top no-repeat;
display:block;
width:91px;
height:21px;
float:right;
margin-top:8px;}

p.btn_detail a {
display:block;
width:91px;
height:21px;}

div.infobtn {
	background:url("../img/info_btn_on.gif") left top no-repeat;
	display:block;
	width:162px;
	height:21px;
	float:right;
	clear: both;
	margin: 50px auto 20px;
}

div.infobtn a {
display:block;
width:162px;
height:21px;
}

div.btnagree {
	background:url("../img/btn_agree_on.gif") left top no-repeat;
	display:block;
	width:91px;
	height:21px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}

div.btnagree a {
display:block;
width:91px;
height:21px;
}


div.btn_privacy a:hover,
div.btn_privacy2 a:hover,
div.btn_privacy3 a:hover,
p.btn_detail a:hover,
div.infobtn  a:hover,
div.btnagree  a:hover {
background-color:transparent;}

div.btn_privacy a:hover img,
div.btn_privacy2 a:hover img,
div.btn_privacy3 a:hover img,
p.btn_detail a:hover img,
div.infobtn  a:hover img,
div.btnagree  a:hover img {
visibility: hidden; }


/*table----------------------------------------*/
table#table-01 {
	width: 760px;
	border: 1px solid #A9A9A9;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 20px auto 0px;
}

table#table-01 th {
	padding: 5px;
	line-height: 150%;
	text-align: left;
	white-space: nowrap;
	background-color: #F3F3F3;
	border-top: 1px solid #A9A9A9;
	border-right: 1px solid #A9A9A9;
	border-bottom: 1px solid #A9A9A9;
	border-left: 1px solid #A9A9A9;
}
table#table-01 td {
	padding: 5px;
	text-align: left;
	white-space: nowrap;
	border-top: 1px dotted;
	border-right: 0 dotted;
	border-bottom: 0 dotted;
	border-left: 0 dotted;
}
table#table-02 {
	width: 200px;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 7px 0px 0px 10px;
	border-width: 0px;
	float: left;
}
table#table-02 td {
	text-align: center;
	border: 1px dotted #FF9999;
	line-height: 1.6em;
}
#mailform .bg_gray {
	background-color: #EFEFEF;
}


#mailform .bg_white {
	background-color: #FFFFFF;
	width: 550px;
}
#mailform .form_text {
	width: 500px;
	margin: 5px 20px;
}
#mailform td {
	height: 35px;
	text-align: left;
	border: 1px solid #999999;
	
}
#mailform table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 10px auto;
	height: auto;
	width: 760px;
}
#mailform #address {
	margin: 5px 20px;
}
#mailform #kind {
	margin: 5px 20px;
}
td .formtext {
	margin-top: 3px;
	margin-left: 10px;
}