/* CSS Document */

@charset "utf-8";

a img {
border:none;
}

body{
background:#CC0000 url(http://www.npls.co.jp/img/common/body_bg.gif) repeat-x;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:link,
a:visited{
color:#080808;
}

a:hover,
a:active{
color:#CC0000;
}

/* HEADER */

#header{
width:880px;
height:60px;
margin:0 auto;
padding:20px 10px 0 10px;
}

#header .logo{
float:left;
width:230px;
height:50px;
line-height:50px;
}

#header .logo a{
display:block;
background:url(http://www.npls.co.jp/img/common/header_logo.gif) no-repeat;
width:230px;
height:50px;
line-height:50px;
text-indent:-9999px;
}

#header .tel{
float:right;
background:url(http://www.npls.co.jp/img/common/header_tel.gif) no-repeat;
width:195px;
height:22px;
line-height:22px;
text-indent:-9999px;
}

#header .email{
clear:right;
float:right;
background:url(http://www.npls.co.jp/img/common/header_email.gif) no-repeat;
width:115px;
height:15px;
line-height:15px;
text-indent:-9999px;
}

/* H1 */
h1{
position:relative;
z-index:-1;
height:140px;
margin-bottom:-30px;
text-align:center;
}

h1 img{
background:url(http://www.npls.co.jp/img/common/h1_bg.gif) center top repeat-y;
padding:0 10px;
vertical-align:top;
}

/* CONTENTS */

#contents{
width:875px;
height:30px;
padding:0 13px 0 12px;
margin:0 auto;
list-style:none;
z-index:1;
}

#contents:after{
content:"";
display:block;
clear:both;
}

#contents li{
float:left;
width:105px;
height:30px;
padding-right:5px;
}

#contents li img{
vertical-align:top;
}

#contents li.last_child{
padding-right:0;
}

#contents li a{
background-position:left top;
}

#contents li a:hover{
background-position:left bottom;
}

/* CONTENT */
#content{
width:880px;
margin:15px auto 0 auto;
padding:0 10px 15px 10px;
}

/* ARTICLE */
#article{
background-color:#FFFFFF;
clear:both;
padding:15px 0;
}

/* LOCAL CONTENTS */

#local_contents{
}

/* TOPIC PATH */

#topic_path{
clear:left;
background:#FFFFFF;
border-top:15px solid #CC0000;
width:866px;
padding:0 14px 0 0;
line-height:30px;
font-size:68.75%;
}

#topic_path:after{
content:"";
display:block;
clear:both;
}

#topic_path li{
display:block;
float:left;
background:url(http://www.npls.co.jp/img/common/topic_path_li_bg.gif) left center no-repeat;
padding:0 5px 0 14px;
}

#topic_path li.home{
background:none;
}

#topic_path li.to_top{
float:right;
background:none;
padding:0;
}

/* TOPIC */
#topic{
clear:left;
width:890px;
height:90px;
padding:0 0 15px 5px;
margin:0 auto;
}

/* MOBILE */

#mobile{
float:left;
clear:both;
width:250px;
height:90px;
padding-right:5px;
}

#mobile p{
padding:0;
}

#mobile:after{
content:"";
display:block;
clear:left;
}

#mobile .qr_code{
float:right;
width:60px;
height:60px;
}

#mobile .txt{
float:left;
width:190px;
height:35px;
}

#mobile .uri{
float:left;
width:190px;
height:25px;
}

/* BANNER */

#blog_banner{
float:left;
width:80px;
height:80px;
padding:5px 10px 5px 0;
}

#blog_banner p{
padding:0;
}

#wide_banner{
float:left;
width:540px;
height:80px;
padding:5px 0;
}

#wide_banner p{
padding:0;
}

/* FOOTER */

#footer{
clear:left;
width:900px;
margin:0 auto;
}

#footer ul{
list-style:none;
padding-bottom:10px;
font-size:75%;
text-align:center;
}

#footer ul a:link,
#footer ul a:visited{
color:#FFFFFF;
text-decoration:none;
}

#footer ul a:hover{
background-color:#FFFFFF;
color:#CC0000;
}

#footer ul a:active{
background-color:#FFFFFF;
color:#CC0000;
}

#footer ul li{
display:inline;
border-left:1px solid #FFFFFF;
padding:0 0.4em 0 0.6em;
}

#footer ul li.first-child{
border-left:none;
padding-left:0;
}

#footer address{
background:url(http://www.npls.co.jp/img/common/footer_address_bg.gif) no-repeat;
color:#FFFFFF;
padding:10px 0 40px 45px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:62.5%;
}