@charset "utf-8";


/*-----------------------------------------------
  home
-------------------------------------------------*/
div.heroArea{
	width:960px;
	margin:0px auto 20px auto;
	text-align:center;
	overflow:hidden;
	}



div.heroArea .hero{
	float:right;
	}

div.heroArea .adjust{
	margin-left:8px;
	}


div.heroArea div.subbannerArea{
	float:left;
	width:190px;
	}

div.heroArea div.subbannerArea .subtop{
	/margin:0px!important;
	/padding:0px!important;
	}
div.heroArea div.subbannerArea .center{
	margin:6px 0px;
	}






.rightHeadban{
	height:auto;
	margin-left:10px;
	padding-bottom:8px;
	overflow:hidden;
	}

.adjustBottom{
	margin-left:10px;
	}



/***** [sns] *****/

/* 2 バナー の場合に使用
body#home ul.snsArea{
	clear:both;
	height:auto;
	padding:20px 0px 10px 20px;
	/padding:20px 0px 15px 20px;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	background:#FAF1E4;
	overflow:hidden;
	text-align:left;
	}
*/


body#home ul.snsArea{
	clear:both;
	height:auto;
	/height:30px;
	padding:4px 0px 3px 20px;
	/padding:3px 0px 1px 20px;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	overflow:hidden;
	text-align:left;
	}

body#home ul.snsArea li{
	float: left;
	line-height:1.4;
	overflow:hidden;
	}


body#home ul.snsArea .btnFb{
	margin-right: 15px;
	_margin-top:-5px;
	}

body#home ul.snsArea iframe.snsfbBottum{
	width:72px;
	height:21px;
	/width:69px;
	border:none;
	overflow:hidden;
	}


table .uiGrid{display:none;}

table.connect_widget_interactive_area td.connect_widget_button_count_excluding
{display:none!important;}

.connect_widget_button_count_count{
	display:none;
	}


body#home ul.snsArea li iframe .twitter-share-button .label{
	width:70px;
	}



/*-------------------------------------------------
  anchorLink
-------------------------------------------------*/
.anchorLink p.anchor{
	width:100%;
	height:30px;
	padding-top:5px;
	font-size:16px;
	font-weight: bold;
	border-bottom:2px solid #717500;
	}

.anchorLink p.anchor span.explanation{
	font-size:12px;
	margin-left:10px;
	}

.anchorLink p.anchor span.icoanchor{
	padding-top:5px;
	padding-left:20px;
	background:url(/japan/athome/image/ico/icoancho.gif) no-repeat left center;
	}

.anchorLink ul{
	margin-top:10px;
	margin-bottom:20px;
	}

.anchorLink ul li{
	float:left;
	}

ul.campaigninfo {
	margin-top:10px;
	margin-bottom:5px;
	}

ul.campaigninfo li{
	float:left;
	margin-right:6px;
	vertical-align:bottom;
	}

ul.campaigninfo li.none{
	margin-right:0px!important;
	}

.tocampaign{
	clear:both;
	float:right;
	margin-top:10px;
	margin-bottom:20px;
	}

/*-----------------------------------------------
　　newArea
-------------------------------------------------*/
.newArea{
	height:auto;
	}


.tabslider ul li.new{
	padding-left:28px;
	background:url(/japan/athome/image/ico/iconew.gif) no-repeat left top;
	}
.tabslider ul li.normal{
	padding-left:28px;
	}


/* 新着記事 アイコン */
.tabslider ul li {
	line-height:1.5;
	padding-bottom: 7px;
	_padding-bottom: 9px;
	}


/* カラー */
.tabslider ul li span{
	margin-right:10px;
	font-size:10px;
	padding:3px 10px;
	_padding:4px 5px;
	letter-spacing:0.2px;
	text-align:center;
	}

.tabslider ul span.Nwindows{
	color:#ffffff;
	background:#266B98;
	}
.tabslider ul span.Noffice{
	color:#000000;
	background:#F57E20;
	}
.tabslider ul span.Nwlive{
	color:#ffffff;
	background:#2B2B2B;
	}
.tabslider ul span.Nbingmsn{
	color:#000000;
	background:#51A9EE;
	}
.tabslider ul span.Nwphone{
	color:#ffffff;
	background:#E51400;
	}
.tabslider ul span.Npresspass{
	color:#ffffff;
	background:#004C00;
	}
.tabslider ul span.Nstore{
	color:#ffffff;
	background:#1D7A99;
	}
.tabslider ul span.Nxbox{
	color:#ffffff;
	background:#007B33;
	}
.tabslider ul span.Numall{
	color:#ffffff;
	background:#900000;
	}
.tabslider ul span.Nhardw{
	color:#ffffff;
	background:#810303;
	}




.NewOterinfo {
	padding:20px 15px;
	margin-top15px;
	margin-bottom:15px;
	background:#EAEAEA;
	}


/*-----------------------------------------------
　　Umall
-------------------------------------------------*/

div.introUmall{
	width:100%;
	padding-bottom:10px;
	background:url(/japan/athome/image/dotteLine1.gif) repeat-x left bottom;
	}

ul.umallNinfo{
	}

ul.umallNinfo li.icoproduct {
	display:block;
	width:80px;
	height:15px;
	margin-left:150px;
	padding:3px 5px!important;
	margin-bottom:5px!important;
	color:#fff;
	font-size:10px;
	text-align:center;
	background:#900000!important;
	}

ul.umallNinfo li.detaile {
	margin-left:150px;
	}

ul.umallNinfo li.detaile a span.italic{
	font-style: oblique!important;
	font-family: MS Pゴシック,Verdana,Arial;
	}


ul.umallNinfo li.icoproductcamp {
	display:block;
	width:80px;
	height:15px;
	margin-left:150px;
	padding:3px 5px!important;
	margin-bottom:5px!important;
	color:#fff;
	font-size:10px;
	text-align:center;
	background:#203D8C!important;
	}


div.sale {
	clear:both;
	height:20px;
	padding:5px;
	border:1px solid #aaa;
	background:#fff;
	}

div.sale h3{
	float:left;
	height:20px!important;
	color:#333!important;
	margin-right:25px;
	padding-top:0px!important;
	padding-left:20px!important;
	border:none!important;
	background:url(/japan/athome/image/ico/icocart2.gif) no-repeat left center;
	}

div.sale ul li{
	display:inline;
	padding-left:20px;
	background:url(/japan/athome/image/ico/icoarrowblown1.gif) no-repeat left center;
	}



#contentsArea div.umallGuide h3{
	height:25px!important;
	}
#contentsArea div.umallGuide h3 span{
	padding-left:20px;
	background:url(/japan/athome/image/ico/icoumallcart.gif) no-repeat left center;
	}


#contentsArea div.umallGuide div.umallGuidebox{
	margin-bottom:10px;
	padding:5px 10px 10px 10px;
	background: #EAEAEA;
	}

#contentsArea div.umallGuide dl{
	margin-bottom:2px;
	}

#contentsArea div.umallGuide dl dt{
	float:left;
	min-width:135px;
	_width:150px;
	font-weight:bold;
	}

#contentsArea div.umallGuide dl dd{
	display:inline;
	margin-left:3px;
	padding-left:17px;
	background:url(/japan/athome/image/ico/icoarrowblown1.gif) no-repeat left center;
	height:auto;
	}

#contentsArea div.umallGuide dl dt.sale{
	padding-left:15px;
	background:url(/japan/athome/image/ico/icoumallsale.gif) no-repeat left center;
	}

#contentsArea div.umallGuide dl dt.hardware{
	padding-left:15px;
	background:url(/japan/athome/image/ico/icoumallhard.gif) no-repeat left center;
	}

#contentsArea div.umallGuide dl dt.mac{
	padding-left:15px;
	background:url(/japan/athome/image/ico/icoumallmac.gif) no-repeat left center;
	}

#contentsArea div.umallGuide dl dt.tool{
	padding-left:15px;
	background:url(/japan/athome/image/ico/icoumalltool.gif) no-repeat left center;
	}

#contentsArea div.umallGuide ul li.toumalltop{
	float:left;
	margin-top:20px;
	margin-right:50px;
	margin-bottom:15px;
	padding-left:25px;
	font-weight:bold;
	font-size:14px;
	background:url(/japan/athome/image/ico/icotohome.gif) no-repeat left center;
	}


#contentsArea div.linetitle img.leftimgico{
	float:left;
	padding-top:6px;
	padding-right:10px;
	padding-bottom:5px;
	}
.titlecolumn{
	clear:both;
	width:auto;
	margin-top:10px;
	padding-bottom:5px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #717500;
	}
.titlecolumn .explanation{
	font-size:12px;
	}




/*-----------------------------------------------
　　Magazine
-------------------------------------------------*/

#contentsArea .magazineArea ul.magNinfo{
	clear:both;
	height:auto;
	margin-top:7px;
	margin-bottom:7px;
	}

#contentsArea .magazineArea ul.magNinfo li.textread{
	margin-left:65px;
	}

#contentsArea ul.tomagazine{
	clear:both;
	height:1%;
	overflow:hidden;
	margin-top:10px!important;
	margin-bottom:10px;
	padding:10px;
	background: #EAEAEA;
	}
#contentsArea ul.tomagazine li.tomagazinetop{
	float:left;
	margin-top:15px;
	margin-right:5px;
	margin-bottom:10px;
	padding-left:20px;
	font-weight:bold;
	font-size:14px;
	word-spacing:-1px;
	background:url(/japan/athome/image/ico/icotohome.gif) no-repeat left center;
	}
#contentsArea ul.tomagazine li.rightbtn{
	float:right;
	}


/*-- [見出し] --*/
body#home #contentsArea .magazineArea h3 span.explanation{margin-left:0px!important;}
body#home #contentsArea .magazineArea h3{
	height:auto!important;
	margin-top:15px!important;
	padding-top:5px;
	padding-left:40px!important;
	padding-bottom:5px;
	}

body#home #contentsArea .magazineArea h3.icokids{
	background:url(/japan/athome/image/ico/icokids.gif) no-repeat left center;
	}


/*-----------------------------------------------
  ProductArea
-------------------------------------------------*/

/*---------- [見出し] ------------*/
body#home #contentsArea h2 span.icosupport{
	padding-left:35px;
	background:url(/japan/athome/image/ico/icosupport.gif) no-repeat left center;
	}

body#home #contentsArea .product{
	clear:both;
	width:985px;
	}

body#home #contentsArea .product h3 span.explanation{margin-left:0px!important;}
body#home #contentsArea .product h3 {
    padding-bottom: 5px;
    padding-left: 40px !important;
    padding-top: 5px;
	}

body#home #contentsArea .product h3.icosupport {
	background: url("/japan/athome/image/ico/icosupports.gif") no-repeat left 3px;
	height:65px;
	padding-top:0px;
	font-weight:normal;
	}
body#home #contentsArea .product h3.icoanswers {
	background: url("/japan/athome/image/ico/icoanswers.gif") no-repeat left 3px;
	height:65px;
	padding-top:0px;
	font-weight:normal;
	}
body#home #contentsArea .product h3.icosecurity {
	background: url("/japan/athome/image/ico/icosecures.gif") no-repeat left 3px;
	height:65px;
	padding-top:0px;
	font-weight:normal;
	}

body#home #contentsArea .product h3.icosoft {
	background: url("/japan/athome/image/ico/icosoftware.gif") no-repeat left 3px;
	height:110px;
	padding-top:0px;
	font-weight:normal;
	}

body#home #contentsArea .product h3.icohard {
	background: url("/japan/athome/image/ico/icohardwae.gif") no-repeat left 3px;
	height:110px;
	padding-top:0px;
	font-weight:normal;
	}

body#home #contentsArea .product h3.icogame {
    background: url("/japan/athome/image/ico/icogame.gif") no-repeat left 3px;
	height:110px;
	padding-top:0px;
	font-weight:normal;
	}


body#home #contentsArea .product h3.icoonline {
	background: url("/japan/athome/image/ico/icoonline.gif") no-repeat left 3px;
	height:110px;
	padding-top:0px;
	font-weight:normal;
	}



/*---------- [Box] ------------*/

.officialbox3{
	background: none repeat scroll 0 0 #F5F2E1;
	border: 1px dotted #999999;
	float: left;
	width: 428px;
	_width: 471px;
	/height:480px;
	_height:600px;
	margin-right:15px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding:20px 20px 80px 20px;
	overflow: hidden;
	}

.officialbox3 .winsup{
	float:left;
	width:200px;
	height:auto;
	padding:0px 5px 10px 0px;
	overflow: hidden;
	}
.officialbox3 .offsup{
	float:right;
	width:200px;
	height:auto;
	padding:0px 0px 10px 5px;
	overflow: hidden;
	}

.officialbox2{
	background: none repeat scroll 0 0 #F5F2E1;
	border: 1px dotted #999999;
	float: left;
	width: 188px;
	_width: 229px;
	/height:480px;
	_height:600px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding:20px 20px 80px 20px;
	overflow: hidden;
	}

.officialbox{
	background: none repeat scroll 0 0 #F5F2E1;
	border: 1px dotted #999999;
	float: left;
	width: 186px;
	_width: 228px;
	/height: 250px;
	_height: 300px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 20px;
	overflow: hidden;
	}

.officialbox ul li{
	line-height: 1.5;
	margin-bottom:3px;
	padding-left: 22px;
	background: url("/japan/athome/image/ico/icoarrowblown1.gif") no-repeat left 3px;
	}



/*---------- [ Bottum ] ------------*/
#equalize{
	padding-bottom:20px;
	overflow:hidden;
	position:relative;
	}
* html #equalize{
	padding:0px;
	overflow:hidden;
	zoom:1;
	}

#equalize .ColumnBtn{
	position:absolute;
	bottom:55px;
	/bottom:35px;
	_bottom:10px;
	}

#equalize .poleft30{
	left:30px;
	}



/*---------- [ Arrow ] ------------*/
ul.columnAreaArrow {
	margin-bottom:20px;
}

ul.columnAreaArrow li {
    background: url("/japan/athome/image/ico/icoarrowblown1.gif") no-repeat left 3px;
    line-height: 1.5;
    padding-left: 22px;
    margin-bottom:10px;
}

ul.supportLinkArea{
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	}
ul.supportLinkArea li a {
    background: url("/japan/athome/image/ico/icoarrowblack1.gif") no-repeat left center;
    display: block;
    width: auto;
    height: auto;
    _height: 1%;
	padding-top:4px;
	padding-bottom:4px;
    padding-left: 18px;
}
ul.supportLinkArea li a:hover {
    background: url("/japan/athome/image/ico/icoarrowblack1.gif") no-repeat left center #eee;
    display: block;
}




/*---------- [ Club Area ] ------------*/

body#home #contentsArea .clubGuide{
	margin-left:10px;
	padding-left:15px;
	height:auto;
	overflow:hidden;
	}

body#home #contentsArea .clubGuide h3{
	border-bottom:none!important;
	color:#333!important;
	font-size:12px!important;
	height:25px!important;
	}

body#home #contentsArea .clubGuide li{
	float:left;
	margin-right:5px;
	}
body#home #contentsArea .clubGuide li.rmnone{
	margin-right:0px;
	}

body#home #contentsArea .clubArea{
	width:auto;
	height:auto;
	padding:25px 15px;
	background: #EAEAEA;
	overflow:hidden;
	}

body#home #contentsArea .clubcaption{
	font-size:12px;
	margin-top:5px;
	margin-bottom:15px;
	}






/*-----------------------------------------------
　　Module
-------------------------------------------------*/
.left  {float:left;}
.right {float:right;}
.clear {clear:both;}


.clearfix:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}