@charset "utf-8";
/* --------------------------------------------------------------- */

*{
margin: 0;
padding: 0;
}

* html .ie-png{
behavior: expression(IEPNGFIX.fix(this));
}

body{
text-align: center;
margin: 0 auto;
padding: 0;
}

strong{
font-weight: normal;
}

em{
font-style: normal;
}

hr{
display: none;
}

a{
outline-width: 0;
color: #1D479A;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

img{
border-style: none;
}

.imgL{
float: left;
margin: 2px 10px 5px 0px;
padding: 0px;
}

.imgClear{
	margin:0 0 7px 0;
	padding: 0;
	clear:both;
	text-align: center;
}
.imgClear7{
	margin: 7px 0;
	padding: 0;
	clear:both;
	text-align: center;
}

.imgR{
float: right;
margin: 2px 5px 5px 10px;
padding: 0px;
}

.btnR{
margin: 0;
padding: 0;
text-align: right;
}

.brClear{
clear: both;
margin: 0px;
padding: 0px 0px 5px 0px;
}

.Clear{
clear: both;
}

.bold{
font-weight: bold;
}

.bold110{
font-weight: bold;
font-size:110%;
}

.center{
text-align: center;
}

.table-center{
text-align: center;
width: 100%;
}

.redS{
color:#FF0000;
font-size:85%;
}

.redB{
color:#FF0000;
font-weight:bold;
}
.redL{
color:#FF0000;
font-weight:bold;
font-size:110%;
}
.blueL{
	color:#003399;
	font-weight:bold;
	font-size:110%;
}

a.tooltip span {display:none; padding:2px 3px; margin-left:8px;} 
a.tooltip:hover span{display:inline; 
position:absolute;
background:#ffffff; 
border:1px solid #cccccc; 
color:#6c6c6c;
margin-bottom:0;
} 



/* --------------------------------------------------------------- */

#stage{
float: left;
width: 100%;
margin: 0;
padding: 0;
background-image: url(../img/bg/stage.png);
background-repeat: repeat-x;
background-color: #FFFFFF;
}

/* --------------------------------------------------------------- */

#global-header{
height: 72px;
background-image: url(../img/bg/global-header.png);
background-repeat: repeat-x;
}

#global-header div.content{
position: relative;
width: 960px;
height: 72px;
margin: 0 auto;
padding: 0;
background-image: url(../img/bg/gh-content.png);
background-repeat: no-repeat;
}

#global-header div.content .logo{
position: absolute;
top: 25px;
left: 0;
}

#global-header div.content .b_or_c{
position: absolute;
top: 36px;
left: 375px;
}

#global-header div.content ul{
position: absolute;
top: 9px;
right: 0;
margin: 0;
padding: 0;
list-style-type: none;
}

#global-header div.content li{
float: left;
margin-left: 25px;
font-size: 13px;
font-weight: bold;
}

/* 検索窓 ------- */

#global-header div.content .search input.text{
position: absolute;
top: 37px;
right: 33px;
width: 135px;
height: 33px;
background: url(../img/bg/src/box.png) no-repeat;
border: none;
padding: 8px 35px 0 8px;
overflow: hidden;
}

#global-header div.content .search input.searchbtn{
position: absolute;
top: 37px;
right: 5px;
width: 47px;
height: 33px;
background: url(../img/bg/src/btn.png) no-repeat;
border: none;
text-indent: -9999px;
cursor: pointer;
}

#global-header div.content .search p{
margin: 0;
padding: 0;
}

html:first-child #global-header div.content .search input.text{padding: 0 15px 2px 8px; overflow: hidden;}
html:first-child #global-header div.content .search input.searchbtn{content: "";}

/* 検索窓 ------- */

/* --------------------------------------------------------------- */

#header{
height: 200px;
background-color: #000000;
}

#header div.content{
width: 960px;
margin: 0 auto;
padding: 0;
height: 200px;
background-image: url(../img/bg/header2.png);
background-repeat: no-repeat;
}

.header_location{
	top:0px;
	left:0px;
	height:148px;
	position: relative;
	}

#header div.content h1{
margin: 0;
padding: 0;
}

#header div.content p{
margin: 0;
padding: 7px 0 0 0;
}

/* --------------------------------------------------------------- */

#container{
width: 960px;
margin: 0 auto;
padding: 0;
}

/* --------------------------------------------------------------- */

#main{
	float: left;
	width: 705px;
	margin: 0 15px 25px auto;
	padding: 10px 5px 5px 20px;
	background-color: #FFFFFF;
}

#main h2{
	margin:0;
	text-align:left;
	}

#main #fullsize{
	width: 695px;
	clear: both;
	margin-top: 5px;
}

#main #fullsize .lstBox{
	margin: 0 auto;
	width: 690px;
	xheight: 428px;
	xbackground-image: url(../img/bg/lstbox-bg.png);
	xbackground-repeat: no-repeat;

behavior: expression(IEPNGFIX.fix(this));
}

#main #fullsize .lstBox .box-top{
margin: 0 auto;
width: 735px;
height: 49px;
background-image: url(../img/bg/lstbox-bg_top.png);
background-repeat: no-repeat;
behavior: expression(IEPNGFIX.fix(this));
}

#main #fullsize .lstBox .box-mid{
	margin: 0 auto;
	width: 735px;
}

#main #fullsize .lstBox .box-btm{
margin: 0 auto;
width: 735px;
height: 9px;
background-image: url(../img/bg/lstbox-bg_btm.png);
background-repeat: no-repeat;
behavior: expression(IEPNGFIX.fix(this));
}

#main #fullsize .lstBox table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	text-align: left;
	width: 95%;
}

#main #fullsize .lstBox th,
#main #fullsize .lstBox td{
width: 25%;
margin: 0;
padding: 2px 5px;
vertical-align: top;
}

table.hikkoshi7A{
	width:690px;
	}
td.hikkoshi7A2{
	text-align:left;
	width: 223px;
	padding-left: 5px;
	*padding-top:20px;
	}
td.hikkoshi7B2{
	text-align:left;
	width: 220px;



	*width: 190px;
	padding-left: 10px;
	padding-top: 10px;
}
td.hikkoshi7B3{
	text-align:left;
	width: 230px;
	*width: 190px;
	padding-left: 5px;
}
img.hikkoshi7buy{
	margin-top:8px;
	}

p.ct{
	text-align: center;
	margin: 5px 0;
	padding: 0;
}

p.lt{
	text-align: left;
	margin: 0;
	padding: 0 3px 0 7px;
	font-size: 90%;
	font-weight: bold;
	*line-height:1.6em;
}

p.lt2{
	text-align: left;
	margin: 0;
	padding: 5px 5px 0 7px;
	font-size: 90%;
	font-weight: bold;

	*line-height:1.6em;
}

p.lt3{
	text-align: left;
	margin: 0;
	padding: 5px 0 0 13px;
	font-size: 90%;
	font-weight: bold;




	*line-height:1.6em;
}

p.rt{
	text-align: right;
	margin: 6px 5px 0 0;
	padding: 0;
}

#main #bnr{
float: left;
width: 195px;
height: 242px;
background-image: url(../img/bg/bnr-bg.gif);
background-repeat: no-repeat;
margin: 0 auto;
padding: 0;
}

#main #bnr p{
margin: 5px auto;
padding: 0;
text-align: center;
}
#main .hikkoshi7copy0{
	text-align:left;
	width: 98%;
	font-size: 115%;
	font-weight: bold;
	margin-bottom:10px;
}
#main .hikkoshi7copy1{
	text-align:left;
	width: 98%;
	font-size: 110%;
	font-weight: bold;
	border-bottom:1px dotted #666666;
	margin-bottom:2px;
}
#main .hikkoshi7copy2{
	text-align:left;
	width: 98%;
}


/* 製品選択 ------- */

#main #select{
float: right;
text-align: left;
width: 527px;
height: 242px;
margin: 0 0 7px 0;
background: url(../img/bg/select/bg.gif) no-repeat left bottom;
}

#main #select p.hikkosi00{
margin:0;
padding:0;
}

#main #select p{
margin: 0;
}

#main #select .finaldata{
float: left;
width: 175px;
}

#main #select .hikkoshi,
#main #select .terminator{
float: left;
width: 176px;
}

#main #select h2{
margin: 0;
padding: 0;
height: 29px;
border: none;
margin-top: -6px;
}

#main #select h2 a{
display: block;
height: 29px;
text-indent: -9999px;
overflow: hidden;
}

#main #select .finaldata h2{
width: 175px;
height: 29px;
background: url(../img/bg/select/fd.png) no-repeat left top;
}

#main #select .finaldata h2.on{
background: url(../img/bg/select/fd_ov.png) no-repeat left top;
text-indent: -9999px;
overflow: hidden;
}

#main #select .finaldata h2 a:hover{
background: url(../img/bg/select/fd_ov.png) no-repeat left top;
}

#main #select .hikkoshi h2{
width: 176px;
height: 29px;
background: url(../img/bg/select/fp.png) no-repeat left top;
}

#main #select .hikkoshi h2.on{
background: url(../img/bg/select/fp_ov.png) no-repeat left top;
text-indent: -9999px;
overflow: hidden;
}

#main #select .hikkoshi h2 a:hover{
background: url(../img/bg/select/fp_ov.png) no-repeat left top;
}

#main #select .terminator h2{
width: 176px;
height: 29px;
background: url(../img/bg/select/tm.png) no-repeat left top;
}

#main #select .terminator h2.on{
background: url(../img/bg/select/tm_ov.png) no-repeat left top;
text-indent: -9999px;
overflow: hidden;
}

#main #select .terminator h2 a:hover{
background: url(../img/bg/select/tm_ov.png) no-repeat left top;
}

#main #select ul{
margin: 7px 0 0 6px;
padding: 0 0 2px 0;
list-style: none;
}

#main #select ul li{
width: 143px;
margin: 0 0 8px 0;
padding: 0 0 0 15px;
line-height: 110%;
font-size: 11px;
font-weight: bold;
display: block;
color: #222222;
}

#main #select span{
font-size: 10px;
}

#main #select .finaldata ul li{
background: url(../img/bg/lst/rd-gray.png) no-repeat 0 2px;
}

#main #select .finaldata ul li a{
color: #C8311D;
}

#main #select .hikkoshi ul li{
background: url(../img/bg/lst/or.png) no-repeat 0 2px;
}

#main #select .hikkoshi ul li a{
color: #FF6600;
}

#main #select .terminator ul li{
background: url(../img/bg/lst/bl-gray.png) no-repeat 0 2px;
}

#main #select .terminator ul li a{
color: #0D49A3;
}

/* 比較表 --------------------------------------------------- */

#main #fullsize .comparison table{
border-collapse: collapse;
background-color: #FFFFFF;
width: 100%;
text-align: left;
margin: 0 auto 10px auto;
font-size: 12px;
}

#main #fullsize .comparison table,
#main #fullsize .comparison th,
#main #fullsize .comparison td{
border: 1px solid #666666;
padding: 2px;
}

#main #fullsize .comparison caption{
text-align: center;
margin: 10px auto 0 auto;
font-weight: bold;
font-size: 120%;
color: #000000;
}

#main #fullsize .comparison th.title{
background-color: #FF6600;
text-align: center;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0;
font-size: 120%;
color: #FFFFFF;
}

#main #fullsize .comparison th.ttl{
vertical-align: middle;
text-align: center;
height: 49px;
margin: 0;
padding: 0;
text-align: center;
}

#main #fullsize .comparison th.tbl-01{
background-color: #FFD600;
}

#main #fullsize .comparison th.tbl-02,
#main #fullsize .comparison th.tbl-03{
background-color: #009F41;
}

#main #fullsize .comparison th.tbl-04{
background-color: #74BCE9;
}

#main #fullsize .comparison th.tbl-05{
background-color: #FFD600;
}

#main #fullsize .comparison th.tbl-06{
background-color: #F5A000;
}

#main #fullsize .comparison td.price{
background-color: #FFEA61;
}


#main #fullsize .comparison td.center{
text-align: center;
vertical-align: middle;
}

#main #fullsize .comparison td.odd{
background-color: #EFEFEF;
}

#main #fullsize .comparison td.size-up{
font-size: 120%;
}

#main #fullsize .comparison p{
font-size: 10px;
text-align: left;
}

/* Windows7 ------- */

.Win7Box00{
	background-color:#FEF1AC;
	width:690px;
	float:left;
	padding: 15px 0;
	margin-top: 10px;
	margin-bottom: 15px;
	}
.Win7BoxLeft{
	float:left;
	margin-left: 10px;
	}
.Win7BoxRight{
	float:right;
	margin-right: 15px;
	}
.Win7BoxinT00{
	font-weight:bold;
	margin:15px 0 7px 15px;
	text-align:left;
	width:295px;
	font-size: 110%;
	}
.Win7BoxinT00r{
	font-weight:bold;
	margin:15px 0 7px 15px;
	text-align:left;
	width:320px;
	font-size: 110%;
	float:right;
	}
.Win7Boxin00{
	width:300px;
	margin:5px auto 25px auto;
	text-align:left;
	font-size:95%;
	}

.Win7BoxL{
	float:left;
	background-color:#D2E7FE;
	width:340px;
	}
.Win7BoxinT{
	font-weight:bold;
	margin:10px auto 0 auto;
	text-align:left;
	width:300px;
	font-size: 110%;
	}
.Win7BoxinT0L{
	font-weight:bold;
	margin:15px auto 5px auto;
	text-align:center;
	width:300px;
	font-size: 110%;
	background-color:#003399;
	color:#FFFFFF;
	padding: 3px 0;
	}
.Win7BoxinT0R{
	font-weight:bold;
	margin:15px auto 5px auto;
	text-align:center;
	width:300px;
	font-size: 110%;
	background-color:#FF3300;
	color:#FFFFFF;
	padding: 3px 0;
	}
.Win7Boxin{
	width:295px;
	margin:0 0 25px 15px;
	text-align:left;
	font-size:95%;
	float: left;
	}

.Win7BoxinWhite{
	width:300px;
	margin:0;
	text-align:left;
	font-size:85%;
	float: left;
	background-color:#FFFFFF;
	padding: 15px 10px;
	border: 2px solid #003399;
	}

.Win7BoxinTips{
	background-color:#FFFFFF;
	width: 280px;
	margin:0 auto 25px auto;
	text-align:left;
	font-size:85%;
	padding: 5px 10px 5px 10px;
	border:1px solid #CCC;
	}
.Win7BoxIMG{
	margin:3px 0 8px 0;
	}

.Win7BoxR{
	float:right;
	width:340px;
	background-color:#FFFF99;
	}
	
.Win7Flow{
	width:705px;
	margin:20px 0 0 0;
	padding:0;
	background-image:url(../img/content/bgi-flow.gif);
	background-repeat:repeat-y;
	}
img.WinImg0{
	border:0;
	margin:0;
	padding:0;
	}

/* --------------------------------------------------------------- */

#side{
	float: right;
	width: 210px;
	background-color: #FFFFFF;
	margin: 10px auto 0 auto;
	padding: 0;
}

#side .inn{
width: 200px;
background-color: #FF6600;
margin: 10px auto;
padding: 0;
}

#side p{
margin: 5px auto;
padding: 0;
text-align: center;
}

/* --------------------------------------------------------------- */

#group{
clear: both;
width: 960px;
margin: 20px auto 0 auto;
padding: 5px 0;
font-size: 13px;
}

#group p{
text-align: center;
margin: 0;
padding: .3em;
}

/* --------------------------------------------------------------- */

#footer{	
height: 40px;
background-color: #CCCCCC;
}

#footer div.content{
width: 960px;
margin: 0 auto;
padding: 0;
height: 40px;
}

#footer div.content p{
color: #888888;
font-size: 10px;
text-align: left;
margin: 0;
padding: 1em;
}

#footer span{
font-size: 13px;
font-weight: bold;
margin-right: 1em;
}

#footer span a {
color: #555555;
text-decoration: none;
}

#footer span a:hover{
color: #333333;
text-decoration: underline;
}

/* --------------------------------------------------------------- */


/* 2010 0329追加 */

.hk7_title {
	width: 655px;
	height: 20px;
	background-image: url(hk7_title_back.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	padding-left: 35px;
	padding-top: 5px;
	margin-bottom: 20px;
}

#hk7_mail {
	text-align: left;
	width: 600px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

#hk7_mail ul {
	margin-bottom: 20px;
}

	#hk7_mail li {
		line-height: 150%;
	}

	#hk7_mail li.mail_title {
		font-size: 14px;
		font-weight: bold;
	}

	#hk7_mail p.hk7_button {
		width: 600px;
		text-align: left;
		margin-bottom: 5px;
	}
	
	#hk7_mail p.close_button {
		width: 600px;
		text-align: right;
		margin-bottom: 5px;
	}