/**********************************
base
**********************************/
* {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	cursor: auto;
	font: normal 12px/1.5 Arial,Helvetica,"ヒラギノ角ゴ Pro W3",sans-serif;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	color: #333333;
	/*background: #FFF url(IMG/bg.jpg) repeat-x ;*/
}

a         { color: #333333; text-decoration: underline; cursor: pointer;}
a:hover   { color:#0033CC;}

p { padding: 5px 0 8px 5px;}

em{
	font-weight: bold;
	color: #333;
	font-size: 12px;
	font-style: normal;
}

strong { font-weight: bold; color: #ff3300;}

ul{ list-style:none;}

dt{ /*text-indent:-9999px;*/}


h1,h2,h3{ 
text-indent:-9999px;
font-size: 12px;
}

.orange{ color: #FF3300;}
.blue{ color:#0033CC }

table { border: 0; margin-bottom: 15px; width: 100%; padding: 3px 0 0 5px; font-size: 12px; color: #666666;}

caption { display: none;}

.td1 { background: #efefef; width: 20%;}
.td2 { background: #ffffff; border-bottom: 1px solid #ebe6d8; width: 20%; text-align: center;}
.td3 { background: #ffffff; border-bottom: 1px solid #ebe6d8; border-right: 1px solid #ebe6d8; text-align: center; width: 20%}
.td4 { width: 50%;}
.td5 { width: 50%; background: #efefef; text-align: center;}
.td-k1 { background: #efefef; border-bottom: 1px solid #ebe6d8; width: 28%; text-align: center;}


th { border-bottom: 3px solid #ebe6d8; border-right: 2px solid #ebe6d8; padding: 3px 5px; font-size:12px; color: #fff;}

.pa th{ background-color: #ffcc33;}
.pb th{ background-color: #003399;}
.pc th{ background-color: #2e8b57;}
.pk th{ background-color: #c0c0c0;}

td { padding: 5px 10px; border-bottom: 1px solid #ebe6d8; border-right: 2px solid #ebe6d8;}
#formdemo table{ width: 550px; padding: 0px; border: 0px; margin: 0px;}
#formdemo table td{padding: 2px; border: 0px; margin: 0px;}

/**********************************
layout-box
**********************************/

#wrapper{
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-color:transparent;
	background-image: url(IMG/sidebox.jpg);
	background-repeat: repeat-y;
	background-position: top right;
	text-align: left;
	border-left: 1px #333 solid;
	border-right: 1px #333 solid;
}

#header{
	width: 760px;
}
.content #header,.form #header{
	background-image: url(IMG/content-head.jpg);
	background-repeat: no-repeat;
	background-position: top left;

}
#header2{
width: 760px;
}

#contents{
	width: 760px;
	background-color:transparent;
}
#main-box{
	width: 580px;
	float: left;
	background-image: url(IMG/back.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-right: 0px;
	margin-left: 0px;
min-height: 500px;
}
.content #main-box,.form #main-box{ 
	background-image:none;
	background-color:#FFFFFF;
}
#side-box{
	width: 180px;
	float: left;
text-align: center;
	margin-right: 0px;
	margin-left: 0px;
	background-color:transparent;

}
#main-img{
	width: 580px;
	height: 100px;
	clear: both;
}

#left-space{
	width: 170px;
	float: left;
	margin-left: 10px; 
}
#right-space{
	width: 560px;
margin-left: 14px;
}
#footer{
	width: 760px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-image: url(IMG/footer.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#01359b;
                color: #FFF;
}
/**********************************
header
**********************************/


#headcopy2{
	width: 760px;
	height: 27px;
	background-image: url(IMG/header.gif);
	background-repeat: no-repeat;
	background-position: top left;
text-indent: 10px!important;
font-weight: normal!important;
padding-top: 5px;
color: #fff;
}
.content #headcopy,.form #headcopy{ 
    height: 90px;
	}
.content #headcopy a,.form #headcopy a{
	display: block;
	width: 180px;
	height: 13px;
	position:relative;
	top: 65px;
	left: 580px;
}

#menu {
	width: 760px;
	height:33px;
	clear: both;
	padding-top: 4px;
	text-align: left;
	background-color:#fff;
}
.content #menu,.form #menu{ padding-top: 2px;}
#menu li{float: left;}
.m li a {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	width: 108px;
	height: 29px;
	background-color:#ffffff;
}

#menu .top a{ background: url(IMG/mu01.gif) no-repeat;}
#menu .store a{ background: url(IMG/mu02.gif) no-repeat; width: 110px !important}
#menu .team a{ background: url(IMG/mu03.gif) no-repeat;}
#menu .about a{ background: url(IMG/mu04.gif) no-repeat;width: 109px !important}
#menu .faq a{ background: url(IMG/mu05.gif) no-repeat;}
#menu .afili a{ background: url(IMG/mu06.gif) no-repeat;width: 109px !important}
#menu .money a{ background: url(IMG/mu07.gif) no-repeat;}

/**********************************
main-box_left
**********************************/
.infinity{
	margin-top: 0px;
	border: 1px solid #333;
	background-color:#FFFFFF;
}
.infinity dt{ background-color:#0033ff;	text-align:center; color: #FFFFFF;}
.infinity dd{ padding-left: 5px; margin:5px 0 5px 0;}
.sample-dl{
	width: 155px;
	height: 201px;
	background-image: url(IMG/sample.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 30px 0 0 15px;
margin-top: 10px;
}
.sample-dl dt{ width: 145px; height: 60px; margin-bottom:10px; }
.sam1 a{ 
	width: 75px;
	display:block; 
	text-indent:-9999px; 
	margin:10px 0 0 70px;
	}

.standerd-dl{
	width: 170px;
	height: 100px;
	background-image: url(IMG/standard.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 5px;
}
.pro-dl{
	width: 170px;
	height: 100px;
	background-image: url(IMG/pro.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 5px;
}
.superpro-dl{
	width: 170px;
	height: 100px;
	background-image: url(IMG/sppro.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 5px;
}
.easy-dl{
	width: 170px;
	height: 100px;
	background-image: url(IMG/easy.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 5px;
}

.pri1 a{ 
	width: 80px;
	display:block; 
	text-indent:-9999px; 
	margin:13px 0 0 80px;
}
.easy-dl dt,.standerd-dl dt,.pro-dl dt,.superpro-dl dt{ padding-left:8px; margin-top:30px;}
.easy-dl dd,.standerd-dl dd,.pro-dl dd,.superpro-dl dd{ padding-left:8px;}
/**********************************
main-box_right
**********************************/
.sub-img{
	width: 550px;
	height: 230px;
	clear: both;
}
h6{ 
	width: 88px;
	height: 33px;
               margin-left: 265px;
}
h6 a{
	width: 88px;
	height: 23px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}
.api{
	width: 550px;
	background-image: url(IMG/api.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 33px 0 15px 0;
                background-color: #fff;
border:#003399 solid 2px;
margin-bottom: 8px;
}
#description{
                padding: 8px;
}
.topics{
	width: 560px;
	height: 28px;
	background-image: url(IMG/topic.gif);
	background-repeat: no-repeat;
	background-position: top left;

}
.topi-box{
	width: 550px;
	height: 150px;
	overflow: auto;
}

.m10{ margin-top: 10px; margin-bottom: 10px;}
.demo a,.down a{ color:#0033CC;}
.topi1{ width: 550px; text-align:right; margin-top:20px; border-bottom:#0033cc solid 2px;}
.navi{ text-align: right; padding-right: 10px;}
.navi a:hover{ color: #99ccff;}
/**********************************
side-box
**********************************/

#side-box a{ color: #FFFFFF; font-weight:bold;}
#side-box a:hover{ color: #0033CC;}
.contact,.cs{
	width: 165px;
	height: 50px;
	margin-left: 12px;
}
.diffarent{
	width: 165px;
	height: 50px;
	margin-left: 12px;
}
.experience{
	width: 165px;
	height: 50px;
	margin-left: 12px;
}
.touroku{
	width: 165px;
	height: 90px;
	margin-left: 12px;
}
.login{
	width: 165px;
	height: 164px;
	text-align: center;
	margin-left: 10px;
	background-image: url(IMG/login.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.server{
	width: 180px;
	text-align:center;
	padding-top: 5px;
}
#steps{
	width: 180px;
	text-align:center;
	padding-top: 20px;
}

/**********************************
footer
**********************************/

#footer a{ color:#FFFFFF; text-decoration:underline; cursor:pointer;}
#footer a:hover{ color:#0033CC;}
.footermnu{
	width: 747px;
	text-align: right;
	margin-top: 5px;
	padding-top: 7px;
	padding-right: 8px;
	background-image: url(IMG/footmu.jpg);
	background-repeat: no-repeat;
	background-position: left left;
}
.copy{
	margin-top: 35px;

}
/**********************************
dl-contact,dl-cs
**********************************/

.co1 a{
	width: 165px;
	height: 47px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(IMG/contact.jpg);
	background-repeat: no-repeat;
	background-position: top left;

}
.cs0 a{
	width: 165px;
	height: 47px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(IMG/cs.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
/**********************************
dl-diffarent
**********************************/

.dif1 a{
	width: 165px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(IMG/diff2.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

/**********************************
dl-experience
**********************************/

.exp1 a{
	width: 165px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(IMG/exper2.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

/**********************************
dl-touroku
**********************************/

.to1 a{
	width: 165px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(IMG/touroku2.gif);
	background-position: center;
}
/**********************************
dl-login
**********************************/

.log1{
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	width: 165px;
	height: 30px;
}
.log2 a{
	width: 165px;
	height: 44px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;

}
#text{ margin-bottom: 20px}
#pass{ margin-bottom: 10px}

/**********************************
server
**********************************/

.server dd{ margin-top: 10px;}


/**********************************
pagetop
**********************************/
.pagetop{ 
	height: 12px;
                text-align: right;
width: 750px;
clear: both;
}
/*
.pagetop a{
	width: 110px;
	height: 12px;
	display: block;
	text-indent: -9999px!important;
	text-decoration: none;
	background-image: url(IMG/pagetop.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
*/
/**********************************
content-page
**********************************/

h4{
	font-size: 20px;
	border-left: 8px #0033cc groove;
	padding-left: 5px;
}
h5{
	font-size: 15px;
	border: 1px #333 solid;
	border-left: 20px #000080 solid;
	padding-left: 5px;
	margin-left:25px;
	width: 505px;
}

.qa{
	border: 1px #333 solid;
	border-left: 20px #990033 solid;

}
.sample{
	font-size: 12px;
	background-color: #000080;
	padding: 6px;
                color: #fff;
                display: block;
font-weight: bold;
}

.content-title{
	background-color: #efefef;
	height: 45px;
	padding:10px 0 0 20px;
	margin-bottom:18px;
}
.content-catch{
	width: 515px;
	margin-left:25px;
	padding: 8px;
	/*background-color: #faf0e6;*/
	margin-bottom:18px;
clear: both;
 }

.content-catch2{
	width: 515px;
	margin-left:25px;
	padding: 8px;
	background-color: #efefef;
	margin-top: 10px;
	margin-bottom:18px;
clear: both;
 }


.content-text{
	width: 530px;
	margin-left:25px;
	padding: 10px 0px 10px 0px;
	margin-bottom:18px;
                clear: both;
}
.pott1{
	width: 529px;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	border:#0033cc solid 1px;
	background-color:#efefef;
	margin-bottom:5px;
                margin-top: 12px;
	clear: both;
}
.pott2{
	width: 430px;
	height: 12px;
	padding-left: 22px;
	color: #666;
                font-weight: bold;
	margin-bottom:5px;
	clear: both;
}
.pott3{
	font-size: 14px;
	font-weight: bold;
	color: #666;
	border:#0033cc solid 1px;
	background-color:#efefef;
	margin-bottom:5px;
                padding: 3px;
	clear: both;
}

.number{
	display: block;
	width: 30px;
	height: 20px;
	text-align: center;
	float: left;
	background-color:#0033cc;
	color: #fff;

}
.module-navi{
	width: 515px;
	margin-left:25px;
	padding: 12px 8px 12px 8px;
	background-color: #f5f5dc;
	margin-bottom:18px;
	border: 1px #333 solid;
}
.mod1 a{
	display: block;
	width: 215px;
	height: 70px;
	float: left;
	padding: 30px 5px 0px 10px;
	margin-left:8px;
	background-image: url(IMG/test.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.mod2 a{
	display: block;
	width: 215px;
	height: 70px;
	float: left;
	padding: 30px 5px 0px 10px;
	margin-left:20px;
	background-image: url(IMG/login3.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.shima dt,.shima dd{text-indent: 0px; margin: 0px; border: none; padding: 3px;}
.shima dd{ background-color: #fff;}
.shima dt{ background-color: #efefef;}

.sample-txt{
                float: left;
                padding: 5px;
}
.sample-txt2{
                margin-top: 8px;
                padding: 5px;
background-color: #f5f5dc;
}
.sampleimg{
float: left;
border: 1px solid #666;
}

.qa2{ border-top: 1px #666 solid;}


.price-a,.price-b,.price-c{ float: left;}

.fgate-des dt{
	padding: 3px;	

}
#formdemo{ 
width: 550px;
	background-image: url(IMG/easydemo.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 35px 0 5px 0;
                background-color: #fff;
border:#003399 solid 2px;
margin-bottom: 8px;
margin-top: 8px;
}

/**********************************
blog
**********************************/
.entry{ margin-bottom: 30px;}

.entry-header{
	font-size: 15px;
	border-left: 2px #6b8e23 solid;
	padding-left: 5px;
	background-color: #f5f5dc;
	margin-left:25px;
	width: 505px;
                display: block;
}
.entry-footer{
	border-top: 2px #6b8e23 dotted;
	width: 505px;
}

.entry-body,#comments{
                padding: 5px 20px 40px 5px;

}

.comments-header,.comments-open-header{
	font-size: 15px;
	border-left: 2px #191970 solid;
                background-color: #efefef;
	padding-left: 5px;
	width: 500px;
                display: block;
clear: both;
font-weight: bold;
}


#comment-author, #comment-email, #comment-url, #comment-text {
    width: 240px;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}


#comment-post {
    font-weight: bold;
}
.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
    clear: both;
}
.comments-open label { display: block; }
form textarea#comment-text { width:400px; }

/**********************************
demo.html
**********************************/


.word10bk {
	FONT-SIZE: 10px; COLOR: #333333; LINE-HEIGHT: 12pt
}
.word12bk {
	FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 14pt
}
.word18bk {
	FONT-SIZE: 18px; LINE-HEIGHT: 20pt; coler: #333333
}
A.link12:link {
	FONT-SIZE: 12px; COLOR: #00265f; TEXT-DECORATION: none
}
A.link12:visited {
	FONT-SIZE: 12px; COLOR: #00265f; TEXT-DECORATION: none
}
A.link12:hover {
	FONT-SIZE: 12px; COLOR: #00265f; TEXT-DECORATION: underline
}
A.link10:link {
	FONT-SIZE: 10px; COLOR: #3333cc; TEXT-DECORATION: none
}
A.link10:visited {
	FONT-SIZE: 10px; COLOR: #3333cc; TEXT-DECORATION: none
}
A.link10:hover {
	FONT-SIZE: 10px; COLOR: #cc3333; TEXT-DECORATION: underline
}
.att{ padding-left: 13px; font-size: 10px;}
.att2{ 
width: 540px; 
background-color:#FFFFFF;
padding: 18px 0 10px 10px;
text-align: left;
border:#003399 solid 2px;
margin-bottom: 10px;
}
.att3{ text-align: left; width: 530px; font-size: 12px; }
.att3 p{ padding: 0px;}

.cs-text{ padding: 8px; margin-bottom: 20px;}
.cs-text dt{
font-size: 14px;
border-bottom: 1px #666 solid;
margin-bottom: 5px;
padding: 2px 0px 2px 5px;
background-color: #efefef;
}