@charset "utf-8";
/* --The order of describing property-- 
display
visibility
overflow
clip
position
top/right/bottom/left/
float
clear
z-index
width(min-width/max-width)
hieght(min-height/max-height)
margin(margin-top/margin-right/margin-bottom/margin-left)
paddin(padding-top/padding-right/padding-bottom/padding-left)
border(border-width/bordercolor/border-style)
list-style(list-style-type/list-styleimage/list-style-position)
color
background(background-color/backgroundimage/background-repeat/background-attachment/background-position)
font(font-family/fontstyle/font-variant/font-weight/font-size)
line-height
vertical-align
text-indent
text-align
text-decoration
letter-spacing
word-spacing
white-space
--The order of describing property-- */

#container{
width: 950px;
margin:0 auto;
}

#newwincont{
	width:750px;
	margin:40px auto 10px auto;
}

#contents{
width:550px;
float:left;
margin-left:15px;
}

#TOPcontents{
	float:left;
	width:740px;
}

#contents02{
width:750px;
float:right;
}

#areaRight{
float: right;
width: 190px;
}

#areaRight ul li{
	line-height:1;
	margin-bottom:5px;
}



/* ===== ぱんくず ===== */
.pankuzu{
	width:950px;
	margin:0 auto 10px auto;
	height:30px;
}

.pankuzu p{
	margin:0;
	color:#525252;
	padding:7px 0 0 10px;
}

.pankuzu a{
	color:#294376;
	text-decoration:none;
}

.pankuzu a:hover{
	color:#002b7f;
	text-decoration:underLine;
}

.pankuzu span{
	margin:0 10px;
	color:#f2f2f2;
}

/* ===== sabunabi ===== */
#subNavi{
	width:950px;
	height:40px;
	margin:0 auto;
	background:url(../../jp/product/images/sn-bg.gif) left bottom repeat-x;
}

#subNavi ul{
height: 40px;
margin: 0;
}


#subNavi ul li{
display: inline;
padding: 0;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
line-height: 1px;
background-image: none;
margin-right:1px;
}

.CategolyVisual{
	width:950px;
	margin:0 auto 5px auto;
}


.topNav ul{
	width:740px;
	margin:0;
}

.topNav ul li{
	width:140px;
	float:left;
}

.topNav ul li.menu1,
.topNav ul li.menu2,
.topNav ul li.menu3,
.topNav ul li.menu4{
	margin-right:10px;
	line-height:1;
}

.topNav ul li.menu5{
	margin-right:0;
	line-height:1;
}

.ENtopNav ul{
	width:950px;
	margin:0;
}

.ENtopNav ul li{
	float:left;
	width:310px;
	margin-right:10px;
}

.ENtopNav ul li.last{
	margin-right:0px;
}
	


/* ===== visualArea ===== */
.Topvisual{
	margin-top:10px;
	height:280px;
	padding-bottom:10px;
	background:url(../../jp/images/top/topvisual-bg.gif) left bottom no-repeat;
	line-height:1;
}

h1.cbvisual{
	background:url(../../jp/product/copyboard/images/visual-shadow.gif) left bottom no-repeat;
	padding:0 0 6px 0;
	margin:0;
	line-height:1;
	height:200px;
}

h1.isvisual{
	padding:0;
	margin:0;
	line-height:1;
	height:390px;
}

.cbvisual4{
	background:url(../../jp/product/copyboard/images/visual-shadow.gif) left bottom no-repeat;
	padding:0 0 6px 0;
	margin:0;
	line-height:1;
	height:140px;
}

h1.cbvisual2{
	background:url(../../jp/product/copyboard/images/visual-shadow.gif) left bottom no-repeat;
	padding:0 0 6px 0;
	margin:0;
	line-height:1;
	height:161px;
}

h1.cbvisual3{
	background:url(../../jp/product/copyboard/images/visual-shadow.gif) left bottom no-repeat;
	padding:0 0 6px 0;
	margin:0;
	line-height:1;
	height:340px;
}

/* ===== newslist ===== */
dl.newsListIndex{
width: 740px;
}

dl.newsListsupport{
width: 420px;
}

dl.newsListIndex dt{
width: 740px;
margin-top: 10px;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
line-height: 1.2em;
}

dl.newsListsupport dt{
width: 420px;
margin-top: 10px;
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
line-height: 1.2em;
}


dl.newsListIndex dd{
display: block;
width: 740px;
margin:5px 0 0 0;
list-style-type: none;
line-height: 1.2em;
}

dl.newsListsupport dd{
display: block;
width: 420px;
margin:5px 0 0 0;
list-style-type: none;
line-height: 1.2em;
}

dl.newsListIndex dd a,
dl.newsListsupport dd a{
text-decoration:none;
color:#0063dd;
background:url(../images/arrow.gif) 3px 0.1em no-repeat;
padding:0 0 0 15px;
}

dl.newsListIndex dd a:hover,
dl.newsListsupport dd a:hover{
text-decoration:none;
color:#00306a;
background:url(../images/arrow-on.gif) 3px 0.1em no-repeat;
padding:0 0 0 15px;
}





.areaBorder{
border: 1px solid #CCC;
background-color: #F7F7F7;
}



.areaBorderW{
border: 1px solid #CCC;
background-color: #FFF;
}



.areaPdf{
border: 1px solid #F90;
}



.areaPdf .bnrArea div{
width: 112px;
height: 33px;
}



.areaPdf .bnrArea p{
margin-left: 122px;
}



.areaBorderW p,
.areaPdf p{
margin: 10px 0 0 0;
line-height: 1.1em;
}


.bnrArea{
position: relative;
margin-top: 10px;
}



.bnrArea div{
float: left;
width: 83px;
height: 31px;
}



.bnrArea div img{
display: block;
position: absolute;
top: 0px;
left: 0px;
}



.bnrArea p{
margin-top: 0px;
margin-left: 93px;
}



ul.flatList{
width: 325px;
margin-top: 5px;
margin-bottom: 5px;
}



ul.flatList li{
float: left;
list-style-type: none;
font-size: 70%;
}



ul.flatList li img{
margin-right: 5px;
margin-left: 10px;
}



ul.flatList li a{
}



.visual p{
width: 100%;
margin: 10px 0 0 0;
}

ul.Plist{
width: 400px;
}


ul.Plist li{
margin:5px 0 10px 0;
list-style-type: none;
line-height: 1.2em;
}

ul.Plist li a{
text-decoration:none;
color:#0063dd;
background:url(../images/arrow.gif) 3px 0.1em no-repeat;
padding:0 0 0 15px;
}

ul.Plist li a:hover{
text-decoration:none;
color:#00306a;
background:url(../images/arrow-on.gif) 3px 0.1em no-repeat;
padding:0 0 0 15px;
}



/* ===== header title ===== */
h1,
h2{
margin-top: 20px;
}

h1.title{
	background:url(../images/h1-bg-2.gif) left top no-repeat;
	padding:6px 0 0 22px;
	height:42px;
	line-height:1;
}

h1.titleM{
	background:url(../images/h1-bg-2-m.gif) left top no-repeat;
	padding:6px 0 0 22px;
	height:42px;
	line-height:0;
	margin:0;
}

h1.titleS{
	background:url(../images/h1-bg-s.gif) left top no-repeat;
	padding:6px 0 0 22px;
	height:42px;
	line-height:0;
	margin:0;
}

h2.Toptitle{
	background:url(../images/h2-bg.gif) left bottom no-repeat;
	padding:1px 0 6px 15px;
	line-height:1;
}

h2.indextitle{
	background:url(../images/h2-bg-index.gif) left bottom no-repeat;
	width:720px;
	height:35px;
	padding:1px 0 0 20px;
	line-height:1;
	position:relative;
}

h2.ENindextitle{
	background:url(../images/h2-bg-ENindex.gif) left bottom no-repeat;
	width:930px;
	height:35px;
	padding:1px 0 0 20px;
	line-height:1;
	position:relative;
}

h2.indextitle span,
h2.ENindextitle span{
	position:absolute;
	right:3px;
	top:0;
}


h2.underLine{
	background:url(../images/h2-bg-m.gif) left bottom no-repeat;
	padding:1px 0 6px 15px;
	line-height:1;
}

h2.underLineM{
	background:url(../images/h2-bg-m.gif) left bottom no-repeat;
	padding:1px 0 6px 15px;
	line-height:1;
}

h2.underLineS{
	background:url(../images/h2-bg-s.gif) left bottom no-repeat;
	padding:1px 0 6px 15px;
	line-height:1;
}

h2.topictitle{
	text-align:center;
	border-bottom:1px solid #6e6e6e;
	padding:0 0 5px 0;
	font-size:110%;
}

.yymmdd{
	border-bottom:1px dotted #6e6e6e;
	padding:5px 0;
	text-align:right;
}
	






h3{
margin-top: 10px;
}

h3{
padding:3px 0 4px 10px;
background:url(../images/h3-bg.gif) left bottom no-repeat;
font-size:0.9em;
}

h3 a{
	text-decoration:none;
}






h4{
margin-top: 10px;
font-size: 0.85em;
}

h4 span{
	margin-right:5px;
	color:#ffb400;
}


.moreLink{
position: relative;
margin-top: 20px;
}



.h2MoreBtn{
position: absolute;
top: 5px;
right: 7px;
}



.h2MoreBtn2{
position: absolute;
top: 6px;
right: 7px;
}



/* ===== colblock ===== */
.col3,
.tutocol3{
	width:550px;
}

.col3{
	background:url(../images/bot-bg.gif) no-repeat left bottom;
}

.col4{
	width:750px;
}

.col3 .leftBlock{
	float:left;
	width:173px;
	border-top:1px dotted #c6c6c6;
	margin-right:15px;
}

.col3 .centerBlock{
	float:left;
	width:173px;
	border-top:1px dotted #c6c6c6;
}

.col3 .rightBlock{
	float:right;
	width:173px;
	border-top:1px dotted #c6c6c6;
}

.col3 .rightBlock2{
	float:right;
	width:350px;
}

.col3 img{
	padding-left:1px;
}

.tutocol3 .leftBlock{
	float:left;
	width:160px;
	margin-right:35px;
}

.tutocol3 .centerBlock{
	float:left;
	width:160px;
}

.tutocol3 .rightBlock{
	float:right;
	width:160px;
}

.Oname{
	padding:5px;
	font-weight:bold;
	color:#003;
}

.itemno{
	padding:5px;
	color:#0099ff;
}

.Oprice{
	padding:0 5px 5px 5px;
	font-weight:bold;
}

.Oprice span{
	font-weight:normal;
}

.col4{
	width:750px;
}

.col4 .Block01{
	float:left;
	width:173px;
	border:1px dotted #c6c6c6;
	margin-right:17px;
}

.col4 .Block02{
	float:left;
	width:173px;
	border:1px dotted #c6c6c6;
	margin-right:16px;
}

.col4 .Block03{
	float:left;
	width:173px;
	border:1px dotted #c6c6c6;
	margin-right:16px;
}

.col4 .Block04{
	float:right;
	width:173px;
	border:1px dotted #c6c6c6;
}

.col4 .leftBlock{
	float:left;
	width:250px;
}

.col4 .rightBlock{
	float:right;
	width:490px;
}

.supportCOL3,
.supportCOL4{
	width:950px;
	margin:0;
	padding:0;
}

.supportCOL3 .leftBlock,
.supportCOL3 .centerBlock{
	float:left;
	width:240px;
	height:235px;
	position:relative;
	margin-right:15px;
	line-height:1;
	background:url(../../jp/support/images/top/bord.gif) no-repeat;
}

.suppimg01{
	position:absolute;
	top:9px;
	left:19px;
}

.suppimg02{
	position:absolute;
	top:50px;
	left:9px;
}

.suppimg03{
	position:absolute;
	top:153px;
	left:1px;
}

.repaimg01{
	position:absolute;
	top:9px;
	left:65px;
}

.repaimg02{
	position:absolute;
	top:37px;
	left:8px;
}

.repaimg03{
	position:absolute;
	top:157px;
	left:33px;
}

.suppimg04{
	position:absolute;
	top:184px;
	left:8px;
}

.supportCOL3 .rightBlock{
	float:right;
	width:440px;
	line-height:1;
}

.supportCOL4 .block01,
.supportCOL4 .block02,
.supportCOL4 .block03{
	float:left;
	width:230px;
	margin-right:10px;
	line-height:1;
}

.supportCOL4 .block04{
	float:right;
	width:230px;
	margin:0;
	line-height:1;
}

.sitemapcol{
	width:950px;
}

.sitemapcol .leftBlock,
.sitemapcol .centerBlock{
	float:left;
	width:300px;
	margin-right:25px;
}

.sitemapcol .rightBlock{
	float:right;
	width:300px;
}

.productcol{
	width:550px;
}

.productcol .leftBlock{
	width:130px;
	float:left;
}

.productcol .rightBlock{
	width:400px;
	float:right;
}







/* ===== list type ===== */
ul, ul li, ol, ol li{
margin-left: 0px;
padding-left: 0px;
list-style-type: none;
}



ul.textList,
ol.textList{
margin: 0px;
}



ul.textList li,
ol.textList li{
position: relative;
margin-top: 5px;
margin-left: 1.5em;
}



ul.textList li span.mark,
ol.textList li span.mark{
display: block;
position: absolute;
top: 0em;
left: 0px;
width: 2em;
margin-left: -2em;
text-align: center;
}



* html ul.textList li span.mark,
* html ol.textList li span.mark{
top: -0.3em;
}



*:first-child+html ul.textList li span.mark,
*:first-child+html ol.textList li span.mark{
top: -0.3em;
}


ul.textList li span.txt,
ol.textList li span.txt{
margin-left: 0em;
}



ul.textList li.note,
ol.textList li.note{
font-size: 70%;
}



dl{
margin: 0px;
padding: 0px;
}



dl dt.w80{
display: block;
float: left;
width: 80px;
margin-right: 10px;
}



dl dd.w420{
display: block;
float: left;
width: 420px;
}










.indent{
margin-left: 15px;
}



.indent p{
margin-left: 0px;
}



img.right{
margin-bottom: 10px;
margin-left: 10px;
text-align: right;
}



.box{
margin: 10px 0 0 0;
}



.box p{
margin: 0 0 0 15px;
}



.box p img{
float: left;
margin: 0 10px 0 0;
}



dl.listPdf{
margin: 0px;
padding: 0px;
}



dl.listPdf dt{
float: left;
width: auto;
height: auto;
margin-right: 10px;
padding-left: 40px;
background-repeat: no-repeat;
background-position: left top;
background-image: url(../img/pdficon.gif);
display:inline;
}

dl.listPdf dt.uc{
float: left;
width: auto;
height: auto;
margin-right: 10px;
padding-left: 40px;
background-repeat: no-repeat;
background-position: left top;
background-image: url(../img/pdficon.gif);
display:inline;
}

dl.listPdf dt span{
font-size: 90%;
}



dl.listPdf dd{
margin-right: 0px;
padding-left: 0px;
}











input.w400{
width: 400px;
}


input.w200{
width: 200px;
}


input.w100{
width: 100px;
}


input.w80{
width: 80px;
}


input.w50{
width: 50px;
}

/* ===== dateList ===== */
.dateList dt{
margin-top: 10px;
font-weight: bold;
}

.ygtxt{
color: #009900;
}

.rtxt{
color: #990000;
}

.btxt{
color: #006699;
}

.gtxt{
color: #003300;
}

.ptxt{
	color:#639;
}


.CBlineup{
	background:url(../../jp/product/copyboard/images/bg-cblineup.gif) 0 0 no-repeat #333;
	width:740px;
	height:497px;
	position:relative;
}

.CBlineup h1{
	position:absolute;
	top:16px;
	left:12px;
	margin:0;
	line-height:0;
	}

.CBlineup ul.cblu01{
	position:absolute;
	width:722px;
	height:140px;
	top:46px;
	left:9px;
}

.CBlineup ul.cblu02{
	position:absolute;
	width:722px;
	height:140px;
	top:191px;
	left:9px;
}

.CBlineup ul.cblu03{
	position:absolute;
	width:722px;
	height:140px;
	top:336px;
	left:9px;
}

.CBlineup ul.cblu01 li,
.CBlineup ul.cblu02 li,
.CBlineup ul.cblu03 li{
	float:left;
	line-height:1;
}


.enCBlineup{
	background:url(../../en/product/copyboard/images/bg-cblineup.gif) 0 0 no-repeat;
	width:950px;
	height:342px;
	position:relative;
}

.enIWBlineup{
	width:950px;
	height:342px;
	background:url(../../en/product/upic/images/top-bg.jpg) 0 0 no-repeat;
	position:relative;
}

.enCBlineup h1,
.enIWBlineup h1{
	position:absolute;
	top:13px;
	left:12px;
	margin:0;
	line-height:0;
	}

.enCBlineup ul.encblu01{
	position:absolute;
	width:932px;
	height:140px;
	top:46px;
	left:9px;
}

.enCBlineup ul.encblu02{
	position:absolute;
	width:932px;
	height:140px;
	top:191px;
	left:9px;
}

.enCBlineup ul.encblu01 li,
.enCBlineup ul.encblu02 li,
.enIWBlineup ul.eniwblu01 li,
.enIWBlineup ul.eniwblu02 li{
	float:left;
	line-height:1;
}

.enIWBlineup ul.eniwblu01{
	position:absolute;
	width:932px;
	height:140px;
	top:71px;
	left:9px;
}

.enIWBlineup ul.eniwblu02{
	position:absolute;
	width:932px;
	height:140px;
	top:216px;
	left:9px;
}

.IWBlineup{
	width:740px;
	height:449px;
	background:url(../../jp/product/upic/images/top-bg.jpg) 0 0 no-repeat;
	position:relative;
}

.IWBlineup h1{
	position:absolute;
	top:21px;
	left:9px;
	margin:0;
	line-height:0;
}

.IWBlineup ul.iwblu01{
	position:absolute;
	width:236px;
	height:360px;
	top:83px;
	left:7px;
}

.IWBlineup ul.iwblu02{
	position:absolute;
	width:236px;
	height:360px;
	top:83px;
	left:250px;
}

.IWBlineup ul.iwblu03{
	position:absolute;
	width:236px;
	height:239px;
	top:83px;
	left:493px;
}

.IWBlineup ul.iwblu01 li,
.IWBlineup ul.iwblu02 li,
.IWBlineup ul.iwblu03 li{
	line-height:0;
}

a.ancr{
	text-decoration:none;
	padding:0 0 0 15px;
	background:url(../images/arrow-u.gif) 0 0.3em no-repeat;
}

a.ancr:hover{
	text-decoration:none;
	padding:0 0 0 15px;
	background:url(../images/arrow-u-on.gif) 0 0.3em no-repeat;
}

.movie{
	margin-top:10px;
	padding:20px 0;
	width:550px;
	background-color:#111;
	text-align:center;
}

.funcBOX{
	width:550px;
	border-bottom:1px solid #CCC;
}

.funcBOX .icon{
	float:left;
	width:89px;
}

.funcBOX .Fname{
 float:right;
 padding:3px 0 0 0;
 width:461px;
}

.funcBOX .Fname p{
	padding:3px 0 10px 15px;
}

p span.hinban {
	color: #06F;
	padding-left:3px;
}

p span.price {
	font-weight:bold;
	padding-right:3px;
}

.pdf{
padding-left: 22px;
background:url(../images/pdficon-s.gif) 0 0 no-repeat;
}


.ninsyo{
width: 720px;
padding:5px 10px;
height: 150px;
overflow-x: auto;
overflow-y: auto;
border:1px solid #c5c9bd;
}

.Gcol{
	width:750px;
	background:url(../../jp/support/glossary/images/bg.gif) left bottom no-repeat;
}

.Gcol .block01,
.Gcol .block02,
.Gcol .block03{
	float:left;
	width:160px;
	border-top:1px dotted #999;
	margin-right:10px;
	padding:10px;
}

.Gcol .block04{
	float:right;
	width:158px;
	border-top:1px dotted #999;
	padding:10px;
}

.Gcol ul{
	margin:0;
}

.lpmenu ul{


}

.lpmenu ul li{
	float:left;
	width:90px;
	line-height:0;
	margin:0 45px;
}

.buycol{
	width:950px;
}

.buycol .leftBlock{
	float:left;
	width:600px;
}

.buycol .rightBlock{
	float:right;
	width:300px;
}

.faq{
	border:1px solid #999;
	margin-top:15px;
}

.qbox{
	font-weight:bold;
	padding:5px 10px 5px 30px;
	background:url(../../jp/support/faq/images/qbg.gif) left top no-repeat #cccccc;
}

.abox{
	border-top:1px dotted #CCC;
	padding:10px 10px 10px 30px;
	background:url(../../jp/support/faq/images/abg.gif) left top no-repeat;
}

ul.faqlist li{
	margin-top:10px;
}

ul.faqlist li a{
	color:#000;
	text-decoration:none;
	padding:0 0 0 15px;
	background:url(../images/arrow-u.gif) 0 0.3em no-repeat;
}

ul.faqlist li a:hover{
	color:#06C;
	text-decoration:none;
	padding:0 0 0 15px;
	background:url(../images/arrow-u-on.gif) 0 0.3em no-repeat;
}

.screencol{
	width:550px;
}

.screencol .leftBlock{
	float:left;
	width:200px;
	text-align:center;
}

.screencol .rightBlock{
	float:right;
	width:340px;
}

.snbox{
	width:440px;
	height:120px;
	overflow-y:auto;
	vertical-align:top;
}

.sitemapcol ul li a{
	text-decoration:none;
color:#0063dd;
background:url(../images/arrow.gif) 3px 0.1em no-repeat;
padding:0 0 0 10px;
}

.sitemapcol ul li a:hover{
background:url(../images/arrow-on.gif) 3px 0.1em no-repeat;
}

.sitemapcol ul li{
	padding:5px 0;
}

.pager{
	margin-top:10px;
	padding:5px;
	border-top:1px dotted #c6c6c6;
}

.pager .prev{
	float:left;
}

.pager .next{
	float:right;
}

.pager a{
	text-decoration:none;
	color:#666;
}

.pager a:hover{
	color:#F60;
}

.dlcol{
	margin:0 35px;
	width:480px;
}

.dlcol2{
	margin:0 135px;
	width:480px;
}

.dlcol .leftBlock,
.dlcol2 .leftBlock{
	width:211px;
	float:left;
}

.dlcol .rightBlock,
.dlcol2 .rightBlock{
	width:211px;
	float:right;
}

.att{
	margin-top:5px;
	padding:5px 10px;
	width:370px;
	background:#EBEBEB;
}

.att2{
	margin-top:5px;
	padding:5px 10px;
	background:#EBEBEB;
}

.dotted{
	border-bottom:1px dotted #9e9e9e;
	margin:10px 0;
}

.MTGfuncBOX{
	margin-left:75px;
	width:475px;
	height:630px;
	position:relative;
	background:url(../../jp/product/mtg_pocket/images/func-img.jpg) 0 0 no-repeat;
	border:none;
}

.MTGfuncBOX2{
	margin-left:175px;
	width:475px;
	height:630px;
	position:relative;
	background:url(../../jp/product/mtg_pocket/images/func-img.jpg) 0 0 no-repeat;
	border:none;
}

.MTGfuncBOX3{
	margin-left:75px;
	width:475px;
	height:690px;
	position:relative;
	background:url(../../jp/product/mtg_pocket-android/images/func-img.jpg) 0 0 no-repeat;
	border:none;
}

.MTGfuncBOX4{
	margin-left:75px;
	width:475px;
	height:720px;
	position:relative;
	background:url(../../en/product/mtg_pocket-android/images/func-img.jpg) 0 0 no-repeat;
	border:none;
}



.MTGfuncBOX .img01,
.MTGfuncBOX2 .img01{
	position:absolute;
	top:0;
	left:19px;
}

.MTGfuncBOX .img02,
.MTGfuncBOX2 .img02{
	position:absolute;
	top:0;
	left:107px;
}

.MTGfuncBOX .img03,
.MTGfuncBOX2 .img03{
	position:absolute;
	top:0;
	left:195px;
}

.MTGfuncBOX .img04,
.MTGfuncBOX2 .img04{
	position:absolute;
	top:0;
	left:322px;
}

.MTGfuncBOX .img05,
.MTGfuncBOX2 .img05{
	position:absolute;
	top:96px;
	left:282px;
}

.MTGfuncBOX .img06,
.MTGfuncBOX2 .img06{
	position:absolute;
	top:533px;
	left:3px;
}

.MTGfuncBOX .img07,
.MTGfuncBOX2 .img07{
	position:absolute;
	top:533px;
	left:158px;
}

.MTGfuncBOX .img08,
.MTGfuncBOX2 .img08{
	position:absolute;
	top:533px;
	left:306px;
}

.MTGfuncBOX3 .img01,
.MTGfuncBOX4 .img01{
	position:absolute;
	top:0;
	left:17px;
}

.MTGfuncBOX3 .img02,
.MTGfuncBOX4 .img02{
	position:absolute;
	top:0;
	left:103px;
}

.MTGfuncBOX3 .img03,
.MTGfuncBOX4 .img03{
	position:absolute;
	top:0;
	left:184px;
}

.MTGfuncBOX3 .img04,
.MTGfuncBOX4 .img04{
	position:absolute;
	top:0;
	left:330px;
}


.MTGfuncBOX3 .img05,
.MTGfuncBOX4 .img05{
	position:absolute;
	top:108px;
	left:277px;
}

.MTGfuncBOX3 .img06,
.MTGfuncBOX4 .img06{
	position:absolute;
	top:599px;
	left:6px;
}

.MTGfuncBOX3 .img07,
.MTGfuncBOX4 .img07{
	position:absolute;
	top:599px;
	left:151px;
}

.MTGfuncBOX3 .img08,
.MTGfuncBOX4 .img08{
	position:absolute;
	top:599px;
	left:292px;
}

.ENpcol{
	width:750px;
}

.ENpcol .leftBlock01{
	float:left;
	width:140px;
	margin-right:10px;
}

.ENpcol .leftBlock02{
	float:left;
	width:210px;
	margin-right:30px;
}

.ENpcol .rightBlock01{
	float:left;
	width:140px;
	margin-right:10px;
}

.ENpcol .rightBlock02{
	float:right;
	width:210px;
}

.benriBOX{
	border:2px solid #8fd298;
	padding:5px;
	}
	
.otxt{
	color:#F60;
	font-weight:bold;
}

.bccol2{
	width:750px;
}

.bccol2 .leftBlock{
	width:210px;
	float:left;
}

.bccol2 .rightBlock{
	width:520px;
	float:right;
}

.stopcol{
	width:950px;
}

.stopcol .leftBlock{
	float:left;
	width:180px;
	margin-right:20px;
}

.stopcol .rightBlock{
	float:right;
	width:740px;
	margin-left:5px;
}

.Blist{
	width:750px;
}

.Blist .Block01,
.Blist .Block02,
.Blist .Block03,
.Blist .Block04{
	float:left;
	width:140px;
	margin-right:10px;
}

.Blist .Block05{
	float:right;
	width:140px;
}

.Blist h3 a{
	text-decoration:none;
}

ul.TopNews li{
	margin-top:10px;
}

ul.TopNews li a{
text-decoration:none;
color:#0063dd;
background:url(../images/arrow.gif) 3px 0.1em no-repeat;
padding:0 0 0 15px;
}

ul.TopNews li a:hover{
text-decoration:none;
color:#00306a;
background:url(../images/arrow-on.gif) 3px 0.1em no-repeat;
padding:0 0 0 15px;
}

th.bgb{
	background-color:#0d2d55;
	color:#FFF;
	font-weight:bold;
}

.buycol2{
	width:930px;
	margin:20px 0 0 20px;
	background:url(../../jp/buy/images/dot.gif) top left repeat-y;
}

.buycol2 .leftBlock{
	float:left;
	width:210px;
	text-align:center;
	margin-right:10px;
}

.buycol2 .rightBlock{
	float:right;
	width:700px;
	padding:5px 0;
}

.PfuncIMG{
	padding:20px 0 20px 0;
	margin-bottom:20px;
	border-bottom:1px dotted #999;
}

table.Pfunc{
	width:100%;
}


table.Pfunc th{
	border-right:3px solid #585c63;
	border-bottom:none;
	border-left:none;
	border-top:none;
	font-weight:bold;
	vertical-align:top;
	background:none;
	padding:5px 10px 5px 10px;
	margin-bottom:20px;
	white-space: nowrap;
	font-size:0.9em;
}

table.Pfunc td{
	border:none;
	padding:5px 0px 5px 10px;
	margin-bottom:20px;
	font-size:0.9em;
}

.caseCol2{
	width:750px;
}

.caseCol2 .leftBlock{
	width:220px;
	border-right:1px dotted #c7c7c7;
	float:left;
}

.caseCol2 .rightBlock{
	width:512px;
	float:right;
}

.txtCol,
.txtCol2{
	width:740px;
	padding:0 5px;
}

.txtCol .leftBlock{
	width:230px;
	margin-right:25px;
	float:left;
}

.txtCol .centerBlock{
	width:230px;
	float:left;
}

.txtCol .rightBlock{
	width:230px;
	float:right;
}

.txtCol2 .leftBlock{
	width:233px;
	padding:0 2px;
	margin-right:15px;
	float:left;
}

.txtCol2 .centerBlock{
	width:232px;
	padding:0 2px;
	float:left;
}

.txtCol2 .rightBlock{
	width:233px;
	padding:0 2px;
	float:right;
}


h2.casetitle{
	width:735px;
	padding:2px 0 2px 15px;
	background:url(../../jp/product/upic/case/images/h2-bg.gif) 0 0 no-repeat;
	line-height:1;
}

.Bcol3{
width: 750px;
margin: 10px 0 0 0;
}

.Bcol3 h2{
width: 178px;
margin-top: 0px;
}

.Bcol3 .leftBlock{
float: left;
width: 160px;
margin: 0px;
padding-bottom: 10px;
}

.Bcol3 .centerBlock{
float: left;
width: 370px;
margin: 0px;
margin-left: 10px;
padding-bottom: 10px;
}

.Bcol3 .rightBlock{
float: right;
width: 200px;
margin: 0px;
padding-bottom: 10px;
text-align: left;
}

.Bcol3 .leftBlock p,
.Bcol3 .centerBlock p,
.Bcol3 .rightBlock p{
margin: 10px 10px 0 10px;
}

.bcaseCol{
width:750px;
margin:0 5px;
}

.bcaseCol .leftBlock{
width:245px;
float:left;
}

.bcaseCol .rightBlock{
width:495px;
float:right;
}

.lpcol{
width:550px;
}

.lpcol .leftBlock{
width:270px;
float:left;
}

.lpcol .rightBlock{
width:270px;
float:right;
}

.clinkBOX{
	width:750px;
	border-bottom:1px dotted #999;
	padding-bottom:5px;
}

h3.caselink a{
	display:block;
	background:url(../../jp/product/upic/case/images/top/h3bg.gif) left bottom no-repeat;
	width:750px;
	padding:0 0 1px 20px;
	text-decoration:none;
	margin-bottom:5px;
}

h3.caselink img{
	margin:-5px 0 0 10px;
}


h3.caselink a:hover{
	background:url(../../jp/product/upic/case/images/top/h3bg-on.gif) left bottom no-repeat;
}

.iconBOX{
	margin-top:5px;
}

.iconBOX a:hover{
	opacity: 0.5;
}


.iconBOX span{
	float:right;
}

.bbox{
	border:3px solid #E00003;
	padding:8px;
	margin-top:10px;
	font-size:90%;
}

table.normal th.ac,
table.normal td.ac{
	text-align:center;
}

table.normal th.ar,
table.normal td.ar{
	text-align:right;
}

.tempcol{
	width:550px;
}

.tempcol .leftBlock{
	float:left;
	width:283px;
}

.tempcol .rightBlock{
	float:right;
	width:248px;
}

.tempcol .leftBlock2{
	float:left;
	width:262px;
}

.tempcol .rightBlock2{
	float:right;
	width:262px;
}

.nrcol{
	border:1px solid #999;
	padding:10px;
	margin-top:10px;
}

.nrcol .leftBlock{
	float:left;
}

.nrcol .rightBlock{
	float:right;
	width:630px;
}

.nrcol .rightBlock2{
	float:right;
	width:400px;
}

.ytbox{
	background: url(../../jp/product/display/signage/images/ytbg.gif);
	margin-top:10px;
	padding:10px;
}


.newwin
{
  background-color: transparent;
  background-image: url("../images/newwin.gif");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right center;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding-right: 16px;
}

.atcol{
	margin-top:10px;
}

.atcol .leftBlock{
	width:91px;
	float:left;
}

.atcol .rightBlock{
	float:right;
	width:630px;
}

.casebox{
	margin-top:20px;
	padding:15px 15px 5px;
	border:1px solid #a2d944;
}