@import url(base.css);
@import url(form.css);
/*---------TOP---------*/

#maintopics {
	height:218px;
	clear: both;
	background-image:url(../images/maintopics_acer.jpg);
	background-repeat:no-repeat;
}

#maintopics2 {
	height:218px;
	clear: both;
	background-image:url(../images/maintopics_900.jpg);
	background-repeat:no-repeat;
}

#maintopics3 {
	height:218px;
	clear: both;
	background-image:url(../images/maintopics_vaio.jpg);
	background-repeat:no-repeat;
}

#maintopics4 {
	height:230px;
	clear: both;
	background-image:url(../images/maintopics_acerD150.jpg);
	background-repeat:no-repeat;
}

#maintopics5 {
	height:218px;
	clear: both;
	background-image:url(../images/maintopics_dell.jpg);
	background-repeat:no-repeat;
}

#maintopics6 {
	height:218px;
	clear: both;
	background-image:url(../images/maintopics_lenovo.jpg);
	background-repeat:no-repeat;
}

#maintopics7 {
	height:218px;
	clear: both;
	background-image:url(../images/maintopics_fujitsu.jpg);
	background-repeat:no-repeat;
}

#maintopics8 {
	height:218px;
	clear: both;
	background-image:url(../images/maintopics_toshiba.jpg);
	background-repeat:no-repeat;
}

#maintopics9 {
	height:230px;
	clear: both;
	background-image:url(../images/maintopics_acerD250.jpg);
	background-repeat:no-repeat;
}

#mainarea .textbox {
	padding:20px 0 0 0px;
}

#mainarea .textbox .maintopic_list {
	margin:0 0 35px 0;
}

#mainarea .textbox .maintopic3_list {
	margin-top:0px;
	margin-left:232px;
	margin-bottom:0px;
}

#mainarea .textbox ul {
	margin-top:15px;
	padding:0;
	list-style-type:none;
}

#mainarea .textbox li {
	text-indent:1em;
	background-image:url(../images/icon_dot1.gif);
	background-repeat:no-repeat;
	background-position:left center;	
}

#maintopics .textbox h1 {
	font-size:20px;
	font-weight:bold;
	color:#000000;
	margin:0;
}

#subtopics .textbox h2 {
	color:#000000;
}

#subtopics {
	height:267px;
	padding-bottom:25px;
	background-image:url(../images/subtopicsBG.gif);
	background-repeat:no-repeat;	
}

#maintopics ul,
#maintopics4 ul,
#maintopics6 ul,
#maintopics8 ul,
#maintopics9 ul,
#subtopics ul {
	margin-left:0;
}

.textbox2 p {
	padding-bottom:92px;
}

.textbox2 li {
	text-indent:1em;
	background-image:url(../images/icon_dot1.gif);
	background-repeat:no-repeat;
	background-position:left center;
	list-style-type:none;
}

.textbox2 .modelbox {
	float:left;
	margin:0 171px 0 27px;
	_margin:0 0 0 13px;
}

.textbox2 div {
	margin-left:318px;
	_margin-left:300px;

}

.textbox2 .buybtn4 {
	padding:0;
}

.area1-1 {
	float:left;
	width:270px;
}

#mainarea .area1-1 ul {
	padding-left:140px;
}

#mainarea .option {
	text-align:right;
	margin-left:197px;
	margin-right:9px;
}

#mainarea .option2 {
	text-align:right;
	margin-right:19px;
}

#mainarea .en100 {
	margin-top:10px;
}

#mainarea .en9980 {
	margin-top:29px;
}

.area1-2 {
	float:right;
	width:276px;
	margin-bottom:15px;
}

#mainarea .area1-2 ul {
	padding-left:140px;
}

#mainarea .area1-2 images {
	padding-top:23px;
}

.area2-1 {
	clear:both;
	float:left;
	width:276px;
}

.area2-2 {
	float:right;
	width:276px;
}

#mainarea .area2 p {
	position:relative;top:-5px;
	margin-left:12px;
	padding-right:22px;
}

#mainarea .area2 .topics {
	margin:10px 0 7px 0;
}


#mainarea .area2 ul {
	color:#cc0000;
	font-size:12px;
	margin-top:0;
}

#mainarea .area2 li {
	background-image:url(../images/icon_dot2.gif);
	background-repeat:no-repeat;
	background-position:left 11px;
	padding:7px 0;
}

/*---------キャンペーン---------*/

#campaign .contentbox {
	border-bottom:1px dotted #999999;
	margin-top:20px;
	margin-bottom:30px;
	padding-bottom:60px;
}

#campaign #camp3 .contentbox {
	border-bottom:none;
	padding-bottom:30px;
}


#campaign #anchor {
	width:545px;
	margin-bottom:30px;
	padding-bottom:60px;
	border-bottom:1px dotted #999999;
}

#campaign #anchor h1 {
	margin-bottom:9px;
}

#campaign #anchor .link {
	margin-left:125px;
	position:relative; top:20px;
	text-indent:1em;
	background-image:url(../images/icon_dot1.gif);
	background-repeat:no-repeat;
	background-position:left center;	
}

#campaign #anchor .clear {
	margin-bottom:35px;
}

#step {
	margin-top:20px;
	margin-bottom:40px;
}

#step p {
	margin-left:16px;
}

#campaign .contentbox #step h2 {
	font-size:12px;
	font-weight:normal;
	margin-top:-13px;
	margin-bottom:35px;
}

#step .noindent {
	margin:35px 0 7px;
}

#campaign .contentbox .campstep{
	background-image:url(../images/campaign/step.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-size:15px;
	font-weight:bold;
	color:#333333;
	margin:25px 0 7px ;
}

#campaign .contentbox .campstep span{
	color:#AF0000;
}


#campaign .contentbox #spec {
	margin:10px 0 30px 0;
}

#campaign .contentbox #spec li {
	background-image:url(../images/icon_dot1.gif);
	background-position:left center;
	background-repeat:no-repeat;
	list-style: none;
	text-indent:1em;
}

#campaign .contentbox h1 {
	margin-left:-30px;
}

#campaign .contentbox h2 {
	font-size:14px;
	margin-bottom:15px;
}

#campaign .contentbox h3 {
	font-size:13px;
	font-weight:normal;
	margin-bottom:15px;
}

#campaign .contentbox .ad_red {
	font-size:14px;
}

#campaign .contentbox .fontsmall {
	font-size:11px;
	margin-bottom:35px;
}

#campaign .contentbox .buybtn3 {
	margin:20px 0;
	padding-left:80px;
}

#campaign .contentbox .link {
	background-image:url(../images/icon_dot1.gif);
	background-position:left center;
	background-repeat:no-repeat;
	text-indent:1em;	
}

#campaign .contentbox .camptextbox {
	margin-bottom:30px;
}

#campaign .contentbox .fl {
	margin-bottom:12px;
}

#campaign .contentbox .fl .fl {
	padding-right:36px;
	_padding-right:33px;
}

#campaign .contentbox .fl .fl_inquirly {
	float:left;
	padding-right:26px;
	_padding-right:23px;
}

#campaign .contentbox .fl img {
	margin-bottom:5px;
}

#dc {
	margin-left:286px;
	_margin-left:280px;
}

/*---------PCラインナップ---------*/

.makerbox_top {
	width:545px;
	padding-bottom:40px;
}

.makerbox {
	width:545px;
	margin-top:20px;
}

.makerbox .goodsbox,
.makerbox_top .goodsbox {
	height:180px;
	margin-top:20px;
	padding-bottom:40px;
	_padding-bottom:15px;
	border-bottom:1px dotted #999999;
}

.makerbox .goodsbox h2,
.makerbox_top .goodsbox h2 {
	background-image:url(../images/icon_dot4.gif);
	background-position:left;
	background-repeat:no-repeat;
	color:#444444;
	font-size:14px;
	font-weight:bold;
	margin:0 0 15px 280px;
	padding-left:10px;
}

.makerbox ul,
.makerbox_top ul {
	text-align:right;
	list-style-type:none;
}

.makerbox li,
.makerbox_top li {
	text-indent:1em;
	background-image:url(../images/icon_dot1.gif);
	background-repeat:no-repeat;
	background-position:438px center;	
}

.makerbox .goodsbox p,
.makerbox_top .goodsbox p {
	line-height:20px;
	margin-bottom:0;
	padding-bottom:5px;
}

.makerbox .goodsbox .fontsmall,
.makerbox_top .goodsbox .fontsmall {
	line-height:15px;
	font-size:0.7em;
	_font-size:0.7em;
}

.detailimg {
	border-bottom:3px dotted #999999;
}

.detailimg_office {
	background-image:url(../images/spec/specimg_dynabookoffice.jpg);
	background-repeat:no-repeat;
	width:545px;
	height:231px;
	border-bottom:3px dotted #999999;
}

.detailimg_office a {
	position:relative; top:40px; left:450px;
	padding-left:13px;
	background-image:url(../images/icon_dot1.gif);
	background-position:left center;
	background-repeat:no-repeat;
}

#under_detail {
	margin:10px 0 0 45px;
}

#under_detail .emtext_900 {
	margin-right:10px;
	font-size:11px;
	_font-size:10px;
	color:#43B8EA;
	float:left;
}

#under_detail .emtext_vaio {
	margin-right:10px;
	font-size:11px;
	_font-size:10px;
	color:#610B2B;
	float:left;
}

#under_detail .emtext_lavie {
	margin-right:10px;
	font-size:11px;
	_font-size:10px;
	color:#009840;
	float:left;
}

#under_detail .emtext_inspiron {
	margin-right:10px;
	font-size:11px;
	_font-size:10px;
	color:#FF7E00;
	float:left;
}

#under_detail .emtext_aspire {
	margin-right:10px;
	font-size:11px;
	_font-size:10px;
	color:#236A31;
	float:left;
}

#under_detail .price3 {
	float:left;
	margin-right:67px;
}

#under_detail .price4 {
	float:left;
	margin-right:40px;
}

#under_detail .price5 {
	float:left;
	margin-right:19px;
}

.makerbox .goodsbox .buybtn1,
.makerbox_top .goodsbox .buybtn1 {
	padding-bottom:0;
}

.doukon {
	font-size:15px;
	font-weight:bold;
	margin:20px 0 8px 0;
}

.ad_blue_office {
	float:left;
	font-size:15px;
	font-weight:bold;
	color:#0066CC;
	margin:0 15px 13px 0;
}

.makerbox .goodsbox .office_logo {
	margin-bottom:15px;
}

.camp_ad_red {
	font-size:15px;
	font-weight:bold;
	color:#CC0000;
	margin:0 0 5px 300px;
	_margin:0 0 5px 290px;
}

.camptitle {
	margin-top:-15px;
	margin-bottom:20px;
}

/*---------イー･モバイル---------*/

.contentbox .dc {
}

.contentbox .dc ul {
	margin:0 0 30px 248px;
}

.contentbox .dc h2 {
	margin-bottom:15px;
}

.contentbox .dc h3 {
	margin-bottom:20px;
}

.contentbox .dcspec {
	width:370px;
	float:left;
	margin-bottom:20px;
}

.contentbox .dcspec p {
	float:left;
	margin:0 3px 3px 0;
}

#emobile .contentbox {
	margin-bottom:70px;
}

.cell0 {
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
}

.cell1 {
	color:#FFFFFF;
	background: #44ac6e none repeat scroll 0 0;
	border-right: 1px solid #CFCFCF;
}

.cell2 {
	background: #fff9b4 none repeat scroll 0 0;
}

.cell3 {

	font-size: 0.9em;
}

.cell3x {
	border-bottom: 1px solid #FFFFFF;
}

.cell4x {
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

/*---------ミニPCってなに？---------*/

.character {
	padding-bottom:80px;
}

.character li {
	margin-bottom:7px;	
}

.comment span {
	font-weight: bold;
}

.commentbox {
	float:left;
	background-image: url(../images/minipc/comment_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 30px;
	padding-bottom: 40px;
}

.commentbox p {
	width:220px;
	padding:40px 27px 40px 15px;
}

.commentbox1 {
	background-image: url(../images/minipc/comment_bg1.gif);
	background-repeat: no-repeat;
	background-position: 17px 0px;
	padding-bottom: 20px;
}

.commentbox1 p {
	margin: 10px 75px 0px 127px;
	padding-top: 30px;
}
.commentbox2 {
	background-image: url(../images/minipc/comment_bg2.gif);
	background-repeat: no-repeat;
	background-position: 260px 10px;
	padding-bottom: 75px;
}

.commentbox2 p {
	margin: 10px 125px 0px 275px;
	padding-top: 23px;
}

.commentbox3 {
	background-image: url(../images/minipc/comment_bg3.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.commentbox3 p {
	margin: 10px 120px 20px 15px;
	padding-top: 17px;
	padding-bottom: 20px;
}

.cafe {
	float: left;
	margin-left: 5px;
	text-align: center;
}

.trip {
	position:relative; top: -17px; left:30px;
}

.trip .triptext {
	margin: 0;
	padding: 0 0 0 45px;
}

.home p {
	text-align:right;
	margin-right:40px;
}

/*---------FAQ---------*/
.question {
	background-image:url(../images/q.gif);
	background-repeat:no-repeat;
	background-position:left 15px;
	padding-top:23px;
	padding-bottom:7px;
	font-size:16px;
	text-indent:2.2em;
	font-weight:bold;
}

.answer {
	background-image:url(../images/a.gif);
	background-repeat:no-repeat;
	background-position:left 0px;
	padding-bottom:23px;
	padding-top:7px;
	padding-left:36px;
	font-size:16px;
	border-bottom:1px dotted #999999;
}

/*---------office---------*/

#office h2{
	background-image:url(../images/subtit_bg.gif);
	background-repeat:no-repeat;
	width:550px;
	height:22px;
	text-indent:1.5em;
	font-size:14px;
	margin:35px 0 20px;
	padding-top:10px;
}

#office h3{
	background-image:url(../images/q.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:25px;
	font-size:12px;
	margin:30px 0 10px;
	padding-left:33px;
}

#office .questions{
	padding-top:13px;
}






