@charset "shift_jis";


/* 
0:リセット
----------------------------*/

html{
    color:#000;background:#FFF;
}

*{ 
margin: 0;
padding: 0;
}

table{
    border-collapse:collapse;border-spacing:0;
}

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

ol,ul{
list-style:none;
}

h1,h2{
margin: 0;
padding: 0;
}

a{
color: #0167cc;
}

a:link, a:visited{
text-decoration: none;
}

a:hover, a:active{
text-decoration: underline;
}

option{
padding:0 0 0 10px;
}

sub{
vertical-align:baseline;
}

sup{
vertical-align:text-top;
}


/* 
1:フォンとリセット
----------------------------*/

body {
font-size: 12px;
*font-size: 75%; /*for IE6,IE7*/
font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka,sans-serif;
}

table {
font-size:inherit;
font:100%;
}

body * {
line-height:1.3;
}

ul {list-style: none;}
table,th,td,img {border:0;}





 /* css 基本フォーマット */
body{
 margin:0 auto;width:870px;}
	
div#wrap{
	margin-bottom:50px;}

div#header{
	margin-bottom:4px;}

div#left_area{
 width:182px;height:auto;margin-right:7px;float:left;}

div#main{
 width:680px;height:auto;float:left;margin-bottom:60px;}
	
	
/* 左ナビ */

ul#left_nav{
	width:182px;
	height:auto;
	margin-top:13px;
	margin-bottom:26px;
	}
#left_nav li{
	margin-bottom:7px;
	}
	
	/* 左バナーエリア(仮) */
ul#left_banner{
	width:182px;
	height:auto;
	margin-bottom:26px;
	}
#left_banner li{
	margin-bottom:7px;
	}
	
	
/*メインナビ*/
ul#main_nav li{
	float:left;
	margin-bottom:5px;
	}
.main_nav_model{
	width:191px; /* w227px */	padding-left:18px;padding-right:18px;
	height:64px; /* w309px */	padding-top:245px;
}
#mnm_desk01{background-image:url(images/main_nav_desk_bg.jpg);}
#mnm_note01{background-image:url(images/main_nav_note_bg.jpg);}

#mnm_desk{background-image:url(images/main_nav_mini_bg.jpg);}
#mnm_note{background-image:url(images/main_nav_slim_bg.jpg);	margin-right:6px;}
.btn_to_model{margin-top:5px;float:right;}
ul#main_nav{margin-bottom:23px;}



/*ご注文からのお届けの説明*/
#area_order h2{
	margin-bottom:11px;
	}
#area_order .step_wrap li.fl{
	float:left; 
	width: 340px;
}

dt.area_order_dt01{
	width:44px;
	height:44px;
	margin-bottom:78px;
	float:left;
	}
dt.area_order_dt02{
	width:44px;
	height:44px
	;margin-bottom:78px;
	float:left;
	}
dt.area_order_dt03{
	width:44px;
	height:44px;
	float:left;
	}
dt.area_order_dt04{
	width:44px;
	height:44px;
	margin-bottom:133px;
	float:left;
	}
	
dd.area_order_dd01{
	width:262px;/*w296px*/
	height:122px;
	padding-left:17px;
	padding-right:17px;
	background-image:url(images/step_01_bg.jpg);
	float:left;
	}
dd.area_order_dd02{
	width:279px;/*w296px*/
	height:122px;
	padding-left:17px;
	background-image:url(images/step_02_bg.jpg);
	float:left;
	}
dd.area_order_dd03{
	width:262px;/*w296px*/
	height:177px;
	padding-right:17px;
	padding-left:17px;
	background-image:url(images/step_03_bg.jpg);
	float:left;
	}
dd.area_order_dd04{
	width:279px;/*w296px*/
	height:177px;
	padding-left:17px;
	background-image:url(images/step_04_bg.jpg);
	float:left;
	}
div#area_order{margin-bottom:23px;}



/*ベースモデルはこちらから*/

div.model_desk01, div.model_desk02, div.model_desk03, div.model_note{
	width:auto;
	height:auto;
	padding-bottom:15px;
	margin-bottom:10px;
	background-image:url(images/model_bg.jpg);
	background-repeat:repeat-y;
	}
	
	
#area_model h2{margin-bottom:11px;}
.model_desk01 h3, .model_desk02 h3, .model_desk03 h3, .model_note h3{
	width:203px;
	height:268px;
	background-image:url(images/img_desk01.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	float:left;
	}
		/*マイクロ*/
.model_desk01 h3{ background-image:url(images/img_desk01.jpg);	background-repeat: no-repeat;	background-position: bottom;	}
		/*マイクロ_mmKEY*/
.mmkey h3 { background-image:url(images/img_desk01_mmkey.jpg);	background-repeat: no-repeat;	background-position: bottom;	}
	/*ミニ*/
.model_desk02 h3{ background-image:url(images/img_desk02.jpg);	background-repeat: no-repeat;	background-position: bottom;	}
	/*ミニ*/
.model_desk03 h3{ background-image:url(images/img_desk03.jpg);	background-repeat: no-repeat;	background-position: bottom;	}

.model_note h3{ background-image:url(images/img_note01.jpg);	background-repeat: no-repeat;	background-position: bottom;	}	

.model_desk04 h3{ background-image:url(images/img_desk04.jpg);	background-repeat: no-repeat;	background-position: bottom;	}


	/*ゲーム推奨用-MHF-G*/
	.game_mhfg h3{ background-image:url(images/img_note_mhfg.jpg);	background-repeat: no-repeat;	background-position: bottom;	}	
		/*11.6型*/
.note_11 h3{ background-image:url(images/img_note_11.jpg);	background-repeat: no-repeat;	background-position: bottom;	}	
		/*15.6型*/
.note_15 h3{ background-image:url(images/img_note_15.jpg);	background-repeat: no-repeat;	background-position: bottom;	}	
/*ゲーム推奨用-FF14*/
	.game_ff14 h3{ background-image:url(images/img_desk01_ff14.jpg);	background-repeat: no-repeat;	background-position: bottom;	}	
/*ゲームamd6*/
	.game_amd6 h3{ background-image:url(images/img_desk01_amd6.jpg);	background-repeat: no-repeat;	background-position: bottom;	}	
/*ゲームmhfg*/
	.game_mhfg h3{ background-image:url(images/img_desk01_mhfg.jpg);	background-repeat: no-repeat;	background-position: bottom;	}	

/*ゲームBF4*/
	.game_bf4 h3{ background-image:url(images/img_desk01_bf4.jpg);	background-repeat: no-repeat;	background-position: bottom;	}	
	
/*ゲームDQX*/
	.game_dqx h3{ background-image:url(images/img_desk01_dqx.jpg);	background-repeat: no-repeat;	background-position: bottom;	}	
	
		
	
.model_desk01 p, .model_desk02 p, .model_desk03 p, .model_desk04 p, .model_note p{
	width:477px;/*w477px*/
	padding-top:7px;
	padding-bottom:7px;
	float:left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,  "sans-serif";
	font-size: 110%;
	line-height: 140%;
	font-weight: bold;
	color: #333;
	}
div.model_left{width:247px;	float:left;	}


div.model_photo{
	width:203px;
	float:left;
}

.price dt{	color: #f00; font-size:0.9em;margin-bottom:-3px;}
.price dd{
	font-weight: bold;
	color: #F00;
	box-shadow: none;
}
dl.price{margin-bottom:2px;}
ul.spec{	margin-top:5px;	}
.spec li{	margin-bottom:1px;	color: #333;	}

div.model_right{
	width:219px;/*w229px*/
	padding-left:10px;
	float:right;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999;
}


ul.toselect{padding-bottom:3px;}
ul.toselect li{
	margin-bottom:2px;
	color: #666;}

.number {
    margin: 20px 0;
}
.benchmark{
	margin-top: 10px;
	margin-bottom:10px !important;
	}


ul.spec_rogo{
	margin: 0 0 80px 20px;
}

ul.spec_rogo li{
	float:left;
	margin-right:10px;
	margin-bottom:15px;
}

.model_right dl{clear:both;}
.model_right dl dt{
	margin-bottom:4px;
	color: #666;
}

.option_wrap {
    margin: 0 auto;
    padding-left: 10px;
    width: 175px;
}

.option_wrap dt {
	line-height: 1.5;
}

.option_wrap dd {
	color:#666666;
	font-size:11px;
	width: 175px;

}


/*office_personal_2010*/
.option_office_personal_2010{
	min-height:53px;
	background-image:url(images/rogo_office2010.jpg);
	padding-left:90px;
	background-repeat: no-repeat;
	background-position: left top;
}
.option_office_personal_2010 span {
	font-weight: bold;
	color: #F00;
}

/*Office Home & Business 2013*/
.option_office_hb_2013{
	min-height:53px;
	background-image:url(images/rogo_office_hb_2013.gif);
	padding-left:90px;
	background-repeat: no-repeat;
	background-position: left top;
}
.option_office_hb_2013 span {
	font-weight: bold;
	color: #F00;
}

.option_date_hb_2013 {
	min-height:53px;
	background-image:url(images/icn_hikkoshi.jpg);
	padding-left:90px;
	background-repeat: no-repeat;
	background-position: left top;

}



/*KINGSOFT Office 2013*/
.option_kingsoft_office2013{
	min-height:53px;
	background-image:url(images/rogo_kingsoft2013.gif);
	padding-left:90px;
	background-repeat: no-repeat;
	background-position: left top;
}
.option_kingsoft_office2013 span {
	font-weight: bold;
	color: #F00;
}



/*AMD Radeon*/
.option_amd_radeon{
	min-height:53px;
	background-image:url(images/rogo_amd_radeon.jpg);
	padding-left:90px;
	background-repeat: no-repeat;
	background-position: left top;
}
.option_amd_radeon span {
	font-weight: bold;
	color: #F00;
}




.model_right .osusume ul{
	width:200px;
}
.model_right .osusume li{
	margin-bottom:10px;
	line-height:  1.5;
}
.model_right .osusume .title {
    /*color: #666666;*/
	color: #333;
    font-size: 12px;
	line-height: 1.5;
    width: 200px;
}
.model_right .osusume .sub_txt {
    width: 100%;
}

.model_right .osusume .sub_txt_s {
    width: 135px;
}

.model_right .osusume .name {
    width: 160px;
}


.model_right .osusume .img{
	float:left;
	padding: 0 5px 0 0;
}

.model_right .osusume span.price {
    color: #FF0000;
	display: block;
	text-align: right;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 15px;
}

/*.model_right .osusume .price {
    color: #FF0000;
    float: right;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 15px;
    text-align: right;
    width: 160px;
}*/

.model_desk01, .model_desk02, .model_desk03, .model_note{	margin-bottom:11px; clear:both;}/*dreamweaver用にclear:both;*/






/*定額保守サービス*/
#erea_service h2{
 margin-bottom:14px;
	}
#erea_service dl{
	min-height:102px;
	padding-left:243px;
	margin-bottom:24px;	
}
#erea_service dl dt{
	width:437px;
	margin-bottom:5px;
	}
#erea_service dl dd{
	width:437px;
	}	

#service_sendback{background-image:url(images/service_img01.jpg);	float:right;	background-repeat: no-repeat;	background-position: left top;}
#service_picup{background-image:url(images/service_img02.jpg);	float:right;	background-repeat: no-repeat;	background-position: left top;}
#service_onsight{background-image:url(images/service_img03.jpg);	float:right;	background-repeat: no-repeat;	background-position: left top;}

#erea_service p{
	color: #666;
	padding-bottom:15px;
	border-bottom:solid 3px #11b320;
}

#erea_service{
	margin-bottom:;}
	
	
p.pageTopArea a, p.pageTopArea2 a {
    background: url("/images/common/icon_pagetop.gif") no-repeat scroll 0 1px transparent;
    padding: 0 0 20px 15px;
				float:right;
}
	
	

/*フッター*/
#footer{}
#footer ul{border-top:solid 1px #999999;}
#footer ul li{float:left;}



/*ロールオーバー*/

a:hover img{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
} 



.price_up{
	font-size:27px;
}


.price_ss {
    color: #FF0000;
    font-size: 12px;
    font-weight: bold;
    margin-top: 15px;
}

.tax {
    margin-top: 3px;
    padding-bottom: 20px;

}


.pageTopArea {
	padding: 20px 0 0 0;
}


/*clearfix*/
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
/* End Hack */

.osusume_title {
	font-size: 13px;
	font-weight: bold;
	color: #333;
}