<!--
	body		{ background-color: #FFFFFF; }
	th		{ font-size:10pt; color: #000000; }
	td		{ font-size:10pt; color: #000000; vertical-align: top; }
	td.number	{ text-align: right; }
	td.date		{ text-align: left; }
	h1		{ font-size:14pt; font-weight:bold; }
	h2		{ font-size:12pt; font-weight:bold; }
	h3		{ font-size:10pt; font-weight:bold; }
	h4		{ font-size:10pt; font-weight:bold;}
	ol		{ font-size:10pt;}
	ul		{ font-size:10pt; margin-left: 10px; padding: 0px 0px 0px 0px;}
	li		{ margin-left: 5px; }
	.software1	{ border: 1px solid #CCCCCC; width: 710px; margin: 10px 10px 0px 10px; padding: 5px 0px 0px 0px; }
	.software2	{ margin: 10px 5px 10px 5px; }
	.sw_title1	{ font-size: 10pt; font-weight: bold; margin: 0px 0px 0px 10px; width: 300px; }
	.sw_title2	{ font-size: 20pt; font-weight: bold; letter-spacing: -1px; margin: 0px;line-height:20px}
	.sw_desc1	{ font-size: 9pt; font-weight: normal; margin-left: 30px; margin-right: 3em; margin-top: 0.5em; margin-bottom: 0.5em; }
	.sw_desc2	{ font-size: 10pt; font-weight: normal; margin-left: 1em; margin-right: 1em; margin-top: 1em; margin-bottom: 0.5em; }
/*	.breadcrumbs	{ font-size: 9pt; font-weight: normal; color: #000000; line-height: 1; margin: 5px 1em; }*/
	.breadcrumbs	{ font-size: 9pt; font-weight: normal; line-height: 1.1; margin: 1px 0em; float: left; white-space: nowrap; }
	.smalltxt	{ color: #000000; display: inline-block;font-size: 8pt;margin-top: 5px; }
	.err		{ font-size: 8pt; color: #FF0033; }
	.notice		{ font-size: 8pt; color: #CC0033; }
	.caution	{ font-size:11pt; color: #FF0033; }
	.bd		{ border: 3px solid #FF0000; border-color: #003300; }

	select		{ border: 1px solid #999999; }
	select.sel	{ border: 1px solid #999999; }
	select.selerr	{ border: 1px solid #999999; background-color: #FFCCCC; }
	input.text	{ border: 1px solid #999999; }
	input.textsb	{ border: 1px solid #999999; ime-mode: disabled;width: 100%; }
	input.textsberr	{ border: 1px solid #999999; background-color: #FFCCCC; ime-mode: disabled; }
	input.textmb	{ border: 1px solid #999999; }
	input.textmberr	{ border: 1px solid #999999; background-color: #FFCCCC; }
	input.radio	{ border: 1px solid #999999; }
	input.chkbox	{ border: 1px solid #999999; }
/*	input.button	{ border: 1px solid #999999; }*/
	textarea	{ border: 1px solid #999999; }
	textarea.textmberr	{ border: 1px solid #999999; background-color: #FFCCCC; }

	dl		{ padding: 1px; margin: 0px; }
	dt.long		{ font-size: 11pt; font-weight: bold; margin: 0px 10px 0px 10px; padding: 3px 3px 3px 3px; }
	dd.long		{ font-size: 10pt; border: 0px solid #333399; margin: 0px 10px 10px 10px; padding: 3px 3px 3px 3px; }
	dt.short	{ font-size: 9pt; font-weight: bold; float: left; margin-left: 0px; padding: 1px; width: 100px; }
	dd.short	{ font-size: 9pt; margin-left: 100px; padding: 1px; width: 320px; }
	td.short1	{ font-size: 9pt; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; font-weight: bold; width: 130px; height: 25px; vertical-align: middle;}
	td.short2	{ font-size: 9pt; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 370px; height: 25px; vertical-align: middle;}
	dt.bill		{ font-size: 10pt; margin: 0px 0px 0px 0px; width: 160px; height: 16px; padding: 3px 0px 0px 0px; float: left; }
	dd.bill		{ font-size: 10pt; margin: 0px 0px 0px 0px; width: 340px; height: 16px; padding: 1px 0px 2px 0px; }
	td.bill1	{ font-size: 10pt; margin: 0px 0px 0px 0px; width: 160px; height: 16px; }
	td.bill2	{ font-size: 10pt; margin: 0px 0px 0px 0px; width: 340px; height: 16px; }
	td.bill1_12	{ font-size: 12pt; margin: 0px 0px 0px 0px; width: 160px; height: 16px; float: left; }
	td.bill2_12	{ font-size: 12pt; margin: 0px 0px 0px 0px; width: 340px; height: 16px; }
	td.bill1_13	{ font-size: 13pt; margin: 0px 0px 0px 0px; width: 160px; height: 16px; float: left; }
	td.bill1_13a	{ font-size: 13pt; margin: 0px 0px 0px 0px; width: 200px; height: 35px; float: left; }
	td.bill2_13	{ font-size: 13pt; margin: 0px 0px 0px 0px; width: 380px; height: 16px;}
	td.bill2_13a	{ font-size: 13pt; margin: 0px 0px 0px 0px; width: 350px; height: 35px; }

	div.steptitleactive	{ font-size: 10pt; font-weight: bold; margin: 0px 2px; color: #ff0000;}
	div.steptitle		{ font-size: 10pt; font-weight: bold; margin: 0px 2px; color: #bbbbbb;}
	div.stepactive	{ font-size: 1.1em; font-weight: bold; line-height: 1.2; color: #ffffff; background-color: #6c8ac8; margin: 0px; width: 90px; height: 40px; display:table-cell; vertical-align:middle;}
	div.step	{ font-size: 0.75em; font-weight: bold; color: #ffffff; background-color: #bbbbbb; margin: 0px; width: 55px; height: 27px; display:table-cell; vertical-align:middle;}
	iframe.twitter-share-button { width: 95px!important; }

img {   border: 0px;}
-->


<!--
/* --- Header --- */
#container{	width:100%;
		font-size:12px;
		text-align:center;}

#header	{	width:99%;
		margin:0 auto;}
		
div#header01{	
		width:55%;
		font-size:14px;
		font-weight:bold;
		float:left;
		margin-left:30px;
		vertical-align:middle;
		text-align:center;
		line-height:20px;}

div.topad{	
		width:25%;
		float:right;
		margin-right: 21%;
}

img.header01{	width:20%;
		float:left;}

img.header02{	width:25%;
		margin-top:15px;
		float:right;}

div#menu01{	width:100%;
		margin-top:10px;
		background-color: #f9f9f9;
		border-top:1px solid #cccccc;
		border-bottom: 1px #cccccc solid;
		font-size:80%;}

div#menu01 ul{	width: 100%; /* メニューの幅 */
		margin: 0 auto; /* センターに配置 */
		padding: 0;
		background-color: #ffffff; /* メニューの背景色 */
		border-right: 1px #cccccc solid; /* メニューの右境界線 */
		list-style-type: none;
		text-align: center;
		color:#000;}

ul#menu-list li{float:left;
	}
ul#menu-list li.wid
		{/*width:6.5%;*/}
ul#menu-list li{
	margin-left: 0px;
}
ul#menu-list li a{
		display:block;
		position: relative; /* IE6用 */
		padding: 8px 24px; /* リンクエリアのパディング（上下、左右） */
		border-left: 1px #cccccc solid; /* リンクエリアの左境界線 */
		text-decoration: none; /* テキストの下線（なし） */
		color:#000;}

#menu-list li a:hover{
		background-color:#e3e9dc;
		color:#000;}

div.space{	clear:both;}

-->
<!--
/* --- TopHeader --- */
#topheader{	width:100%;
		font-size:12px;
		text-align:center;}

div#topbox{	width:100%;
		text-align:left;
		margin:0 auto;}

div.top01{	width:31%;
		height:480px;
		border:1px solid #80cfe2;
		padding:5px;
		float:left;}

img.imgtop{	width:190px;}
img.w150{	width:150px;
		margin-bottom:10px;}
img.w175{	width:175px;
		margin-top:50px;
		margin-bottom:10px;}
		

dl.softlist dt{ width : 50px;
		margin-left:5px;
		padding:2px 0px;
  		float : left;
  		clear : both;/* フロートの解除 */
		border-top:1px dotted #ccc;}

dl.softlist dt img{
		width:48px;}

dl.softlist dd{  padding:2px 0px 2px 10px;
		height:50px;
  		width : 80%;
  		margin-left : 50px;/* DTの幅分の設定 */
		border-top:1px dotted #ccc;}

dl.softlist dd a{
		height:90%;
		display:block;
		position: relative; /* IE6用 */
		padding: 2px 2px; /* リンクエリアのパディング（上下、左右） */
		text-decoration: none; /* テキストの下線（なし） */
		color:#333333;
		line-height:140%;}

dl.softlist dd a:hover{
		background-color:#f0f3ec;
		color:#000;}

dl.softlist dt img{	
		width:48px;
		height:48px;}


div.topleft{	width:44%;
		height:310px;
		border:1px solid #80cfe2;
		padding:5px;
		float:left;}

img.hot{	width:30px;
		height:10px;}

img.newinfo{	width:170px;
		height:33px;
		margin-top:10px;
		margin-left:10px;
		margin-bottom:10px;}

/* --- 新着リスト --- */
div.update{	margin:0px 10px;
		height:230px;
		overflow:auto;
		border:1px solid #999;
		padding:5px;}

div.update dl {	width: 90%; /* 新着リストの幅 */
		margin: 0;
		border-top: 1px #c0c0c0 dotted;} /* 新着リストの上境界線 */

/* --- 日付エリア --- */
div.update dt {
		width: 6.7em; /* 日付エリアの幅 */
		float: left;
		padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */		line-height: 120%;}

/* --- 本文エリア --- */
div.update dd {
		margin: 0;
		padding: 7px 3px 6px 6.6em; 
		/* 本文エリアのパディング（上右下左） */
		border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
		line-height: 120%;}

/* --- clearfix --- */
.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;}

.clearFix {	min-height: 1px;}

div.update a{	color:#000;
		text-decoration:none;
		display:block;}

div.update a:hover{
		background:#e3e9dc;}

/* --- ローテーション広告 --- */
div.ad01{	width:50%;
		height:310px;
		text-align:center;
		border:1px solid #80cfe2;
		padding:5px;
		float:left;}
 
ul#rotation {	margin:0;
    		padding:0;
    		position:relative;
    		list-style:none;}

ul#rotation li {margin:0;
    		padding:0;
    		position:absolute;
    		top:0;
    		left:0;
    		display: block;
    		margin: 0 auto;}

ul#rotation2 {	margin:0;
    		padding:0;
    		position:relative;
    		list-style:none;}

ul#rotation2 li {margin:0;
    		padding:0;
    		position:absolute;
    		top:0;
    		left:0;
    		display: block;
    		margin: 0 auto;}
 
a img {		border-style:none;}

img.ad{		width:100%;}


-->

<!--
/* --- Right --- */
div#rightmenu{	width:310px;
		background-color:#effbff;
		text-align:center;}

div.right01{	width:290px;
		height:auto;
		background-color:#ffffff;
		border:1px solid #80cfe2;
		padding:5px;
		margin-bottom:10px;
		text-align:left;}

div.right02{	width:290px;
		height:auto;
		background-color:#ffffff;
		border:1px solid #80cfe2;
		padding:5px;
		margin-bottom:10px;}

img.right_ad{	width:100%;
		margin-bottom:10px;}
ul.right01{	width:280px;
		margin-top:0;
		margin-left:0;
		padding-left:0;
		line-height:0;
		list-style-type:none;}

ul.right01 li{	line-height:0px;
		vertical-align:middle;}

ul.right01 li a{display:block;
		text-decoration: none;
		color:black;
		line-height: 10px;
		background-color: #ffffff;
		padding-left: 5px;}

ul.right01 li a:hover {background-color:#e3e9dc;}

ul.right01 li img{
		width:200px;
		height:40px;}

img.r01{	margin-bottom:5px;}

div.right02{	width:295px;
		height:auto;
		background-color:#ffffff;
		border:1px solid #80cfe2;
		padding:5px;
		margin-bottom:10px;
		text-align:left;}

ul.rightmenu {  width:280px;
		margin-top:0;
		margin-left:0;
		padding-left:0;
		line-height:0;
		list-style-type:none;}

ul.rightmenu li a{
		display: block;
		text-decoration: none;
		color:black;
		line-height: 10px;
		background-color: #ffffff;
		padding-left: 5px;}
 
ul.rightmenu li a:hover {background-color:#d6dfcc;}

ul.rightmenu li img{
		width:290px;
		height:48px;}
-->


<!--
/* --- 免責・著作権・個人情報保護方針, ご利用規約,
	お問合わせ、よくあるご質問--- */
div#main{text-align:center;}

div#info {	width: 760px;
		margin-left: auto;
		margin-right: auto;
		font-size: 10pt;
		line-height: 20px;
		text-align:left;}

div.box{	width:760px;
		height:60px;
 		padding:5px;
 		border:1px solid #000;
		background-color:#ffffff;
		margin-top:10px;}

div.box4{	width:758px;
		height:230px;
 		padding:5px;
 		border:1px solid #000;
		background-color:#ffffff;
		margin-top:10px;}

div.box5{	width:750px;
		height:autopx;
 		padding:5px;
 		border:1px solid #000;
		background-color:#ffffff;
		margin-top:10px;}

div.box6{	width:700px;
		padding:15px;
		border:2px dotted #708090;}

p.info1{		width:765px;
		font-size: 10pt;
		font-weight: bold;
		text-align: center;
		background-color: #333399;
		color: #ffffff;
		margin-top: 20px;
		margin-bottom: 10px;
		padding: 3px 0px;}

p.info2{		font-size: 10pt;
		font-weight: bold;
		padding: 5px;
		margin-top:30px;
		border-style: solid;
		border-color: #333399;
		border-width: 0 0 1px 10px;}

p.info3{		border: solid 2px #333399;
		line-height: 20px;
		font-weight: bold;}

div#info ul {	line-height: 20px;}

ul.agr li {	float: left;
		margin-right:15px;
		padding: 2px;
		list-style-type: none;}

ul.sup{		list-style-image: url(img_o057.gif);
		list-style-position: inside;}

-->


<!--
/* --- ご注文手続き--- */
div.boxord01{	width:330px;
		height:auto;
		padding:15px;
 		border:none;
		background-color:#ffffff;
		float:left;}

div.boxord02{	width:330px;
		height:auto;
		padding:15px;
 		border:none;
		background-color:#ffffff;
		float:right;}

div.boxord03{	width:105px;
		height:auto;
		padding:15px;
 		border:none;
		background-color:#ffffff;
		float:left;}

div.boxord04{	width:300px;
		height:20px;
		padding:5px;
		border:1px solid #808080;
		background-color:#FFB6C1;
		border-radius:10px;}

a.ord01{	color:#000000;
		text-decoration: none;
		display:block;}

img.ord01{	border:1px solid #808080;}

img.ord02{	display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:10px;
		border:1px solid #808080;}

p.ord01{	background-color:#dfecf7;
		border:1px solid #808080;
		}
p.ord02{	margin-top:50px;}


-->

<!--
/* --- お支払方法--- */
div.box7{	width:730px;
		height:auto;
 		padding:15px;
 		border:1px solid #5F9EA0;
		background-color:#ffffff;
		margin-top:10px;}

ul.pay{		margin-left:50px;}

ul.pay li{    	float: left;
		margin-right:10px;
		padding: 2px;
		list-style-type: none;}

table.table05 {	width:600px;
		margin-left:50px;
		border: 1px #808080 solid;
		border-collapse: collapse;
		border-spacing: 0;}

table.table05 tr td {	
		border-bottom: 1px solid #808080;
		border-right: 1px solid #808080;
		padding: 7px;}

td.pay1{	width:250px;
		background-color:#dfecf7;}

td.pay2{	width:50px;
		background-color:#dfecf7;
		text-align:center;}

td.pay3{	width:250px;
		background-color:#ffffff;}

td.pay4{	width:50px;
		text-align:center;
		font-size:14pt;}

td.pay5{	width:50px;
		text-align:center;
		font-size:14pt;
		background-color:#cccccc;}

img.img01{	display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:10px;}
img.img02{	width:60px;
		height:44px;
		margin-left:60px;
		}

table.table06  {width: 570px;
		margin-left:70px;
		border: 1px #808080 solid;
		border-collapse: collapse;
		border-spacing: 0;}

table.table06 tr td {	
		border-bottom: 1px solid #808080;
		border-right: 1px solid #808080;
		padding: 7px;}

td.pay6{	width:115px;
		background-color:#dfecf7;
		text-align:center;
		vertical-align:middle;}

td.pay7{	width:450px;}

p.pay1{		background-color:#dfecf7;
		border:1px solid #808080;}

img.img03{	margin-left:60px;}

table.table07{	width:670px;
		border: 1px #808080 solid;
		border-collapse: collapse;
		border-spacing: 0;
		margin-left:30px;}

table.table07 tr td {	
		border-bottom: 1px solid #808080;
		border-right: 1px solid #808080;
		padding: 5px;}
td.pay8{	width:55px;
		text-align:center;
		vertical-align:middle;
		background-color:#dfecf7}
td.pay9{	width:600px;
		vertical-align:middle;}

table.table08{	width:700px;
		border: 1px #808080 solid;
		border-collapse: collapse;
		border-spacing: 0;}

table.table08 tr td {	
		border-bottom: 1px solid #808080;
		border-right: 1px solid #808080;
		padding: 5px;}

td.pay10{	width:120px;
		text-align:center;
		vertical-align:middle;
		background-color:#dfecf7;}

td.pay11{	width:100px;	
		text-align:center;
		vertical-align:middle;
		background-color:#dfecf7;}

td.pay12{	width:100px;	
		text-align:center;
		vertical-align:middle;}

td.pay13{	width:130px;
		text-align:center;
		vertical-align:middle;
		background-color:#dfecf7;}

td.pay14{	width:550px;
		vertical-align:middle;}

/* --- ファミマ--- */
p.pay2{		width:760px;
		background-color:#4682B4;
		font-size: 10pt;
		font-weight: bold;
		text-align: center;
		color: #ffffff;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 3px 0px;}

img.img04{	flat:left;
		border:1px solid #A9A9A9}

img.img05{	display: block;
		margin-left: auto;
		margin-right: auto;
		margin-top:20px;
		margin-bottom:20px;}

div.pay1{	float:right;	
		width:350px;}

-->
	
<!--
/* --- 通信販売の法規に基づく表示,取引実績--- */
table.law01 {	width:750px;
		border-collapse: collapse;
		border-spacing: 0;
		margin-top:20px;}

th.law_a{	width:180px;
		border-top: #d1d1d1 4px solid;}

table.law01 th{	border-bottom: #d1d1d1 1px dotted;
		text-align: left;
		background: #efefef;
		padding: 10px;
		font-weight: normal;}

td.law_b{	width:550px;
		border-top: #37b395 4px solid;}

table.law01 td {border-bottom: #e3e3e3 1px dotted;
		border-right: #cccccc 1px solid;
		text-align: left;
		padding: 10px;
		line-height:20px;}


table.law02 {	width: 750px;
		border: 1px #808080 solid;
		border-collapse: collapse;
		border-spacing: 0;
		margin-bottom:30px;}

table.law02 tr td {	
		font-size:12px;
		border-bottom: 1px dotted #808080;
		border-right: 1px dotted #808080;
		padding: 5px;}

table.law02 td{	width:32%;}

table.law02 tr:nth-child(2n)
		{background-color:#effaf7;}

th.jisseki{	vertical-align:top;}

p.BT{		border-left:10px solid #37b395;
		font-weight:bold;}

-->


<!--
/* --- ご購入について --- */
div#buy_main{	text-align:center;
		font-size:10pt;}

div#buy{	width: 760px;
		margin-left: auto;
		margin-right: auto;
		font-size: 10pt;
		line-height: 20px;
		text-align:left;}

div.box1{	width:720px;
 		padding:5px;
		font-size:16px;
		font-weight:bold;
		color:#333399;
		line-height: 35px;
 		border:1px solid #000;
		background-color:#ffe6ff;
		margin-top:10px;}

div.box2{	width:758px;
 		padding:5px;
 		border:1px solid darkgrey;
		margin-top:5px;}

table.table01 {	width: 740px;
		border: 1px #808080 solid;
		border-collapse: collapse;
		border-spacing: 0;}

table.table01 tr td {	
		border-bottom: 1px solid #808080;
		border-right: 1px solid #808080;
		padding: 7px;}		

div#buy ul,ol {	text-align:left;
		line-height: 20px;}
ul.buy {		margin-top:1px;}
ul.buy li {	float: left;
		margin-right:10px;
		padding: 2px;
		list-style-type: none;}

p.buy1{		font-size: 10pt;
		font-weight: bold;
		text-align: left;
		background-color: #333399;
		color: #ffffff;
		margin-top: 10px;
		padding: 3px 0px;}
p.List{		margin-bottom:3px;}		

p.buy2{		font-size: 10pt;
		font-weight: bold;
		padding: 5px;
		margin-top:3px;
		background-color:#d7e2ff;
		border:1px solid #808080;}

table.buy2  {	width: 570px;
		margin-left:30px;
		border: 1px #808080 solid;
		border-collapse: collapse;
		border-spacing: 0;}

table.buy2 tr td {	border-bottom: 1px solid #808080;
		border-right: 1px solid #808080;
		padding: 7px;}

td.buy2 {	width:120px;
		background-color:#f2f2f2;
		text-align:center;
		vertical-align:middle;}

ul.pic li {		padding: 2px;
		list-style-type: none;
		line-height:30px;}
-->

<!--
/* Promote your software */
div#promote{	width:750px;
		height:auto;
 		padding:30px;
 		border:1px solid #aabeeb;
		background-color:#ffffff;
		margin-top:30px;
		margin-left: auto;
		margin-right: auto;
		text-align:left;
		line-height: 25px;
		font-size:20px;}

ol.flow{	font-size:20px;}

ol.flow li{	line-height:30px;}

table.promo-price {
		width:680px;
		margin-top:30px;
		margin-bottom:30px;
		border: 1px #808080 solid;
		border-collapse: collapse;
		border-spacing: 0;}

table.promo-price tr td {	
		border-bottom: 1px solid #808080;
		border-right: 1px solid #808080;
		padding: 7px;
		font-size:18px;}

table.promo-price tr:nth-child(2n) {    /* 偶数行 */
   background-color: white;
}
table.promo-price tr:nth-child(2n+1) {  /* 奇数行 */
   background-color: #f4f4f4;
}
table.promo-price tr:nth-child(1) {     /* 先頭行のみ */
   background-color: #ccc;}

td.cnt{		text-align:center;
		vertical-align:middle;}

p.footer{	margin-top:50px;}

-->

<!--
/* AD */
img.promotion-ad{
		width:700px;
		border:1px #ccc solid;}
-->

<!--
/* 文字色 */
.black { color:black; }
.gray { color:gray; }
.silver { color:silver; }
.white { color:white; }
.aqua { color:aqua; }
.blue { color:blue; }
.fuchsia { color:fuchsia; }
.green { color:green; }
.lime { color:lime; }
.maroon { color:maroon; }
.navy { color:navy; }
.olive { color:olive; }
.purple { color:purple; }
.red { color:red; }
.teal { color:teal; }
.yellow { color:yellow; }
.orange{color:#ff9a00;}
.dgreen{color:#124451;}
.dblue{color:#333399;}
/* 背景色 */
.bg-black { background-color:black; }
.bg-gray { background-color:gray; }
.bg-silver { background-color:silver; }
.bg-white { background-color:white; }
.bg-aqua { background-color:aqua; }
.bg-blue { background-color:blue; }
.bg-fuchsia { background-color:fuchsia; }
.bg-green { background-color:green; }
.bg-lime { background-color:lime; }
.bg-maroon { background-color:maroon; }
.bg-navy { background-color:navy; }
.bg-olive { background-color:olive; }
.bg-purple { background-color:purple; }
.bg-red { background-color:red; }
.bg-teal { background-color:teal; }
.bg-yellow { background-color:yellow; }

/* 文字の大きさ */
.xx-large { font-size:xx-large; }
.x-large { font-size:x-large; }
.large { font-size:large; }
.medium { font-size:medium; }
.small { font-size:small; }
.x-small { font-size:x-small; }
.xx-small { font-size:xx-small; }
.larger { font-size:larger; }
.smaller { font-size:smaller; }

/* 書体等 */
.normal { font-weight:normal;font-style:normal;text-decoration:none; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.sans-serif{ font-family:sans-serif; }
.monospace { font-family:monospace; }
.underline { text-decoration:underline; }
.strike { text-decoration:line-through; }
.nowrap { white-space:nowrap; }

/* レイアウト関係 */
.block-left { margin-left:0px;margin-right:auto; }
.block-center { margin:auto; }
.block-right { margin-left:auto;margin-right:0px; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-top { vertical-align:top; }
.text-middle { vertical-align:middle; }
.text-bottom { vertical-align:bottom; }
.left { margin-left:0px;margin-right:auto;text-align:left; }
.center { margin:auto;text-align:center; }
.right { margin-left:auto;margin-right:0px;text-align:right; }
.top { vertical-align:top; }
.middle { vertical-align:middle; }
.bottom { vertical-align:bottom; }
.hidden { visibility:hidden; } /* 表示しないだけで領域は確保。レイアウト調整用。*/
input.name_width{
	width:91%;
	margin-top:3px;
}
textarea.error{
	background:#ffc9c9;
}
input.error{
	background:#ffc9c9;
}
.p_arlet{
	color:#ff0000;
	border:2px solid #ff0000;
	text-align:center;
	font-weight:bold;
	font-size:17px;
	padding:10px;
	width:650px;
	margin:0 auto 20px;
}
.mypage_menu{
	 margin-left: 0px !important;
	 min-width:200px;
}
.mypage_menu li {
	border:1px solid #e5e5e5;
	padding: 10px;
	list-style:none;	
}
.mypage_menu li a{
	 color: #6b5dd1;
    font-size: 15px;
    text-decoration: none;
	background: url(arrow.gif) no-repeat left center;
	padding-left:8px;
}
.mypage_menu li a:hover{
	text-decoration:underline;
}
.mypage_menu li.menu_current{
	background:#f5f5f5;
	border-bottom:3px solid #0055c4;
}
.mypage_menu li.menu_current a{
	color:#000;
}
table.contentreview{
	border-collapse: collapse;
	width: 100%;
	margin-bottom:15px;
}
tr.listviewMain{
	overflow: hidden;
}
td.listviewLeft{
	width: 600px;
	text-align: left;
	padding: 10px;
	border: 1px solid #80cfe2;
}
td.listviewRight{
	text-align: center;
	width: 100px;
	height: auto;
	border: 1px solid #80cfe2;
	vertical-align: middle !important;
}
.listOption li{
	list-style: none;
	margin-bottom: 10px;
}
.dlListview dt{
	text-align: left;
	width: 80px;
	color: #333399;
	float: left;
}
.dlListview dd{
	margin-bottom: 10px;
	padding-left: 40px;

}
.paginator{
	width:260px;
	margin: auto;
}
.paginator li{
	list-style: none;
	display: inline-block;
	width: 35px;
	padding: 4px 0px;
	text-align: center;
	background-color: #fff;
	margin-left: 0px;
	border: 1px solid #ddd;
	color:#428bca;
}
.paginator li.active{
	background: #428bca;
	border: 1px solid #428bca;
}
.paginator li.active:hover{
	border: 1px solid #ddd;
}
.paginator li.active a{
	color: #ffffff;
}
.paginator li.active a:hover{
	color: #428bca !important;
}
.paginator li:hover{
	background:#ddd;
	
}
.paginator li a{
	color:#428bca;
	display: block;
	text-decoration: none;
}
.paginator li a:hover{
	color: #428bca !important;
	text-decoration: none;
}
.listOption{
	margin-left: auto !important;
}
.listOption li{
	vertical-align: middle;
}
.buttonlist{
	width: 60px;
}
.addview{
	border-collapse: collapse;
	width: 100%;
	margin: auto;
}
.addview td{
	border: 1px solid #000;
	vertical-align: middle;
	text-align: center;
	padding: 5px 7px;
}
.inputarea{
	resize: none;
	width: 400px;
	height: 150px;
}
.addview td.tdspec{
	text-align: left !important;
}
.addviewSpec{
	margin-top: 20px;
	text-align: center;
}
.sendform{
	padding:4px;
	background: transparent #80cfe2;
}
.sendform:hover{	
	cursor: pointer;
}
.textspec{
	width: 300px;
}
.linkblank{
	text-decoration: underline;
	color: #000;
}
/*new css*/
.view_review{
	display: inline-block !important;
	margin-left: 100px;
}
p.font_normal{
	font-size: 14px !important;
	font-weight: bold;
	margin-bottom:-6px;
}
.spanleftSpec{
	float: left;
	display: block;
	padding-top: 10px;
}
.swSprite{
	display: -moz-inline-box;
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	background: url(../images/sprite-site-wide._V146303951_.png) no-repeat;
}
.s_star_4_0 {
	background-position: -43px 0px;
	width: 65px;
	height: 13px;
}
a.hrefViewbold{
	color: #004B91;
	text-decoration: underline;
	font-size: 14px;
}
.totalspan{
	font-weight: bold;
	text-align: center;
}
.s_createYourOwnReviewTan{
	background-position: 0px -20px;
	width: 150px;
	height: 22px;
}
.cmtySprite {
	padding-bottom: 20px !important;
	display: -moz-inline-box;
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	
}
.cmtySprite1{
	display: -moz-inline-box;
	display: inline-block !important;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	//background: url(../images/sprite-communities._V391080075_.png) no-repeat;
}
.text_spec{
	font-size: 14px !important;
	font-weight: inherit;
}
.title_product{
	font-weight: bold; 
	font-size: 16px;
}
.CMheadingBar {
	background: url(../images/tile-blue-bg._V45731293_.gif) repeat-x;
	border-top: 1px solid #BADAE8;
	border-bottom: 1px solid #BADAE8;
	padding: 6px;
}
.hoverboldtext{
    padding: 2px;
}
.hoverboldtext:hover{
    padding: 1px;
    border: 1px solid #FFCC66;
    cursor: pointer;
}
.s_largeYes {
    background-position: 0px -670px;
    width: 40px;
    height: 17px;
}
.s_largeNo {
    background-position: -70px -670px;
    width: 40px;
    height: 17px;
}
.s_comment {
    background-position: -80px -60px;
    width: 16px;
    height: 15px;
}
/*end new css*/
/*add view*/
.addview{
	border-collapse: collapse;
	width: 99%;
	margin: auto;
}
.addview td{
	border: 1px solid #80cfe2;
	vertical-align: middle;
	text-align: center;
	padding: 5px 7px;
}
.inputarea{
	resize: none;
	width: 400px;
	height: 150px;
}
.addview td.tdspec{
	text-align: left !important;
}
.boldaddview{
	border: 1px solid #80cfe2; 
	width: 99%;
	padding: 10px 0px; 
	margin: 0px auto;
	font-size: 10pt; 
}
.addviewSpec{
	margin-top: 20px;
	text-align: center;
}
.sendform{
	padding:4px;
	background: transparent #80cfe2;
}
.sendform:hover{	
	cursor: pointer;
}
.textspec{
	width: 300px;
}
.linkblank{
	text-decoration: underline;
	color: #000;
}
/*end add view*/
.maincomment{
	overflow: hidden;
	width: 100%;
}
.cdNonReplyPostBoxHeader{
	font-weight: bold;
	font-size: 13px;
}
.comment{
	width: 100%;
	resize: none;
	height: 120px;
	padding: 10px 0px 0px 10px; 
}
.cdNonReplyPostBoxInputs{
	margin-top: 10px;
	overflow: hidden;
}
.cdPromptWrapper {
	text-align: center;
    float: left;
	margin-right: 20px;
}
.cdPromptWrapper input{
	margin-bottom: 10px;
}
.reviewshow dt{
	width: 130px;
	float: left;
}
.reviewshow dd{
	margin-bottom: 5px;
}
.color_user{
	color: blue;
}
.listcomment{
	border-collapse: collapse;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
	word-break: break-word;
}
.listcomment th{
	width: 100px;
	text-align: left;
	padding-bottom: 15px;
	vertical-align: top;
	word-break: break-word;
}
.listcomment td{
	vertical-align: top;
	text-align: left;
	padding-bottom: 5px;
	word-break: break-all;
	line-height: 1.8em;
}
.listcomment tr.colortime th{
	width: 50px !important;
	color:#666666;
}
.listcomment tr.colortime td{
	color:#666666;
}
.bcrumb{
	margin-left: 0px !important;
	padding-top: 10px;
}
.bcrumb li{
	display: inline-block;
}
.bcrumb li a{
	color: #6b5dd1;
	text-decoration: none;
}
.bcrumb li a:hover{
	color: #6b5dd1;
	text-decoration: underline;
}
.text_colored{
	color: #f00;
}
.bg_button{
	background:#ececec;
    border: 1px solid #acacac;
    color: #000000;
    padding: 5px;
    text-decoration: none;
	cursor:pointer;
}
.buttonchange{
	padding: 5px 7px;
}
.height_cm_button{
	display: inline-block;
    padding: 7px 5px;
}
.tbpaginator{
	margin-top: 20px;
}
.tbpaginator ul{
	margin: 0px auto !important;
}
a.product_detail{
	color: blue;
	text-decoration: none !important;
}
a.product_detail:hover{
	text-decoration: underline !important;
}
td.vertical_login{
	vertical-align:middle;
	vertical-align:bottom\9;
	
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.foo{
		width: 329px;
	}
}
@supports (-webkit-appearance:none) 
{
	.changeregist{width: 163px !important;}
	.foo{
		width: 383px;
	}
}
@-moz-document url-prefix() { 
    .foo{
		width: 321px !important;
	}
}
@media all and (-ms-high-contrast:none) 
{
	.foo { width: 324px; }
	*::-ms-backdrop, .foo { width: 324px; } 
}
.mypage_menu .active{
	background-color: #e5e5e5;
}
.mypage_menu .active a{
	display: block;
}