@charset "shift_jis";

/* product.css
------------------------------------------ */

/* centering Grey
------------------------------------------ */
body{background:#3c3c3c;}
#top{
	margin:0 auto;
	background:#ffffff;
}




#MAIN ul.menuPD {margin:0; padding:0; float:left;}
#MAIN ul.menuPD li {margin:0; line-height:0;}

#MAIN div.topVisual {width:368px;height:304px;background:url(/signup/product/img/bg_main_line.gif) no-repeat left top; text-align:center; float:right;}
#MAIN div.topVisual img.readTop {margin:24px 0 47px 0;}
#MAIN div.topVisual img.pictTop {margin-bottom:52px;}
#MAIN div.topVisual img.txtTop {margin-bottom:8px}
#MAIN div.topVisual p.txtRight {text-align:right;font-size: 95%;margin-top:14px;}

/* syousai
------------------------------------------ */
#MAIN h2{position:relative; z-index:9999;}

#MAIN sup.reg {margin-top:-2px;} 
#MAIN div.listTypeA01 ul li  {padding-top:4px;margin-top:0px;}
#MAIN div.headTypeB01 {margin-bottom:10px;}

#MAIN div.syousaiMain01 {clear:both; margin-top:21px; position:relative; height:245px;}
#MAIN div.syousaiMain01 span.phMain{position:absolute; top:0px; left:171px;}
#MAIN div.syousaiMain01 span.icon01{position:absolute; top:190px; right:176px;}
#MAIN div.syousaiMain01 span.icon02{position:absolute; top:190px; right:118px;}
#MAIN div.syousaiMain01 span.icon03{position:absolute; top:190px; right:60px;}
#MAIN div.syousaiMain01 span.icon04{position:absolute;top:190px; right:2px;}

#MAIN div.syousaiMain02 {clear:both; margin-top:18px; position:relative; height:275px;}
#MAIN div.syousaiMain02 span.phMain{position:absolute; top:0px; left:136px;}
#MAIN div.syousaiMain02 span.icon01{position:absolute; top:220px; right:176px;}
#MAIN div.syousaiMain02 span.icon02{position:absolute; top:220px; right:118px;}
#MAIN div.syousaiMain02 span.icon03{position:absolute; top:220px; right:60px;}
#MAIN div.syousaiMain02 span.icon04{position:absolute;top:220px; right:2px;}

#MAIN div.syousaiMain03 {clear:both; margin-top:15px; position:relative; height:276px;}
#MAIN div.syousaiMain03 span.phMain{position:absolute; top:0px; left:119px;}
#MAIN div.syousaiMain03 span.icon01{position:absolute; top:221px; right:60px;}
#MAIN div.syousaiMain03 span.icon02{position:absolute;top:221px; right:2px;}

#MAIN div.syousaiMain04 {clear:both; margin-top:31px; position:relative; height:245px;}
#MAIN div.syousaiMain04 span.phMain{position:absolute; top:0px; left:145px;}
#MAIN div.syousaiMain04 span.icon01{position:absolute; top:190px; right:118px;}
#MAIN div.syousaiMain04 span.icon02{position:absolute;top:190px; right:60px;}
#MAIN div.syousaiMain04 span.icon03{position:absolute;top:190px; right:2px;}

#MAIN div.syousaiMain05 {clear:both; margin-top:31px; position:relative; height:245px;}
#MAIN div.syousaiMain05 span.phMain{position:absolute; top:-44px; left:221px; z-index:1;}
#MAIN div.syousaiMain05 span.icon01{position:absolute;top:179px; right:235px;}
#MAIN div.syousaiMain05 span.icon02{position:absolute; top:179px; right:177px;}
#MAIN div.syousaiMain05 span.icon03{position:absolute; top:179px; right:119px;}
#MAIN div.syousaiMain05 span.icon04{position:absolute; top:179px; right:60px;}
#MAIN div.syousaiMain05 span.icon05{position:absolute;top:179px; right:2px;}

#MAIN div.syousaiMain06 {clear:both; margin-top:21px; position:relative; height:245px;}
#MAIN div.syousaiMain06 span.phMain{position:absolute; top:0px; left:171px;}
#MAIN div.syousaiMain06 span.icon01{position:absolute;top:190px; right:235px;}
#MAIN div.syousaiMain06 span.icon02{position:absolute; top:190px; right:177px;}
#MAIN div.syousaiMain06 span.icon03{position:absolute; top:190px; right:119px;}
#MAIN div.syousaiMain06 span.icon04{position:absolute; top:190px; right:60px;}
#MAIN div.syousaiMain06 span.icon05{position:absolute;top:190px; right:2px;}



#MAIN div.syousaiList {display:block;clear:both;}
#MAIN div.syousaiList p.btnLink{margin:5px 0 5px 0;text-align:right;}
#MAIN div.syousaiLeft {width:254px;float:left;margin-bottom:20px;}
#MAIN div.syousaiRight {width:254px; float:right;margin-bottom:20px;}


#MAIN div.syousaiRight div.listTypeA01 ul li span.element{position: absolute;margin-left:-6.5em;}
/*\*/ *html #MAIN div.syousaiRight div.listTypeA01 ul li span.element{position: absolute;margin-left:-6.5em; line-height:1.1em;} /**/
#MAIN div.syousaiRight div.listTypeA01 ul li{padding-left:6.5em;text-indent:0em;}
#MAIN div.syousaiRight div.listTypeA01 ul li div.fSizeS{padding-left:1em;text-indent:-1em;}
#MAIN div.syousaiRight div.listTypeA01 ul li p.fSizeS{text-align:right;}

#MAIN div.syousaiLeft div.listTypeA01 h3{margin:20px 0 10px 0;color:#0a3190; font-weight:bold;}
#MAIN div.syousaiRight div.listTypeA01 h3{margin:20px 0 10px 0;color:#0a3190; font-weight:bold;}
#MAIN div.syousaiRight div.listTypeA01 h3.first{margin:-5px 0 10px 0;}
#MAIN div.syousaiRight div.listTypeA01 ul li.addLine{margin-top:20px;border-top:1px solid #bae3fb;}
#MAIN div.syousaiRight div.listTypeA01 ul li.noPadding{padding-left:1em !important;text-indent:-1em !important;}

#MAIN div.syousaiLeft div.listTypeA01 ul li.notline{float:left;margin-right:12px;border:none;padding-top:10px;}
#MAIN div.syousaiLeft div.listTypeA01 ul li.notlineEnd{float:left;border:none;padding-top:10px;}

#MAIN div.syousaiLeft div.listTypeA01 ul li.notline02{float:right;border:none;padding-top:10px;}

#MAIN div.syousaiLeft div.listTypeA01 ul li.notline03{border:none;padding-top:10px; margin-bottom:-6px;}

#MAIN .adobeTypeA01{margin-top:20px;margin-bottom:20px;}

#MAIN div.notesArea {display:block;clear:both;}
#MAIN div.notesArea h2{margin-bottom:5px;color:#0a3190;}

#MAIN div.notesArea ul {}
#MAIN div.notesArea ul li{padding-left:1.25em;text-indent:-1.25em;margin-top:3px;line-height:1.3;}
#MAIN div.notesArea ul li span.element{margin-right:5px;}
#MAIN div.notesArea ul li.stxt{font-size: 95%;}
#MAIN div.notesArea ul li.stxt{padding-left:1em;text-indent:-1em;margin-top:3px;}
#MAIN div.notesArea ul li.kome1{padding-left:1.5em;text-indent:-1.5em;}
#MAIN div.notesArea ul li.mg7{padding-top:7px;}
#MAIN div.notesArea ul li.mg10{padding-top:10px;}
#MAIN div.notesArea ul li.mg15{padding-top:15px;}

#MAIN div.textSec{margin-top:20px;}
#MAIN div.textSec ul li{padding-left:1.5em;text-indent:-1.5em; line-height:1.3; margin-top:5px; font-size:95%;}

#MAIN div.adobe_banner{
	margin-top:23px;
	}
#MAIN div.adobe_banner dt{
width:112px;
float:left;
}
#MAIN div.adobe_banner dd{
float:right;
width:430px;
line-height:1.3;
}




/* downloadArea
------------------------------------------ */
#MAIN .downloadArea{
	clear:both;
	margin-bottom:8px;
	padding-top:9px;
	border-top:2px solid #7fccff;
	}


#MAIN p.popupLink{text-align:right;}
#MAIN p.popupLink img{margin-right:5px; vertical-align:middle;}

#MAIN p.productTopLink{text-align:right;}
#MAIN p.productTopLink img{margin-right:5px; vertical-align:middle;}


#MAIN .downloadArea .explication dl dt{text-indent:-1.3em; padding-left:1.3em;}
#MAIN .downloadArea .explication dl dd{background:none; margin:0; padding:0 0 0 1.3em;}
#MAIN .downloadArea .explication dl dd ul li{margin-top:5px;}
#MAIN .downloadArea .explication dl dd ul li strong{font-weight:bold;}
#MAIN .downloadArea .explication dl dd ul li.indentText{text-indent:-1.3em; padding-left:1.3em; margin-top:2px;}
#MAIN .downloadArea .explication dl dd ul li.textS{font-size:95%; text-indent:-0.5em; padding-left:0.5em; margin-top:10px;}

/*\*/ *html #MAIN .downloadArea .rightSec dl dd{height:1%;} /**/