/*
style_box.css
*/

div#allbox01{
width: 100%;
}
div#allbox02{
text-align: left;
} 

div#maincontentbox01 div.no-border{
border: 0px none #fff; padding: 0px;
}

/*
#headerbox
------------------------------*/
div#headerbox01{
width: 100%; background: url(../../img000/header/background.jpg) repeat-x center bottom #ddd; margin: 0px 0px 2px; font-size: 83.3%; 
}
div#headerbox02{
width: 950px; margin: 0px auto; padding: 6px 0px 15px;
}
div#headerbox01 h1{
margin: 0px 0px 6px; font-size: 75%; font-weight: normal; line-height: 1.0;
}
div#headerbox01 h1 a{
background: url(../../img000/bullet/triangle_g/next.gif) no-repeat left center; list-style: none; padding: 0px 0px 0px 15px; color: #666; 
}
div#headerbox01 p{
height: 2em; margin-bottom: 20px; font-size: 72.7%; color: #999; line-height: 1.0;
}

div#headerbox01 h2{
float: left; width: 142px; background: url(../../img000/header/tagline.gif) no-repeat right 15px; margin: 0px; padding: 0px 395px 0px 0px;
}
div#headerbox01 h2 a{
display: block; width: 142px; height: 35px; background: url(../../img000/header/logomark.gif) no-repeat left top; text-indent: -9999px; overflow: hidden;
}
div#headerbox01 ol{
float: right; width: auto; margin: 15px 6px 0px auto;
}
div#headerbox01 ol li{
float: left; padding-left: 18px;
}
div#headerbox01 ol li a{
display: block; height: 13px; background-repeat: no-repeat; background-position: left top; text-indent: -9999px; overflow: hidden;
}
div#headerbox01 ol li.minibn-blog a{
width: 26px; background-image: url(../../img000/header/minibn/blog.gif);
}
div#headerbox01 ol li.minibn-contact a{
width: 43px; background-image: url(../../img000/header/minibn/contact.gif);
}
div#headerbox01 ol li.minibn-sitemap a{
width: 46px; background-image: url(../../img000/header/minibn/sitemap.gif);
}
div#headerbox01 ol li.minibn-links a{
width: 30px; background-image: url(../../img000/header/minibn/links.gif);
}
div#headerbox01 ol li.minibn-blog a:hover{
background-image: url(../../img000/header/minibn/blog_2.gif);
}
div#headerbox01 ol li.minibn-contact a:hover{
background-image: url(../../img000/header/minibn/contact_2.gif);
}
div#headerbox01 ol li.minibn-sitemap a:hover{
background-image: url(../../img000/header/minibn/sitemap_2.gif);
}
div#headerbox01 ol li.minibn-links a:hover{
background-image: url(../../img000/header/minibn/links_2.gif);
}

/*
.manubarbox
*/
div.menubarbox01{
width: 100%; background: url(../../img000/menubar/background.jpg) repeat-x left top; margin: 0px 0px 10px;
}
div.menubarbox02{
width: 950px; background: url(../../img000/menubar/ttl.jpg) no-repeat left 24px; margin: 0px auto;
}
div.menubarbox01 ol{
float: left; padding-left: 70px;
}

div.menubarbox01 li{
float: left; height: 57px; list-style: none outside; margin: 0px; padding: 0px;
}
div.menubarbox01 div.bnbox{
float: right; width: 113px; height: 57px; margin: 0px 0px 0px auto;
}
div.menubarbox01 li a{
display: block; width: 100px; height: 57px; background-repeat: no-repeat; background-position: left top; text-indent: -9999px; overflow: hidden;
}
div.menubarbox01 li.bn-top a{
background-image: url(../../img000/menubar/top.jpg);
}
div.menubarbox01 li.bn-news a{
background-image: url(../../img000/menubar/news.jpg);
}
div.menubarbox01 li.bn-outline a{
background-image: url(../../img000/menubar/outline.jpg);
}
div.menubarbox01 li.bn-charge a{
background-image: url(../../img000/menubar/charge.jpg);
}
div.menubarbox01 li.bn-flow a{
background-image: url(../../img000/menubar/flow.jpg);
}
div.menubarbox01 li.bn-design a{
background-image: url(../../img000/menubar/design.jpg);
}
div.menubarbox01 li.bn-contact a{
background-image: url(../../img000/menubar/contact.jpg);
}

div.menubarbox01 li.bn-top a:hover{
background-image: url(../../img000/menubar/top_2.jpg);
}
div.menubarbox01 li.bn-news a:hover{
background-image: url(../../img000/menubar/news_2.jpg);
}
div.menubarbox01 li.bn-outline a:hover{
background-image: url(../../img000/menubar/outline_2.jpg);
}
div.menubarbox01 li.bn-charge a:hover{
background-image: url(../../img000/menubar/charge_2.jpg);
}
div.menubarbox01 li.bn-flow a:hover{
background-image: url(../../img000/menubar/flow_2.jpg);
}
div.menubarbox01 li.bn-design a:hover{
background-image: url(../../img000/menubar/design_2.jpg);
}
div.menubarbox01 li.bn-contact a:hover{
background-image: url(../../img000/menubar/contact_2.jpg);
}




/*
#maincontentbox
*/
div#maincontentbox01{
clear: both; width: 950px; margin: 0px auto; padding: 0px 0px 20px; font-size: 100%; 
}
div#maincontentbox02{

}

/*
#mainimgbox
*/
div#mainimgbox{
clear: both; width: 570px;
}


/*
#contentbox
------------------------------*/
div#contentbox01{
float: left; width: 570px; text-align: center;
}
div#contentbox02{
width: 570px; margin: 0px auto; text-align: left;
}

/*
#wingbox
------------------------------*/
div#wingbox01{
float: right; width: 320px; background: url(../../img000/registration/web_up/230.gif) no-repeat right bottom; padding-bottom: 31px; margin: 0px 0px 0px auto;
}

/*
#wingbox .blockbox
*/
div#wingbox01 div.blockbox{
background: url(../../img000/wingbox/frame/all.gif) repeat-y; border-top: 1px solid #ccc; margin-bottom: 2em; padding-top: 5px;
}
div#wingbox01 div.blockbox div.box-s{
background: url(../../img000/wingbox/frame/footer.jpg) no-repeat left bottom; margin: 0px; padding: 0px 15px 20px;
}
div#wingbox01 div.blockbox h3.blockttl{
margin-bottom: 0.3em; text-align: center;
}
div#wingbox01 div.blockbox h3.blockttl a{
display: block; background-repeat: no-repeat; background-position: left top; text-indent: -9999px; overflow: hidden;
}



/*frameなし*/
div#wingbox01 div.frame-off{
background-image: none; border-top: 0px none #fff; padding-top: 0px;
}
div#wingbox01 div.frame-off h3.blockttl{
text-align: left;
}
div#wingbox01 div.frame-off div.box-s{
background-image: none; padding: 0px;
}

#wing-flickr,
#wing-pack-plan{
display: none;
}

/*
#wing-achievement
*/
div#wingbox01 div#wing-achievement{
display: none;
}
div#wingbox01 div#wing-achievement h4.blockttl-s{
font-size: 83.3%; font-weight: normal;
}
div#wingbox01 div#wing-achievement p{
margin-bottom: 0px; font-size: 83.3%; font-weight: normal;
}
div#wingbox01 div#wing-achievement p.remarks{
margin-bottom: 1em;
}
div#wingbox01 div#wing-achievement div.imgbox{
margin: 0px 0px 0.7em; text-align: center;
}
div#wingbox01 div#wing-achievement div.itembox{
display: none;
}




/*
トピックス
#wing-topics
*/
div#wingbox01 div#wing-topics{
display: none;
}
div#wingbox01 div#wing-topics div.frame01{
width: 320px; background: url(../../img000/wingbox/topics/background/all.gif) repeat-y left top;
}
div#wingbox01 div#wing-topics div.frame02{
width: 320px; background: url(../../img000/wingbox/topics/background/footer.gif) no-repeat left bottom; padding: 0px 0px 30px;
}
div#wingbox01 div#wing-topics div.box-s{
width: 320px; background: url(../../img000/wingbox/topics/background/header.gif) no-repeat left top; margin: 0px; padding: 50px 0px 0px; text-align: center;
}
div#wingbox01 div#wing-topics div.box-s ol{
width: 280px; margin: 0px auto;
}
div#wingbox01 div#wing-topics div.box-s li{
float: left; width: 130px; margin-bottom: 0px; padding: 0px 5px;
}

div#wingbox01 div#wing-topics div.box-s li a{
display: block; width: 130px; height: 100px; background-repeat: no-repeat; background-position: left top; text-indent: -9999px; overflow: hidden;
}
div#wingbox01 div#wing-topics div.box-s li.bn-server a{
background-image: url(../../img000/wingbox/topics/bn130/server.gif);
}
div#wingbox01 div#wing-topics div.box-s li.bn-support a{
background-image: url(../../img000/wingbox/topics/bn130/support.gif);
}

div#wingbox01 div#wing-topics div.box-s li.bn-server a:hover{
background-image: url(../../img000/wingbox/topics/bn130/server_2.gif);
}
div#wingbox01 div#wing-topics div.box-s li.bn-support a:hover{
background-image: url(../../img000/wingbox/topics/bn130/support_2.gif);
}


/*
プロフィール
#wing-profile
*/

div#wingbox02 div#wing-profile{
display: none;
}
/*
div#wingbox02 div#wing-profile{
clear: both; width: 320px; height: 285px; position: relative; left: 0px; top: 0px; z-index: 1; margin-bottom: 2.5em;
}
div#wingbox02 div#wing-profile h3.blockttl{
width: 300px; height: 140px; position: absolute; left: 10px; top: 10px; z-index: 2; margin: 0px;
}
div#wingbox02 div#wing-profile div#profile-s-item{
width: 320px; height: 243px; position: absolute; left: 0px; top: 52px; z-index: 3; background-image: url(../../img000/wingbox/profile/footer.jpg); margin: 0px; padding: 0px;
}
div#wingbox02 div#wing-profile div#profile-s-item p{
margin: 0px 170px 0px 15px; font-size: 75%; line-height: 1.6em;
}
*/


/*
資格など
#wing-qualifications
*/

/*
div#wingbox01 div#wing-qualifications{
width: 320px; background: url(../../img000/wingbox/qualifications/dtp_expert.jpg) no-repeat right bottom; margin-bottom: 0px; padding-bottom: 100px;
}

div#wingbox01 div#wing-qualifications h3.blockttl{
float: left; width: 73px;
}
*/

div#wingbox01 div#wing-qualifications{
padding-top: 1em;
}
div#wingbox01 div#wing-qualifications h3.blockttl{
display: none;
}

div#wingbox01 div#wing-qualifications h3.blockttl a{
width: 73px; height: 38px; background: url(../../img000/wingbox/qualifications/blockttl.gif); margin: 0px 0px 20px;
}
/*
div#wingbox01 div#wing-qualifications div.box-s{
float: right; width: 220px; margin: 0px 0px 0px auto;
}
*/
div#wingbox01 div#wing-qualifications div.box-s dl{
margin: 0px 0px 1em;
}
div#wingbox01 div#wing-qualifications div.box-s dt{
line-height: 1.4em;
}
div#wingbox01 div#wing-qualifications div.box-s dd{
margin: 0px 0px 0.5em; font-size: 75%;
}
div#wingbox01 div#wing-qualifications div.box-s dd.link{
text-align: right;
}
/*資格別*/

/*
問いあわせ
#wing-inquiry
*/

/* フセン
div#wingbox01 div#wing-inquiry{
background: url(../../img000/wingbox/message.jpg) no-repeat center top;  
padding-top: 274px; 
}
*/
/* フセン（保留中）*/
div#wingbox01 div#wing-inquiry{
background: none; padding-top: 0px;
}

div#wingbox01 div#wing-inquiry div#inquiry-s-tel{
display: none;
}
/*
div#wingbox01 div#wing-inquiry div#inquiry-s-tel{
background: url(../../img000/wingbox/inquiry/tel.jpg) no-repeat left top; margin-left: 0px; margin-right: 0px; padding-top: 108px;
}
div#wingbox01 div#wing-inquiry p{
font-size: 75%; line-height: 1.6em;
}
*/

/*
バナー
#wing-banner
*/
div#wingbox01 div#wing-banner{
margin-bottom: 0px;
}
div#wingbox01 div#wing-banner a:hover img{
opacity: 0.6;
}
div#wingbox01 div#wing-banner ol{

}
div#wingbox01 div#wing-banner ol li{
float: left; padding: 0px 15px 0px 0px;
}
div#wingbox01 div#wing-banner ol li#banner-311help{
display: none;
}






/*
#footerbox
------------------------------*/
div#footerbox01{
width: 100%; background: url(../../img000/footer/partition.jpg) repeat-x left top; padding-top: 20px; text-align: center; font-size: 83.3%; 
}
div#footerbox02{
width: 950px; background: url(../../img000/footer/edge.jpg) no-repeat left bottom; margin: 0px auto; padding-bottom: 20px; text-align: left; 
}

/*
.minibnbox
*/
div#footerbox01 div.minibnbox{
width: 950px; margin-bottom: 30px;
}
div#footerbox01 div.minibnbox ol{
height: 14px; 
}
div#footerbox01 div.minibnbox li{
height: 14px; margin-bottom: 0px; padding-left: 15px; 
}
div#footerbox01 div.minibnbox li a{
display: block; height: 14px; background-repeat: no-repeat; background-position: left bottom; text-indent: -9999px; overflow: hidden;  text-align: left; line-height: 1.0;
}

/* HACK IE */
*:first-child+html div#footerbox01 div.minibnbox li a,
* html div#footerbox01 div.minibnbox li a{
background-position: left top;
}
div#footerbox01 div.minibnbox li.bn-transaction{
display: none; /*float: left; width: 133px; margin-left: 0px;*/
}
div#footerbox01 div.minibnbox li.bn-sitemap{
float: left; width: 78px; 
}
div#footerbox01 div.minibnbox li.bn-top{
float: right; width: 98px;
}
div#footerbox01 div.minibnbox li.bn-backtotop{
float: right; width: 120px;
}

/*
div#footerbox01 div.minibnbox li.bn-transaction a{
width: 133px; background-image: url(../../img000/minibn/transaction.gif);
}
*/
div#footerbox01 div.minibnbox li.bn-sitemap a{
width: 78px; background-image: url(../../img000/minibn/sitemap.gif);
}
div#footerbox01 div.minibnbox li.bn-top a{
width: 98px; background-image: url(../../img000/minibn/top.gif);
}
div#footerbox01 div.minibnbox li.bn-backtotop a{
width: 120px; background-image: url(../../img000/minibn/backtotop.gif);
}
/*
div#footerbox01 div.minibnbox li.bn-transaction a:hover{
background-image: url(../../img000/minibn/transaction_2.gif);
}
*/
div#footerbox01 div.minibnbox li.bn-sitemap a:hover{
background-image: url(../../img000/minibn/sitemap_2.gif);
}
div#footerbox01 div.minibnbox li.bn-top a:hover{
background-image: url(../../img000/minibn/top_2.gif);
}
div#footerbox01 div.minibnbox li.bn-backtotop a:hover{
background-image: url(../../img000/minibn/backtotop_2.gif);
}


/*
#footer-navigation
*/
div#footerbox01 div#footer-navigation{
width: 950px; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 0px; text-align: center;
}
div#footerbox01 div#footer-navigation table{
border-left: 1px solid #ccc; margin: 0px auto 6px;
}
div#footerbox01 div#footer-navigation td{
border-right: 1px solid #ccc; padding: 3px 8px; font-size: 83.3%;
}
div#footerbox01 div#footer-navigation td a{
color: #444; text-decoration: none;
}
div#footerbox01 div#footer-navigation td a:hover{
color: #444; text-decoration: underline;
}


/*
#footer-bookmark
*/
div.bookmarkbox{
display: none; width: 950px; margin: 0px auto 6px; text-align: right;
}
div.bookmarkbox li{
display: inline;
}
div.bookmarkbox li img{
margin: 0px 0px 0px 2px;
}


/*
直接訪問させていただける範囲
#footer-business-range
*/
div#footerbox01 div#footer-business-range{
width: 950px; border-bottom: 1px solid #ccc; margin-bottom: 1em; padding-bottom: 1em;
}
div#footerbox01 div#footer-business-range div#business-range-s-guide{
float: left; width: auto; margin: 0px;
}
div#footerbox01 div#footer-business-range h3.blockttl{
border-bottom: 1px solid #ccc; background: url(../../img000/footer/car.gif) no-repeat right bottom #fff; margin-bottom: 1em; padding-top: 10px; padding-bottom: 0.4em; font-size: 100%; color: #000; font-weight: normal;
}
div#footerbox01 div#footer-business-range p{
margin-bottom: 0px; margin-left: 0.5em; font-size: 91.6%; line-height: 1.6em; 
}


div#footerbox01 div#footer-business-range div.bnbox{
float: right; width: 125px; margin: 0px 0px 0px auto;
}


/*
#footer-copyright
*/
div#footer-copyright{
margin: 0px;
}

/*
#footer-copyright
#copyright-s-validate
*/
div#copyright-s-validate{
float: left; width: 200px; margin: 0px;
}
div#copyright-s-validate h4,
div#copyright-s-validate ol,
div#copyright-s-validate li{
float: left;
}
div#copyright-s-validate ol{
display: none; padding: 20px 0px 0px 10px;
}
div#copyright-s-validate h4 a{
display: block; width: 56px; height: 50px; background: url(../../img000/footer/logomark.gif) no-repeat right top;
}
div#copyright-s-validate li{
padding: 0px 2px 0px 0px;
}
div#copyright-s-validate li a{
display: block; background-repeat: no-repeat; background-position: left top; text-indent: -9999px; overflow: hidden;
}
div#copyright-s-validate li.bn-valid-html a{
width: 34px; height: 17px; background-image: url(../../img000/footer/validate/xhtml.gif);
}
div#copyright-s-validate li.bn-valid-css a{
width: 21px; height: 17px; background-image: url(../../img000/footer/validate/css.gif);
}





/*
#footer-copyright
#copyright-s-address
*/
div#footerbox01 div#footer-copyright div#copyright-s-address{
float: right; width: 600px; margin: 0px 0px 0px auto; padding-top: 10px; text-align: right;
}
div#footerbox01 div#footer-copyright div#copyright-s-address div.bnbox{
margin-bottom: 10px; text-align: right;
}


/*
.blockbox
------------------------------*/
div.blockbox{
margin: 0px 0px 5em; text-align: left;
}
div.blockbox div.box-s{
margin: 0px 15px 3em; text-align: left; 
}
div.blockbox div.box-ss{
margin: 0px 0px 3em;
}

/*
.blockboxの派生パターン
*/
div.footerline{
background: url(../../img000/line/brown.jpg) no-repeat left bottom; padding-bottom: 23px;
}


/*
#pagettlbox
------------------------------*/
div#pagettlbox{
background: url(../../img000/bullet/paren/wave_left.gif) no-repeat left center; margin: 0px 0px 1em; padding: 10px 0px 10px 30px;
}
div#pagettlbox div.box-s{
background: url(../../img000/line/glay.jpg) no-repeat right bottom; margin: 0px; padding: 0px 0px 6px;
}
div#pagettlbox h2{
background: url(../../img000/bullet/face/kousuke.gif) no-repeat left center; margin-bottom: 6px; padding: 25px 0px 10px 60px;
}
div#pagettlbox h2 a{
display: block; height: 20px; background-repeat: no-repeat; background-position: left top; text-indent: -9999px; overflow: hidden; text-align: left;
}

div#pagettlbox h6{
background: url(../../img000/line/glay.jpg) no-repeat right top; padding: 6px 0px 0px;
}
div#pagettlbox h6 span.ttl{
display: block; height: 11px; background-repeat: no-repeat; background-position: left top; text-indent: -9999px; overflow: hidden; 
}



/*
.relativelinkbox
------------------------------*/
div.relativelinkbox{
width: 570px; background: url(../../img000/line/glay.jpg) no-repeat right bottom; margin: 0px 0px 5em; padding: 0px 0px 10px;
}
div.relativelinkbox p.pankuzu{
margin-bottom: 3em;
}
div.relativelinkbox ol{
display: block; width: 570px; background: url(../../img000/relativelink/ttl.gif) no-repeat left top; padding: 40px 0px 0px;
}
div.relativelinkbox li{
float: left;
}
div.relativelinkbox li a{
margin-right: 2em; white-space: nowrap;
}

/*
.remarksbox
------------------------------*/
div.remarksbox{
background: #eeeee6; border: 1px solid #ccc; margin-bottom: 1.5em;  padding: 15px 20px; font-size: 100%; text-align: center;
}
div.remarksbox p{
margin-bottom: 1em; font-size: 83.3%; line-height: 1.6em;
}
div.remarksbox p.regular{
font-size: 100%; text-indent: 0px;
}
div.remarksbox dd{
margin-bottom: 1em; 
}


div.remarksbox01{
border: 1px solid #ccc; text-align: center;
}
div.remarksbox02{
margin: 10px;
}
div.remarksbox02 h4{
border: 1px solid #ccc; background: #eee; padding: 0.3em 0px; margin-bottom: 1em; font-weight: normal; 
}
div.remarksbox02 p{
margin-bottom: 1em; font-size: 83.3%; line-height: 1.6em;
}



/*
.memobox
------------------------------*/
div.memobox{
border: 1px dotted #666; margin-bottom: 1.5em;  padding: 15px 20px; 
}



/*
dl .dividedlist
------------------------------*/
div.blockbox dl.dividedlist{
width: 100%; border-collapse: collapse; width: 100%; border-bottom: 8px solid #fff;
}

div.blockbox dl.dividedlist dt{
display: block; border: 1px solid #ccc; margin-bottom: 0px; padding: 6px 10px; font-weight: normal; text-align: left; vertical-align: top
}
div.blockbox dl.dividedlist dd{
display: block; margin-bottom: 10px; padding: 6px 10px; font-weight: normal; text-align: left; vertical-align: top
}
div.blockbox dl.dividedlist dt{
background: #eeeee6; padding-top: 3px; padding-bottom: 3px; color: #222; 
}
div.blockbox div.box-s dl.dividedlist dd{
background: url(../../img000/dividedlist/corner_s.gif) no-repeat right bottom; border-top: 0px none #fff;
}



/*
.table.itemtable
------------------------------*/
div.itemtablebox{
background: url(../../img000/itemtable/footer.gif) no-repeat right bottom #f3f8ed; padding: 0px 0px 30px;
}
table.itemtable{
width: 100%;
}
table.itemtable th,
table.itemtable td{
padding: 6px 10px 15px; font-weight: normal; text-align: left; vertical-align: top;
}
table.itemtable th{
width: 120px; background: url(../../img000/itemtable/partition.gif) no-repeat left bottom #e3f1d5;
}
table.itemtable td{
background: url(../../img000/itemtable/partition.gif) no-repeat -100px bottom;
}

/* タグ（ジャンル）別 */
table.itemtable td span.tag{
display: block; background-repeat: no-repeat; background-position: right bottom; padding-bottom: 20px;
}
table.itemtable td span.web{
background-image:  url(../../img000/tag/web.jpg);
}
table.itemtable td span.dtp{
background-image:  url(../../img000/tag/dtp.jpg);
}
table.itemtable td span.none{
padding-bottom: 0px;
}


/*
.table.itemlist
------------------------------*/
table.itemlist{
width: 100%; border-collapse: collapse;
}
table.itemlist caption{
padding-bottom: 0.7em; text-align: left;
}
table.itemlist th,
table.itemlist td{
border: 1px solid #ccc; padding: 6px 10px; font-weight: normal; text-align: left; vertical-align: top;
}
table.itemlist th,
table.itemlist thead th.corner{
width: 120px; background: #eeeee6;
}
table.itemlist thead th{
width: auto; background: #fff; border-bottom: 3px solid #32781E;
}

/*
.table.pricelist
（.table.itemlistの派生パターン）
------------------------------*/
div.blockbox table.pricelist{
margin-bottom: 0.8em;
}
div.blockbox table.pricelist th{
width: 360px;
}
div.blockbox table.pricelist td{
text-align: right; vertical-align: middle;
}


/*
.dl.itemlist
------------------------------*/ 
div.blockbox dl.itemlist dt{
font-weight: bold;
}
div.blockbox dl.itemlist dd{
background: url(../../img000/line/glay.jpg) no-repeat right bottom; padding-bottom: 1.5em; padding-left: 4em;
}
div.blockbox dl.itemlist dd ol{
list-style: outside decimal; margin-left: 1.5em;
}



/*
.bnbox
------------------------------*/
div.bnbox{
text-align: center;
}

/*
.minibnbox
------------------------------*/
div.minibnbox{
margin: 0px 0px 1.5em; text-align: right;
}
div.minibnbox p{
margin: 0px;
}


/*
▼pagenavibox
ページ内アンカー用ボックス
------------------------------*/
div.pagenavibox{
margin: 0px 0px 3em; text-align: left;
}

div#contentbox02 div.pagenavibox h3.blockttl{
width: 145px; height: 20px; background-repeat: no-repeat; background-position: left top; margin: 0px; text-indent: -9999px; overflow: hidden;
}


div#contentbox02 div.pagenavibox div.box-s{
width: 570px; border-top: 3px solid #ccc; border-bottom: 3px solid #ccc; background: none; margin: 0px; text-align: left;
}
div.pagenavibox div.box-s ol{
width: 540px; margin: 0px; padding: 1em 0px 0px;
}
div.pagenavibox div.box-s ol li{
float: left; border-right: 1px solid #ccc; margin-bottom: 1em; padding: 1px 1em; white-space: nowrap;
}
div.pagenavibox div.box-s ol li a{
background: url(../../img000/bullet/triangle/next.gif) no-repeat left 0.3em; padding: 0px 0px 0px 10px; line-height: 1;
}





/*
アトリエぽるかのポリシー
#content-policy
------------------------------*/



div#content-policy h2.blockttl{
width: 143px; height: 12px; background: url(../../img000/policy/blockttl.gif) no-repeat left top; margin-bottom: 10px; padding: 0px;
}
div#content-policy p.lead{
width: 336px; height: 48px; background: url(../../img000/policy/caption.gif) no-repeat left top; margin: 0px 0px 5em;
}
div#contentbox02 div#content-policy div.box-s{
margin: 0px;
}
div#contentbox02 div#content-policy div.bnbox p{
text-align: left;
}




/*
アトリエぽるかのこだわり
年賀
#appeal-s-pursuance
*/
div#content-appeal div#appeal-s-pursuance{
background: url(../../img000/pursuance/nenga.jpg) no-repeat left bottom; margin-left: 0px; margin-right: 0px; padding-bottom: 190px;
}
div#content-appeal div#appeal-s-pursuance p{
margin-bottom: 0px;
}



/*
#content-select-plan
パックプランへのリンク
------------------------------*/
div#content-select-plan{
display: none; 
}
div#content-select-plan div.box-s{
margin: 0px; text-align: center;
}
div#content-select-plan dl{
float: left; width: 164px; padding: 0px 13px;
}
div#content-select-plan dl a{
display: block; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;
}
div#content-select-plan dl dt a{
height: 300px; background-position: left top; 
}
div#content-select-plan dl.plan-light dt a{
background-image: url(../../charge/plan/img000/select/light.gif);
}
div#content-select-plan dl.plan-standard dt a{
background-image: url(../../charge/plan/img000/select/standard.gif);
}
div#content-select-plan dl.plan-special dt a{
background-image: url(../../charge/plan/img000/select/special.gif); background-position: right top;
}
div#content-select-plan dl dd a{
height: 40px; 
}
div#content-select-plan dl.plan-light dd a{
background-position: left top;
}
div#content-select-plan dl.plan-standard dd a{
background-position: center top;
}
div#content-select-plan dl.plan-special dd a{
background-position: right top;
}
div#content-select-plan dl dd a{
background-image: url(../../img000/bn150/description.jpg);
}
div#content-select-plan dl dd a:hover{
background-image: url(../../img000/bn150/description_2.jpg);
}




/*
.messagebox
なにわともあれ　お問い合わせ
------------------------------*/
div.messagebox{
text-align: center;
}
div.messagebox h4.blockttl-s{
height: 150px; background: url(../../img000/message/inquiry/blockttl_s.gif) no-repeat center top; margin-bottom: 10px; text-align: center; text-indent: -9999px; overflow: hidden;
}
div.messagebox div.bnbox{
background: url(../../img000/message/inquiry/caption.gif) no-repeat center bottom; padding-bottom: 30px;
}
div.messagebox div.bnbox a{
display: block; width: 240px; height: 40px; background: url(../../img000/bn240/inquiry.jpg) no-repeat left top; margin: 0px auto; text-indent: -9999px; overflow: hidden;
}
div.messagebox div.bnbox a:hover{
background-image: url(../../img000/bn240/inquiry_2.jpg)
}
div.messagebox p{
padding: 1em 0px;
}



/*
.balloon
吹き出し
------------------------------*/
div#contentbox02 div.balloon01{
width: 540px; background: url(../../img000/frame/balloon/all.gif) repeat-y left top;
}
div#contentbox02 div.balloon02{
width: 100%; background: url(../../img000/frame/balloon/footer.gif) no-repeat left bottom; padding-bottom: 35px;
}
div#contentbox02 div.balloon03{
width: 100%; background: url(../../img000/frame/balloon/header.gif) no-repeat left top; padding-top: 30px;
}
div#contentbox02 div.balloon03 div.box-s{
margin: 0px 30px;
}