@charset "utf-8";
/* CSS Document */
/*-------------------------------------
Yahoo UI Library Font-size Adjustment
10px = 77%    11px = 85%    12px = 93%
13px = 100%   14px = 108%   15px = 116%
16px = 123.1% 17px = 131%   18px = 138.5%
19px = 146.5% 20px = 153.9% 21px = 161.6%
22px = 167%   23px = 174%   24px = 182%
25px = 189%   26px = 197%
--------------------------------------*/


html{
	width:100%;
}

body{
	width:100%;
	font-size: 100%;
	line-height: 2;
	color: #000;
	background-color: #dcdcdc;
	-webkit-text-size-adjust: none;
}

body > #container{
	height: auto;
}

/* 回り込み解除用 */
.clear{ clear:both;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

a {
	color: #193135;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:active {
	border: none;
}

img {
	vertical-align: bottom;
	border: none;
}

/*********** container ***********/
#container {
	width: 640px;
	margin: 0 auto;
	position: relative;
	background-color: #FFF;
}

#header {
	height: 104px;
	position: relative;
}

#header h1.logo {
	position: absolute;
	top: 0;
	left: 0;
}

#header h2 {
	position: absolute;
	top: 0;
	right: 0;
}

/*********** mainArea ***********/
#mainArea {
	padding: 0 0 30px 0;
}

#mainArea div.main_image {
	margin: 0 0 0 0;
}

#mainArea div.regist {
	width: 588px;
	height: 207px;
	position: relative;
	margin: 0 32px 0 20px;
	padding: 30px 0;
	background: url(../img/btn_bg.gif) no-repeat 0 30px;
}

#mainArea div.regist p.tel {
	position: absolute;
	top: 134px;
	left: 206px;
}

#mainArea div.regist p.btn {
	position: absolute;
	top: 30px;
	left: 206px;
}


#mainArea p.option {
	text-align: center;
	margin: 0 0 35px 0;
}

#mainArea p.add_text1 {
	margin: 0 0 30px 0;
	text-align: center;
	font-size: 25px;
	line-height: 1.2;
}

#mainArea .bg {
	background: url(../img/bg.jpg) repeat-y;
}

#mainArea div.sec1 {
	width: 580px;
	margin: 0 auto;
}

#mainArea div.sec2 {
	width: 580px;
	margin: 0 auto;
}

#mainArea div.sec2 p.add_text3 {
	margin: 0 0 40px 0;
	font-size: 24px;
	text-align: center;
}

#mainArea div.sec2 .items {
	
}

#mainArea div.sec2 .items h3 {
	margin: 10px 0 0 0;
}

#mainArea div.sec2 .items h3:first-child {
	margin: 0;
}




#mainArea div.sec3 {
	width: 580px;
	margin: 0 auto;
}

#mainArea div.sec3 div.add_text2 {
	padding: 30px 0;
	background-color: #FFF;
}

#mainArea div.sec3 div.add_text2 h4 {
	height: 55px;
	padding: 16px 0 0 0;
	font-size: 30px;
	line-height: 1.2;
	text-align: center;
	color: #FFF;
	background: url(../img/nm63.gif) no-repeat;
}

#mainArea div.sec3 .add_text2 {
	margin: 10px 20px 35px 20px;
	font-size: 18px;
	line-height: 1.5;
}

#mainArea div.sec3 div.smart {
	width: 490px;
	height: 247px;
	position: relative;
}

#mainArea div.sec3 div.smart h4 {
	position: absolute;
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
}

#mainArea div.sec3 div.smart p {
	position: absolute;
	font-size: 19px;
	line-height: 1.4;
}

#mainArea div.sec3 div.smart p span {
	color: #F00;
}

#mainArea div.sec3 div.s1 {
	float: left;
	background: url(../img/nm12.jpg) no-repeat;
}
#mainArea div.sec3 div.s1 h4 {
	top: 36px;
	left: 80px;
}
#mainArea div.sec3 div.s1 p {
	width: 265px;
	top: 92px;
	left: 45px;
}

#mainArea div.sec3 div.s2 {
	float: left;
	background: url(../img/nm13.jpg) no-repeat;
}
#mainArea div.sec3 div.s2 h4 {
	top: 36px;
	left: 70px;
}
#mainArea div.sec3 div.s2 p {
	width: 270px;
	top: 92px;
	left: 36px;
}

#mainArea div.sec3 div.s3 {
	float: left;
	background: url(../img/nm14.jpg) no-repeat;
}
#mainArea div.sec3 div.s3 h4 {
	top: 36px;
	left: 80px;
}
#mainArea div.sec3 div.s3 p {
	width: 305px;
	top: 92px;
	left: 45px;
}

#mainArea div.sec3 div.s4 {
	float: left;
	background: url(../img/nm15.jpg) no-repeat;
}
#mainArea div.sec3 div.s4 h4 {
	top: 36px;
	left: 70px;
}
#mainArea div.sec3 div.s4 p {
	width: 185px;
	top: 92px;
	left: 36px;
}




#mainArea div.sec4 {
	width: 580px;
	margin: 0 auto;
}

#mainArea div.sec4 p.add_text4 {
	margin: 4px 0;
	font-size: 20px;
	line-height: 1.4;
	text-align: center;
}

#mainArea div.sec4 p.add_text5 {
	margin: 25px 40px;
	font-size: 22px;
	line-height: 1.4;
}

#mainArea div.sec5 {
	width: 580px;
	margin: 0 auto;
}


#mainArea div.customer {
	margin: 0 0 30px 0;
}




#mainArea div.server {
	margin: 0 0 50px 0;
}

#mainArea div.server .items {
	position: relative;
}
#mainArea div.server .items h3 {
	position: absolute;
	left: 60px;
	top: 42px;
	font-size: 2.23em;
	font-weight: bold;
	line-height: 1;
}
#mainArea div.server .items .text {
	position: absolute;
	width: 340px;
	left: 27px;
	top: 101px;
	font-size: 1.39em;
	line-height: 1.5;
}
#mainArea div.server .items .text span {
	color: #FF0000;
}

#mainArea div.server .svr1 {
	height: 440px;
	background: url(../img/nm70_bg.jpg) no-repeat;
}
#mainArea div.server .svr1 .btn {
	position: absolute;
	left: 374px;
	top: 353px;
}

#mainArea div.server .svr2 {
	height: 369px;
	background: url(../img/nm71_bg.jpg) no-repeat;
}
#mainArea div.server .svr2 .btn {
	position: absolute;
	left: 374px;
	top: 283px;
}

#mainArea div.server .svr3 {
	height: 373px;
	background: url(../img/nm72_bg.jpg) no-repeat;
}
#mainArea div.server .svr3 .btn {
	position: absolute;
	left: 374px;
	top: 287px;
}

#mainArea div.server .svr4 {
	height: 330px;
	background: url(../img/nm73_bg.jpg) no-repeat;
}
#mainArea div.server .svr4 .btn {
	position: absolute;
	left: 374px;
	top: 243px;
}







#mainArea div.server .color ul {
	position: relative;
	height: 386px;
	background: url(../img/nm75.jpg) no-repeat;
}
#mainArea div.server .color ul li {
	position: absolute;
	top: 10px;
	width: 110px;
	font-size: 1em;
	line-height: 1.4;
}
#mainArea div.server .color ul li.c1 {
	left: 15px;
}
#mainArea div.server .color ul li.c2 {
	left: 135px;
}
#mainArea div.server .color ul li.c3 {
	left: 260px;
}
#mainArea div.server .color ul li.c4 {
	left: 385px;
}
#mainArea div.server .color ul li.c5 {
	left: 510px;
}





#mainArea div.simulation {
	margin: 0 0 35px 0;
}

#mainArea div.voice {
	padding: 20px 31px 20px 32px;
	background-color: #FFF;
}
#mainArea div.voice p {
	font-size: 0.60em;
}





#btn_buy {
	margin: 0 0 46px 0;
}

#btn_buy a {
	display: block;
}
#btn_buy p {
	margin: 0 15px 0 0;
	font-size: 1em;
	text-align: right;
}





#mainArea div.notes {
	margin: 0 auto 20px auto;
}

#mainArea div.notes h2 {
	margin: 0 0 56px 0;
	text-align: center;
}
#mainArea div.notes h3 {
	margin: 0 0 42px 0;
	text-align: center;
}



/*********** pagetop ***********/
#pagetop {
	position: fixed;
	bottom: -100px;
	right: 20px;
	width: 79px;
	z-index: 10;
}

/*********** footer ***********/
#footer {
	width: 640px;
	padding: 10px 0;
	font-size: 100%;
	text-align: center;
	color: #FFF;
	background-color: #004c96;
}

#footer p {
	word-spacing: 75px;
}

#footer p a {
	color: #FFF;
}

#footer address {
	font-style: normal;
}

#link-text p a {
	color:#0024BE;
}