/* CSS Document */
/*ポータル・マガジン*/
#navi_all,#navi_mag_all,#navi_mall_all{
width:180px;
font-size:80%;
}

.p_all{
background:#f0f9fe;
}

#navi,#navi_mag,#navi_mall{
margin:0px auto;
width:180px;
text-align:left;
padding-top:10px;
}

.p_bk{
background:url(/ja-jp/atlife/tips/archive/image/template/left_bk.jpg) no-repeat;
}

#navi_contents,#navi_contents_mag,#navi_contents_mall{
margin:0px 0px 0px 10px;
width:160px;
}

.p_menu{
background:url(/ja-jp/atlife/tips/archive/image/template/left_menu_bk.jpg) no-repeat;
height:1250px;
}

#navi .h2_box,#navi_mag .h2_box,#navi_mall .h2_box{
background:url(/ja-jp/atlife/tips/archive/image/template/left_h2.jpg) no-repeat;
width:160px;
height:28px;
margin-bottom:10px;
}

#navi h2,#navi_mag h2,#navi_mall h2{
color:#FFFFFF;
font-size:120%;
padding:8px 0px 0px 10px;
margin:0px 0px 0px 0px;
line-height:130%;
}

#navi .h3_box,#navi_mag .h3_box,#navi_mall .h3_box{
background:url(/ja-jp/atlife/tips/archive/image/template/left_h3.jpg) no-repeat;
width:158px;
height:25px;
margin:15px 0px 10px 1px;
padding:0px 0px 0px 0px;
}

#navi h3,#navi_mag h3,#navi_mall h3{
height:16px;
font-size:120%;
color:#60607f;
font-weight:bold;
padding:5px 0px 0px 23px;
margin:0px 0px 0px 0px;
}

#navi ul,#navi_mag ul,#navi_mall ul{
margin:0px 0px 5px 0px;
padding:0px 5px 0px 5px;
}

#navi li,#navi_mag li,#navi_mall li{
list-style:none;
font-size:120%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:180%;
position:relative;
}

#navi li a,#navi_mag li a,#navi_mall li a{
color:#000000;
}

#navi li a:hover,#navi_mag li a:hover,#navi_mall li a:hover {
background-color:#F0F0F4;
}

#navi ul.list,#navi_mag ul.list,#navi_mall ul.list{
margin:0px 0px 0px 0px;
padding:0px 5px 0px 5px;
}

#navi .list li,#navi_mag .list li,#navi_mall .list li{
list-style:none;
font-size:120%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:180%;
}

#navi p,#navi_mag p,#navi_mall p{
margin:0px 0px 10px 0px;
padding:0px 5px 0px 5px;
color:#60607f;
font-size:120%;
line-height:180%;
}

/* popup */
#navi .popup, #navi_contents_mag .popup, #navi_mall .popup{
	width:200px;
	display:none;
	position:absolute;
	left:150px;
	top:0;
	background-color:#f3f3f4;
	padding:5px;
	border:1px solid #D0D0FF;
	font-size:80%;
	line-height:100%;
}
#navi .popup a, #navi_contents_mag .popup a, #navi_contents_mall .popup a {
	color:#0033CC;
}

.popup a:hover {
	text-decoration:underline;
	background:none;
}

.link_popup {
padding-right:10px;
color:#000000;
display:block;
background:url(../images/template/navi_hover.gif) no-repeat right center;
}

/*マガジン・モール*/
.m_all,.mall_all{
background:#ffffff;
}

.m_bk,.mall_bk{
background:url(/ja-jp/atlife/tips/archive/image/template/left_bk.jpg) no-repeat;
}

.m_menu,.mall_menu{
background:url(/ja-jp/atlife/tips/archive/image/template/left_menu_bk.jpg) no-repeat;
}

#navi #h2_box02,#navi_mag #h2_box02,#navi_mall #h2_box02{
background:url(/ja-jp/atlife/tips/archive/image/template/left_h2.jpg) no-repeat;
width:160px;
height:42px;
margin-bottom:10px;
}

#navi #h2_box02_l,#navi_mag #h2_box02_l,#navi_mall #h2_box02_l{
background:url(/ja-jp/atlife/tips/archive/image/template/left_h2_l.jpg) no-repeat;
width:160px;
height:50px;
margin-bottom:10px;
}

#navi #h2_box02 h2,#navi_mag #h2_box02 h2,#navi_mall #h2_box02 h2{
color:#FFFFFF;
font-size:120%;
padding:6px 0px 0px 7px;
margin:0px 0px 0px 0px;
line-height:180%;
}

#navi ul.list,#navi_mag ul.list,#navi_mall ul.list{
margin:0px 0px 0px 0px;
padding:0px 5px 0px 5px;
}

#navi .list li,#navi_mag .list li,#navi_mall .list li,{
list-style:none;
font-size:120%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:180%;
}

#navi p.banner,#navi_mag p.banner,#navi_mall p.banner{
margin:50px 10px 0px 15px;
padding:0px 5px 0px 5px;
width:120px;
}

.small{
font-size:90%;
padding:0px 0px 0px 11px;
margin:0px 0px 0px 0px;
line-height:150%;
color:#000000;
}

#navi li.indent,#navi_mag li.indent,#navi_mall li.indent{
list-style:none;
font-size:120%;
padding:0px 0px 0px 20px;
margin:0px 0px 0px 0px;
line-height:180%;
}

.ad{
margin:10px 0px 0px 20px;
width:120px;
}

#navi li.first,#navi_mag li.first,#navi_mall li.first{
padding:5px 0px 0px 0px;
}
#navi li.last,#navi_mag li.last,#navi_mall li.last{
border-bottom:1px solid #eeeeee;
padding:0px 0px 5px 0px;
}

#navi li.2line,#navi_mag li.2line,#navi_mall li.2line{
line-height:110%;
padding:0px 0px 0px 0px;
margin:5px 0px 5px 0px;
}

#navi li.2line_2,#navi_mag li.2line_2,#navi_mall li.2line_2{
line-height:110%;
padding:0px 0px 0px 0px;
margin:10px 0px 10px 0px;
}

#navi_ttl,#navi_mag_ttl,#navi_mall_ttl{
margin:0px 0px 10px 0px;
padding:0px 5px 0px 5px;
color:#60607f;
font-size:120%;
line-height:100%;
}