/* CSS Document */

body,td,th{
	font-family: Arial, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka",sans-serif;
	font-size: 12px;
	color:#333;
	line-height: 1.3em;
	margin: 15px 15px 15px 15px;
    padding:0px;
    text-align:center;
background-image:url(../images/bg.gif);
}


#container{
margin: 0 auto;
width:780px;
color:#000000;
font-size:12px;
background-color:#FFFFFF;
background-repeat:repeat-y;
}

.navi{
padding: 0px 0px 0px 0px;
margin-bottom:0px;
font-size:12px;
color:#666666;
text-align:right
}

.header_red{color:#990000;}

a{
color:#0000FF;
text-decoration:underline;
}


.sidetxt { font-size: 10px; font-style: normal; margin: 3px 0 3px 5px; line-height: 13px;text-align:left;}
.menu { 

font-size: 12px;
font-style: normal;
padding: 0px;
margin: 3px 0px 2px 5px;
text-align:left;
}

#header{
width: 765px;
height: 105px;
background-position:top;
background-repeat:no-repeat;
text-align:left;
padding: 15px 15px 0px 0px;
}

.header2 img{
float: left;
border: 0px;
margin: 0px 5px 0 15px;
}

.header3 img{
vertical-align: middle;
}

.header3{
font-size: 12px;
color:#FFFFFF;
font-weight: bold;
line-height: 2.1em;
text-indent: 15px;
float:right;
	width:623px;
	height:25px;
background-color:#990033;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.header3 a{
color:#FFFFFF;
}


#head_menu li{
	list-style-type:none;
	background-position:bottom;
	background-repeat:no-repeat;
	width:89px;
	height:50px;
	float:right;
margin: 14px 0px 0px 0px;
}

#head_menu li img{
	border:0;
}
li.aBtn{
	background:url(../images/websites_b.gif);
}
li.bBtn{
	background:url(../images/news_b.gif);
}
li.cBtn{
	background:url(../images/services_b.gif);
}
li.dBtn{
	background:url(../images/company_b.gif);
}
li.eBtn{
	background:url(../images/recruit_b.gif);
}
li.fBtn{
	background:url(../images/writer_b.gif);
}
li.gBtn{
	background:url(../images/login_b.gif);
}

#head_menu li a{
	display:block;
	width:89px;
	height:50px;
}
#head_menu li a:hover {
	background-color:transparent;
}
#head_menu li a:hover img{
	visibility:hidden;
}


#mid img{
margin: 0px 0px 10px 0px;
z-index: 1;
border: 0px;
}


#block{
clear: both;
margin: 10px 0px 10px 0px;
}

#content{
float: left;
width: 765px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
border-bottom: solid 1px #666666;
}

#content_top{
float: left;
width: 765px;
height: 550px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
border-bottom: solid 1px #666666;
background-image:url(../images/top_back.jpg);
}

#content_co{
float: left;
width: 765px;
height: 464px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
border-bottom: solid 1px #666666;
background-image:url(../images/co_back.jpg);
}

#content_re{
float: left;
width: 765px;
height: 540px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
border-bottom: solid 1px #666666;
background-image:url(../images/re_back.jpg);
}

#content_services{
float: left;
width: 765px;
height: 620px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
border-bottom: solid 1px #666666;
background-image:url(../images/services_back.jpg);
}

#content_news{
float: left;
width: 765px;
height: 464px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
border-bottom: solid 1px #666666;
background-image:url(../images/news_back.jpg);
}

#content_writer{
float: left;
width: 765px;
height: 464px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
border-bottom: solid 1px #666666;
background-image:url(../images/writer_back.jpg);
}

#content_ask{
float: left;
width: 765px;
height: 540px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 15px;
border-bottom: solid 1px #666666;
background-image:url(../images/ask_back.jpg);
}

#content img{
float: left;
margin: 0px 0px 15px 12px;
}

#content_top img{
float: left;
margin: 0px 0px 15px 12px;
}

#content_co img{
float: left;
margin: 0px 0px 15px 12px;
}

#content_re img{
float: left;
margin: 0px 0px 15px 12px;
}

#content_services img{
float: left;
margin: 0px 0px 15px 12px;
}

#content_news img{
float: left;
margin: 0px 0px 15px 12px;
}

#content_writer img{
float: left;
margin: 0px 0px 15px 12px;
}

#content_ask img{
float: left;
margin: 0px 0px 15px 12px;
}


#content ul{
list-style: square;
margin: 0px 0px 0px 15px;
padding:0px 0px 0px 10px;
}

#info ul{
list-style: none;
margin: 0px 0px 0px 15px;
padding:0px 0px 0px 10px;
}

.clear{
	clear:both;
}

.contve{
float: left;
width: 370px;
margin:  13px 5px 0px 5px;
padding: 8px 5px 5px 12px;
border-style: dotted;
border-width: 1px;
border-color: #666666;
text-align:left;
top: 0px;
}

.contve p{
margin:  0px 0px 10px 5px;
}
.contve_top{
float: center;
width: 780px;
margin:  3px 5px 0px 0px;
padding: 8px 10px 10px 0px;
text-align:left;
top: 0px;
}

.contve_web{
float: left;
width: 710px;
margin:  13px 5px 0px 5px;
padding: 8px 5px 5px 12px;
border-style: dotted;
border-width: 1px;
border-color: #666666;
text-align:left;
top: 0px;
}

.conimg{
float: left;
margin: 0px 5px 0px 0px;
}

.adurl {
font-size: 10px;
font-style: normal;
color : #006633;
}

.side_contve{
width: 200px;
margin: 5px auto 10px auto;
padding: 3px 3px 3px 3px;
background-color: #FFFFFF;
}

.title{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bolder;
	margin: 0px 0px 5px 0px;
	background-image:  url(../images/sidebar.gif);
        background-position:top;
        background-repeat:no-repeat;

}

#sidebar{
float: right;
margin: 6px 5px 5px 0px;
width: 206px;
padding: 0px;
background-color: #FFFFFF;
}

#sidebar ul a:link, #sidebar ul a:visited{
display: block;
}

#sidebar ul{
list-style: none;
margin: 0;
padding: 0;
}

#sidebar li{
font-size: 12px;
font-style: normal;
padding: 0px 0px 2px 2px;
margin: 0px 0px 0px 5px;
text-align:left;
}



html>body #sidebar li {border-bottom: none;}

#sideMenu li{
font-size: 12px;
font-style: normal;
padding: 2px 0px 2px 15px;
margin: 3px 0px 2px 8px;
text-align:left;
}

#sideMenu{
margin: 0px;
padding: 0px;
font-size: 90%;
}

#sideMenu h3{
padding: 10px 0px 2px 10px;
}


.main {
padding:0px 0px 0px 25px;
text-align:left;
font-weight:normal;
margin-bottom:10px;
padding-left:10px;
position:relative;
}

.mainh03 {
text-align:left;
font-size:14px;
font-weight:bolder;
padding:0px 0px 0px 10px;
margin: 0px 0px 5px 5px;
border-left: 4px solid #747474;
border-bottom: dotted 1px #9F9F9F
}

.mainh04 {
text-align:left;
font-size:14px;
font-weight:bolder;
margin: 0px 0px 5px 5px;
padding:0px 0px 0px 10px;
margin-bottom:5px;
border-left: 4px solid #FF95AF;
}

.mainp {
text-align:left;
font-size:12px;
margin: 10px 10px 10px 5px;
padding:0px 0px 0px 10px;
line-height : 15px
}

.mainli {
font-size:12px;
margin: 0px 0px 0px 15px;
line-height : 15px
}

.b_ad{
margin:0px 0px 0px 20px;
padding:20px 0px 0px 20px;
height:300px;
text-align:left;
background-image:url(http:);
background-position:top;
background-repeat:no-repeat;
}


#footer{
clear: both;
width: 780px;
height: 60px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
color:#FFFFFF;
background-color:#FFFFFF;
background-repeat:repeat;
}


.copyright{
text-align:center;
}

#footer a, #footer a:link, #footer a:visited{
color : #36C;
font-size: 12px;}
	
#footer p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
text-align: left;
font-size: 12px;
color:#333333;
background-color:#FFFFFF;
}

#footer img {
	padding: 0px 0px 0px 0px;
	margin: -15px 14px 0 0;
	float: right;
	vertical-align: text-top;
	border: 0px;
}
	

#inducement{
width: 400px;
margin: 30px auto 20px auto;
padding: 10px 0px 0px 0px;
border-color: #C66057;
border-width: 1px 1px 1px 1px;
border-style: dotted;
}

#inducement.h03{
	position: absolute;
	margin-top: -20px;
	margin-bottom: 0px;
	margin-left: -16px;
	padding: 0px 0px 5px 5px;
	width: 400px;
	font-size: 15px;
	background-color: #FFFFFF;
	left: 24px;
	top: 408px;
}

#inducement.p{
margin: 10px 10px 10px 10px;
line-height: 1.5em;
}


.toshi{
text-align:left;
font-size:11px;
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 5px;
line-height: 1.5em;
}