* { margin: 0; }
html, body { height: 100%; }
div, table, tr, td, th, form, ul, li, ol, dl, dd, dt, span, img,input,textarea,select,option,label, iframe{ margin: 0; padding: 0; }

body{
text-align: center;
font-size: 13px;
color: #333;
background-color: #d0d0d0;
font-family:"MS PGothic", "ＭＳ Ｐゴシック", Osaka, "HiraginoKakugo Pro W3", "ヒラギノ角ゴ Pro W3", sans-serif, Meiryo, "メイリオ";
}

	/* IE6 */
	* html body { font-size: 81.25%; }
	/* IE7 */
	*:first-child+html body { font-size: 81.25%; }

.sideLeft { float: left; }
.sideRight{ float: right; }
/*-----------------------------
FONT
----------------------------- */
table {font-size: 100%;}
h1{ font-size: 140%; }
h2, h3,h4,h5{ font-size: 100%; }

em{ font-style: normal; }

.xSmall{ font-size: 75% !important; line-height: 140%; }
.bigText, .setsumei{ font-size: 120% !important; line-height:1.6; }
.px10{ font-size: 10px !important; font-weight: normal; }

/*-----------------------------
 LINK
----------------------------- */
a:link { color: #1056b5; text-decoration: underline; }
a:visited{ color: #81511c; text-decoration: underline; }
a:hover { color: #cc0000; text-decoration:none; }
a:active { text-decoration:none; }

img { border:0 ; text-decoration:none;}
a img { border-style: none !important; text-decoration:none !important; }

/*-----------------------------
 COLOR
----------------------------- */
.TextRed { color: #FF0000; }
.TextBlue{ color:#0066CC; }
.TextWhite{ color: #ffffff; }
.TextOrange{ color: #ff7e00; }

.bgGray01{ background-color: #dbdfe1; } 
.bgGray02{ background-color: #f5f5f5; } 
.bgGray03{ background-color: #f7f7f7; } 
/*-----------------------------
  LINE
----------------------------- */
.bdBottom{ border-bottom: 1px dotted #CCCCCC; padding-bottom: 4px !important; }

/* --------------------------------------
 共通レイアウト
---------------------------------------- */
#wrapper{
width: 100%;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -140px;
background-image: url(http://www.century-direct.net/images/upload/embed/main-bk.gif);
background-repeat: repeat-y;
background-position: center;
}

	*+html #wrapper { height: 100% !important; }
	* html #wrapper	{ height: 100% !important; }

#headerAll{
width: 100%;
height: 170px;
background-image: url(http://www.century-direct.net/images/upload/embed/header-bk.gif);
background-position: top;
background-repeat: repeat-x;
}

#contents{
clear:both;
width: 940px;
height: 100%;
margin: 0 auto 50px auto;
padding: 15px 20px;
}

	*+html #contents { width: 980px; }
	* html #contents { width: 980px; }

#leftMenu{
width: 140px;
float: left;
}

#rightMain{
width: 780px;
height: auto;
float: right;
margin-bottom: 40px;
}

#main{
width: 460px;
float: left;
height: auto;
text-align: left;
}

/* 3カラム
------------------------------------ */
#sideBar{
width: 300px;
height: auto;
float: right;
}

.push {
clear:both;
height: 140px;
}

#footerAll {
clear:both;
height: 140px;
width: 100%;
background-image: url(http://www.century-direct.net/images/upload/embed/footer-bk.gif);
background-position: bottom;
background-repeat: repeat-x;
}

.footer{
width: 980px;
margin: 0 auto;
padding: 0;
}
/* --------------------------------------
 　　　HEADER
---------------------------------------- */
.header{
width: 980px;
margin: 0 auto;
padding: 0;
}

.logo{
background-image: url(http://www.century-direct.net/images/upload/embed/logo.gif);
background-repeat: no-repeat;
width: 338px;
height: 130px;
margin: 0;
padding:0;
float:left;
}

.logo a{
display: block;
width: 337px;
height: 74px;
margin: 24px 0 0 0;
padding:0;
text-indent: -9999px;
}

.slogo { display: none; }

.headerRight{
width: 600px;
height: 130px;
float: right;
background-image: url(http://www.century-direct.net/images/upload/embed/header-guide-navi-bk.gif);
background-repeat: no-repeat;
background-position: bottom;
text-align: right;
}

ul.guideNaviTop{
width:600px;
height: 35px;
margin: 0;
padding: 0;
}

ul.guideNaviTop li{
list-style-type: none;
float: right;
height: 35px;
}

ul.guideNaviTop li a{
display: block;
overflow: hidden;
height: 35px;
background-repeat: no-repeat;
background-image: url(http://www.century-direct.net/images/upload/embed/header-top-navi.gif);
}
 
ul.guideNaviTop li.navi01 a{ width: 108px; background-position: 0 0; } 
ul.guideNaviTop li.navi02 a{ width: 82px; background-position: -108px 0 ; } 
ul.guideNaviTop li.navi03 a{ width: 82px; background-position: -190px 0 ; } 

ul.guideNaviTop li.navi01 a:hover{ background-position: 0 -35px; }
ul.guideNaviTop li.navi02 a:hover{ background-position: -108px -35px; }
ul.guideNaviTop li.navi03 a:hover{ background-position: -190px -35px; }

ul.guideNaviTop li a span{
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}

ul.sguideNaviTop { display: none;}

ul.guideNaviCenter{
width:600px;
height: 22px;
margin: 10px 0 0 0;
padding: 0;
}

ul.guideNaviCenter li{
list-style-type: none;
float: right;
height: 22px;
margin-left: 5px;
color: #fff100;
}

ul.guideNaviCenter li a{
display: block;
overflow: hidden;
height: 22px;
background-repeat: no-repeat;
color: #fff100;
font-weight: bold;
}


ul.guideNaviCenter li.btn01 a{ width: 93px; background-image: url(http://www.century-direct.net/images/upload/embed/touroku-btn.gif); }
ul.guideNaviCenter li.btn02 a{ width: 93px; background-image: url(http://www.century-direct.net/images/upload/embed/login-btn.gif); }
ul.guideNaviCenter li.btn03 a{ width: 93px; background-image: url(http://www.century-direct.net/images/upload/embed/touroku-btn-in.gif); }
ul.guideNaviCenter li.btn04 a{ width: 93px; background-image: url(http://www.century-direct.net/images/upload/embed/login-btn-in.gif); }

ul.guideNaviCenter li.btn01 a span,
ul.guideNaviCenter li.btn02 a span,
ul.guideNaviCenter li.btn03 a span,
ul.guideNaviCenter li.btn04 a span{
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	left: 954px;
}

ul.guideNaviCenter li.btn01 a:hover,
ul.guideNaviCenter li.btn02 a:hover,
ul.guideNaviCenter li.btn03 a:hover,
ul.guideNaviCenter li.btn04 a:hover{ background-position: 0 -22px; }


.guideNaviBottom{
width:580px;
height: 32px;
margin: 15px 0 0 0;
padding: 15px 10px 0 10px;
text-align: left;
color: #ffffff;
font-size: 12px;
}

	*+html .guideNaviBottom { width: 600px; }
	* html .guideNaviBottom { width: 600px; }
	*+html>/**/body	.guideNaviBottom{ width: 580px; margin-top: 0; }


.guideNaviBottom a,.guideNaviBottom a:visited{ color:#FFFFFF; text-decoration: none;}
.guideNaviBottom a:hover{ color:#FFFFFF; text-decoration: underline;}
.guideNaviBottom b { font-weight: normal; }

.guideNaviBottom span{
float: right;
margin-top: -5px;
}

.input01{
width: 100px;
}

.globalBana{
clear: both;
width: 980px;
margin: 0 auto;
height: 30px;
padding-top: 10px;
clear: both;
text-align: center;
}

/* --------------------------------------
 　　　LEFTMENU
---------------------------------------- */
.categoryList{
width: 140px;
margin-bottom: 20px;
height: auto;
}

/* Changed by Yashiro@MDC 2009/12/09
.cateTitle{
background-color: #78879a;
color: #ffffff;
padding: 5px 5px 5px 10px;
text-align: left;
}

.categoryList ul{
border-right: 1px solid #78879a;
border-Bottom: 1px solid #78879a;
border-left: 5px solid #78879a;
background-color: #f7f7f7;
padding: 3px 0;
}

.categoryList ul li{
text-align: left;
list-style-type: none;
line-height: 1.5;
padding: 0 5px 0 5px;
}

.categoryList ul li ul{
border-right: 0 solid #f7f7f7;
border-Bottom: 0 solid #f7f7f7;
border-left: 0 solid #78879a;
background-color: #f7f7f7;
padding: 3px 0;
}

.categoryList ul li a, .categoryList ul li a:visited{ text-decoration: none; }
.categoryList ul li a:hover{ text-decoration: underline;}
*/
.categoryList h2{
background-color: #78879a;
color: #ffffff;
padding: 5px 5px 5px 10px;
text-align: left;
}

.categoryList ul{
background-color: #f7f7f7;
border-right: 1px solid #78879a;
border-Bottom: 1px solid #78879a;
border-left: 5px solid #78879a;
padding: 0px 0;
}


.categoryList ul li{
text-align: left;
list-style-type: none;
line-height: 1.5;
border-top: 1px dotted #78879a;
padding: 3px 3px 3px 13px;
}

.categoryList ul li ul{
border-right: 0 solid #f7f7f7;
border-Bottom: 0 solid #f7f7f7;
border-left: 0 solid #78879a;
background-color: #f7f7f7;
padding: 3px 0;
}

.categoryList a,.categoryList a:visited {
	display: block;
	text-decoration: none;
	color: #1056b5;
}
.categoryList a:hover{
	text-decoration: none;
	color: #1056b5;
	background-color: #FFEEA0;
}



.LeftBana{
width: 130px;
height: auto;
margin-bottom: 10px;
border: 1px solid #CCCCCC;
text-align:center;
padding: 5px;
}

.LeftBana h2{
text-align:center;
}

.sideBanner{
width: 140px;
margin-bottom: 15px;
}

.sideBanner a{
display: block;
margin-bottom: 5px;
}

.treeview li.categoryl { 
	/* background-color: #aac6ff; */
	background-color: #78879A;
}

.treeview li.categoryl a:link{ 
	color: #ffffff;
}

.treeview li.categoryl a:hover{ 
	color: #cc0000;
}

.treeview li.categorydflt a:link{ 
	color: #1056b5;
	font-size: 10px;
}

/* --------------------------------------
 　　　FOOTER
---------------------------------------- */
.footLink{
	height: auto;
	font-size: 90%;
	line-height: 1.8;
	text-align: left;
	color: #ffffff;
	padding-top: 20px;
}

.footLink a, .footLink a:visited{ color: #ffffff; text-decoration: none; }
.footLink a:hover{ color: #ffffff; text-decoration: underline;}

.copyright{
width: 980px;
height: 20px;
text-align: right;
font-size: 90%;
margin-top: 30px;
color: #ffffff;
}

.copyright a { display: none;}