@charset "UTF-8";

html {
   overflow-y:scroll;
}

body {
	color:#333;
	font-size:12px;
}

html,body{
    height: 100%;
}

p,ul,dl,ol{
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",
 Verdana,Arial, Helvetica, sans-serif;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */
	width:750px;
	border-left:solid #000 5px;
	border-right:solid #000 5px;
}



#footer,#header,#contents,ul#menu {
	width: 750px;
	margin: 0px auto;
}

#header {
	height:104px;
}

#header h1{
	display:block;
	width:528px;
	height:104px;
	float:left;
	background:url(../img/Personal_Wireless_Router_logo.gif) left top no-repeat;
}

#header h1 a{
	display:block;
	width:528px;
	height:104px;
	text-indent:-9999px;
	outline:none;
}

#header h2{
	display:block;
	width:150px;
	height:104px;
	float:right;
	background:url(../img/NTT_Broadband_Platform_logo.gif) right top no-repeat;
}


#header h2 a{
	display:block;
	margin-left:40px;
	width:110px;
	height:48px;
	text-indent:-9999px;
	outline:none;
}


ul#menu {
	height:35px;
	position:relative;
	background:url(../img/menu.png) no-repeat top left #000000;
}


ul#menu li{
	height:35px;
	display:inline;
}

ul#menu li a{
	text-indent:-9999px;
	display:block;
	height:35px;
	text-decoration:none;
	position:absolute;
	outline:none;
	color:#FFFFFF;
	
	background-image:url(../img/menu.png);
	background-repeat:no-repeat;
}

ul#menu li#Message a:hover{background-position:0 100%;}
ul#menu li#ProductDescription a:hover{background-position:-89px 100%;}
ul#menu li#Spec a:hover{background-position:-171px 100%;}
ul#menu li#History a:hover{background-position:-227px 100%;}
ul#menu li#UsageScenarios a:hover{background-position:-326px 100%;}
ul#menu li#AboutSales a:hover{background-position:-418px 100%;}
ul#menu li#RecruitDevelopers a:hover{background-position:-525px 100%;}

ul#menu li#Message a{
	width:89px;
	background-position:0 0;
}
ul#menu li#ProductDescription a{
	width:82px;
	margin-left:89px;
	background-position:-89px 0;
}
ul#menu li#Spec a{
	width:56px;
	margin-left:171px;
	background-position:-171px 0;
}
ul#menu li#History a{
	width:99px;
	margin-left:227px;
	background-position:-227px 0;
}
ul#menu li#UsageScenarios a{
	width:92px;
	margin-left:326px;
	background-position:-326px 0;
}
ul#menu li#AboutSales a{
	width:107px;
	margin-left:418px;
	background-position:-418px 0;
}
ul#menu li#RecruitDevelopers a{
	width:112px;
	margin-left:525px;
	background-position:-525px 0;
}


#contents{
	background:url(../img/sub_contents_background.jpg) top center no-repeat;
	min-height:560px;
}

#contents p{
	padding:10px 0px;
}

#contents a{
	text-decoration:none;
	border-bottom:1px solid #006de8;
	color:#006de8;
}

#contents a:visited {
	color:#006de8;
}

#mainimg {
	height:322px;
}

#footer {
	clear:both;
	width:750px;
	height:80px;
	background:url(../img/footer.png) top center no-repeat;
	text-indent:-9999px;
}

.push {
	height:80px;/* .push must be the same height as #footer */
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

p strong{
	font-weight:bold;
}


/* サブコンテンツ共通 */

.section{
	padding:0 12px 75px;
	min-height:450px;
}

.section.message {
	background:url(../img/section_message_bg.jpg) no-repeat top center;
}

.section.productDescription {
	background:url(../img/section_productDescription_bg.jpg) no-repeat top center;
}

.section.usageScenarios {
	background:url(../img/section_usageScenarios_bg.jpg) no-repeat top center;
}

.section.recruitDevelopers {
	background:url(../img/section_recruitDevelopers_bg.jpg) no-repeat top center;
}

.section.spec {
	background:url(../img/section_spec_bg.jpg) no-repeat top center;
}

.section.history {
	background:url(../img/section_history_bg.jpg) no-repeat top center;
}

.section.aboutSales {
	background:url(../img/section_aboutSales_bg.jpg) no-repeat top center;
}

.section.messageToMonitor {
	background:url(../img/section_messageToMonitor_bg.jpg) no-repeat top center;
}

.section.NewUsageScenarios {
	background:url(../img/section_NewUsageScenarios_bg.jpg) no-repeat top center;
}

.text {
	padding:0 22px;

}

.NewUsageScenarios .text {
	font-weight:bold;
	font-size:14px;
	padding-top:5px;
}


.note.link {
		text-align:right;
		padding:13px 14px;
}

h1 {
	display:block;
	height:51px;
	text-indent:-99999px;
}


.infoDesk {
	border-bottom:2px solid #cfcfcf;
	border-top:2px solid #cfcfcf;
	width:646px;
	margin:47px auto 20px;
	padding:14px 0;
}

.infoDesk h2{
	height:100%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:24px;
	line-height:30px;
	color:#33a9ff;
	margin:0 5px;
	padding:10px 0;
}

.infoDesk .note {
	font-weight: normal;
	padding-left:20px;
}

.infoDesk div{
	margin:10px 0;
}

.infoDesk .text{
	padding:0 5px;
}

.mail{
	font-size:20px;
	text-indent:60px;
}

.tel {
	font-size:24px;
	font-weight:bold;
	padding-left:60px;
	background:url(../img/telMark.png) no-repeat left center;
}

.text.note {
	padding:0 44px;
}


.text.productDescription {
	width:333px;
}

.ProdDescIMG {
	position:absolute;
	text-align:right;
	margin-top:30px;
	width:715px;
}

.productDescription .spec,.usageScenarios .spec,.messageToMonitor .spec {
	margin:22px;
	padding:22px 44px;
	background-color:#f2f2f2;
	font-size:14px;
}

.messageToMonitor .spec {
	padding:6px 44px 12px;
}
.messageToMonitor .spec .orange{
	text-align:center;
	width:100%;
	padding-bottom:10px;
	font-weight:normal;
}

.usageScenarios .spec {
	padding-bottom:0;
}

.usageScenarios .spec dl{
	padding-left:30px;
}
.usageScenarios .spec dt{
	font-size:18px;
	font-weight:bold;
	color:#33a9ff;
}
.usageScenarios .spec dd {
	padding-left:68px;
	padding-bottom:30px;
	font-weight:bold;
}

.messageToMonitor .note {
	font-size:12px;
	padding:5px 0;
}

.orange {
	color:#ff6600;
	font-weight:bold;
}

.section.spec table td{
	border-color:#FFFFFF;
	border-width:2px;
	font-size:14px;
	min-height:20px;
	padding:8px;
}

.section.spec ul {
	width:664px;
}

.style1 {
	color: #33A9FF;
	font-weight: bold;
}


.aboutSales.block{
	border-bottom:2px solid #cfcfcf;
	border-top:2px solid #cfcfcf;
	width:646px;
	margin:47px auto 20px;
	padding:14px 0;
	text-align:center;
}

.aboutSales.block .note.link{
	text-align:center;
}

.imgAutoDownload {
	background-image: url(../img/imgAutoDownload.png);
}
.imgAutoUpload {
	background-image: url(../img/imgAutoUpload.png);
}

.imgAutoDownload,.imgAutoUpload {
	background-repeat: no-repeat;
	background-position: center center;
	width:726px;
	height:59px;
	text-indent:-99999px;
}