/**********************************
CSS style.css
last up date 2008.1.13
Copyright @ 2008 PMC Co., Ltd.
**********************************/

/*===============================
BASIC
================================*/

body{
margin:0 auto;
padding:0;
text-align:center;

font-family:verdana,Areal;
font-size:12px;
_font-size:80%;
line-height:160%;
color:#333333;

background:#000000;
}

img{
border:none;
}

h1,h2,h3,h4,form{
margin:0;
padding:0;
}

hr{
display:none;
}

.clearfix:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}

.clearfix{
display: inline-block;
}

a:link{color:#333;text-decoration:underline;}
a:visited{color:#666;text-decoration:underline;}
a:hover{color:#FC5A2C;text-decoration:underline;}

span.red{
color:#FC5A2C;
}

span.clear{
display:block;
width:580px;
height:5px;
font-size:1px;
clear:both;
line-height:1px;
}

/*===============================
LAYOUT
================================*/
#head{
margin:0 auto;
padding:0;
width:840px;
height:80px;

text-align:left;

background:url("../img/head-bg.gif") repeat-x top;
}

	#head h1{
	float:left;
	padding-left:20px;
	width:500px;
	}
	
	#head h1 span{
	display:none;
	}
	
	#head dl{
	float:right;
	
	margin:10px 20px 0 0;
	_margin:5px 10px 0 0;
	padding-left:20px;
	widh:200px;
	height:60px;
	
	border-left:1px solid #999;
	}
	
	#head dl dt,#head dl dd{
	margin:0;
	padding:0;
	line-height:120%;
	}

#title{
background:#404040;
}

#navi{
width:770px;
text-align:left;
margin:0 auto;
padding:3px 35px;
background:url("../img/navi-bg.gif") repeat-y center;
font-size:smaller;
}

#main{
margin:0 auto;
padding:10px 0 20px 0;
width:840px;
background:#FFF;
}

#content{
	float:left;
	margin:10px 0 0 20px;
	_margin:10px 0 0 10px;
	width:580px;
	text-align:left;
	overflow: hidden;
}

#content h4 {
width:580px;
height:22px;
}
#content h4 span{
display:none;
}

#side{
float:right;
margin:10px 20px 0 0;
_margin:10px 10px 0 0;
padding:0;
width:200px;
overflow:hidden;
background:#fff;
}

#sidemenu{
float:right;
margin:0;
padding:21px 0 0 0;
width:198px;
overflow:hidden;
background:url("../img/sidemenu-bg.gif") no-repeat top #666;
border:1px solid #666;
}

#sidemenu li{
display:inline;
margin:0;
padding:0;
}

#side img.banner{
margin-top:10px;
}

#foot{
margin:0 auto;
width:800px;
padding:5px 20px;
background:url("../img/foot-bg.gif") repeat-x top #333;
color:#fff;
}


#foot img#f-logo{
float:left;
margin:5px 30px 0 30px;
}

#footmenu{
float:left;
padding:0;
margin:20px 20px 20px 0;
width:580px;
text-align:left;
}

#footmenu li{
display:inline;
list-style:none;
margin:3px 0 0 0;
padding:0 15px;
border-right:1px solid #fff;
}

#footmenu a:link{color:#FFF;text-decoration:underline;}
#footmenu a:visited{color:#CCC;text-decoration:underline;}
#footmenu a:hover{color:#FC5A2C;text-decoration:underline;}

#foot p,#foot address{
float:left;
margin:0 20px 10px 15px;
width:580px;
text-align:left;
}

/*********************
index
*********************/

#title #main-img{
margin:0 auto;
padding:0;
width:840px;
height:276px;
background:#FFF;
border-bottom:1px solid #999;
}

#top-news dt{
margin-bottom:5px;
height:22px;
background:#000;
overflow:hidden;
}

#top-news dt a img{
margin-left:342px;
margin-bottom:4px;
}

#top-news dd{
margin:2px 5px 0 5px;
padding-left:20px;
background:url("../img/mark-01.gif") no-repeat left center;
}

#top-news dd#top-news-more{
margin:5px 0 0 0;
padding-top:5px;
background:none;
text-align:right;
border-top:1px solid #666;
}

#top-news dd span.date{
margin-right:10px;
}

#top-blog{
margin:10px 0 0 0;
padding:0 0 10px 0;
float:left;
width:280px;
border-bottom:1px solid #999;
}

#top-blog li{
margin:10px 0 0 0;
padding:0;
list-style:none;
}

#top-service{
float:left;
width:280px;
margin:10px 0 0 20px;
padding:0;
border-bottom:1px solid #999;
}

#top-service dl img.icon{
float:left;
margin-right:5px;
}

#top-service dl dt{
margin-left:100px;
font-weight:bold;
}

#top-service dl dd{
width:180px;
margin-left:100px;
font-size:smaller;
line-height:140%;
}

#top-service dl dd img{
margin:5px 0 0 90px;
}

/*********************
01 corporate
*********************/
#content h4.profile{
background:url("../corporate/img/profile.gif") no-repeat;
}
#content h4.logoconcept{
background:url("../corporate/img/logoconcept.gif") no-repeat;
}

dl#profile{
padding:10px 0;
border-bottom:1px solid #666;
}

dl#profile dt{
float:left;
padding-left:20px;
width:120px;
font-weight:bold;
background:url("../img/mark-02.gif") no-repeat left center;
}

dl#profile dd{
padding-left:20px;
margin-bottom:10px;
margin-left:120px;
}

p.right{
text-align:right;
}

#logoconcept #logoconcept-logo{
float:left;
margin:0 30px;
}

/*********************
02 philosophy
*********************/
#content h4.vision{
background:url("../philosophy/img/vision.gif") no-repeat;
}
#content h4.mission{
margin-top:20px;
background:url("../philosophy/img/mission.gif") no-repeat;
}
#content h4.consultantway{
margin-top:20px;
background:url("../philosophy/img/consultantway.gif") no-repeat;
}
#content h4.standards{
margin-top:0px;
background:url("../philosophy/img/standards.gif") no-repeat;
}

dl#vision img{
margin:0;
padding-bottom:10px;
border-bottom:1px solid #666;
}

#vision dt,#vision dd{
margin:15px 20px 0 20px;
padding:0;
}

#vision dt{
font-size:14px;
_font-size:120%;
font-weight:bold;
color:#000;
}

dl#mission img{
margin:0;
padding-bottom:15px;
border-bottom:1px solid #666;
}

#mission dt,#mission dd{
margin:15px 20px 0 20px;
padding:0;
}

#mission dt{
font-size:14px;
_font-size:120%;
font-weight:bold;
color:#000;
}

#consultantway dt{
padding:5px 20px 15px 20px;
font-size:14px;
_font-size:120%;
font-weight:bold;
color:#000;
border-bottom:1px solid #666;
}

#consultantway dd{
margin:15px 20px 0 20px;
padding:0 0 20px 0;
background:url("../philosophy/img/way-bg.gif") no-repeat bottom right;
}

#consultantway dd img{
margin:10px 0 0 0;
}
#consultantway ul{
margin:0 0 10px 0;
padding:0;
}

#consultantway li{
list-style:none;
background:url("../img/mark-02.gif") no-repeat left center;
padding-left:20px;
}

#standards dt{
padding:5px 20px 15px 20px;
font-size:14px;
_font-size:120%;
font-weight:bold;
color:#000;
border-bottom:1px solid #666;
}

#standards dd{
margin:15px 20px 20px 20px;
padding:0;
}

#standards dd img{
margin:10px 0 0 0;
}

#standards ul{
margin:0 0 10px 0;
padding:0;
}

#standards li{
margin:0;
list-style:none;
background:url("../img/mark-02.gif") no-repeat left 3px;
padding-left:20px;
}

#standards dd img{
margin:5px 0;
}

/*********************
03 greeting
*********************/
#content h4.greeting{
background:url("../greeting/img/greeting.gif") no-repeat;
}

#greeting #greeting-image{
float:right;
margin:0 0 0 10px;
}

#greeting dd{
margin-left:5px;
}

/*********************
04 service
*********************/
#content h4.service{
background:url("../service/img/service.gif") no-repeat;
}

#service-DMC,#service-SMS,#service-HSS,
#service-AOS,#service-MCS,#service-MCS2,
#service-MSC,#service-WMC,#service-HCS{
float:left;
width:180px;
margin-top:10px;
margin-right:12px;
}

#service-DMC dt,#service-SMS dt,#service-HSS dt,
#service-AOS dt,#service-MCS dt,#service-MCS2 dt,
#service-MSC dt,#service-WMC dt,#service-HCS dt{
margin-top:10px;
padding:0;
font-weight:bold;
color:#000;
}

#service-DMC dd,#service-SMS dd,#service-HSS dd,
#service-AOS dd,#service-MCS dd,#service-MCS2 dd,
#service-MSC dd,#service-WMC dd,#service-HCS dd{
margin:0;
padding:0;
}

img.btn-detail{
margin-top:5px;
}

/*********************
04 service-detail
*********************/
h3.service-detail-t{
margin:20px 10px 0 10px;
padding-bottom:10px;
border-bottom:1px solid #666;
font-size:14px;
_font-size:120%;
color:#000;
}

h3.service-detail-t span{
display:block;
font-size:12px;
_font-size:100%;
}

p.service-intro{
margin:10px;
}

.service-border{
padding:10px;
border:1px solid #CCC;
}

.service-border h3{
font-size:14px;
_font-size:120%;
padding-bottom:10px;
border-bottom:1px solid #CCC;
color:#000;
}

.service-border dt{
margin:10px 0 0 0;
font-weight:bold;
padding:3px 5px;
color:#FFF;
background:#333;
}

.service-border dd{
margin:5px 0 0 0;
padding:0 10px;
}

.service-border ul,.service-border ol{
margin-top:5px;
padding-left:24px;
}

/*********************
06 staff
*********************/

#staffmenu{
margin:0 0 10px 0;
padding:0;
text-align:center;
}

#staffmenu li{
display:inline;
list-style:none;
}
#staffmenu li img{
margin-right:3px;
}

.staff-intro{
margin:10px 10px 0 10px;
}

#staff,#staff01,#staff02,#staff03{
margin-top:30px;
}

#staff div,#staff01 div,#staff02 div,#staff03 div{
width:420px;
margin-left:160px;
}

img#photo-image{
	float:left;
	margin-right:0px;
	margin-bottom:80px;
}

dl.staff-history{
font-family:"ＭＳ ゴシック", "Osaka−等幅";
padding-bottom:10px;
overflow:hidden;
}

dl.staff-history dt {
	float:left;
	width:90px;
}

dl.staff-history dd{
	margin-left:100px!important;
}

ul.staff-act{
margin:0;
padding:0;
list-style:none;
}

ul.staff-act li{
	float:left;
	width:190px;
	margin:0;
	padding-left:20px;
	background:url("../img/mark-02.gif") no-repeat left 6px;
}

h3.staff-name{
margin:10px 0;
font-size:16px;
_font-size:140%;
}

h3.staff-name span{
	margin-left:0px;
	font-size:10px;
	_font-size:80%;
}

.staff-others dt{
	width:420px;
	margin:10px 0 5px 0;
	padding-bottom:2px;
	border-bottom:1px solid #666;
	color:#000;
	font-weight:bold;
}
.staff-others dd{
	margin:0;
}

/*********************
 contact
*********************/
#content h4.contact{
background:url("../contact/img/contact.gif") no-repeat;
}

p.contact-intro{
margin-bottom:0;
height:140px;
padding:0 10px 20px 10px;
background:url("../contact/img/contact-bg.jpg") no-repeat right bottom;
}

p.contact-btn{
margin:0;
background:#ccc;
padding:10px;
text-align:center;
}

#contact{
margin:0;
padding:10px;
border:1px solid #CCC;
}

#contact dt{
float:left;
padding-left:20px;
width:150px;
font-weight:bold;
background:url("../img/mark-03.gif") no-repeat left center;
}

#contact dd{
padding-left:20px;
margin-bottom:10px;
margin-left:150px;
}

/*********************
 dvd
*********************/
#content h4.dvd{
background:url("../dvd/img/dvd.gif") no-repeat;
}

p.dvd-intro{
margin-bottom:0;
height:140px;
padding:0 10px 20px 10px;
background:url("../dvd/img/dvd-bg.jpg") no-repeat right bottom;
border-bottom:1px solid #CCC;
}

dl.dvd-intro2{
margin:10px;
}

dl.dvd-intro2 h3{
font-size:14px;
_font-size:120%;
padding:10px;
color:#000;
background:#CCC;
}

dl.dvd-intro2 dt{
margin:10px 0;
padding:5px;
font-weight:bold;
color:#000;
border:1px solid #666;
}

dl.dvd-intro2 dd{
margin:0;
padding:0 10px;
}

/********************/
.dvd-list{
margin:20px 10px 0 10px;
}

.dvd-list img.dvd-image{
float:left;
margin:0 10px 0 0;
}

.dvd-list h3.dvd-title{
margin-left:110px;
font-size:100%;
padding:8px 10px;
color:#fff;
background:#333333;
}

.dvd-list dt{
font-weight:bold;
color:#000;
padding-left:20px;
margin:0 0 0 110px;
background:url("../img/mark-02.gif") no-repeat left center;
}

.dvd-list dd{
margin:0 0 0 110px;
}

.dvd-list dt.dvd-outline{
width:auto;
margin:5px 0 0 110px;
}

.dvd-list dd.dvd-outline{
padding:0;
margin:0 0 0 110px;
width:auto;
}

.dvd-list dd.dvd-outline ol li{
list-style:upper-roman;
}
.dvd-list dd.dvd-outline ol li ol li{
list-style:decimal;
}

.dvd-list dd.dvd-outline ul li ol li{
list-style:decimal;
}

.dvd-list dd.dvd-outline ul li{
list-style:circle;
}

.dvd-list p.btn-buy{
margin:10px 0;
padding:0;
heiht:26px;
}

.dvd-list p.btn-buy label{
float:right;
display:block;
margin-top:5px;
background:url("../dvd/img/btn-buy.gif");
width:160px;
height:23px;
padding:3px 0 0 10px;
}

/********************/
p.dvd-btn{
margin:0;
background:#ccc;
padding:10px;
text-align:center;
}

#dvd{
margin:0;
padding:10px;
border:1px solid #CCC;
}

#dvd dt{
float:left;
padding-left:20px;
width:150px;
font-weight:bold;
background:url("../img/mark-03.gif") no-repeat left center;
}

#dvd dd{
padding-left:20px;
margin-bottom:10px;
margin-left:150px;
}

/*********************
 privacy
*********************/
#content h4.privacy{
background:url("../img/privacy.gif") no-repeat;
}

p.privacy-intro{
padding:0 10px 20px 10px;
border-bottom:1px solid #666;
}

#privacy{
margin:0 10px;
}

#privacy dt{
margin:10px 0;
padding-left:20px;
background:url("../img/mark-03.gif") no-repeat left center;
font-weight:bold;
}

#privacy dd{
margin:0;
padding:0;
}

/*********************
 commerce
*********************/
#content h4.commerce{
background:url("../img/commerce.gif") no-repeat;
}

#commerce{
margin:10px;
}

#commerce dt{
float:left;
padding-left:20px;
width:200px;
font-weight:bold;
background:url("../img/mark-03.gif") no-repeat left center;
}

#commerce dd{
padding-left:20px;
margin-bottom:10px;
margin-left:200px;
}