@charset "utf-8";



/*-----------------------------------------------
  contents
-------------------------------------------------*/
#contentsArea {
	clear:both;
	text-align:left;
	width:960px;
	margin:0px auto;
	height:auto;
	overflow:hidden;
	padding-bottom:80px;
	}


/*-----------------------------------------------
  div.heroArea subBanner
-------------------------------------------------*/
.subBanner{
	float:left;
	width:190px;
	}

p.subBanner{
	float:left;
	width:auto;
	margin:0px auto 25px auto;
	padding:5px;
	text-align:center;
	background:#E9E6D1;
	}



/*-----------------------------------------------
  maincontents
-------------------------------------------------*/
#contentsArea .maincontentsArea {
	float:right;
	width:740px;
	height:auto;
	overflow:hidden;
	}

/*-----------------------------------------------
　　Column Box
-------------------------------------------------*/
#contentsArea .columnBox {
	clear:both;
	height:auto;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
	}

#contentsArea ul.infoboxL{
	float:left;
	width:49%;
	height:auto;
	}
#contentsArea ul.infoboxR{
	float:right;
	width:49%;
	height:auto;
	}
#contentsArea  ul.infoboxL li.textread, 
#contentsArea ul.infoboxR li.textread {
	margin-left:65px;
	}


.leftcolumn{
	float:left;
	width:49%;
	margin-right:5px;
	mine-height:80px;
	margin-top:10px;
	height:auto;
	}

.rightcolumn{
	float:right;
	width:49%;
	margin-right:5px;
	mine-height:80px;
	margin-top:10px;
	height:auto;
	}

.largeLeftcolumn {
	float:left;
	width:49%;
	margin-right:5px;
	height:auto;
	margin-top:10px;
	height:auto;
	}

.largeRightcolumn {
	float:right;
	width:49%;
	margin-right:5px;
	height:auto;
	margin-top:10px;
	}

ul.infomation{
	clear:both;
	height:auto;
	overflow:hidden;
	}

.largeLeftcolumn p, 
.largeRightcolumn p {
	margin-bottom:6px;
	height:auto;
	overflow:hidden;
	}

.largecolumn{
	mine-height:100%;
	margin-top:10px;
	overflow:hidden;
	}




/*-----------------------------------------------
  title
-------------------------------------------------*/
/*--- [ h1 ] ---*/
#contentsArea h1.magTitle, 
#magazine #contentsArea .magTipsTitle{
	height:auto;
	text-indent:-30px;
	padding-top:13px;
	padding-bottom:13px;
	padding-left:40px;
	_padding-left:10px;
	color:#fff;
	font-size:18px;
	font-weight:normal;
    background-color: #008272;
	}
#magazine #contentsArea .magTipsTitle span.icoh1new{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/iconewinfo.gif) no-repeat left center;
	}

#contentsArea h1.magTitle span.icoh1, 
#magazine #contentsArea .magTipsTitle span.icoh2{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:30px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/h2title.gif) no-repeat left center;
	}


#magazine #contentsArea .magTipsTitle span.explanation{
	float:right;
	margin-top:2px;
	margin-right:10px;
	padding:3px 6px;
	text-indent:0px;
	font-size:12px;
	background:#fff;
	color: #717500;
	}



/*--- カテゴリタイトル h1 ---*/
#magazine #contentsArea h1 span.categoryTitle{
	margin-left:35px;
	position:relative;
	top:110px;
	font-size:16px;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}


#magazine #contentsArea h1.winHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_windows.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}

#magazine #contentsArea h1.win7Hero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_windows7.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	}
#magazine #contentsArea h1.win7TipsHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_windows7tips.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	}
#magazine #contentsArea h1.win7SpHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_windows7sp.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	}


#magazine #contentsArea h1.winvHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_windowsvista.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.winvTipsHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_windowsvistatips.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.winvSpHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_windowsvistasp.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}


#magazine #contentsArea h1.winxpHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_windowsxp.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.winxpTipsHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_windowsxptips.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.winxpSpHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_windowsxpsp.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}


#magazine #contentsArea h1.officeHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_office.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.officeTipsHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_officetips.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.officeSpHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_officesp.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}


#magazine #contentsArea h1.outlookHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_outlook.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.outlookTipsHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_outlooktips.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.outlookSpHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_outlooksp.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}


#magazine #contentsArea h1.pptHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_powerpoint.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.pptTipsHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_powerpointtips.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.pptSpHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_powerpointsp.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}


#magazine #contentsArea h1.excelHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_excel.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.excelTipsHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_exceltips.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.excelSpHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_excelsp.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}

#magazine #contentsArea h1.wordHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_word.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.wordTipsHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_wordtips.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.wordSpHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_wordsp.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}

#magazine #contentsArea h1.onenoteHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_onenote.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.onenoteTipsHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_onenotetips.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}
#magazine #contentsArea h1.onenoteSpHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_onenotesp.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}

#magazine #contentsArea h1.preHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_preinstalllist.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}

#magazine #contentsArea h1.officeotHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_officeother.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}

#magazine #contentsArea h1.woexHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_wordexcellist.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}

#magazine #contentsArea h1.otherHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_other.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}

#magazine #contentsArea h1.hardHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_hardware.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}

#magazine #contentsArea h1.winliveHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_windowsLive.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}

#magazine #contentsArea h1.securityHero{
	background:url(/ja-jp/atlife/tips/archive/image/hero/hero_security.jpg) no-repeat left top;
	width:740px;
	height:160px;
	margin-bottom: 25px;
	color:#171717;
	text-shadow: 1px 1px 1px #fff;
	}





/*--- [ h2 ] ---*/
#contentsArea h2{
	height:auto;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	color:#fff;
	font-size:16px;
	font-weight:normal;
    background-color: #717500;
	}


#contentsArea h2 span.explanation{
	font-size:12px;
	margin-left:10px;
	}

#contentsArea h2 span.icoh2{
	padding-left:30px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/h2title.gif) no-repeat left center;
	}

#contentsArea h2 span.iconew{
	padding-left:30px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/iconewinfo.gif) no-repeat left top;
	}
#contentsArea h2 span.iconew_g2{
	padding-left:30px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/iconewinfo.gif) no-repeat left top;
	}

/*ie 6-7*/
#contentsArea h2 span.iconew_g2{ /
	background:url(/ja-jp/atlife/tips/archive/image/ico/iconewinfo.gif) no-repeat left 10px;
	}

#contentsArea h2 span.icocamp{
	padding-left:30px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/icocamp.gif) no-repeat left center;
	}

#contentsArea h2 span.icoumall{
	padding-left:30px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/icoumall.gif) no-repeat left center;
	}

#contentsArea h2 span.icomagazine{
	padding-left:30px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/icomagazine.gif) no-repeat left center;
	}

#contentsArea h2 span.icoofficial{
	padding-left:30px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/icoofficial.gif) no-repeat left center;
	}

#contentsArea h2 span.icoclub{
	padding-left:30px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/icoclub.gif) no-repeat left center;
	}




/*--- [ h3 magazine 用 ] ---*/
#magazine #contentsArea h3{
	width:auto;
	height:auto;
	margin-bottom:15px;
	padding-top:5px;
	padding-left:5px;
	color: #717500;
	font-size:16px;
    overflow: hidden;
	background:url(/ja-jp/atlife/tips/archive/image/ico/h3titlebk.gif) repeat-x left bottom;
	}
#home #contentsArea h3 span.icoh3, 
#magazine #contentsArea h3 span.icoh3{
	padding-left:18px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/h3title.gif) no-repeat left center;
	}
#home #contentsArea h3 span.explanation, 
#magazine #contentsArea h3 span.explanation{
	font-size:12px;
	margin-left:10px;
	}


/*--- [ h3 home 用] ---*/
#home #contentsArea h3{
	width:auto;
	height:auto;
	margin-bottom:10px;
	padding-top:5px;
	padding-left:5px;
	color: #717500;
	font-size:16px;
    border-bottom:2px solid #717500;
    overflow: hidden;
	}



/*--- [ h4 ] ---*/
#contentsArea h4{
	width:auto;
	height:auto;
	padding-top:5px;
	padding-left:2px;
	color: #717500;
	font-size:14px;
    overflow: hidden;
	border-bottom:1px solid #717500;
	}

#contentsArea h4 span.icoh4{
	padding-left:13px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/h4title.gif) no-repeat left center;
	}
#contentsArea h4 span.explanation{
	font-size:12px;
	margin-left:10px;
	}


#contentsArea .productsBoxArea .columnBox_type4 h4, 
#contentsArea .productsBoxArea .columnBox_type4_first h4 {
	width:176px;
	height: auto;
	padding-left: 2px;
	padding-top: 5px;
	color: #717500;
	font-size: 14px;
	overflow: hidden;
	border-bottom:none;
	}





/*-----------------------------------------------
   Magazine TOP // CSS //
-------------------------------------------------*/
#magazineBox {
	}

#magazineBox h2 {
	margin-bottom:15px;
	padding-right: 10px;
	padding-left: 40px;
    text-indent: -30px;
	}

.tipsNewsArea, 
.guideContentsArea,
.productsBoxArea, 
.productsBoxArea {
	margin-bottom:20px;
	padding-bottom:60px;
	height:auto;
	overflow:hidden;
	position:relative;	
	}


.objectBoxArea {
	margin-bottom:20px;
	height:auto;
	overflow:hidden;
	position:relative;
}

.imgBox {
	position:absolute;
	bottom:0;	
}


.columnBox_type3_first, .columnBox_type3 {
	float:left;
	width:236px;
}

.columnBox_type3_first img, .columnBox_type3 img {

}

.columnBox_type3_first {

}
.columnBox_type3 {
	margin-left:15px;
}

.columnBox_type3_first p, .columnBox_type3 p {
	padding:1px 5px;
	_padding:10px 3px 0px 3px;
}

p.titleArea, p.textArea {
	margin:12px 0 15px 0;
	padding:0 5px;
}

.imgMgn {
	margin-bottom:15px;	
}

.objectBoxArea p img {
	margin:12px 0 0 5px;	
}

.checkBoxArea {
	background:url(/ja-jp/atlife/tips/archive/image/listBox_bg_img.gif) 0 0 no-repeat;
	width:236px;
	height:229px;
	margin-bottom:10px;	
}


ul.ulCheckBox01 {
	margin:20px 0;	
}

ul.ulCheckBox01 li {
	background:url(/ja-jp/atlife/tips/archive/image/icoCheck.gif) 20px center no-repeat;
	padding:12px 20px 0 55px;
	min-height:30px;

}

ul.ulCheckBox02 {
	margin:20px 0 10px 0;
}

ul.ulCheckBox02 li {
	background:url(/ja-jp/atlife/tips/archive/image/ico/icoarrowblown1.gif) 10px 5px no-repeat;
	min-height:15px;
	padding:0 6px 0 30px;
	margin-bottom:10px;	
}

/* 4カラム用 */
.columnBox_type4_first, .columnBox_type4 {
	float:left;
	width:176px;
}

.columnBox_type4_first {
	margin-left:3px;
}

.columnBox_type4 {
	margin-left:10px;
}

.mb15 {
	margin-bottom:15px;	
}

.ulCheckBox03 {
		margin-bottom:10px;
}

.ulCheckBox03 li {
	background:url(/ja-jp/atlife/tips/archive/image/ico/icoarrowblown1.gif) 6px 3px no-repeat;
	min-height:15px;
	padding:0 6px 0 28px;
	margin-bottom:10px;
}

/* 2カラム用 office/navi/office.aspx */

#contentsArea .maincontentsArea .txtRight {
	float:right;
	width:190px;
}

* html #contentsArea .maincontentsArea .txtRight {
	float:right;
	width:175px;
}

.columnBox_type2_first, .columnBox_type2 {
	padding-top:92px;
	width:360px;
	height:auto;
	position:relative;
}

.columnBox_type2_first {
	float:right;
}

.columnBox_type2 {
	float:left;
	overflow:hidden;
}

.balloonBox {
	position:absolute;
	top:15px;
	/top:0px!important;
	z-index:10;
}



#contentsArea .maincontentsArea .topColumbBox_left {
	float:left;
	width:360px;
	height:auto;
	overflow: hidden;
	position:relative;
	background:url(/ja-jp/atlife/tips/archive/office/navi/image/bgImg_main.jpg) 0 0 repeat-y;
}


#contentsArea .maincontentsArea .topColumbBox_right {
	float:right;
	width:360px;
	height:auto;
	overflow: hidden;
	position:relative;
	background:url(/ja-jp/atlife/tips/archive/office/navi/image/bgImg_main.jpg) 0 0 repeat-y;
}

#contentsArea .maincontentsArea .titleBox {
	border-bottom:2px dotted #92722d;
	padding-bottom:10px;
	margin:0px 20px 10px 20px;
}


p.titleArea01, p.textArea01 {
	margin-bottom:10px;
	padding:0 5px;
	over-fllow:hidden;
	height:auto;
}

.imgMgn {
	min-width:100px;
}
* html .imgMgn {
	min-width:100px;
	margin-right:10px;
}


.imgBox02 {
	position:absolute;
	bottom:0;
	margin-left:20px;
}
* html .imgBox02 {
	position:absolute;
	bottom:0;
}


.columbBox_contentsBox02 {
	display:block;
	height:auto;
	/margin-top:-20px;
	background:url(/ja-jp/atlife/tips/archive/office/navi/image/bgImg_main.gif) 0 0 repeat-y;
	position:relative;
}


.columbBox_contentsBox03 {
	display:block;
	min-height:auto;
	/margin-top:-20px;
	background:url(/ja-jp/atlife/tips/archive/office/navi/image/bgImg_main02.gif) 0 0 repeat-y;
	position:relative;
}


.mainColumbBox_left {
	width:327px;
	padding:0px 20px 30px 20px;
	float:left;
	}

*+html .mainColumbBox_left {
	padding-bottom:0px;
	}
* html .mainColumbBox_left {
	width:325px;
	padding:0px 0px 40px 20px;
	overflow:hidden;
	float:left;
	}


.mainColumbBox_right {
	overflow:hidden;
	width:317px;
	padding:0 20px 30px 35px;
	float:right;
	/float:clear;
	}
*+html .mainColumbBox_right {
	padding-bottom:40px;
	}
* html .mainColumbBox_right {
	width:340px;
	padding:0 15px 60px 0px;
	overflow:hidden;
	float:right;
	}

* html .mcblSize{height:21.5em;}/* ie6 only height 調整 Large */
* html .mcbmSize{height:19em;}  /* ie6 only height 調整 Middle */
* html .mcbsSize{height:15em;}  /* ie6 only height 調整 Small */



.columbBoxbottom {clear:both;}
.bottomColumbBox_left {
	overflow:hidden;
	width:360px;
	min-height:25px;
	float:left;
	position:relative;
}

.bottomColumbBox_right {
	overflow:hidden;
	width:360px;
	min-height:25px;
	float:right;
	position:relative;
}

ul.ulCheckBox03 {
	margin-top:15px;
	}

ul.ulCheckBox03 li {
	background:url(/ja-jp/atlife/tips/archive/image/ico/icoarrowblown1.gif) 0 2px no-repeat;
	min-height:15px;
	padding:0 6px 0 20px;
	margin-bottom:8px;	
}


.box01 {
	height:auto;
	margin-bottom:35px;
	overflow:hidden;
	}

*+html .box01 {
	margin-bottom:60px;
	}



/*-----------------------------------------------
　　【columbBox_contentsBox02】 用
-------------------------------------------------*/
.onlineApplication .columbBox_contentsBox02_left {
	display: block;
	height: auto;
	background: url(/ja-jp/atlife/tips/archive/office/navi/image/bgImg_main.jpg) 0 0 repeat-y;
	position: relative;
}
.onlineApplication .mainColumbBox_left {
	padding-bottom: 0;
}
.onlineApplication .box01 {
	margin-bottom: 0;
}
.onlineApplication .clearfix {
	/zoom: 1;
}

.onlineApplication .columbBox_contentsBox03_left {
	display: block;
	min-height:300px;
	background: url(/ja-jp/atlife/tips/archive/office/navi/image/bgImg_main02.jpg) 0 0 repeat-y;
	position: relative;
}
.onlineApplication .mainColumbBox_left {
	padding-bottom: 0;
}
.onlineApplication .box01 {
	margin-bottom: 0;
}
.onlineApplication .clearfix {
	/zoom: 1;
}

/*-----------------------------------------------
　　【Index】活用ガイドページ
-------------------------------------------------*/
.mgnBox {
	clear:both;
	margin-bottom:20px;
}


/*-----------------------------------------------
　　【Index】Tips ページ
-------------------------------------------------*/
#iconAreaBox {
	background-color:#f1f2d4;
	padding:10px 0 10px 30px;
	margin-bottom:20px;
}

#iconAreaBox img {
	float:left;
	margin-right:25px;
}

.tipsBkNumBox{
	margin-bottom:40px;
	}


ul.ulCheckBox04 {
	background:url(/ja-jp/atlife/tips/archive/office/navi/image/btnTitle_bgMain.gif) 0 0 repeat-y;
	padding:10px 30px 15px 30px;
}
* html ul.ulCheckBox04 {
	height:100%;
}


ul.ulCheckBox04 li {
	clear:both;
	height:auto;
	padding:5px 0px;
	border-bottom:1px dotted #979b26;
}


ul.ulCheckBox04 li a.par {
	background:url(/ja-jp/atlife/tips/archive/image/ico/icoarrowblown1.gif) 0 2px no-repeat;
	padding:0px 6px 0px 20px;
	width:560px;
	float:right;
	}
* html ul.ulCheckBox04 li a.par {
	background:url(/ja-jp/atlife/tips/archive/image/ico/icoarrowblown1.gif) 0 2px no-repeat;
	padding:0 6px 10px 20px;
	float:left;
	}

ul.ulCheckBox04 li a.parspecial {
	display:block;
	background:url(/ja-jp/atlife/tips/archive/image/ico/icoarrowblown1.gif) no-repeat left 6px;
	padding:3px 6px 3px 20px;
	width:auto;
	}


.iconNo {
	float:left;
	width:82px;
}
* html .iconNo {
	margin-right:20px;
}


.tipsBkNum_bottom img {
	vertical-align:top;
}

.categolyLinkarea{
	padding:10px;
	margin-top:40px;
	margin-bottom:20px;
	}
.categolyLinkarea h3{/margin-top:40px;}


.categolyLinkarea ul{
	margin-top:10px;
	line-height:1.8;
	}

.categolyLinkarea ul li a{
	margin-right:10px;
	margin-bottom:10px;
	padding:10px 10px 10px 25px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/icoarrowblack1.gif) no-repeat 5px center;
	}
.categolyLinkarea ul li a:hover{
	margin-right:10px;
	margin-bottom:10px;
	padding:10px 10px 10px 25px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/icoarrowblack1.gif) no-repeat 5px center;
	}


/*-----------------------------------------------
　　【Detailes】Tips ページ
-------------------------------------------------*/
/***** [sns] *****/

ul.snsAreaList{
    clear: both;
	height:auto;
    padding: 8px 5px 8px 10px;
	background:#E5E5E5;
    overflow: hidden;
	}

ul.snsAreaList li{
	float:left;
	margin-right:10px;
	line-height:1.4;
	height:21px;
	}


ul.snsAreaList li.snsfbBottum{
	border:none;
	overflow:hidden;
	width:72px;
	}

ul.snsAreaListVer2 {
    clear: both;
	height:auto;
    margin-bottom:15px;
    padding: 8px 5px 8px 10px;
	background:#E5E5E5;
    overflow: hidden;
	}

ul.snsAreaListVer2 li{
	float:left;
	margin-right:10px;
	line-height:1.4;
	height:21px;
	}

ul.snsAreaListVer2 li.snsfbBottum{
	border:none;
	overflow:hidden;
	width:72px;
	}


.magdetRead{
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #ccc;
	overflow:hidden;
	height:auto;
	line-height:1.6;
	}

.magdetRead .magTipsimg{
	float:right;
	margin-left:30px;
	padding-bottom:10px;
	overflow:hidden;
	height:auto;
	}

.magReadimg{
	clear:both;
	margin-bottom:20px;
	padding-top:15px;
	padding-bottom:15px;
	background:#ddd;
	overflow:hidden;
	text-align:center;
	}

ul.magTipstext{
	clear:both;
	margin-top:15px;
	margin-bottom:15px;
	overflow:hidden;
	}

ul.magTipstext li{
	margin-bottom:10px;
	line-height:1.7;
	}

.guideNumber{
	padding: 0 3px;
	color: #996600;
	font-weight:bold;
	}


.otherTipsLink{
	margin-bottom:20px;
	}

.otherTipsLink a{
	display:block;
	margin-bottom:20px;
	padding:10px 10px 10px 30px;
	background:url(/ja-jp/atlife/tips/archive/image/ico/icoarrowblack1.gif) no-repeat 10px center #F3F3F3;
	}


/***** Table Date *****/

#contentsArea .maincontentsArea table.magTipsTable{
	width:95%;
	margin:15px auto 30px auto;
	text-align:left;
	border:2px solid #ddd;
	}

#contentsArea .maincontentsArea table.magTipsTable th{
	width:15%;
	margin-bottom:10px;
	padding:10px;
	font-weight:normal;
	background:#CDE2FC;
	border-bottom:1px dotted #fff;
	}
#contentsArea .maincontentsArea table.magTipsTable td{
	width:80%;
	padding:10px;
	border-bottom:1px dotted #ccc;
	}




#contentsArea .maincontentsArea table.magTipsTable4Column{
	width:95%;
	margin:30px auto;
	text-align:left;
	border:2px solid #ddd;
	}

#contentsArea .maincontentsArea table.magTipsTable4Column th{
	margin-bottom:10px;
	padding:10px;
	font-weight:normal;
	text-align:center;
	background:#CDE2FC;
	border-right:1px dotted #fff;
	border-bottom:1px dotted #fff;
	}
#contentsArea .maincontentsArea table.magTipsTable4Column td{
	padding:10px 10px 10px 20px;
	border-bottom:1px dotted #ccc;
	}


ul.onepoint{
	clear:both;
	margin-bottom:30px;
	padding:20px;
	font-size:12px;
	background:#F0F1D2;
	overflow:hidden;
	height:auto;
	}

ul.onepoint li{
	margin-left:10px;
	margin-bottom:8px;
	text-indent:-10px;
	line-height:1.7;
	}


span.detaileGuideno{
	color: #996600;
	font-weight: bold;
	padding: 0 3px;
	}


/***** Minimum img Only *****/
.imgsect{
	padding-right:5px!important;
	padding-bottom:7px!important;
	padding-left:5px!important;
	}



/*-----------------------------------------------
   News Letter ニュ－スレター
-------------------------------------------------*/
.nlsentence{
	float:left;
	overflow:hidden;
	height:auto;

	width:350px;
	}
.nlsentimg{
	float:right;
	overflow:hidden;
	height:auto;

	width:350px;
	}

.newwindow{
	float:left;
	margin-right:8px;
	}

#home #contentsArea .maincontentsArea h2.nlReadtitle{
	margin-top:30px;
	background:none; border:none;
	}

#home #contentsArea .maincontentsArea h3.backnone{
	background:none;
	border:none;
	}

div.nlboxTop{
	height:260px;
	margin-top:20px;
	padding:20px 15px 0px 15px;
	background:url(/ja-jp/atlife/tips/archive/image/nlentry/nlreadTop.jpg) no-repeat left top;
	overflow:hidden;
	}


div.nlboxMiddle{
	padding:10px 25px;
	background:url(/ja-jp/atlife/tips/archive/image/nlentry/nlreadmiddle.gif) repeat-y left top;
	overflow:hidden;
	height:auto;
	}

div.nlboxMiddle p.nlTxtBox{
	padding:15px;
	border:3px solid #ccc;
	}

div.nlboxMiddle .sampleimgright{
	float:right;
	margin-top:-65px;
	}

div.nlboxBottom{
	height:35px;
	margin-bottom:50px;
	background:url(/ja-jp/atlife/tips/archive/image/nlentry/nlreadBottom.jpg) no-repeat left bottom;
	}

.wlbtnArea{
	margin-right:40px;
	margin-left:20px;
	}



/*-----------------------------------------------
   バックナンバー
-------------------------------------------------*/
ul.allBacknumber, 
ul.athomeBacknumber {
	margin:10px;
	}

ul.allBacknumber li {
	line-height:1.7;
	padding-left:20px;
	background: url(/ja-jp/atlife/tips/archive/image/ico/icoarrowblack1.gif) no-repeat left center;
	}

ul.athomeBacknumber li {
	line-height:2;
	padding-left:20px;
	background: url(/ja-jp/atlife/tips/archive/image/ico/icoarrowblown1.gif) no-repeat left center;
	}



/*-----------------------------------------------
   Bing
-------------------------------------------------*/
.binghero{
	margin-top:10px;
	margin-bottom:10px!important;
	}
.mainReadArea{
	margin-bottom:30px;
	}

ul.bingMtrUIL {
	clear:both;
	margin-bottom:15px;
	overflow:hidden;
	height:auto;
	}

ul.bingMtrUIL li{
	float:left;
	margin-right:13px;
	}

ul.bingMtrUIL li.bingMtrUITitle{
	margin-right:10px;
	}

ul.bingMtrUIL li.rnone{
	margin-right:0px;
	}


ul.indexBinglist li{
	margin-bottom:8px;
	}

ul.indexBinglist li a{
	display:block;
	padding:8px 5px;
	}
ul.indexBinglist li a:hover{
	display:block;
	padding:8px 5px;
	background:#F2F5F8;
	}





/*-----------------------------------------------
  旧テンプレート移行用
-------------------------------------------------*/
.oldgroup{
	background:#F5F2E1;
	padding-top:15px!important;
	padding-bottom:15px!important;
	border:1px dotted #666;
	}

.oldgroupinner{
	width:650px;
	background:#FDFBF3;
	margin:0 auto;
	padding-top:15px!important;
	padding-bottom:15px!important;
	}


/*-----------------------------------------------
  relatedLinkArea 関連リンク
-------------------------------------------------*/
#contentsArea .relatedLinkArea{
	width:auto;
	height:auto;
	margin-bottom:8px;
	padding:15px;
	background: #EAEAEA;
	overflow:hidden;
	}
	* html #contentsArea .relatedLinkArea{
		height:1%;
		}

#contentsArea .relatedLinkArea .reLinklogo{
	float:left;
	overflow:hidden;
	}
	* html #contentsArea .relatedLinkArea .reLinklogo{
		}



#contentsArea .relatedLink{
	width:auto;
	margin-left:10px;
	padding-left:15px;
	height:auto;
	overflow:hidden;
	}
	* html #contentsArea .relatedLink{
		float:right;
		width:750px;
		}
	* html #contentsArea .sideLay{
		float:right;
		width:530px;
		}

#contentsArea .relatedLinkArea .relatedLink h3{
	height:25px!important;
	margin-bottom:5px!important;
	border-bottom:none!important;
	background:none!important;
	color:#333!important;
	font-size:12px!important;
	}

#contentsArea .relatedLinkArea .relatedLink li{
	float:left;
	margin-right:5px;
	}
#contentsArea .relatedLinkArea .relatedLink li.rmnone{
	margin-right:0px;
	}




#contentsArea .relatedLinkArea ul.reltextList{
	clear:both;
	overflow: hidden;
	margin-bottom:15px;
	}

#contentsArea .relatedLinkArea ul.reltextList li a{
	display:block;
	margin-right:15px;
	padding:10px 15px;

	border-top:1px solid #a9a9a9;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #fff;
	border-left:1px solid #cfcfcf;

	text-shadow: -1px -1px -1px #003870;
	color:#fff;
	background:#0066CC;
	}

#contentsArea .relatedLinkArea ul.reltextList li a:hover{
	background:#0b7fe1;
	}


#contentsArea .relatedLinkArea ul.reltextList li.or a {
	color:#000;
	background:#f9b135;

	text-shadow: -1px -1px -1px #ffecb7;
	}
#contentsArea .relatedLinkArea ul.reltextList li.or a:hover {
	color:#000;
	background:#fbd05d;

	text-shadow: -1px -1px -1px #ffecb7;
	}










#contentsArea ul.relTextLinkArea{
	clear:both;
	_height:70px;
	padding:15px 20px;
	background:#deebf8;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	overflow: hidden;
	}

#contentsArea ul.relTextLinkArea li.Linktitle{
/*	width:190px;*/
	}
#contentsArea ul.relTextLinkArea li.Linktitle a{
	background:url(/ja-jp/atlife/tips/archive/image/ico/icoarrowblack1.gif) no-repeat left center;
	padding-left: 20px;
	border:none;
	text-shadow: 0px 0px 0px;
	color:#333; text-decoration: underline;
	}
#contentsArea ul.relTextLinkArea li.Linktitle a:hover{
	color:#2068FF; text-decoration: none;
	background:url(/ja-jp/atlife/tips/archive/image/ico/icoarrowblack1.gif) no-repeat left center;
	}

#contentsArea ul.relTextLinkArea li {
	float:left;
	overflow:hidden;
	margin-right:10px;
	padding:10px 15px;
	}
#contentsArea ul.relTextLinkArea li a{
	padding:10px 15px;

	border-top:1px solid #a9a9a9;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #fff;
	border-left:1px solid #cfcfcf;

	text-shadow: -1px -1px -1px #003870;
	color:#fff;
	background:#0066CC;
	}

#contentsArea ul.relTextLinkArea li a:hover{
	background:#0b7fe1;
	}

#contentsArea ul.relTextLinkArea li.or a {
	color:#000;
	background:#f9b135;
	text-shadow: -1px -1px -1px #ffecb7;
	}
#contentsArea ul.relTextLinkArea li.or a:hover {
	color:#000;
	background:#fbd05d;
	text-shadow: -1px -1px -1px #ffecb7;
	}







.btnStyle {
	clear:both;
	overflow:hidden;
	margin-top:10px;
	margin-right:10px;
	padding:10px 15px;
	}
.btnStyle a{
	padding:10px 15px;
	border-top:1px solid #a9a9a9;
	border-right:1px solid #cfcfcf;
	border-bottom:1px solid #fff;
	border-left:1px solid #cfcfcf;

	text-shadow: -1px -1px -1px #003870;
	color:#fff;
	background:#0066CC;
	}

.btnStyle a:hover{
	background:#0b7fe1;
	}






/*-----------------------------------------------
   キャンペーン Close 用
-------------------------------------------------*/
div.close{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 3px solid #FF0000;
	clear: both;
	margin: 20px 5px 20px 0;
	padding: 10px 0;
	}

div.close p{
	color: #FF0000;
	font-size:16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: center;
	}


/*-----------------------------------------------
   /ucontents/users/tips/outlook  -- inTable
-------------------------------------------------*/
table.uuconoldtable, 
table.uuconoldtable td{
	text-align:left;
	font-size:12px;
	}


/*-----------------------------------------------
   attentiontext
-------------------------------------------------*/
.attenTitle{
	color:#D20500;
	font-size:16px;
	}

.attentionbox{
	clear:both;
	margin-top:15px;
	padding:20px 20px 10px 20px;
	}

.attentionbox2{
	margin-top:20px;
	margin-right:150px;
	margin-bottom:30px;
	padding:20px;
	background:#FCF6E4;
	}

.attentiontext{
	margin-top:20px;
	margin-right:150px;
	margin-bottom:30px;
	padding:20px;
	text-align:center;
	font-size:14px;
	background:#F5E6B6;
	}

.m_menu ul li span.min{
	font-size: 80%;
}