/* 下記はCD2010のCSS　*/


a:link {color: #477AA5;}
a:visited {color:#477AA5;}
a:hover {color:#FFFFFF; background-color:#477AA5;}

.header {
	width: 600px;
	margin-left: 40px;
}

.logo {
	margin-bottom: 5px;
}

.radioleft {
	margin-top:30px;
	float:left;
}

.imgleft_top {
	margin: 40px 50px 150px 30px;
	_margin: 40px 50px 100px 30px;
	float:left;
}

.soufu{
	margin-top: 10px;
	_margin-top: 5px;
}

.subtitle{
	font-size: 110%;
	_font-size: 120%;
	color: #000;
	line-height:150%;
	font-weight: bold;
	text-decoration:underline;
}

.naiyou_font{
	font-size: 100%;
	_font-size: 110%;
	color: #DD6600;
	line-height:160%;
}

.shousai_font{
	font-size: 80%;
	color: #505050;
	line-height:120%;
}

.haisou{
	margin-top: 10px;
	margin-left: 160px;
}

.haisou_font{
	font-size: 83%;
	color: #000000;
	line-height:160%;
	margin-left: 160px;
}

.waku{
width:720px;
padding-top:10px;
background:url(images2/base_top.jpg) no-repeat left top;
margin-left:5px;
}
.waku .body{
padding:6px 10px 6px 10px;
background:url(images2/base_body.jpg) repeat-y left top;
}
.waku .bottom{
height:15px;
background:url(images2/base_bottom.jpg) no-repeat left bottom;
font-size:1px;
line-height:1px;
}

.FONTS1 {
	font-size: 75%;
	color: #333333;
	line-height:130%;
}

.FONTS3 {
	font-size: 110%;
	color: #333333;
	line-height:130%;
}
.FONTS4 {
	font-size: 84%;
	color: #000000;
	line-height:160%;
	margin-left: 10px;
}
.FONTS5{
	font-size: 85%;
	color: #000000;
	line-height:160%;
}
.FONTS6 {
	font-size: 90%;
	color: #333333;
	line-height:130%;
}
.FONTS7 {
	font-size: 160%;
	color: #000;
	line-height:150%;
	font-weight: bold;
	margin-left:0px;
}
.FONTS8 {
	font-size: 85%;
	_font-size: 95%;
	color: #333333;
	line-height:150%;
	margin:0px 30px 0px 240px;
	_margin-right:40px;
	text-align: left;
	font-weight: bold;
}
.FONTS8_2 {
	font-size: 85%;
	_font-size: 95%;
	color: #333333;
	line-height:150%;
	text-align: left;
	font-weight: bold;
}
.FONTS9 {
	font-size: 90%;
	color: #000000;
	line-height:130%;
	margin-left:20px;
}
.FONTS10 {
	font-size: 110%;
	color: #000000;
	line-height:130%;
	margin-left:10px;
	margin-bottom:2px;
	text-decoration: underline;
	text-underline-position: below;
}
.FONTS11 {
	font-size: 90%;
	color: #000000;
}
.FONTS12 {
	font-size: 90%;
	color: #000000;
	margin:10px 10px;
}
.TITLE1 {
	font-size: 120%;
	font-weight: bolder;
	color: #FFFFFF;
}
.TITLE2 {
	font-size: 95%;
	font-weight: bold;
	color: #000000;
}
.TITLE_L {
	font-size: 110%;
	font-weight: bolder;
}

.box{
	width:220px;
	float:left;
}
.box_w270{
	width:270px;
	float:left;
}
.box_right{
	margin-left:20px;
	margin-right:20px;
	width:320px;
	float:right;
}
.box_right_w250{
	margin-left:20px;
	margin-right:20px;
	width:250px;
	float:right;
}

.box_douga{
	width:190px;
	float:left;
}

.box_douga_right{
	margin-left:20px;
	width:470px;
}

.line{
	width:850px;
	border-bottom: 1px #000000 dotted;
	margin-left:50px;
}

.table,.table tr,.table td {
border-collapse:collapse;
border:2px solid #FFFFFF;
}

.table2,.table2 tr,.table2 td {
border-collapse:collapse;
border:2px solid #FFFFFF;
text-align:center;
}

.shousai {
	margin-top:10px;
}

.cart {
	margin-top:30px;
	margin-left:210px;
}

.BIGRED {
	font-size: 110%;
	font-weight: bolder;
	color: #FF0000;
	background-color: #FFC5F5;
	line-height: 110%;
}
.CHURED {
	font-size: 100%;
	font-weight: bolder;
	color: #FF0000;
}
.FONTS2 {
	font-size: 85%;
	color: #000000;
	line-height:140%;
}
.SPACE {
	margin-bottom:10px;
}
.VAN {
	width : 150px;
	left : 640px;
	top : 1500px;
	position : absolute;
}
.tab{
float: left;
height: 32px;
width: 110px;
margin: 0 0 0 0;
text-align: center;
background: transparent url(images2/tab.jpg) repeat-x top left;
}
.tab1{
float: left;
height: 32px;
width: 110px;
margin: 0 0 0 0;
text-align: center;
background: #8DC70A url(images2/tab1.jpg) no-repeat;
}

ul#taberea{
	margin:0px 0px 0px 50px;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}
ul#taberea li{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
ul#taberea li a{
	display:block;
	float:left;
	text-decoration:none;
	padding:10px 0px 0px 0px;
	width:120px;
	height:30px;
}
ul#taberea li a:hover{
	background:transparent url("images2/tab.jpg") no-repeat top right;
	color:#477AA5;
}
ul#taberea li a.current,ul#saturday li a.current:hover{
	color:#477AA5;
}

#stylefour{
	position:static;
	display:block;
	height:39px;
	font-size:70%;
	background:transparent url(images2/bgOFF.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	border-top:2px solid #CCC;
	font-weight: bold;
	margin:15px 0px 20px;
}

#stylefour ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}

#stylefour ul li{
	display:block;
	float:left;
	margin:0;
}

#stylefour ul li a{
	display:block;
	float:left;
	color:#4D4D4D;
	text-decoration:none;
	padding:11px 15px 0 15px;
	height:33px;
	background:transparent url(images2/bgDIVIDER.gif) no-repeat top right;
}

#stylefour ul li a:hover,#stylefour ul li a.current{
	color:#4D4D4D;
	background:#FEFEFE url(images2/bgON.gif) no-repeat top right;
}
.MIDASHI1{
  width:570px;
  border:solid #990033;
  border-width:0 0 1px 12px;
  padding:0.4em 0.4em;
  margin-bottom:5px;
  font-size:90%;
  _font-size:95%;
}
.MIDASHI1_1{
  width:570px;
  border:solid #990033;
  border-width:0 0 1px 12px;
  padding:0.4em 0.4em;
  margin-bottom:5px;
  font-size:87%;
  _font-size:95%;
}
.MIDASHI2{
  width:570px;
  border:solid #3366CC;
  border-width:0 0 1px 12px;
  padding:0.4em 0.4em;
  margin-bottom:5px;
  font-size:90%;
  _font-size:95%;
}
.MIDASHI3{
  width:570px;
  border:solid #CC0000;
  border-width:0 0 1px 12px;
  padding:0.4em 0.4em;
  margin-bottom:5px;
  font-size:90%;
  _font-size:95%;
}
.MIDASHI3_1{
  margin-left:5px;
  border:solid #CC0000;
  border-width:0 0 0 3px;
  padding:0.4em 0.4em;
  line-height:150%;
  font-size:90%;
  _font-size:95%;
}
.MIDASHI4{
  width:570px;
  border:solid #FF6600;
  border-width:0 0 1px 12px;
  padding:0.4em 0.4em;
  margin-bottom:5px;
  font-size:90%;
  _font-size:95%;
}
.MIDASHI4_1{
  width:570px;
  border:solid #FF6600;
  border-width:0 0 1px 12px;
  padding:0.4em 0.4em;
  margin-bottom:5px;
  font-size:90%;
  _font-size:95%;
}
.MIDASHI5{
  margin-left:5px;
  border-left:solid 3px #009966;
  padding:0.4em;
}



/* 下記は10PersonalのCSS　*/


.nor  { font-size:9pt; }

.no2  { font-size:9pt; line-height: 130%; }

.det  { background:#DDDDDD ; font-size:80%; color:#000033; padding:5px 5px 5px 5px;}

.em   { font-size:12pt; color:#000033; font-weight:bold; }

.pri  { font-size:12pt; COLOR:#000033; }

.lik  { font-size:11pt; }

.fin  { font-size:10pt; font-weight:bold; }

.tt0  { background:#FFFFFF; font-size:13pt; color:#000000; font-weight:bold; }

.tt1  { background:#478E8C; font-size:13pt; font-weight:bold; }

.tt2  { background:#BFED76; font-size:12pt; font-weight:bold; }

.tt3  { background:#CCFF99; font-size:12pt; font-weight:bold; }

.tt4  { background:#CCCCFF; font-size:10pt; font-weight:bold; color:#003366 }

.tt5  { background:#DDFFDD; font-size:10pt; font-weight:bold; }

.tpt  { background:#DDDDDD; font-size:80%; color:#000033; text-align:right; }

.cop  { font-family:Arial; font-size:9pt; }

.exs  { font-size:9pt; color:red; }

.att  { font-size:8pt; }

h1 {
	width:560px;
	height:154px;
	background-image:url('images2/cdpersonal_logo.png');
	background-repeat:no-repeat;
	background-position: center center;
	background-color:#EE0001;
	text-indent:-9999px;
	padding:10px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}

h2 {
	background-color: #FAA000;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 10px 0px;
	_margin: 0px 0px 10px 0px;
	font-size:110%;
	text-align:center;
}

h3 {
	font-size:110%;
	color:#000033;
	font-weight:bold;
	text-align:left;
	margin:5px;
}

h4 {
	border-bottom:solid 5px #FAA000;
	padding:0.2em 0.4em;
	margin: 30px 5px 5px 5px;
	font-size:18px;
}

.h4top {
	border-bottom:solid 5px #FAA000;
	padding:0.2em 0.4em;
	margin: 20px 5px 5px 5px;
	font-size:18px;
}

h5 {
	width:95%;
	_width:98%;
	border-bottom:solid 2px #FAA000;
	padding:0.1em 0.4em;
	margin: 20px 5px 10px 10px;
	font-size:16px;
}

h6 {
	width:90%;
	border:solid #FAA000;
	border-width:0px 0px 2px 12px;
	padding-top:0.3em;
	padding-bottom:0.3em;
	padding-left:0.2em;
	margin:15px 0px 10px 10px;
	_margin:0px 0px 0px 15px;
	font-weight:bold;
	font-size:14px;
}

.h6top {
	width:80%;
	border:solid #FAA000;
	border-width:1px 1px 1px 12px;
	padding-top:0.3em;
	padding-bottom:0.3em;
	padding-left:0.2em;
	margin:0px 0px 10px 10px;
	font-weight:bold;
	font-size:85%;
}

.hr {
	margin: 10px 5px 10px 5px;
}

p {
	font-size:90%;
	margin:0px 10px 10px 10px;
}

#container {
	width:560px;
	margin:0px;
	padding:0px;
	padding: 5px;
	background-color:#ffffff;
	text-align:left;
}

/*
#mainCenter {
	border:none;
	background-color:#FFFFFF;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:left;
}
*/

#productArea {
	width:500px;
	margin-left:60px;
}

#mainMenu{
	width:100%;
	text-align:center;
	margin-bottom:30px;
}

#threeMode .textLeft {
	font-size:90%;
	margin: 0px 10px 10px 10px;
	float:left;
	width:25%;
}

.textLeft {
	font-size:90%;
	margin: 0px 10px 10px 10px;
	float:left;
}


}

.imgCenter {
	border:3px #D3D3D3 solid;
	margin: 0px 7px 0px 7px;
	_margin: 0px 5px 0px 5px;
	padding: 5px 0px 0px 40px;
}

.imgDVD {
	border:3px #D3D3D3 solid;
	margin: 5px 2px 0px 2px;
	_margin: 5px 5px 0px 5px;
	padding: 5px 0px 0px 5px;
}

.imgCenterNoBorder {
	margin: 0px 5px 0px 5px;
}

.imgLeft {
	float:left;
	border:3px #D3D3D3 solid;
	margin: 5px 0px 10px 3px;
	_margin: 5px 0px 10px 2px;
}

.imgRight {
	float:right;
	border:3px #D3D3D3 solid;
	margin: 5px 3px 10px 0px;
	_margin: 5px 2px 10px 0px;
}

.clear {
	clear:both;
	margin: 0px;
	padding: 0px;
}

.blockLeft {
	float:left;
	font-size:9pt;
	width:30%;
}

.blockCenter {
	float:left;
	font-size:9pt;
	width:30%;
}

.blockRight {
	float:left;
	font-size:9pt;
}

#printer .blockRight {
	float:left;
	font-size:9pt;
	width:20%;
}

.textMain {
	font-size:102%;
	margin: 0px 10px 10px 10px;
}

.textLeft {
	font-size:102%;
	margin: 0px 10px 10px 10px;
	float:left;
	width:60%;
}

.textArea {
	font-size:70%;
	margin: 0px 0px 10px 10px;
}

.spaceBotoom {
	margin-bottom:10px;
}

.spaceLeft {
	margin-left:20px;
}

.dousa {
	margin:0px 20px 0px 10px;
	_margin:0px 0px 0px 10px;
}

.pageUp {
	float:right;
	margin:0px 10px 0px 0px;
	text-align:right;
}

ul {
	margin:0px 0px 0px 30px;
	padding:0px;
}

li {
	margin:0px;
	padding:0px;
	font-size:90%;
}

#template ul {
	width:90%;
	margin:0px 0px 5px 30px;
	padding:0px;
}

#template li {
	margin:10px 0px 10px 0px;
	padding:0px;
	font-size:90%;
}

#paper ul {
	width:90%;
	margin:0px 0px 5px 30px;
	padding:0px;
}

#paper li {
	margin:10px 0px 10px 0px;
	padding:0px;
	font-size:90%;
}
#package {
	float:left;
	width:108px;
	height:160px;
	margin:10px;
}

#compare {
	width:570px;
	margin-left:5px;
}
#compare td {
	font-size:0.7em;
	text-align:center;
	padding:2px 4px;
}
#caution {
	margin:10px;
	font-size:0.7em;
}
.non {
	background-color:#CCC;
}
.productTitle {
	background-color:#A2DBA8;
}
.productTitle_CDP2 {
	background-color:#FAA000;
}
.diffAction {
	color:#007BC3;
}

.left{
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}

.brand {
	margin:10px 0px 10px 20px;
	padding:0px;
	font-size:70%;
}

.strColor{
	font-weight:bold;
	color:#003399;
	font-size:90%;
}

.item {
	margin-left:20px;
}

.textHowTo {
	margin-left:40px;
	font-size:102%;
	line-height:130%;
}

.div1 {
	font-size:0.9em;
	margin:0px 3px 10px;
}

.center1 {
	text-align:center;
	margin:0px 0px 30px;
}

.setumei {
	font-size:90%;
	text-align:left;
	margin:10px 0px 0px 50px;
	width:450px;
}

.sdiv {
	margin:15px 20px 10px;
}

.tdstyle {
	font-size:0.8em;
}

.pstyle{
	margin:15px 10px 30px;
}

.setsumei2 {
	width:90%;
	font-size:90%;
	text-align:left;
	margin:1em 0px 20px 1.5em;
}

.setsumei3 {
	width:90%;
	font-size:90%;
	text-align:left;
	margin:1em 0px 30px 0em;
}

.hikakuhyo td {
	font-size:80%;
}

div.media {
	height: 120px;
	overflow: scroll;
	font-size: 12px;
}

div.media li{
	margin-bottom:8px;
}

table#table-01 {
    width: 530px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    font-size: 0.8em;
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    font-size: 0.8em;
}

table#table-01 td.center {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    font-size: 0.8em;
}