/* CSS Document */

.bottomLine {
visibility:inherit;
}

#productImage h2{
background:url(../image/h2.jpg);
margin:0px;
padding:0px;
height:20px;
}

#productImage h4{
background:url(../image/h4.jpg);
margin:0px;
padding:0px;
height:20px;
}

#productImage h4.h4comm{
background:url(../image/h4_comm.jpg);
margin:0px;
padding:0px;
height:20px;
}

#productImage {
background:url(../../../common/image/solutionBottomline.jpg) bottom left no-repeat;
position:relative;
text-align:left;
}

#productImage h2 span{
position:absolute;
top:-9999px;
}

#productImage h4 span{
position:absolute;
top:-9999px;
}

.title1 {
background:url(../image/h3title1.gif) no-repeat top left;
}

.title2 {
background:url(../image/h3title2.gif) no-repeat top left;
}

.title3 {
background:url(../image/h3title3.gif) no-repeat top left;
}

.title4 {
background:url(../image/h3title4.gif) no-repeat top left;
}

.title5 {
background:url(../image/h3Title5.gif) no-repeat top left;
}

.title6 {
background:url(../image/h3Title6.gif) no-repeat top left;
}

.title7 {
background:url(../image/h3Title7.gif) no-repeat top left;
}

.title8 {
background:url(../image/kisekaeImage_title.gif) no-repeat top left;
}

.title9{
background:url(../image/h3Title9.gif) no-repeat top left;
}

.title10{
background:url(../image/h3Title10.gif) no-repeat top left;
}

.title11{
background:url(../image/h3Title11.gif) no-repeat top left;
}

#richFlashMove {
text-align:left;
width:780px;
height:73px;
_position:absolute;
z-index:20;
overflow:hidden;
}

#mainContents h2.flashTitle {
font-size:14px;
font-weight:bold;
margin:0px 10px 20px 10px;
padding:0px;
color:#222222;
}

#flashMov {
	margin:0px;
	padding:0px;
	width:780px;
	height:73px;
	text-align: left;
}

#flashMov span {
	text-indent:-9999;
}


/*index*/
.contentsGuide {
margin:10px 0px 40px 0px;
}

.contentsGuide p{
margin:0px 20px 8px 10px;
padding:3px 0px 0px 35px;
min-height:35px;
_height:35px;
}

.contentsGuide p.guide1{
background:url(../image/guide1.gif) no-repeat left center;
}

.contentsGuide p.guide2{
background:url(../image/guide2.gif) no-repeat left center;
}

.contentsGuide p.guide3{
background:url(../image/guide3.gif) no-repeat left center;
}

.contentsGuide p.guide4{
margin-bottom:3px;
background:url(../image/guide4.gif) no-repeat left center;
}

.contentsGuide div.advantageBtn {
margin:0px 20px 0px 375px;
}

.contentsGuide div.advantageBtn a{
display:block;
height:22px;
width:185px;
background:transparent url(../image/advantage.gif) no-repeat 0px 0px;
}

.contentsGuide div.advantageBtn a:hover{
background:transparent url(../image/advantage.gif) no-repeat 0px -22px;
}

.caseGuide {
margin:10px 20px 20px 10px;
}

.caseGuide h4{
width:270px;
height:33px;
margin:0px;
padding:0px;
}

.caseGuide h4 span{
display:none;
}

.caseGuide p{
margin:5px 10px 34px 90px;
padding:0px;
font-size:10px;
}

.onlineFlashArea {
background:url(../image/onlineFlashBg.gif) center bottom no-repeat;
width:270px;
float:left;
margin:0px 10px 10px 0px;
min-height:142px;
_height:142px;
position:relative;
}

h4.onlineFlashTitle {
background:url(../image/onlineFlash.gif) no-repeat;
}

.kisekaeToolArea {
background:url(../image/kisekaeToolBg.gif) center bottom no-repeat;
width:270px;
float:right;
margin:0px 0px 10px 0px;
min-height:142px;
_height:142px;
position:relative;
}


h4.kisekaeToolTitle {
background:url(../image/kisekaeTool.gif) no-repeat;
}

.miniGameArea {
background:url(../image/screenSaverBg.gif) center bottom no-repeat;
width:270px;
float:left;
margin:0px 10px 10px 0px;
min-height:142px;
_height:142px;
position:relative;
}

h4.miniGameTitle {
background:url(../image/minigame.gif) no-repeat;
}

.pcMobileWebArea {
background:url(../image/pcMobleWebBg.gif) center bottom no-repeat;
width:270px;
float:right;
margin:0px 0px 10px 0px;
min-height:142px;
_height:142px;
position:relative;
}

h4.pcMobileWebTitle {
background:url(../image/pcMobleWeb.gif) no-repeat;
}

div.caseCopy {
	font-size:9px;
	position:absolute;
	bottom:0px;
	right:-12px;
	height:36px;
	width:200px;
	line-height: 11px;
}

div.caseBtn {
position:absolute;
bottom:10px;
right:10px;
height:24px;
width:80px;
}

div.caseBtn a{
display:block;
height:24px;
width:80px;
background:transparent url(../image/caseBtn.gif) 0px 0px;
}

div.caseBtn a:hover{
background:transparent url(../image/caseBtn.gif) 0px -24px;
}

/* kisekaeImage */
div#kisekaeImage {
margin:10px 20px 40px 10px;
background-color:#FFF;
border:1px solid #0067ff;
background-position:top right;
background-repeat:no-repeat;
}

div#kisekaeImage p {
margin:15px 0px 5px 10px;
}

div#kisekaeImage p.left {
padding-bottom:3px;
}

div#kisekaeImage p.left span {
display:block;
padding-left:12px;
margin-bottom:3px;
}

div#kisekaeImage p.handheld {
padding-bottom:10px;
font-size:0.8em;
color:#666666;
}


/* kisekaeSite */
div#kisekaeGuide {
margin:10px 20px 40px 10px;
background-color:#cfeff0;
border:1px solid #0067ff;
background-image:url(../image/kisekaektai.png);
background-position:top right;
background-repeat:no-repeat;
}

div#kisekaeGuide p {
margin:15px 0px 5px 10px;
}

div#kisekaeGuide p.left {
padding-bottom:8px;
width:340px;
border-bottom:1px dashed #b3b3b3;
}

div#kisekaeGuide p.handheld {
padding-bottom:10px;
font-size:0.8em;
color:#666666;
}

/*advantage*/

div.advantage {
margin:10px 21px 40px 10px;
padding:0px;
}

div.advantageArea {
margin:0px 0px 10px 0px;
padding:0px 0px 9px 0px;
background:url(../image/advantageBottom.gif) no-repeat left bottom;
}

div.advantageArea div.text{
background:url(../image/advantageText.gif) repeat-y left;
_height:152px;
min-height:152px;
}

div.advantageArea p{
margin:0px 7px 0px 101px;
}

div.advantageArea div.textAreaRight{
float:left;
width:270px;
margin:0px;
position:relative;
}

div.advantageArea div.textAreaRight img{
position:absolute;
top:63px;
left:7px;
}

div.advantageArea div.textAreaLeft{
float:left;
width:270px;
position:relative;
margin:0px 0px 0px 9px;
}

div.advantageArea div.textAreaLeft img{
position:absolute;
top:63px;
left:7px;
}

div.advantageArea h4{
width:270px;
height:57px;
margin:0px 0px 7px 0px;
padding:0px;
}

div.advantageArea h4 span{
display:none;
}

h4.advantageTitle1{
background:url(../image/advantageTitle1.gif) no-repeat;
}

h4.advantageTitle2{
background:url(../image/advantageTitle2.gif) no-repeat;
}

h4.advantageTitle3{
background:url(../image/advantageTitle3.gif) no-repeat;
}

h4.advantageTitle4{
background:url(../image/advantageTitle4.gif) no-repeat;
}

div.element {
margin:10px 20px 40px 10px;
padding:0px;
}

div.element h4 {
width:550px;
height:30px;
margin:0px;
padding:0px;
}

div.element h4 span{
display:none;
}

h4.elementTitle1 {
background:url(../image/elementTitle1.gif) no-repeat;
}

h4.elementTitle2 {
background:url(../image/elementTitle2.gif) no-repeat;
}

h4.elementTitle3 {
background:url(../image/elementTitle3.gif) no-repeat;
}

div.element p {
margin:5px 0px 5px 20px;
padding:0px;
}

div.element div.elementText{
margin:15px 20px 0px 20px;
padding:0px;
font-size:14px;
font-weight:bold;
line-height:1.3em;
color:#1257bc;
}

/*case*/

div.case {
margin:10px 20px 40px 10px;
padding:0px;
}

div.case a{
color:#0c5ed8;
}

div.case p{
margin:10px 0px 0px 0px;
padding:0px;
}

div.case h4 {
color:#2275a9;
margin:0px 0px 10px 0px;
padding:0px;
line-height:1.3em;
font-size:14px;
}

div.mobileText {
float:left;
width:275px;
}

div.mobileText span{
color:#34969e;
font-weight:bold;
display:block;
margin:0px 0px 3px 0px;
}

div.mobileFlash {
background:url(../image/mobile.gif) no-repeat;
padding:96px 21px 140px 21px;
float:right;
}


/*game*/

div.game {
margin:10px 20px 40px 10px;
padding:0px;
}

div.game a{
color:#0c5ed8;
}

div.game p{
margin:0px 0px 10px 0px;
padding:0px;
}

div.game p.text{
float:left;
width:270px;
}

div.game h4 {
color:#2275a9;
margin:0px 0px 5px 0px;
padding:0px;
line-height:1.3em;
font-size:14px;
}

div.game h5 {
color:#3399CC;
margin:5px 0px 5px 0px;
padding:0px;
line-height:1.3em;
font-size:13px;
}