@charset "utf-8";
/*--------------------------------------------
　綜合美装サイトエントリーアーカイブスタイルシート
　/styles-entry.css

　5.第二階層
--------------------------------------------*/


/********************************************************** */
/*　5.第二階層
*********************************************************** */

/*　ページタイトル
----------------------------------------------------------- */
h2 {
width:740px;
height:102px;
}

h2 span {
display:none;
}

body.clean h2 {
background:url(/images/title_clean.gif) no-repeat;
}

body.reform h2 {
background:url(/images/title_reform.gif) no-repeat;
}

body.waste h2 {
background:url(/images/title_waste.gif) no-repeat;
}

body.staff h2 {
background:url(/images/title_staff.gif) no-repeat;
}

body.topics h2 {
background:url(/images/title_topics.gif) no-repeat;
}

body.topics_entry h2 {
background:url(/images/title_topics.gif) no-repeat;
}

body.company h2 {
background:url(/images/title_company.gif) no-repeat;
}

body.contact h2 {
background:url(/images/title_contact.gif) no-repeat;
}


/*　メニュー 共通（個別に違うところは後ろで上書き）
----------------------------------------------------------- */
#menu {
margin: 0 0 10px 0;
}

#menu li {
float: left;
}

#menu li a {
display: block;
width: 148px;
height: 28px;
}

#menu li a span {
display: none;
}

#menu li.clean a {
background: url(/images/menu_clean_off.gif) no-repeat;
}

#menu li.clean a:hover {
background: url(/images/menu_clean_on.gif) no-repeat;
}

#menu li.reform a {
background: url(/images/menu_reform_off.gif) no-repeat;
}

#menu li.reform a:hover {
background: url(/images/menu_reform_on.gif) no-repeat;
}

#menu li.waste a {
background: url(/images/menu_waste_off.gif) no-repeat;
}

#menu li.waste a:hover {
background: url(/images/menu_waste_on.gif) no-repeat;
}

#menu li.staff a {
background: url(/images/menu_staff_off.gif) no-repeat;
}

#menu li.staff a:hover {
background: url(/images/menu_staff_on.gif) no-repeat;
}

#menu li.topics a {
background: url(/images/menu_topics_off.gif) no-repeat;
}

#menu li.topics a:hover {
background: url(/images/menu_topics_on.gif) no-repeat;
}


/*　メニュー 個別
----------------------------------------------------------- */
body.clean #menu li.clean a {
background: url(/images/menu_clean_on.gif);
}

body.reform #menu li.reform a {
background: url(/images/menu_reform_on.gif);
}

body.waste #menu li.waste a {
background: url(/images/menu_waste_on.gif);
}

body.staff #menu li.staff a {
background: url(/images/menu_staff_on.gif);
}

body.topics #menu li.topics a {
background: url(/images/menu_topics_on.gif);
}

body.topics_entry #menu li.topics a {
background: url(/images/menu_topics_on.gif);
}

body.bat #menu {
display:none;
}


/*　メイン 共通（個別に違うところは後ろで上書き）
----------------------------------------------------------- */
#main_2nd {
margin: 10px 20px 20px 20px;
width: 700px;
}

#business_contents {
background-color: #f4f4eb;
margin: 0 0 5px 0;
}

#business_contents ul {
padding: 5px 5px 5px 15px;
width: 330px;
float: left;
}

#business_contents li {
background-image: url(/images/business_contents_listmark.gif);
background-repeat: no-repeat;
background-position: 0 6px;
padding: 0 0 0 12px;
}

#business_contents .foot_img {
margin: 5px 0 0 0;
}

#example {
margin: 0 0 5px 0;
}

#example .case_left {
float: left;
width: 329px;
margin: 15px 0 15px 0;
padding: 0 10px 0 10px;
}

#example .case_left_b {
float: left;
width: 329px;
margin: 15px 0 15px 0;
padding: 0 10px 0 10px;
border-right-width: 1px;
border-right-style: dotted;
border-right-color: #666666;
}

#example .case_right {
float: left;
width: 330px;
margin: 15px 0 15px 0;
padding: 0 10px 0 10px;
}

#example .case_right_b {
float: left;
width: 330px;
margin: 15px 0 15px 0;
padding: 0 10px 0 10px;
border-left-width: 1px;
border-left-style: dotted;
border-left-color: #666666;
}

#example .case_wide {
width: 680px;
margin: 15px 0 15px 0;
padding: 0 10px 0 10px;
}

#example hr {
border-style: dotted none none none;
border-top-width: 1px;
border-top-color: #666666;
height: 1px;
}

#example img.case_title {
padding: 0 0 8px 0;
}

#example img.ex_pic {
float: right;
padding: 0 0 0 5px;
}

#example p {
line-height: 1.4;
}


/*　メイン 個別 body.clean
----------------------------------------------------------- */
body.clean #text {
margin: 10px 0 15px 0;
background-image: url(/images/illust_clean01.gif);
background-repeat: no-repeat;
background-position: right top;
}

body.clean #text p {
width: 550px;
margin: 0 0 0 0;
padding: 10px 0 0 0;
}


/*　メイン 個別 body.reform
----------------------------------------------------------- */
body.reform #text {
margin: 10px 0 15px 0;
background-image: url(/images/illust_reform01.gif);
background-repeat: no-repeat;
background-position: right top;
}

body.reform #text p {
width: 500px;
margin: 0 0 0 0;
padding: 10px 0 0 0;
}


/*　メイン 個別 body.waste
----------------------------------------------------------- */
body.waste #text {
margin: 10px 0 15px 0;
background-image: url(/images/illust_waste01.gif);
background-repeat: no-repeat;
background-position: right top;
}

body.waste #text p {
width: 550px;
margin: 0 0 0 0;
padding: 10px 0 0 0;
}


/*　メイン 個別 body.staff
----------------------------------------------------------- */
body.staff #member_list {
margin: 5px 0 10px 0;
_margin: 10px 0 10px 0;
}

body.staff .member_left {
width: 339px;
padding: 0 10px 0 0;
margin: 10px 0 10px 0;
_margin: 5px 0 5px 0;
float: left;
}

body.staff .member_left_b {
width: 339px;
padding: 0 10px 0 0;
margin: 10px 0 10px 0;
_margin: 5px 0 5px 0;
float: left;
border-right: 1px dotted #ff6600;
}

body.staff .member_right {
width: 340px;
padding: 0 0 0 10px;
margin: 10px 0 10px 0;
_margin: 5px 0 5px 0;
float: left;
}

body.staff .member_right_b {
width: 340px;
padding: 0 0 0 10px;
margin: 10px 0 10px 0;
_margin: 5px 0 5px 0;
float: left;
border-left: 1px dotted #ff6600;
}

body.staff img.illust {
float: left;
padding: 0 5px 0 0;
}

body.staff img.name {
padding: 0 0 8px 0;
}

body.staff p {
line-height: 1.4;
}

body.staff hr {
border-style: dotted none none none;
border-top-width: 1px;
border-top-color: #ff6600;
height: 1px;
}


/*　メイン 個別 body.company
----------------------------------------------------------- */
body.company #text {
margin: 10px 19px 30px 0;
background-image: url(/images/illust_company01.gif);
background-repeat: no-repeat;
background-position: right top;
}

body.company h4.policy {
float: left;
display: block;
width: 135px;
height: 128px;
}

body.company #company_summary {
background-image: url(/images/company_summary_back.gif);
background-repeat: no-repeat;
background-position: right top;
margin: 0 0 25px 0;
min_height: 220px;
_height: 220px;
}

body.company h4.summary {
float: left;
display: block;
min-height: 220px;
_height: 220px;
}

body.company dl {
padding: 0 0 0 135px;
_padding: 0 0 0 0;
width: 330px;
font-size: 12px;
}

body.company dt {
background-image: url(/images/company_listmark.gif);
background-repeat: no-repeat;
background-position: 5px 9px;
width: 90px;
padding: 3px 0 0 20px;
font-weight: bold;
}

body.company dd {
background-image: url(/images/topics_line.gif);
background-repeat: repeat-x;
background-position: bottom;
padding: 3px 0 3px 90px;
margin-top: -22px;
}

body.company .item {
padding: 1px 1em 0 15px;
}

body.company #license {
background-image: url(/images/license_back.gif);
background-repeat: repeat-y;
font-size: 12px;
margin: 0 0 40px 0;
_margin: 0 0 20px 0;
}

body.company .license_line {
background-image: url(/images/topics_line.gif);
background-repeat: repeat-x;
font-size: 0%;
height: 1px;
}

body.company .license_line_top {
background-image: url(/images/topics_line.gif);
background-repeat: repeat-x;
font-size: 0%;
height: 1px;
}

body.company .license_line_bottom {
background-image: url(/images/topics_line.gif);
background-repeat: repeat-x;
font-size: 0%;
height: 1px;
clear: both;
}

body.company .license_left {
width: 430px;
float: left;
}

body.company .license_right {
width: 270px;
float: left;
}

body.company h4.license {
background-image: url(/images/company_listmark.gif);
background-repeat: no-repeat;
background-position: 10px 8px;
padding: 5px 0 5px 25px;
font-size: 12px;
}

body.company #license ul.list1 {
padding: 0 0 5px 25px;
float: left;
}

body.company #license ul.list2 {
padding: 0 0 5px 40px;
float: left;
}

body.company #license ul.list3 {
padding: 0 0 5px 25px;
}

body.company #license li {
list-style: disc;
}


/*　メイン 個別 body.bat
----------------------------------------------------------- */
body.bat h3 {
margin: 0 0 10px 0;
}

body.bat #text {
margin: 0 0 5px 0;
}

body.bat #text p {
margin: 5px 0 10px 0;
}

body.bat img.price {
padding: 0 5px 10px 0;
_padding: 0 5px 2px 0;
float: left;
}

body.bat p.price_comment {
padding: 5px 0 0 0;
font-size: 10px;
}

body.bat .red {
color: #CC0000;
}

body.bat #bat_list {
font-size: 12px;
line-height: 1.6;
}

body.bat #bat_list h4 {
font-size: 12px;
margin: 0;
padding: 0;
}

body.bat .bat_left {
width: 326px;
margin: 0 6px 12px 0;
padding: 8px;
border: 1px solid #CCCCCC;
float: left;
}

body.bat .bat_right {
width: 326px;
margin: 0 0 12px 6px;
padding: 8px;
border: 1px solid #CCCCCC;
float: left;
}

body.bat .bat_spec {
margin: 0 0 3px 0;
}

body.bat .bat_exp {
margin: 3px 0 0 0;
}

body.bat hr {
border-style: dotted none none none;
border-top-width: 1px;
border-top-color: #666666;
height: 1px;
}

body.bat #bat_company {
margin: 0 0 0 25px;
float: left;
}

body.bat p.take {
margin: 0 0 5px 0;
}

body.bat img.bat_contact {
margin: 0 0 5px 0;
}


/*　メイン 個別 body.topics
----------------------------------------------------------- */
body.topics #main_2nd {
margin: 30px 20px 20px 20px;
width: 700px;
}

body.topics #text {
margin: 0 0 18px 0;
}

body.topics #month {
margin: 0 0 16px 0;
padding: 5px 10px 5px 10px;
background: #ffffe5;
border-top: 1px dotted #666666;
border-bottom: 1px dotted #666666;
}

body.topics #month ul {
clear: both;
}

body.topics #month li {
float: left;
font-size: 10px;
}

body.topics #month li.year {
font-weight: bold;
padding: 0 1em 0 0;
}

body.topics #month li.month {
background: url(/images/topics_month_mark.gif) no-repeat 0 3px;
font-weight: bold;
padding: 0 1em 0 14px;
}

body.topics .list_title {
background: url(/images/topics_title.gif) no-repeat;
height: 22px;
color: #FFFFFF;
font-weight: bold;
padding: 5px 0 0 20px;
}

body.topics .list_main {
background: #f4f4eb;
}

body.topics .list_foot {
background: url(/images/topics_foot2.gif) no-repeat;
height: 15px;
}

body.topics .list_main ul {
padding: 20px 0 40px 0;
margin: 0 20px 0 20px;
}

body.topics .list_main li {
background: url(/images/topics_line.gif) repeat-x bottom;
text-indent: -83px;
padding: 3px 0 4px 83px;
}

body.topics .list_main .date {
background: url(/images/topics_listmark.gif) no-repeat 0 2px;
padding: 1px 1em 0 15px;
}

body.topics #up_link {
background: url(/images/up.gif) no-repeat right top;
text-align: right;
padding: 0 12px 0 0;
font-size: 10px;
}


/*　メイン 個別 topics_article_main
----------------------------------------------------------- */
body.topics_entry #main_2nd {
margin: 30px 20px 20px 20px;
width: 700px;
}

body.topics_entry #navi {
margin: 0 0 16px 0;
padding: 5px 10px 5px 10px;
background: #ffffe5;
border-top: 1px dotted #666666;
border-bottom: 1px dotted #666666;
}

body.topics_entry #navi li {
float: left;
font-size: 10px;
}

body.topics_entry #navi li.up {
background: url(/images/up.gif) no-repeat 0 2px;
font-weight: bold;
padding: 0 40em 0 14px;
}

body.topics_entry #navi li.pre {
background: url(/images/pre.gif) no-repeat 0 4px;
font-weight: bold;
padding: 0 3em 0 16px;
}

body.topics_entry #navi li.next {
float: right;
background: url(/images/next.gif) no-repeat right 4px;
font-weight: bold;
padding: 0 16px 0 0;
}

body.topics_entry #topics_body {
margin: 0 0 10px 0;
}

body.topics_entry .body_title {
background: url(/images/topics_title.gif) no-repeat;
height: 22px;
color: #FFFFFF;
font-weight: bold;
padding: 5px 0 0 10px;
}

body.topics_entry .body_main {
background-color: #f4f4eb;
padding: 20px 20px 20px 20px;
}

body.topics_entry .body_main .topics_title01 {
background: url(/images/topics_title_back01.gif) no-repeat bottom;
width: 660px;
height: 15px;
}

body.topics_entry .body_main .topics_title02 {
background: url(/images/topics_title_back02.gif) repeat-y;
width: 660px;
}

body.topics_entry .body_main h3 {
background: url(/images/topics_title_mark.gif) no-repeat 20px 0;
padding: 0 10px 0 45px;
font-size: 14px;
}

body.topics_entry .body_main .topics_title03 {
background: url(/images/topics_title_back03.gif) no-repeat;
width: 660px;
height: 35px;
}

body.topics_entry .body_main .article {
padding: 10px;
}

body.topics_entry .body_main .article img {
padding: 0 5px 5px 5px;
}

body.topics_entry .body_foot {
background: url(/images/topics_foot2.gif) no-repeat;
height: 15px;
}

body.topics_entry #up_link {
background: url(/images/up.gif) no-repeat right top;
text-align: right;
padding: 0 12px 0 0;
font-size: 10px;
}


/*　メイン 個別 body.contact
----------------------------------------------------------- */
body.contact #text {
margin: 10px 0 0 0;
background-image: url(/images/illust_contact01.gif);
background-repeat: no-repeat;
background-position: right top;
min-height: 92px;
_height: 92px;
}

body.contact #text p {
}

body.contact h4 {
padding: 0 0 13px 0;
}

body.contact .orange {
color: #FF6600;
}

body.contact .gray {
color: #CCCCCC;
}