@charset "shift_jis";

/* ------------------------------------------------------------
 マウスコンピューター　キャンペーン　CSS
 更新日:08/08/12
 
 目次
0:キャンペーンエリア
------------------------------------------------------------ */

/* 
 0:レイアウト
------------------------------ */

div#wrap table{
margin-right: 5px;
border-top: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-collapse:separate;
border-spacing:0;
}

div#wrap table th,
div#wrap table td{
border-right:1px solid #cccccc;
padding: 5px;
}


/* 
 1:キャンペーンエリア
------------------------------ */

#leadArea{
	border:1px solid #DADADA;
	/*  padding:1px 1px 6px 1px; → padding:1px 1px 1px 1px;　2008.09.10変更　*/
padding:1px;
	width:935px;
	overflow:hidden;
	margin-left: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	float: none;
}

#leadArea h1{
width:389px;
float:left;
margin:0 6px 0 0;
}

#leadArea div.imgArea{
	width:auto;
	float:left;
}

#leadArea div.imgArea p.caption{
margin:8px 0 0 0;
}

#leadArea img{
vertical-align:top;
}


/* 
 2:切り替えタブ
------------------------------ */

div.tab{
width: 950px;
clear: both;
overflow: hidden;
background: url(/images/common/tab_bg.gif) repeat-x;
margin: 0;
padding: 0;
}

div.tab ul li{
float: left;
margin: 0 3px 0 0;
cursor: pointer;
}

div.tab ul li img{
display: block;
/*width: 189px;*/
}

/* 2010.5.21修正　*/

#set215,#set236,#set270,#set215mt,#setmini20{
display: none;
}

#set200,#set215,#set236,#set270,#set215mt,#setmini20{
width: 946px;
}

/* 設定タブ一覧
 #inch200,#inch215,#inch236,#inch255,#inch270{
 ------------------------------ */

/* 
 3:タブボックス
------------------------------ */

div.tabBox{
border-bottom: solid 1px #999999;
background: url(/images/common/tabBox_bg2.gif) repeat-y 0 0;
margin: 0;
padding: 13px 0 0;
width: 950px;
clear: both;
overflow: hidden;
}

div.campArea{
clear: both;
margin: 0 0 20px 15px;
width: 935px;
overflow: hidden;
}

div.campArea div{
float: left;
margin-right: 7px;
}

div.campArea .camp1{ width: 342px; }
div.campArea .camp2{ width: 261px; }
div.campArea .camp3{ width: 303px; }

div.campArea p{
margin-bottom: 5px;
}

/* 3-1:タイプボックス ---------------*/



div.typeBox{
width: 918px;
margin: 0 16px;
clear: both;
}

div.typeBox strong,
div.typeBox em{
font-style: normal;
font-weight: bold;
color: #ff0000;
}

div.typeBox strong{
font-size: 160%;
}

div.typeBox em{
font-size: 120%;
}

div.typeBox .typefind{
margin: 10px 0;
}

div.typeBox .typeImg{
width: 174px;
float: left;
text-align: center;
}

div.typeBox .typeImg div{
padding: 74px 0 15px;
}

div.typeBox table.typeTable{
width: 714px;
float: right;
zoom: 1;
margin-bottom: 25px;
}

div.typeBox table.typeTable th{
background: #ebebeb;
font-weight: bold;
font-size: 120%;
text-align: left;
border-bottom: solid 1px #cccccc;
}

div.typeBox table.typeTable td{
border-bottom: dotted 1px #cccccc;
}

div.typeBox table.typeTable td.linesolid{
border-bottom: solid 1px #cccccc;
}

div.typeBox table.typeTable td span.cubetext{
background: url(/images/common/icon_cube2.gif) no-repeat 0 2px;
padding-left: 12px;
display: block;
}

div.typeBox table.typeTable td span.fontB{
font-weight: bold;
}

div.displayTooltip{
	top:200px;
	left:10px;
}

/* ▼▼▼ 2008.09.09追加 キャンペーンインデックス用　▼▼▼ */
div.typeBox .typeImg2{
width: 174px;
float: left;
text-align: center;
}

div.typeBox .typeImg2 div{
padding: 0px 0 15px;
}

/* ▲▲▲ 2008.09.09追加 キャンペーンインデックス用　▲▲▲ */

/* ▼▼▼ 2008.09.10追加 アップグレード一覧用　▼▼▼ */

div.typeBox table.typeTable2{
width: 908px;
float: right;
zoom: 1;
margin-bottom: 25px;
}

div.typeBox table.typeTable2 th{
background: #ebebeb;
font-weight: bold;
font-size: 120%;
text-align: left;
border-bottom: solid 1px #cccccc;
}

div.typeBox table.typeTable2 td{
border-bottom: dotted 1px #cccccc;
}

div.typeBox table.typeTable2 td.linesolid{
border-bottom: solid 1px #cccccc;
}

div.typeBox table.typeTable2 td span.cubetext{
background: url(/images/common/icon_cube2.gif) no-repeat 0 2px;
padding-left: 12px;
display: block;
}

div.typeBox table.typeTable2 td span.fontB{
font-weight: bold;
}

/* ▲▲▲ 2008.09.10追加 アップグレード一覧用　▲▲▲ */

/* ▼▼▼ 2008.09.10追加 注意事項　▼▼▼ */
div.caution ul.caution{
font-size: 87%;
margin: 0 0 30px 0;
}

div.caution ul.caution{
text-indent:-1.5em;
margin:0 0 0 1.5em;
}

/* ▲▲▲ 2008.09.10追加 注意事項　▲▲▲ */

/* ▼▼▼ 2008.09.11追加 リニューアルキャンペーン用　文字センタータイプ　▼▼▼ */

div.typeBox table.typeTable3{
width: 714px;
zoom: 1;
margin-bottom: 25px;
}

div.typeBox table.typeTable3 th{
background: #ebebeb;
font-weight: bold;
font-size: 120%;
text-align: center;
border-bottom: solid 1px #cccccc;
}

div.typeBox table.typeTable3 td{
text-align: center;
border-bottom: dotted 1px #cccccc;
}

div.typeBox table.typeTable3 td.linesolid{
border-bottom: solid 1px #cccccc;
}

div.typeBox table.typeTable3 td span.fontB{
font-weight: bold;
}

/* ▲▲▲ 2008.09.11追加 リニューアルキャンペーン用　文字センタータイプ　▲▲▲ */

/* ▼▼▼ 2008.09.16追加 即納ページ 一覧用　文字センタータイプ　▼▼▼ */

div.typeBox table.typeTable4{
width: 885px;
float: center;
zoom: 1;
margin-bottom: 25px;
}

div.typeBox table.typeTable4 th{
background: #ebebeb;
font-weight: bold;
font-size: 120%;
text-align: center;
border-bottom: solid 1px #cccccc;
}

div.typeBox table.typeTable4 td{
text-align: center;
border-bottom: dotted 1px #cccccc;
}

div.typeBox table.typeTable4 td.linesolid{
border-bottom: solid 1px #cccccc;
}

div.typeBox table.typeTable4 td span.fontB{
font-weight: bold;
}

/* ▲▲▲ 2008.09.16追加 即納ページ 一覧用　文字センタータイプ　▲▲▲ */

/* ▼▼▼ 2008.09.16追加 即納ページ キャンペーンエリア2　▼▼▼ */

#leadArea div.imgArea2{
	width:935px;
	float:none;
}

div.campArea .camp4{ width: 918px; }

/* ▲▲▲ 2008.09.16追加 即納ページ キャンペーンエリア2　▲▲▲ */

/* ▼▼▼ 2010.05.21追加 リニューアル用　▼▼▼ */

.lineupbox {
	width: 946px;
	height:210px;
	float:left;
	padding-top: 5px;
}

.lineupbox315 {
width: 315px;
height:210px;
float:left;
}
.lineupbox316 {
	width: 316px;
	height:210px;
	float:left;
	padding-bottom: 10px;
	color: #FF0000;
	font-weight: bold;
}

ul.soroe li {
	display:block;
	float:left;
	position:relative;
}

p.ektb_txt{
	display:block;
	position:absolute;
	left:13px;
	bottom:45px;
	height:25px;
	width:130px;
	font-size:25px;
	font-weight:bold;
	color:#FF0000;
}

/* マウスオーバー処理 */
/* border effect */
ul.soroe li a ,
ul.soroe li a img {
	float: left;
	overflow: hidden;
}
ul.soroe li a:hover {
	border: solid 3px #ffcc00;
	}
ul.soroe li a:hover img {
		margin: -3px;
	}	

/* ▲▲▲ 2010.05.21追加 リニューアル用　▲▲▲ */

/*  2010.10.01追加 リニューアル用　 */

div.typeBox table.typeTable10{
width: 714px;
zoom: 1;
margin-bottom: 25px;
}

div.typeBox table.typeTable10 th{
background: #ebebeb;
font-weight: bold;
font-size: 120%;
text-align: center;
border-bottom: solid 1px #cccccc;
}

div.typeBox table.typeTable10 td{
text-align: center;
border-bottom: dotted 1px #cccccc;
background-color:#FFFFFF;
}

div.typeBox table.typeTable10 td.linesolid{
border-bottom: solid 1px #cccccc;
}

div.typeBox table.typeTable10 td span.fontB{
font-weight: bold;
}





div#wrap a:hover img{
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.mr10 {
margin-right:10px;
}


.section{
	width: 950px;
}

.four_table {
	width: 100%;
}

.four_table th {
    background-color: #003366;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
    text-align: center;
    vertical-align: middle;
}
.four_table td {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 13px;
    padding: 10px;
    text-align: center;
}