@charset "utf-8";
/* --------------------------------------
 　　　MAIN：サポートナビ・BOX
---------------------------------------- */
#supBox{
clear: both;
width: 535px;
height: auto;
margin: 0 0 20px 0;
padding: 0;
text-align: left;
}

#supBox h2{
margin: 0 0 15px 0;
text-align: left;
}

#supBox ul{
clear: both;
width: 535px;
margin-bottom: 5px;
}

#supBox ul li{
text-align: left;
line-height: 1.5;
padding-bottom: 3px;
padding-left: 13px;
background: url(http://www.century.co.jp/support/images/ya05.gif) 0 0.2em no-repeat;
list-style-type: none;
}

.supBlock{
clear: both;
margin-bottom: 30px;
}

.supBlock:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.supBlock{ display: inline-block;}

	/* IE-mac \*/
	*html .supBlock{ height: 1%; }
	.supBlock{ display: block; }
	/* End IE-mac */

	/* IE6 */
	*html #supBox, #supBox ul { width: 520px; margin-left: 10px; }

.supBlock dl{
margin: 5px 0;
padding: 5px 0;
border-bottom: 1px dotted #ececec;:
}
	
.supBlock dl dt{
width: 10em;
float:left;
text-align: left;
}

.supBlock dl dd{
margin: 0 0 0 10em;
padding-left: 8px;
border-left: 4px solid #79a1c2;
text-align: left;
line-height: 1.5;
}


/* アイコン */
span.catIdownload{
background: url(http://www.century.co.jp/support/images/bl_download.gif);
padding: 2px;
color: #FFFFFF;
font-size: 11px;
}

span.catImanual{
background: url(http://www.century.co.jp/support/images/gn_manual.gif);
padding: 2px;
color: #FFFFFF;
font-size: 11px;
}

span.catIfaq{
background: url(http://www.century.co.jp/support/images/og_faq.gif)
padding: 2px;
color: #FFFFFF;
font-size: 11px;
}


/* --------------------------------------
 　　　SIDEBAR：ナビ
---------------------------------------- */
.supNavi{
width: 245px;
margin: 0 0 15px 0;
}

.supNavi ul{
width: 245px;
margin: 0 0 10px 0;
}

.supNavi ul li{
list-style-type: none;
margin-bottom: 1px;
}

.supNavi ul li a{
display: block;
width: 245px;
height: 45px;
background-repeat: no-repeat;
text-indent: -9999px;
text-decoration: none;
}

.supNavi01{ background-image: url(http://www.century.co.jp/support/images/support_navi01.gif); }
.supNavi02{ background-image: url(http://www.century.co.jp/support/images/support_navi02.gif); }
.supNavi03{ background-image: url(http://www.century.co.jp/support/images/support_navi03.gif); }
.supNavi04{ background-image: url(http://www.century.co.jp/support/images/support_navi04.gif); }
.supNavi05{ background-image: url(http://www.century.co.jp/support/images/support_navi05.gif); }
.supNavi06{ background-image: url(http://www.century.co.jp/support/images/support_navi06.gif); }

.supNavi ul li a:hover{
background-position:0 -45px;
}

/* 製品メニュー
------------------------------------ */
ul.supListBox{
margin-bottom: 20px;
width: 530px;
}

ul.supListBox li{
white-space: nowrap;
float: left;
padding-left: 15px;
width: 49.8%;
text-align: left;
background: url(http://www.century.co.jp/support/images/ya05.gif) left 0.5em no-repeat;
list-style-type: none;
line-height: 1.5;
}


/* --------------------------------------
 　　　カテゴリー一覧
---------------------------------------- */
h2.subCatTit{
clear:both;
text-align: left;
margin-bottom: 10px ;
padding-bottom: 3px;
border-bottom: 1px solid #003399;
color: #003399;
}

dl.supCatList{
clear:both;
width: 530px;
margin-bottom: 8px;
}

dl.supCatList dt{
clear: left;
float: left;
width: 150px;
text-align: left;
font-weight: bold;
line-height: 1.5;
padding-bottom: 15px;
}

dl.supCatList dd{
margin: 0 0 0 150px;
text-align: left;
line-height: 1.5;
padding-bottom: 15px;
}

dl.supCatList dd a.supCatListLink{
display: block;
float: left;
width: 156px;
text-align: left;
padding-left: 14px;
background: url(http://www.century.co.jp/support/images/ya05.gif) left 0.2em no-repeat;
list-style-type: none;
line-height: 15px;
height: 15px;
margin-bottom: 5px;
} 

dl.supCatList dd a.supCatListLink2{
display: block;
text-align: left;
padding-left: 14px;
background: url(http://www.century.co.jp/support/images/ya05.gif) left 0.2em no-repeat;
list-style-type: none;
line-height: 15px;
height: 15px;
margin-bottom: 5px;
}   

.supCatList02, ul.supCatList03{
clear:both;
width: 530px;
height: auto;
margin-bottom: 30px;
}

.supCatList02 h2{
clear:both;
text-align: left;
margin-bottom: 10px ;
}

.supCatList02 ul{
margin-bottom: 10px ;
}

.supCatList02 ul li{
float: left;
width: 156px;
text-align: left;
padding-left: 14px;
background: url(http://www.century.co.jp/support/images/ya05.gif) left 0.2em no-repeat;
list-style-type: none;
line-height: 15px;
height: 15px;
margin-bottom: 5px;
}

ul.supCatList03 li{
text-align: left;
padding-left: 14px;
background: url(http://www.century.co.jp/support/images/ya05.gif) left 0.2em no-repeat;
list-style-type: none;
line-height: 1.5;
margin-bottom: 5px;
}

.supCatList04{
clear:both;
display: block;
height: auto;
margin-bottom: 30px;
}

.supCatList04 h2{
clear:both;
text-align: left;
margin-bottom: 10px ;
padding: 4px 0 4px 8px;
border-left: 5px solid #79a1c2;
color: #003399;
font-weight: bold;
margin-top: 10px;
background: url(http://www.century.co.jp/support/images/line01.gif) bottom repeat-x;
}

.supCatList04 .supCatList04 { margin-left: 20px; }
.supCatList04 .supCatList04 h2{ border: none; }


.supCatList04 a{
display: block;
text-align: left;
padding-left: 14px;
background: url(http://www.century.co.jp/support/images/ya05.gif) left 0.3em no-repeat;
list-style-type: none;
line-height: 1.8;
}

/* --------------------------------------
 　　　ENTRY
---------------------------------------- */

/* 　　共通
---------------------------------------- */
#supportArea{
width: 535px;
margin: 0 0 50px 0;
padding: 0;
}

#supportArea p , #supportArea h2{
margin: 0 0 15px 0;
line-height: 1.5;
text-align: left;
}

.suppTit{
clear: both;
border-left: 7px solid #0068b7;
padding-left: 15px;
}

#supportArea h2 span{ float: right; }

#supportArea blockquote{
width:400px;
border: 1px dotted #CCCCCC;
padding: 10px;
margin: 10px 0;
}

.entryArea{
width: 535px;
height: auto;
margin: 0 auto 20px auto;
}
.entryBody{
width: 535px;
}
.entryBody h2{
text-align: left;
margin-bottom: 15px ;
padding: 2px 0 2px 8px;
border-left: 5px solid #79a1c2;
margin-top: 10px;
background: url(http://www.century.co.jp/support/images/line01.gif) bottom repeat-x;
line-height: 1.5;
}

.entryMore{
line-height: 140%;
text-align: left;
}
.entryBody p, .entryMore p{
line-height: 140%;
text-align: left;
margin-bottom: 15px;
}
.itemImg{
width: 300px;
height: auto;
float: left;
text-align: center;
}
.itemImg img{
display:block;
margin: 0 0 10px 0;
}

.entryBody pre{
padding: 5px;
color: #ffffff;
background-color: #000000;
line-height: 140%;
text-align: left;
}

img.ImgLeft{
float: left;
padding-right: 10px;
padding-bottom: 20px;
}

.entryBody ol, .entryBody ul, .webPage-entryBody ol, .webPage-entryBody ul{
text-align: left;
margin: 0 0 10px 25px;
}

.entryBody ol li, .entryBody ul li, .webPage-entryBody ol li, .webPage-entryBody ul li{
text-align: left;
line-height: 1.5;
margin-bottom: 5px;
}

.webPage-entryBody ol li ol{
margin: 10px;
}

dl.supBox{
margin-bottom: 20px;
border: 1px #CCCCCC solid;
text-align: left;
}

dl.supBox dt{
border-bottom:1px solid #cccccc;
padding: 3px 5px; 
line-height: 1.5;
}

dl.supBox dd{
line-height: 1.5;
padding: 5px;
}

dl.supBox dd div{
padding: 1em 0;
}

.bcGreen { background-color: #ddffcc; }
.bcBlue  { background-color: #cceeff; }
.bcYellow{ background-color: #ffffcc; }
.bcPink  { background-color: #FFCCFF; }

.bcGreen span { color: #339999; }
.bcBlue span  { color: #6699ff; }
.bcYellow span{ color: #ff9900; }
.bcPink span  { color: #FF66CC; }

dl.webPageBox01{
margin-bottom: 10px;
}

dl.webPageBox01 dt{
font-weight: bold;
padding: 3px 0 3px 5px;
line-height: 1.5;
text-align: left;
margin-bottom: 8px;
}

dl.webPageBox01 dd{
line-height: 1.5;
text-align: left;
padding-left: 5px;
margin-bottom: 8px;
}

/* --------------------------------------
 　　　カテゴリー一覧
---------------------------------------- */

dl.List01{
padding: 10px 0;
margin: 10px 0;
}

dl.List01 dt{
text-align: left;
font-weight: bold;
padding: 10px 0 5px 0;
}

dl.List01 dd{
text-align: left;
padding-bottom: 5px;
padding-bottom: 10px;
border-bottom: 1px dotted #ccc;
}

/* --------------------------------------
 　　　BOX
---------------------------------------- */
.B01{
margin: 0 5px;
padding: 3px 10px;
border: 1px solid #0066CC;
}

.wvFlow{
margin: 20px 0;
text-align: center;
}

.wvFlow a{
margin: 0 1px;
padding: 3px 8px;
border: 1px solid #0066CC;
text-decoration: none;
}

.wvFlow b{
margin: 0 1px;
padding: 3px 12px;
border: 1px solid #0061b0;
background-color: #0061b0;
color: #FFFFFF;
}

dl.webPageBox01:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
dl.webPageBox01{ display: inline-block;}

	/* IE-mac \*/
	*html dl.webPageBox01{ height: 1%; }
	dl.webPageBox01{ display: block; }
	/* End IE-mac */


/* --------------------------------------
 　　　MAILFORM
---------------------------------------- */
.aform-content{
width: 514px;
height: auto;
padding: 8px;
border: 1px solid #CCCCCC;
}

.aform-content dl{
width: 514px;
border-bottom: 1px dotted #cccccc;
margin-bottom: 8px;
}

.aform-content dl dt{
float: left;
width: 180px;
text-align: left;
padding-bottom: 8px;
padding-top: 8px;
}

.aform-content dl dd{
margin: 0 0 0 180px;
text-align: left;
padding-bottom: 8px;
padding-top: 8px;
}

.aform-content dl dd input{
height: 20px;
}

.aform-content dl dd textarea{
width: 300px !important;
}

.aform-content .submit{
width: 514px;
height: 20px;
padding: 10px 0;
text-align: center;
}

.required{
color: #cc0000;
margin-left: 5px;
}

.powerdby{
display: none !important;
}

.thanks{
text-align: left;
line-height: 2;
}


.aform-content dl:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.aform-content dl{ display: inline-block;}

	/* IE-mac \*/
	*html .aform-content dl{ height: 1%; }
	.aform-content dl { display: block; }
	/* End IE-mac */

