/*================================================

　初期化

================================================*/
body,
html {
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px;
background-image: url(images_site/body_bg.jpg);
background-repeat: repeat-x;
background-position: top;
}

h1,
h2,
h3,
h4,
h5 {
margin: 0px;
padding: 0px;
font-size: 16px;
position: relative;
}

.f10 {
font-size: 10px;
}

.f12 {
font-size: 12px;
}

.f14 {
font-size: 14px;
}

.f16 {
font-size: 16px;
}

.f18 {
font-size: 18px;
}

p {
margin: 0px;
padding: 0px;
}

.red {
color:#F00!important;
}

img {
vertical-align:bottom;
}

#CONTENTS a,
#TOPMAIN a,
#CONTENTSLEFT a,
#CONTENTSRIGHT a,
#CONTENTSBOTTOM a {
color: #000;
text-decoration: underline;
}

#CONTENTS a:hover,
#TOPMAIN a:hover,
#CONTENTSLEFT a:hover,
#CONTENTSRIGHT a:hover,
#CONTENTSBOTTOM a:hover {
color: #CE0909 !important;
text-decoration: underline !important;
}
 #CONTENTSLEFT a[href^="http"], #CONTENTSRIGHT a[href^="http"], #CONTENTSBOTTOM a[href^="http"] {
background:url(images_site/link_icon.gif) no-repeat right center!important;
padding-right:15px;
}
#CONTENTSLEFT a[href^="http://www.callcenter.ne.jp"], #CONTENTSRIGHT a[href^="http://www.callcenter.ne.jp"], #CONTENTSBOTTOM a[href^="http://www.callcenter.ne.jp"] {
padding-right:0px!important;
background:transparent!important;
}

a img {
border-style: none;
}

ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

li {
margin: 0px;
padding: 0px;
}

.clear {
clear: both;
height: 1px !important;
width: 100%;
font-size: 1px !important;
line-height: 1px !important;
}

#EntryAdmin {
font-size: 10px;
background-color: #FFFFFF;
padding: 5px;
border: 1px dotted #CCCCCC;
position: absolute;
left: 5px;
line-height: 14px;
bottom: 5px;
}

#ALL {
width: 930px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0px auto;
}

.imageLeft {
padding: 0px 15px 10px 25px;
float: left;
color:#666;
font-size:86%;
}

.imageRight {
padding: 0px 25px 10px 15px;
float: right;
color:#666;
font-size:86%;
}

.imageCenter {
padding: 0px 0px 10px 0px;
text-align:center;
clear:both;
color:#666;
font-size:86%;
}

#CONTENTS .rightLink {
height: 25px;
position: relative;
background-image:none;
}

#CONTENTS .rightLink a {
top: 0px;
right: 0px;
float: right;
background-image: url(images_site/arrow01.gif);
background-repeat: no-repeat;
display: block;
background-position: 0px 4px;
margin: 0px;
padding: 0px 0px 0px 16px;
}

/*================================================

　ヘッダ部分

================================================*/

#TAGLINE {
font-size: 10px;
line-height: 15px;
height: 15px;
color: #FFFFFF;
padding: 0px 10px;
}

#TAGLINE strong {
font-weight: normal;
}

#HEADER {
height: 84px;
width: 930px;
position: relative;
}

#HEADER h1#LOGO a,
#HEADER p#LOGO a {
height: 54px;
width: 269px;
text-indent: -9999px;
overflow: hidden;
background-image: url(images_site/logo.jpg);
background-repeat: no-repeat;
display: block;
}

#HEADER #HEADERMENU {
position: absolute;
top: 26px;
right:0px;
padding:0px;
margin:0px;
height:33px;
}

#HEADER #HEADERMENU li {
float:left;
margin:0px;
padding:0px 18px 0px 0px;
height: 33px;
}

#HEADER #HEADERABOUT {
background-image: url(images_site/header_menu_about.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
display: block;
height: 33px;
width: 72px;
outline:none;
background-position: 0px 0px;
}

#HEADER #HEADERABOUT:hover {
background-position:0px -33px;
}

#HEADER #HEADERCONTACT {
background-image: url(images_site/header_menu_contact.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
display: block;
height: 33px;
width: 155px;
outline:none;
background-position: 0px 0px;
}

#HEADER #HEADERCONTACT:hover {
background-position:0px -33px;
}

/*================================================

　メニュー部分

================================================*/
ul#GLOBALMENU {
height: 40px;
width: 930px;
margin: 0px;
padding: 0px;
list-style-type: none;
background-image: url(images_site/gm_bg.jpg);
background-position: 0px -40px;
overflow: hidden;
}

ul#GLOBALMENU li {
float: left;
}

ul#GLOBALMENU li a {
display: block;
height: 40px;
overflow: hidden;
background-image: url(images_site/gm_bg.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
}

ul#GLOBALMENU li.home a {
background-position: 0px 0px;
width:185px;
}

ul#GLOBALMENU li.category-callcenter a {
background-position: -185px 0px;
width:185px;
}

ul#GLOBALMENU li.category-tel a {
background-position: -370px 0px;
width:185px;
}

ul#GLOBALMENU li.category-case a {
background-position: -555px 0px;
width:185px;
}

ul#GLOBALMENU li.category-study a {
background-position: -740px 0px;
width:190px;
}

ul#GLOBALMENU li a:hover {
background-image:none!important;
}

/*================================================

　パンくず

================================================*/
p#TOPICPATH {
font-size: 10px;
line-height: 32px;
padding: 0px 3px;
width: 900px;
color: #FFF;
}

#TOPICPATH a {
color: #FFF;
text-decoration: underline;
}

#TOPICPATH a:hover {
color: #FF6600;
text-decoration: underline;
}

/*================================================

　サイドバー

================================================*/
#SIDE {
float: right;
width: 240px;
padding: 30px 0px;
}

#SIDE a img {
border:none;
}
/* 下層ページ用 */
ul.sidemenu {
font-size: 12px;
line-height: 1.4em;
border-bottom: 1px solid #FFFFFF;
padding: 16px 0px;
margin: 0px;
}

ul.sidemenu li {
margin: 0px;
padding: 0px;
}

ul.sidemenu li a,
ul.sidemenu li.thisEntry {
background-image: url(images_site/arrow04.gif);
background-repeat: no-repeat;
background-position: 13px 12px;
display: block;
padding: 6px 16px 6px 23px;
text-decoration: underline;
color: #FF7D27;
margin: 0px;
width:199px;
}

ul.sidemenu li a:hover {
background-color: #F4F1EA;
color: #CE0909;
}

#CONTENTS div.bannerL {
padding: 0px 0px 10px;
}

#SIDE a.bannerS {
outline:none;
}

#SIDE a.bannerS img {
margin: 10px 0px 0px;
padding:0px;
}

/*================================================

　フッター

================================================*/
#FOOTER {
border-top: 1px solid #D7D5BE;
}

#FOOTERINNER {
width: 930px;
height: 140px;
margin: 0px auto;
padding: 0px;
}

#FOOTER a {
color:#333;
}

#FOOTER a:hover {
color:#CE0909;
}

#FOOTER p.footerLink {
width: 583px;
font-size: 12px;
line-height: 25px;
margin: 8px 0px 13px;
padding: 0px;
}

#FOOTER p.copyright {
margin: 10px 0px 0px;
line-height: 33px;
background-image: url(images_site/logo_shijo24.jpg);
background-repeat: no-repeat;
background-position: 0px 3px;
padding: 0px 0px 0px 120px;
height: 33px;
clear: left;
position: relative;
width: 410px;
}

#FOOTER #FooterAd {
float: right;
width: 240px;
margin-top: 0px;
padding: 0px;
}

#FOOTER #FooterAd p {
font-size: 12px;
line-height: 18px;
margin: 0px;
padding: 0px 5px 0px 0px;
}

#FOOTER #FooterAd p strong {
font-weight: bold;
color: #FF0000;
}

#FOOTER #FooterAd img {
padding-right: 10px;
}

.rss {
background-image: url(images_site/feed-icon-12x12.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left: 15px;
display: block;
}

.footerLink {
clear: left;
height: 25px;
}

.footerLinkFirst {
clear: left;
height: 25px;
padding-top: 28px;
}

.footerLink li,
.footerLinkFirst li {
float: left;
border-right: 1px solid #000;
padding: 0px 10px;
line-height: 12px;
}

.footerLink .footerLinkEnd a,
.footerLinkFirst .footerLinkEnd a {
border-style: none;
}

.copyright #FOOTERCONTACT {
background-image: url(images_site/footer_menu_contact.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
height: 33px;
width: 154px;
text-indent: -9999px;
position: absolute;
top: 0px;
right: 0px;
}

.copyright #FOOTERCONTACT:hover {
background-position: 0px -33px;
}

.copyright a {
text-decoration: none;
}

/*================================================

　コンテンツ

================================================*/
#CONTENTS {
float: left;
width: 690px;
padding: 9px 0px 10px;
}

#WRAPPERALL #CONTENTS {
float: left;
width: 930px;
padding: 9px 0px 10px;
}

/* カテゴリのバナー画像表示用 */
.categoryImage {
height: 75px;
width: 590px;
position: relative;
overflow: hidden;
margin-bottom: 5px;
}

.categoryImage img {
position: absolute;
z-index: 9;
left: 0px;
top: 0px;
}

/* 記事下：サブカテゴリをまたいだ前後のエントリ */
.contentsFooterPrevNext {
height: 87px;
width: 587px;
position: relative;
padding-bottom: 10px;
}

.contentsFooterPrevNext a#Prev {
font-size: 12px;
line-height: 16px;
background-image: url(images_site_old/contents_footer_prev_bg.jpg);
background-repeat: no-repeat;
display: block;
height: 87px;
width: 162px;
padding-left: 50px;
padding-right: 15px;
position: absolute;
left: 0px;
top: 0px;
}

.contentsFooterPrevNext a#NEXT {
font-size: 14px;
line-height: 18px;
font-weight: bold;
background-image: url(images_site_old/contents_footer_next_bg.jpg);
background-repeat: no-repeat;
display: block;
height: 87px;
width: 292px;
padding-left: 15px;
padding-right: 50px;
position: absolute;
top: 0px;
right: 0px;
}

.contentsFooterPrevNext a#PREV:hover,
.contentsFooterPrevNext a#NEXT:hover {
background-position: 0px -87px;
}

a#PREV span,
a#NEXT span {
vertical-align: middle;
display: table-cell;
cursor:pointer;
}

* html a#PREV span,
* html a#NEXT span {/* IE 6 */
display:inline-block;
}

*:first-child+html a#PREV span,
*:first-child+html a#NEXT span {/* IE 7 */
display:inline-block;
}

#CONTENTS .pageTitle {
position: absolute;
left: 0px;
top: 0px;
}

#CONTENTS .grayBox {
background-color: #F1EEE5;
margin: 2px 30px 20px 0px;
padding: 15px 10px;
overflow: auto;
zoom:100%;
}

#CONTENTS .whiteBox,
#CASEPROBLEM,
#CASESOLUTION {
background-color: #FFF;
margin: 0px;
padding: 0px 0px 20px;
overflow: auto;
zoom:100%;
clear: both;
}

#CONTENTS .grayBox p {
margin: 0px 0px 15px;
padding: 0px 15px;
font-size: 117%;
}

#CONTENTS .grayBox .whiteBox p,
.grayBox #CASEPROBLEM p,
.grayBox #CASESOLUTION p {
margin: 0px 0px 15px;
padding: 0px 30px;
font-size: 100%;
}

#CONTENTS #TITLESERVICE {
background-image: url(images_site/service_title_bg.jpg);
height: 84px;
width: 630px;
margin: 0px;
padding: 21px 0px 0px 29px;
position: relative;
color: #333;
font-size: 200%;
line-height: 84px;
overflow: hidden;
background-repeat: no-repeat;
background-position: 0px 0px;
}

#CONTENTS #TITLECASE {
background-image: url(images_site/case_title_bg.jpg);
height: 84px;
width: 530px;
margin: 0px;
padding: 21px 100px 0px 29px;
position: relative;
color: #333;
font-size: 200%;
line-height: 84px;
overflow: hidden;
}

#CONTENTS #TITLECASEIND {
background-image: url(images_site/case_title_bg.jpg);
background-repeat: no-repeat;
height: 68px;
width: 505px;
margin: 0px;
padding: 39px 126px 0px 29px;
color: #333;
font-size: 184%;
overflow: hidden;
line-height: 1.1em;
}

#CONTENTS #TITLESERVICEIND {
height: 74px;
width: 505px;
margin: 0px;
padding: 36px 126px 15px 29px;
color: #333;
font-size: 184%;
overflow: hidden;
line-height: 1.1em;
display:table;
}
* html #CONTENTS #TITLESERVICEIND {/* ie6,7 */
position: relative;   
}   
*+html #CONTENTS #TITLESERVICEIND {/* ie6,7 */
position: relative;   
} 
#CONTENTS #TITLESERVICEIND .tableCell {
display: table-cell;
vertical-align:middle;
width: 505px;
}
 
* html #CONTENTS #TITLESERVICEIND .tableCell{/* ie6,7 */ 
position: absolute;
top: 57%; 
}   
*+html #CONTENTS #TITLESERVICEIND .tableCell {/* ie6,7 */
position: absolute;  
top: 57%;  
}   
#CONTENTS #TITLESERVICEIND .tableCellInner {   
margin: 0;  
}   
* html #CONTENTS #TITLESERVICEIND .tableCellInner {/* ie6,7 */
position: relative;  
top: -50%;  
}   
*+html #CONTENTS #TITLESERVICEIND .tableCellInner {/* ie6,7 */
position: relative;  
top: -50%;  
} 

#CONTENTS #TITLEABOUT {
background-image: url(images_site/case_title_bg.jpg);
height: 84px;
width: 630px;
margin: 0px;
padding: 21px 0px 0px 29px;
position: relative;
color: #333;
font-size: 200%;
line-height: 84px;
}
#CONTENTS #SERVICEPOINT p {
padding-right: 32px;
padding-left: 32px;
}

#CONTENTS #SERVICEPOINT table {
margin: 5px 32px 15px;
}

.serviceList li a .serviceImg {
float: left;
border-style: none;
margin: 0px;
height: 60px;
width: 60px;
}

.subMenu {
border-right: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
border-left: 1px solid #E0E0E0;
border-top-style: none;
margin-bottom: 15px;
}

ul.listSquare {
line-height: 1.8em;
margin: 0px;
padding: 0px 0px 9px;
}

ul.listSquare li {
background-image: url(images_site/arrow05.gif);
background-repeat: no-repeat;
background-position: 9px 8px;
padding: 0px 0px 0px 23px;
}

.bannerS {
margin: 0px;
padding: 0px 0px 10px;
}

/* テーブル */
#CONTENTS table.tableRed {
border-collapse: collapse;
border-style: none;
}

#CONTENTS table.tableRed caption {
text-align: left;
padding:7px 5px;
line-height:1.2em;
border-bottom: 1px solid #141414;
font-weight: bold;
}

#CONTENTS table.tableRed th {
text-align: left;
padding:7px;
line-height:1.4em;
border-bottom: 1px solid #E60012;
color: #6C000F;
font-weight: bold;
background-color:#FFF;
border-top-color: #FFF;
border-right-color: #FFF;
border-left-color: #FFF;
}

#CONTENTS table.tableRed td {
text-align: left;
padding:7px 5px;
line-height:1.4em;
border-bottom: 1px solid #CFCFCF;
border-top-color: #FFF;
border-right-color: #FFF;
border-left-color: #FFF;
}

/* ページトップに戻るボタン */
#CONTENTS .grayBox .toTop {
text-align: right;
clear: both;
padding: 20px 2px 10px!important;
margin: 0px;
}

/* ページ下部問い合わせエリア */

#CONTENTS #CONTACTBUTTON {
margin: 15px 0px 7px;
background-image: url(images_site/service_contact_title.gif);
background-repeat: no-repeat;
padding-top: 35px;
}

#CONTENTS #CONTACTBUTTON .tel {
background-image: url(images_site/contact_button_tel.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -9999px;
margin: 0px;
padding: 0px;
height: 53px;
width: 200px;
}

#CONTENTS #CONTACTBUTTON ul {
margin: 0px 0px 0px 10px;
padding: 0px;
background-image: url(images_site/banner_contact_large.jpg);
background-repeat: no-repeat;
height: 86px;
width: 620px;
}

#CONTENTS #CONTACTBUTTON a.form {
background-image: url(images_site/banner_contact_large.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
height: 86px;
width: 620px;
display: block;
background-position: 0px 0px;
margin: 0px 0px 0px 10px;
}

#CONTENTS #CONTACTBUTTON .form a {
background-image: url(images_site/contact_button_form.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
margin: 0px;
padding: 0px;
height: 53px;
width: 200px;
}

#CONTENTS #CONTACTBUTTON a.form:hover {
background-position: 0px -86px;
}