@charset "euc-jp";
body {
	background-image: url(../img/common/bg.jpg);
	background-repeat: repeat-x;
}

/*FORM*/
.box6 { width: 54px; }	/*W6*/
.box10 { width: 82px; }	/*W10*/
.box15 { width: 120px; }	/*W18*/
.box20 { width: 152px; }	/*W20*/
.box30 { width: 222px; }	/*W30*/
.box33 { width: 243px; }	/*W30*/
.box40 { width: 292px; }	/*W40*/
.box49 { width: 355px; }	/*W49*/
.box54 { width: 390px; }	/*W54*/
.box56 { width: 404px; }	/*W56*/
.area39 { width: 292px; height: 134px; }
.area40 { width: 302px; height: 134px; }
.area45 { width: 337px; height: 290px; }
.area46 { width: 337px; height: 134px; }
.area49 { width: 355px; height: 160px; }
.area51 { width: 390px; height: 290px; }
.area54 { width: 400px; height: 160px; }
.area65 { width: 444px; height: 290px; }
.area65_2 { width: 444px; height: 160px; }
.area80 { width: 572px; height: 134px; }
.area80_2 { width: 572px; height: 420px; }
.area96 { width: 694px; height: 420px; }
.area96_2 { width: 694px; height: 160px; }

/*LINK*/
a:link { color: #014d98; text-decoration: underline; }
a:visited { color: #014d98; text-decoration: underline; }
a:hover { color: #014d98; text-decoration: none; }
a.attetion:link { color: #ff0000; text-decoration: underline; }
a.attetion:visited { color: #ff0000; text-decoration: underline; }
a.attetion:hover { color: #ff0000; text-decoration: none; }

/*COLOR*/
.lightblue { color: #0782CB ; }
.orange { color: #ff6600; }
.orangest { color: #ff6600; font-weight: bold; }
.white { color: #ffffff; }
.whitest { color: #ffffff; font-weight: bold; }
.red { color: #ff0000; }
.darkred { color: #990000; }
.redSmall { color: #ff0000; font-size:85% }
.red02 { color: #cc0000; }
.redst { color: #ff0000;  font-weight: bold; }
.black { color: #000000; }
.blackst { color: #000000; font-weight: bold; }
.gray { color: #333333; }
.grayst { color: #333333; font-weight: bold; }
.blue { color: #014d98; }
.dgreenst { color: #003442; font-weight: bold; }
.bluest { color: #014d98; font-weight: bold; }
.purple { color: #634868; font-weight: bold; }
.fs12st {font-size: 75%; line-height: 150%; font-weight: bold; }
.fs10st {font-size: 62.5%; line-height: 150%; font-weight: bold; }
.fs12red {font-size: 75%; line-height: 150%; color: #ff0000; }
.fs12gray {font-size: 75%; line-height: 150%; color: #333333; }
.fs10gray {font-size: 62.5%; line-height: 150%; color: #333333; }
.fs10red {font-size: 62.5%; line-height: 150%; color: #ff0000; }
.fs10orange {font-size: 62.5%; line-height: 150%; color: #ff6600; }
.fs18orangest {font-size: 117.5%; line-height: 150%; color: #ff6600; font-weight: bold; }
.fs18st {font-size: 117.5%; line-height: 150%; font-weight: bold; }
.fs16b {font-size: 100%; line-height: 150%; font-weight: bold; }
.fs22whiteest {font-size: 137.5%; line-height: 150%; color: #fff; font-weight: bold; }
.fs12stbrown{font-size: 75%; line-height: 150%; font-weight: bold; color:#663300;}
.fs12stlightbrown{font-size: 75%; line-height: 150%; font-weight: bold; color:#996600;}
.fs12stlightblue{font-size: 75%; line-height: 150%; font-weight: bold; color:#0099cc;}
.brown { color: #5F451E; }
.fs11 {font-size: 70%; letter-spacing: 1px; line-height: 155%;}



/*PHOTO*/
.picture {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}

/*OVER*/
a.over:link{ color:#333333; text-decoration: underline; }
a.over:visited { color:#333333; text-decoration: underline; }
a.over:hover { color:#333333; text-decoration: none; }

/*OVER02*/
a.over02:link{ color:#595a6a; text-decoration: none; }
a.over02:visited { color:#595a6a; text-decoration: none; }
a.over02:hover { color:#595a6a; text-decoration: underline; }

/*OVER03*/
a.over03:link{ color:#014d98; text-decoration: none; }
a.over03:visited { color:#014d98; text-decoration: none; }
a.over03:hover { color:#014d98; text-decoration: underline; }

/*OVER04*/
a.over04:link{ color:#ffffff; text-decoration: underline; }
a.over04:visited { color:#ffffff; text-decoration: underline; }
a.over04:hover { color:#ffffff; text-decoration: none; }

/*OVER05*/
a.over05:link{ color:#ff0000; text-decoration: underline; }
a.over05:visited { color:#ff0000; text-decoration: underline; }
a.over05:hover { color:#ff0000; text-decoration: none; }

/*OVER06*/
a.over06:link{ color:#ff6600; text-decoration: underline; }
a.over06:visited { color:#ff6600; text-decoration: underline; }
a.over06:hover { color:#ff6600; text-decoration: none; }

/*FORM*/
form { margin:0; }

/*P*/
p.list { padding-left: 10pt; text-indent: -10pt; }
p.list02 { padding-left: 5pt; text-indent: -5pt; }
p {
	margin: 0;
	padding: 0;
}
p.right {text-align: right; }

/*OTHER*/
.cont_bg {
	background-image: url(../img/common/main_bg.jpg);
	background-repeat: repeat-x;
}
.case_bg01 {
	background-image: url(../img/main/case01_bg.jpg);
	background-repeat: repeat-x;
}
.case_bg02 {
	background-image: url(../img/main/case02_bg.jpg);
	background-repeat: repeat-x;
}
.case_bg03 {
	background-image: url(../img/main/pickup_bg.jpg);
	background-repeat: repeat-x;
}
.leftnavi_bg {
	background-image: url(../img/leftnavi/leftnavi_bg.jpg);
	background-repeat: repeat-x;
}

div#flasharea { z-index:1;}
 #gnavi { display: block; margin: 0; padding: 0; position: relative; z-index:10;}
  #gnavi li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; z-index:10; }
  #gnavi a { display: block; z-index:10; }
  #gnavi ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; z-index:10;}
   * html #gnavi{ position: static; z-index:10; } /* IE6 "fix" */
   * html #gnavi ul { line-height: 0;  z-index:10; } /* IE6 "fix" */
    #gnavi ul a { zoom: 1; z-index:10; } /* IE6/7 fix */
    #gnavi ul li { float: right; z-index:10;}
    #gnavi ul ul { top: 0;  text-align: right; z-index:10;}


/*導入事例CASE*/

.blue-bd {
	font-weight: bold;
	color: #304881;
	display: inline;
	font-size: 14px;
}

.red-bd {
	font-weight: bold;
	color: #cc0000;
	display: inline;
}


/*EC-CUBE導入までの流れ3/7*/

td.padL15 {
	padding-left: 40px;
}

td.reason-dot {
	background: url(../img/product/reason_dot.gif) repeat-x #fff;
}

td.introduceLeft {
	background: url(../img/product/introduce_left.jpg) repeat-x;
}

td.introduceRight {
	background: url(../img/product/introduce_right.jpg) repeat-x;
}

td.introduceMiddle {
	background: url(../img/product/introduce_bg.jpg) repeat-x;
}

table#introduce01 {background: url(../img/product/introduce_01_arrow.gif) no-repeat left top; height:115px;}
table#introduce02 {background: url(../img/product/introduce_02_arrow.gif) no-repeat left top; height:123px;}
table#introduce03 {background: url(../img/product/introduce_03_arrow.gif) no-repeat left top; height:112px;}
table#introduce04 {background: url(../img/product/introduce_04_arrow.gif) no-repeat left top; height:139px;}
table#introduce05 {background: url(../img/product/introduce_05_arrow.gif) no-repeat left top; height:73px;}
table#introduce06 {background: url(../img/product/introduce_06_arrow.gif) no-repeat left top; height:169px;}
table#introduce07 {background: url(../img/product/introduce_07_arrow.gif) no-repeat left top; height:160px;}



/*商用ライセンス11.04.28追加*/

em.none {display: none;}

table#licenseFaq {
	background: url(../img/license/bg_faq.jpg) no-repeat;
	padding: 15px;
	margin-bottom: 30px;
}

table#licenseFaq table td.title {
    padding-bottom: 15px;
    padding-left: 40px;
    padding-top: 5px;
}

table#licenseFaq table td.bar {
    padding-bottom: 3px;
}

table.licenseAns td.top {
	background: url(../img/license/tb_top.jpg) no-repeat;
}

table.licenseAns td.bottom {
	background: url(../img/license/tb_bottom.jpg) no-repeat;
}

table.licenseAns td.left {
	background: url(../img/license/tb_left.jpg) repeat-y left top;
}

table.licenseAns td.right {
	background: url(../img/license/tb_right.jpg) repeat-y right top;
}

.fs18 {
    font-size: 120%;
    font-weight: bold;
}

.fs17 {
    font-size: 110%;
	letter-spacing: 0.01em;
}

.fs14S {
    font-size: 87.5%;
    letter-spacing: 1px;
    line-height: 155%;
	font-weight: bold;
}

.fs14B {
    font-size: 87.5%;
    letter-spacing: 1px;
    line-height: 155%;
	font-weight: bold;
	color: #3FA1FF;
}

.fs14W {
    font-size: 87.5%;
    letter-spacing: 1px;
    line-height: 155%;
	font-weight: bold;
	color: #FFF;
}

.fs17SPurple {
    font-size: 110%;
	letter-spacing: 0.01em;
	font-weight: bold;
	color: #643098;
}

.fs12SPurple {
    font-size: 75%;
    letter-spacing: 1px;
    line-height: 155%;
	font-weight: bold;
	color: #643098;
}

table#licenseBuy {
	background: url(../img/license/bg_buy.jpg) no-repeat;
	padding: 22px;
	border-bottom: 1px dotted #DDDDDD;
}

table#licenseBuy td.icon {
	width: 70px;
	padding-top: 10px;
	*padding-top: 30px;
	_padding-top: 30px;
	height: 87px;
}

table#licenseBuy td.price {
    padding: 10px 5px 0 10px;
    width: 150px;
	*width: 140px;
	_width: 140px;
	*padding: 30px 0 0 0;
	_padding: 30px 0 0 0;
}

table#licenseBuy div.number {
	padding: 10px 0;
	border-bottom: 1px dotted #dddddd;
}

table#licenseBuy div.numberL {
	padding: 10px 0;
}

div.licenseAns02 {
	position: relative;
	zoom: 1;
}

div.licenseAns02 div.bnr {
    left: 22px;
    position: absolute;
    top: 120px;
}

div.licenseAns02 table td.point {
    background: url("../img/license/icon_point.jpg") no-repeat scroll 0 5px transparent;
    *background: url("../img/license/icon_point.jpg") no-repeat scroll 0 15px transparent;
    _background: url("../img/license/icon_point.jpg") no-repeat scroll 0 15px transparent;
    padding-left: 15px;
}

table#licenseAns03 table.ex {
	padding-bottom: 25px;
}


table#licenseAns03 table.ex td.middle {
    background: url("../img/license/tb_graytop.jpg") no-repeat top center #f8f9f9;
	padding: 12px 12px 2px;
}

table#licenseAns03 table.ex td.bottom {
    background: url("../img/license/tb_graybottom.jpg") no-repeat;
}

table#licenseAns03 table.ex div.point {
    background: url("../img/license/icon_ex.jpg") 0 1px no-repeat;
	padding-left: 27px;
	padding-bottom: 7px;
}

table#licenseAns03 table.ex div.pointL {
    background: url("../img/license/icon_ex.jpg") 0 1px no-repeat;
	padding-left: 27px;
	padding-bottom: 0;
}

table#licenseAns03 table td.point02 {
    background: url("../img/license/icon_point.jpg") no-repeat scroll 0 5px transparent;
    *background: url("../img/license/icon_point.jpg") no-repeat scroll 0 15px transparent;
    _background: url("../img/license/icon_point.jpg") no-repeat scroll 0 15px transparent;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 10px;
    padding-left: 15px;
}

table#licenseAns03 table td.example {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #dddddd;
	padding-left: 5px;
}

table#licenseAns03 table td.point03 {
    background: url("../img/license/icon_point.jpg") no-repeat scroll 0 5px transparent;
    *background: url("../img/license/icon_point.jpg") no-repeat scroll 0 15px transparent;
    _background: url("../img/license/icon_point.jpg") no-repeat scroll 0 15px transparent;
    padding-bottom: 10px;
    padding-left: 15px;
}

table#licenseAns03 table.com td.top {
    background: url("../img/license/tb_beigetop.jpg") no-repeat;
}

table#licenseAns03 table.com td.middle {
    background: url("../img/license/tb_beigemiddle.jpg") repeat-y;
	padding: 6px 23px;
}

table#licenseAns03 table.com td.bottom {
    background: url("../img/license/tb_beigebottom.jpg") no-repeat;
}

table#licenseAns03 table.com td.middle div.L {
    background: url("../img/license/icon_comm.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    padding-left: 80px;
    width: 150px;
	*width: 230px;
	_width: 230px;
}

table#licenseAns03 table.com td.middle div.R {
    background: url("../img/license/icon_comm.jpg") no-repeat scroll 0 0 transparent;
    float: right;
    padding-left: 80px;
    width: 150px;
	*width: 230px;
	_width: 230px;
}

table#licenseAns04 table.borderB {
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 20px;
}

table#licenseAns04 div.borderB02 {
    background: url("../img/license/chart.jpg") no-repeat scroll 0 0 transparent;
    margin-top: 20px;
	position: relative;
	zoom: 1;
	width: 544px;
	height: 310px;
}

table#licenseAns04 div.borderB02 p {
    left: 360px;
    position: absolute;
    top: 115px;
}

table#licenseAns04 table.borderB03 {
	border-bottom: 1px solid #dddddd;
}

table#licenseAns05 table#question td.Q {
    background: none repeat scroll 0 0 #F3F5F8;
    color: #006699;
    padding: 5px 0 5px 10px
}

table#licenseAns05 table#question td.A {
    padding: 7px 0 20px 10px
}


/* フロート回り込み解除
----------------------------------------------- */
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* tool
----------------------------------------------- */

.padL5 {padding-left: 5px;}
.padR40 {padding-right: 40px;}
.padT2 {padding-top: 2px;}
.padT5 {padding-top: 5px;}
.padT8 {padding-top: 8px;}
.padT10 {padding-top: 10px;}
.padT15 {padding-top: 15px;}
.padL10 {padding-left: 10px;}
.padB14 {padding-bottom: 14px;}
.padB10 {padding-bottom: 10px;}
.padB17 {padding-bottom: 17px;}
.padB20 {padding-bottom: 20px;}
.padB30 {padding-bottom: 30px;}
.padB40 {padding-bottom: 40px;}
.marB10 {margin-bottom: 10px;}
.marB15 {margin-bottom: 15px;}
.marB30 {margin-bottom: 30px;}
.strong {font-weight: bold;}
.lineH140 {line-height: 140%;}

.fsSmall {font-size: 60%;}
.fsPurple {color: #643098;}
.fs999 {color: #999999;}
.fs666 {color: #666666;}
.fs069B {color: #006699; font-weight: bold;}
.fs666B {color: #666666; font-weight: bold;}
.aspred {color: #E03314;}
.fsGreenB {color: #89B600; font-weight: bold;}
.fsOrange {color: #F0640D;}
/*ASP index.tpl*/

table#aspprice td.title {
    padding: 0;
}


table#aspprice td.line1 {
    padding: 3px 10px;
	color: #009933;
	background: #F0FBF3;
}

table#aspprice td.line2 {
    padding: 3px 10px;
	color: #007E99;
	background: #F7FAFF;
}

table#aspprice td.line3 {
    padding: 3px 10px;
	color: #F0640F;
	background: #FFF9F0;
}

table#aspprice td.line4 {
    padding: 3px 10px;
	color: #666666;
	background: #ffffff;
}

table#aspprice td.only {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #0782CB;
    padding: 14px 3px 3px;
    text-align: center;
	*line-height: 150%;
	_line-height: 150%;
}

table#aspprice td.top {
    background: url("../img/asp/table_bg.jpg") repeat scroll 0 0 transparent;
    color: white;
    padding: 6px 3px 3px;
    text-align: center;
}

table#aspprice span.bigR {
	font-size: 500%;
	font-weight: bold;
	color: #ff0000;
}

table#aspprice span.bigR2 {
	font-size: 100%;
	font-weight: bold;
	color: #ff0000;
}

table#aspprice span.smBlue {
	color: #0681CB;
}

table#aspcard td.top {
    background: #F5FAE5;
    color: #333333;
    padding: 8px 0px 5px;
    text-align: center;
}

table#aspcard td.line {
	color: #333333;
	padding: 6px 0;
	background: #ffffff;
}

table#aspcard td.title {
    padding: 0;
    background: #F5FAE5;
	margin: 0;
}

table#aspdl {
}

table#aspdl td.line {
	color: #333333;
	padding: 8px 7px;
	background: #ffffff;
}

table#aspdl td.title {
	padding: 8px 7px;
    background: #F5FAE5;
}

table#aspdl td.only {
	padding: 8px 3px;
    background: #ffffff;
	color: #F0640D;
}

.fs20B {
	font-size: 150%;
    letter-spacing: 1px;
    line-height: 155%;
	font-weight: bold;
}

div.dlbg {
	padding-top: 20px;
	position: relative;
	zoom:1;
}

div.dlbg img.image_dl {
    position: absolute;
    right: 8px;
    top: 6px;
}

div.dpbg {
	width: 538px;
	height: 92px;
	background: url("../img/asp/table_bgdp.jpg") no-repeat;
}

div.dpbg p {
    margin-left: -180px;
    padding-top: 42px;
}


table td.point03_pu {
	background:url(../img/asp/point03_pickup.gif) no-repeat;
	height: 17px;
	padding-left: 61px;
	padding-top: 16px;
}

table td.point03_pu02 {
	background:url(../img/asp/point03_pickup02.gif) no-repeat;
	height: 17px;
	padding-left: 61px;
	padding-top: 16px;
}

table td.point03_pu03 {
	background:url(../img/asp/point03_pickup03.gif) no-repeat;
	height: 17px;
	padding-left: 61px;
	padding-top: 16px;
}

/*イベントレポートページ　201106seminar*/

td.eventTit {
	background: url("../img/events/201106seminar/ico01.jpg") no-repeat left 3px;
	padding-left: 22px;
}

td.enq {
    background: url("../img/events/201106seminar/ico02.jpg") no-repeat scroll left 11px transparent;
    border-bottom: 1px dashed #CCCCCC;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-top: 8px;
}

td.enqLast {
    background: url("../img/events/201106seminar/ico02.jpg") no-repeat scroll left 12px transparent;
	*background: url("../img/events/201106seminar/ico02.jpg") no-repeat scroll left 13px transparent;
	_background: url("../img/events/201106seminar/ico02.jpg") no-repeat scroll left 13px transparent;
    padding-left: 15px;
    padding-top: 8px;
}


/*2.11.2*/

table#com2112 th {
	padding: 8px;
}

table#com2112 th span.fs10 {
	font-weight: normal;
}


table#com2112 td {
	padding: 5px;
}

table.exele td {
	padding: 5px;
}

/*5th*/

table.Ans5 td.top {
    background: url("../img/events/201110_5th/tb_top.jpg") no-repeat scroll 0 0 transparent;
}

table.Ans5 td.bottom {
    background: url("../img/events/201110_5th/tb_bottom.jpg") no-repeat scroll 0 0 transparent;
}