@charset "utf-8";

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		 Petabit CSS Last:12/11/30
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*===========================================================
＊ detail
===========================================================*/

/*------------------------------------------------------
＊　article
-------------------------------------------------------*/

.article{
	overflow:hidden;
	_zoom:1;
	text-align:left;
	margin:0 0 33px;}
.article p{
	margin-bottom:1.4em;}

.article .inner{}

p.spB{
	margin-bottom:1.4em;}


/*------------------------------------------------------
＊　title
-------------------------------------------------------*/

h1.tit{
	text-align:left;
	font-size:153.9%;}
.tit{
	display:block;
	_zoom:1;
	overflow:hidden;	
	background:url(../images/common/lin_slash.gif) repeat-x 0 0;
	padding:30px 2px 30px;
	position:relative;}
	
.tit h2{
	font-size:123.1%;}
.tit .icon{
	position:absolute;
	top:30px;
	right:0;}
.titno{
	overflow:hidden;
	padding:0px 2px 20px;
	position:relative;}
.titno .icon{
	position:absolute;
	top:3px;
	right:0;}
.titsub{
	font-size:131%;
	color:#E95331;
	padding:18px 5px;
	width:auto;
	background:url(../images/common/line_sub.gif) no-repeat 0 0;}
.cap,
.sec_tit {
	font-size:123.1%;
	line-height:120%;
	color:#E95331;
	margin-bottom:1.5em;}
p.h2_caption {
	width:52%;}
a.icoRss,
a.icoMore{
	display:inline-block;
	font-size:85%;
	line-height:1.4;
	width:60px;
	padding:3px 0;
	text-align:center;
	margin-left:6px;
	color:#FFFFFF;
	text-decoration:none;}
a.icoRss:hover,
a.icoMore:hover{
	color:#FFFFFF;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}

a.icoRss{
	background:#E9612D;}
a.icoRss span{
	padding-left:17px;
	 background:url(../images/common/ico_rss.gif) no-repeat 0 center;}
a.icoMore{
	background:#061F68;}


/*------------------------------------------------------
＊　table
-------------------------------------------------------*/

table.defo{
	width:100%;
	border:1px solid #D6D6D6;}
table.defo th,
table.defo td{
	border:1px solid #D6D6D6;}

/* table th */
table.defo th{
	width:12em;
	padding:10px 0 10px 12px;
	vertical-align:top;
	background:#F7F7F7;
	font-weight:normal;}

/* table td */
table.defo td{
	padding:10px 15px;
	background:#FFFFFF;}


/*===========================================================
＊ foot Message 
===========================================================*/

#fotMesse{
	position: relative;
	_zoom:1;
	clear:both;
	border:2px solid #E95B17;
	margin:50px auto 0;}
#fotMesse ul{
	width:100%;
	overflow:hidden;
	_zoom:1;
	background:#FFFFFF;}
#fotMesse ul li{
	float:left;
	vertical-align:middle;
	color:#E95B17;}
#fotMesse ul li.tal{
	width:45%;
	padding:8px 0;}
#fotMesse ul li.mail{
	background:#E95B17;
	width:55%;}
#fotMesse ul li.mail div{
	padding:8px 0;
	background:#FFFFFF;
	border-left:1px dotted #E95B17;
	margin-right:150px;}


#fotMesse ul li.mail a{
	position:absolute;
	bottom:1px;
	right:0;
	min-width:150px;
	display:block;
	color:#FFFFFF;
	text-align:center;
	padding:9px 0;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	background:#E95B17 url(../images/common/a_cursor_w.png) no-repeat 10px center;}
#fotMesse ul li.mail a:hover{
	background-position: 15px center;}


/*===========================================================
＊ home 
===========================================================*/

#mainImage2 { /*　仮トップ　*/
	text-align:center;}

#mainImage{
	position:relative;
	overflow:hidden;
	height:360px;}
	
#mainImage #mainImageInner{
	position:relative;
	max-width:960px;
	margin:0 auto;}	

#mainImage ul.img{
	position:absolute;}
	
#mainImage ul.img li{
	position:absolute; left:1500px; top:0px;}
#mainImage ul.img li a{
	display:block;}
	
#mainImage ul.nav{
	z-index:2;
	position: absolute;
	bottom: 0px; left:0px;
	display: block;
	/margin-left:400px; /*ie6,7*/
	width: 100%;}

#mainImage ul.nav li{
	display:inline-block;
	/float:left; /*ie6,7*/
	}
	
#mainImage ul.nav a{
	text-decoration:none;
	display:block; color:#999;
	font-size:120%;
	padding:5px; margin:0;}
	
#mainImage .btnWorks{
	width:200px; height:30px;
	position:absolute;
	right:0px; bottom:0px;
	z-index:3;
	background:#000 url(../images/home/btn_works.gif) no-repeat 175px -30px;
	/*background-color:#000;*/
	opacity:0.8}
	
#mainImage .btnWorks strong{
	
	color:#fff; font-weight:normal;
	opacity:1;
	
}

#mainImage .btnWorks a{
	padding:8px 0 0 20px;
	text-decoration:none;
	display:block;
	text-align:left;
	}

/*-- top works area -----------------------------*/
#worksWrap{
	height:141px;
	background:#e3e3e3;
	border-top:2px #000000 solid;
	border-bottom:3px #d7d7d7 solid;
	padding:25px 0;
	overflow:hidden;
	position:relative;
	left:0px;

}
#worksWrap div{
	position:relative;
	/*_position:absolute;*/
	_overflow:hidden;
	left:0px;
	}
#worksWrapInner{
	left:0px;
	position:relative;
	max-width:960px;
	margin:0 auto;
}
#worksWrap ul.banner{
	overflow:hidden;
	position:relative;
	margin:0 30px;
	height:141px;
	}
#worksWrap ul.banner a{
	position:relative;
	display:block;
	max-width:198px;
	padding:0; color:#fff;
	text-decoration:none;
	background-image:none;
}
#worksWrap ul.banner a img{
	width:100%;
}
#worksWrap ul.banner li{
	width:198px; height:141px; text-align:center;
	position:relative;
	display:inline-block;}

#worksWrap ul.banner li .txt{
	display:none;
	padding:10px; text-align:left;
	position:absolute; left:0px; top:0px;}

#worksWrap ul.banner li .mask{
	display:none;
	background-color:#061F68;
	opacity:0.9;
	width:100%; height:100%;
	position:absolute; left:0px; top:0px;
	}
	
#worksWrap ul.nav{
	width:100%;
	position:absolute; left:0px; top:0px;
}

#worksWrap ul.nav a{
	display:block;
	
	width:11px; height:21px;
	text-indent:-9999px;
}

#worksWrap ul.nav li{
	width:11px; height:21px;
}
#worksWrap ul.nav li.btnLeft{
	position:absolute; left:10px; top:65px;
}

#worksWrap ul.nav li.btnLeft a{
	overflow:hidden;
	background:url(../images/home/btn_left.gif) no-repeat 0 0;}
#worksWrap ul.nav li.btnLeft a:hover{
	background-position:0 -21px;}	


#worksWrap ul.nav li.btnRight{
	position:absolute; right:10px; top:65px;
}

#worksWrap ul.nav li.btnRight a{
	overflow:hidden;
	background:url(../images/home/btn_right.gif) no-repeat 0 0;}
#worksWrap ul.nav li.btnRight a:hover{
	background-position:0 -21px;}	


/*-- top foot banner -----------------------------*/	
#topBanner{
	position:relative;
	margin-bottom:50px;
	height:100px;}	
	
#topBanner div{
	position:relative;
	_position:absolute;
	
}
#topBanner ul.img{
	position:relative;
	margin:0 30px;
	overflow:hidden;
	}
#topBanner ul.img li{
	position:absolute;
	bottom:0px;
	display:inline-block;
	}
	
#topBanner ul.img li a{
	margin:0 auto;
	display:table-cell;
	vertical-align:bottom;
	}

#topBanner ul.nav{
	position:absolute; left:0px; top:0px;
	width:100%;
}
#topBanner ul.nav a{
	display:block;
	width:11px; height:21px;
	text-indent:-9999px;
}

#topBanner ul.nav li{
	width:11px; height:21px;
}	
	
#topBanner ul.nav li.btnLeft{
	position:absolute; left:10px; top:40px;
}
#topBanner ul.nav li.btnLeft a{
	overflow:hidden;
	background:url(../images/home/btn_left.gif) no-repeat 0 0;}
#topBanner ul.nav li.btnLeft a:hover{
	background-position:0 -21px;}	


#topBanner ul.nav li.btnRight{
	position:absolute; right:10px; top:40px;
}

#topBanner ul.nav li.btnRight a{
	overflow:hidden;
	background:url(../images/home/btn_right.gif) no-repeat 0 0;}
#topBanner ul.nav li.btnRight a:hover{
	background-position:0 -21px;}	
/*------------------------------------------------------
＊　header
-------------------------------------------------------*/

header .picup{
	max-width:960px;
	margin:0 auto;
	overflow:hidden;}
header .picup dt{
	float:left;
	width:10%;
	min-width:6em;
	padding:10px 10px;}
header .picup dd{
	padding:10px 15px;
	border-left:1px solid #CCCCCC;
	overflow:hidden;}


/*-- service -----------------------------*/

#serviceWrap{
	clear:both;}
#serviceWrap h2{
	font-size:123.1%;}

#serviceWrap ul{
	overflow:hidden;
	_zoom:1;}
#serviceWrap li{
	float:left;
	width:180px;
	margin-right:15px;
	margin-bottom:25px;}
#serviceWrap li.service5{
	margin-right:0px;}

#serviceWrap dl{
	max-width:180px;
	margin:0 auto;}
#serviceWrap dl dt{
	margin:10px 0 5px;}
#serviceWrap li.service3 dl dt	{
	font-size:88%;}	
#serviceWrap dl dt a{
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
	background:url(../images/common/a_cursor.png) no-repeat 0 center;}
#serviceWrap dl dt a:hover{
	text-decoration:underline;}
#serviceWrap dl dd{
	font-size:85%;}

/*-- news -----------------------------*/

#newsWrap {
	float:left;
	width:460px;}

#newsWrap dl{
	padding:0 10px 17px;
	margin-bottom:17px;
	background:url(../images/common/ico_dot.gif) repeat-x 0 bottom;}
#newsWrap dl dt{
	padding-left:10px;
	margin-bottom:3px;
	background:url(../images/common/a_cursor.png) no-repeat 0 center;}

span.icoNs,
span.icoIr,
span.icoEvent,
span.icoRecruit,
span.icoRelease,
span.icoWks,
span.icoEcd,
span.icoCorprate,
span.icoOnlineshop,
span.icoBranding,
span.icoMobile,
span.icoCommunity,
span.icoApparel,
span.icoPackage,
span.icoCatalog,
span.icoMagazine,
span.icoPanf,
span.icoPoster{
	display:inline-block;
	font-size:77%;
	line-height:1.4;
	width:60px;
	padding:2px 0;
	text-align:center;
	margin:0 10px;
	color:#FFFFFF;
	font-weight:normal;}

span.icoCorprate,
span.icoOnlineshop,
span.icoBranding,
span.icoMobile,
span.icoCommunity,
span.icoApparel,
span.icoPackage,
span.icoCatalog,
span.icoMagazine,
span.icoPanf,
span.icoPoster{
	width:120px;
	margin-left:0;}
	
span.icoNs{
	background:#FF9900;}
span.icoIr{
	background:#2D949F;}
span.icoEvent{
	background:#94B12C;}
span.icoEcd{
	background:#E9612D;}
span.icoRecruit{
	background:#FF668C;}
span.icoRelease{
	background:#CC0000;}
span.icoWks{
	background:#0099CC;}
span.icoCorprate {
	background:#00ACCA;}
span.icoOnlineshop {
	background:#FF9900;}
span.icoBranding {
	background:#B0B000;}
span.icoMobile {
	background:#009966;}
span.icoCommunity {
	background:#FE5263;}
span.icoApparel {
	background:#D33263;}
span.icoPackage {
	background:#ECB715;}
span.icoCatalog {
	background:#609629;}
span.icoMagazine {
	background:#9163AB;}
span.icoPanf {
	background:#EA4848;}
span.icoPoster {
	background:#3366CC;}
	

/*-- release -----------------------------*/

#releaseWrap{
	float:right;
	width:460px;}

#releaseWrap ul{
	overflow:hidden;
	_zoom:1;
	padding:15px 0;
	background:url(../images/common/ico_dot.gif) repeat-y center 0;}
#releaseWrap ul li{
	float:left;
	width:50%;}
#releaseWrap dl{
	max-width:200px;
	margin:0 auto;}
#releaseWrap dl dt{
	margin:10px 0 5px;
	padding-left:10px;
	background:url(../images/common/a_cursor.png) no-repeat 0 center;}
#releaseWrap .image{
	text-align:center;
	overflow:hidden;
	height:140px;}




/*-- staffblog -----------------------------*/

#blogWrap{
	width:320px;
	float:right;
	border:1px solid #000000;}
#blogWrap .titno{
	padding:14px 16px 12px;}
#blogWrap .icon{
	top:13px;}
#blogWrap .inner{
	padding: 0 12px 10px;}
#blogWrap .inner dl{
	padding:10px 10px 0;
	margin-bottom:6px;
	overflow:hidden;
	_zoom:1;
	background:url(../images/common/ico_dot.gif) repeat-x 0 top;}
#blogWrap .inner dt{
	overflow:hidden;
	margin:5px 0 5px;
	font-weight:bold;
	padding-left:10px;
	background:url(../images/common/a_cursor.png) no-repeat 0 center;}
#blogWrap .inner dd{
	font-size:93%;
	overflow:hidden;}
#blogWrap .inner dl dd.image{
	float:left;
	margin-right:15px;}
#blogWrap .inner dl dd.image img{
	width:45px;
	height:45px;}


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

＊ post 
===========================================================*/

.entrybox{
	overflow:hidden;
	_zoom:1;
	border-top:2px solid #CCCCCC;
	padding-top:30px;
	margin-bottom:30px;}
.entrybox .txt{
	overflow:hidden;}
.entrybox .tit{
	padding:8px 0 0px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:123.1%;
	background:none;
	color:#E95231;
	width:auto;}
.entrybox .tit a{
	color:#E95231;
	text-decoration:none;}
.entrybox .tit a:hover{
	text-decoration:underline;}
.entrybox .times{
	font-weight:bold;}
.entrybox .entry{
	margin-bottom:20px;}
.entrybox .entry a{
	text-decoration:underline;}
.entrybox .entry a:hover{
	text-decoration:none;}
.entrybox .category{
	margin-top:15px;
	text-align:right;}
.entrybox .category a{
	color:#E95231;
	text-decoration: underline;}
.entrybox .category a:hover{
	color:#E95231;
	text-decoration:none;}
.entrybox .imgL img{
	width:150px;}

/*===========================================================
＊ company 
===========================================================*/


#companyWrap dl{
	 background: url(../images/common/ico_dot.gif) repeat-x 0 top;
	padding:15px 15px;
	overflow:hidden;
	_zoom:1;}
#companyWrap dl dt{
	float:left;
	width:100px;}
#companyWrap dl dd{
	_zoom:1;
	text-align:left;
	overflow:hidden;}

.topmessageBox {
	width:100%;}
	
.topmessageBox li {
	float:right;
	width:48%;}
.topmessageBox li p {
	margin-bottom:20px;}
.topmessageBox li.img_ceo {
	margin-left:15px;
	text-align:center;}
	
.topmessageBox li.top_name {
	text-align:right;
	margin-top:20px;}

/*===========================================================
＊ recruit
===========================================================*/

#recruitTopBox {
	width:100%;
	margin-bottom:30px;
	overflow:hidden;}
	
#recruitTopBox .recruit_cap {
	width:100%;
	margin-bottom:15px;}

#recruitTopBox .recruit_movie {
	width:80%;
	height:auto;
	margin:0 auto;}
	
#recruitTopBox .recruit_movie .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;}

#recruitTopBox .recruit_movie .video iframe {
	z-index:1;}
 
#recruitTopBox .recruit_movie .video iframe,
#recruitTopBox .recruit_movie .video object,
#recruitTopBox .recruit_movie .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}	
	
#recruitTopBox .recruit_movie iframe{
	width:100%;
	height:100%;}

#recruitWrap .icoRec {
	background: #273D7C;
	border: 1px solid #273D7C;
	text-align:center;
	color: #FFF;
	width: 200px;
	height:30px;
	margin:0 15px 10px 0;
	line-height:30px;
	text-decoration:none;
	display: inline-block;}


#recruitWrap .icoRec span {
	background:url(../images/recruit/icn_arwBgblue.gif) left center no-repeat;
	padding-left:12px;
}

#recruitWrap a.icoRec:hover,
#recruitWrap a.icoRec:visited {
	color:#FFF;}

#recruitWrap a.icoRec:hover {
	color:#FFFFFF;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}
	
#recruitWrap .icoRec2 {
	background: #273D7C;
	border: 1px solid #273D7C;
	text-align:center;
	color: #FFF;
	width: 90%;
	height:30px;
	margin:0 0 10px 0;
	line-height:30px;
	text-decoration:none;
	display: inline-block;}


#recruitWrap .icoRec2 span {
	background:url(../images/recruit/icn_arwBgblue.gif) left center no-repeat;
	padding-left:12px;
}

#recruitWrap a.icoRec2:hover,
#recruitWrap a.icoRec2:visited {
	color:#FFF;}

#recruitWrap a.icoRec2:hover {
	color:#FFFFFF;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}	
	
#recruitWrap {
	position: relative;}
	
#recruitWrap img.movie {
	position: absolute;
    right: 15px;
    top: 15px;}

#recruitWrap dl{
	background: url(../images/common/ico_dot.gif) repeat-x 0 top;
	padding:15px 15px;
	overflow:hidden;
	_zoom:1;}
	
#recruitWrap dl dt{
	float:left;
	width:100px;}

#recruitWrap dl.recruitSelect dt{
	float:left;
	width:30%;}
	
#recruitWrap dl dd{
	text-align:left;
	overflow:hidden;}

#recruitWrap .recruit_formBtn {
	background: #273D7C;
	border: 1px solid #273D7C;
	text-align:center;
	color: #FFF;
	width: 60%;
	padding:0 15px;
	height:40px;
	margin:20px auto;
	line-height:40px;
	text-decoration:none;
	display:block;
	font-size:123.1%;}
	
#recruitWrap .recruit_formBtn span {
	background:url(../images/recruit/icn_arwBgblue.gif) left center no-repeat;
	padding-left:12px;}
	
	
.rec_mapicon {
    color: #FFFFFF;
    display: inline-block;
    line-height: 1.4;
    margin-left: 6px;
    padding: 0 0.5em;
    text-align: center;
    text-decoration: none;
	background: none repeat scroll 0 0 #061F68;}

a.rec_mapicon ,
a.rec_mapicon:visited {
	color:#FFF;}
	
a.rec_mapicon:hover {
	opacity:0.75;
	color:#FFF}

/*===========================================================
＊ privacy
===========================================================*/

#privacyBox {
	width:100%;}
	
#privacyBox div {
	margin:0 auto 15px;}

#privacyBox p {
	text-align:right;
	line-height:125%;
	margin-bottom:10px;}

#privacyBox h3.sec_tit {
	margin:30px 0 10px;}

#privacyBox ol {
	list-style:outside decimal none;
	margin:0 0 1em 1.75em;}

#privacyBox ol li {
	margin-bottom:0.75em;
	list-style:outside decimal none;}

#privacyBox ol span {
	font-weight:bold;}

/*
#privacyBox h3.dl_tit {
	font-weight:bold;
	background: url(../images/common/ico_dot.gif) repeat-x 0 top;
	padding:0.75em 0;
	} */
	
#privacyBox h3.dl_tit {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #E95331;
    margin:0 0 10px;
    padding: 2px 0.5em;
	}

#privacyBox dl {
	margin:0 auto 1em 0.5em;
	overflow: hidden;}
	
/* #privacyBox dl dt {
	font-weight:bold;
	padding-left:1em;
    margin-right: 1em;	
	} */
#privacyBox dl dt{
	float: none;
	font-weight:bold;
	width: auto;
	margin-bottom:5px;
	line-height:1.2;
	padding-left:8px;
	border-left:5px solid #E95331;}		

#privacyBox dl dd {
	padding-left:0.5em;
	margin-bottom:5px;
	}

#privacyBox div.privacyMark {
    border: 4px solid #F1F1F1;
    clear: both;
    margin: 0 auto 8px;
    padding:20px 2em 20px 120px;
    width: 50%;
	background:url(../images/common/img_privacy.gif) 15px center no-repeat;
	}	

#privacyBox div.privacyMark p.privacymarkTxt {
    font-size: 12px;
	text-align:left;}

#privacyBox div.privacyMark p.privacymarkTxt a {
	text-decoration: underline;}

#privacyBox div.privacyMark p.privacymarkTxt a:hover {
	text-decoration:none;}
	
	

/*===========================================================
＊ responsive
===========================================================*/

#responsiveWrap .box{
	margin-bottom:40px;}
#responsiveWrap .browser{
	padding:15px 10px 15px 80px;
	text-align:center;
	font-weight: bold;
	color:#E95431;
	font-size:108%;
	border:3px solid #E95431;
	margin-bottom:25px;
	background:url(../images/responsive/img_respon01.gif) no-repeat 13px center;}
#responsiveWrap .sml{
	font-size:93%;}
.respon_sp {
	display:none;}

/*===========================================================
＊ about 
===========================================================*/


#aboutWrap p#Main{
	margin-bottom:37px;
	text-align:center;}

#aboutWrap div#S_fields{
	display:none;}

#aboutWrap div#ALL ,#CON ,#WEB ,#SUP ,#CRE{
	 padding-top:50px;}


#aboutWrap div.Block{
	 background: url(../images/common/ico_dot.gif) repeat-x 0 top;
	overflow:hidden;
	_zoom:1;
	padding-top:30px;}

#aboutWrap div.End{
	margin-bottom:50px;}
	
#aboutWrap div p.Titleimg{
	margin:0 30px 5px 10px;
	float:left;
	border:1px #000 solid;
	width:200px;
	padding:15px 0;
	text-align:center;}
	
#aboutWrap div .chapter {
	color:#e95431;
	font-size:190%;
	font-weight:bold;
	line-height: 1.2em;
	display:table-cell;
	vertical-align:middle;}
	
#aboutWrap div .chapter2 {
	color:#e95431;
	font-size:190%;
	font-weight:bold;
	line-height: 1.2em;
	margin-top:20px;}	
	
#aboutWrap div .chapter span,
#aboutWrap div .chapter2 span{
	width:auto;
	display:block;
	margin-bottom:5px;}

#aboutWrap div .chapter2 span em{
	font-size: 150%;
    vertical-align: text-top;
	padding-right:0.25em;}	

#aboutWrap div .Mainbox{
	clear:both;
	padding-top:18px;}

#aboutWrap div p.Maintxt{
	padding:18px 0 0 10px;}

#aboutWrap div p.Mainimg{
	float:right;
	padding:0 10px 0 25px;}
	
#aboutWrap div p.Bar{
	padding:25px 0 20px 0;
	clear:both;}

#aboutWrap div p.Bar span{
	width: 100%;
	display:block;
	font-weight:bold;
	background: url(../images/about/bar.gif) repeat 0 top;
	padding:6px 0 6px 16px;}
	
#aboutWrap div.Example{
	padding-left:10px;
    text-align: left;}

#aboutWrap div ul{
	float:left;}

#aboutWrap div ul.Bundles{
	width:50%;}

#aboutWrap div ul li span{
	background: url(../images/common/icn_square.gif) no-repeat scroll 0 center transparent;
	padding-left:12px;}
	
/*===========================================================
＊ works
===========================================================*/

p.title_caption {
	margin-bottom:1.5em;}

ul.worksBox {
	width:99%;
	margin:0 0 20px 10px;
	overflow:hidden;}

ul.worksBox li {
	display:block;
	width:33%;
	margin: 0 0 10px 0;
	float:left;}
ul.worksBox li .area{
	background:#EFEFEF;
	padding:12px;
	margin: 0 10px 0 0;}

ul.worksBox li .workImg {
	text-align:center;
	margin-bottom:0.5em;}
ul.worksBox li p{
	margin-bottom:5px;}

ul.worksBox h4.worksTit {
	margin:0.5em 0;
	padding:0 0 0.75em;
	text-align:left;
	font-weight:bold;
	font-size:110%;
	line-height:120%;
	background:url(../images/works/img_lineworks.gif) left bottom repeat-x;
	width:100%;}

ul.worksBox li a{
	word-wrap : break-word ;}
a[rel="_blank"] {
	padding-right:15px;
	background:url(../images/works/icn_blank.gif) no-repeat right center;
	color:#0099CC;}

a[rel="_blank"]:visited {
	 color:#0099CC;}

.tabList {
	overflow:hidden;
	_zoom:1;
	margin-bottom:30px;
	border-bottom:3px solid #E95431;}
.tabList li{
	float:left;
	width:50%;}
.tabList li.lft div{
	margin-right:4px;}
.tabList li.rit div{
	margin-left:4px;}
.tabList li div{
	text-align:center;
	border:1px solid #E95431;
	border-bottom:0;}
.tabList li div.act a{
	background: #E95431;
	color:#FFFFFF;}
.tabList li div a{
	display:block;
	padding:8px 0;
	text-decoration:none;
	background: #FFFFFF;
	color: #E95431;}

/*===========================================================
＊ map
===========================================================*/

.mapWrap {
	width:100%;
	margin-bottom:50px;}

.mapWrap dl{
	 background: url(../images/common/ico_dot.gif) repeat-x 0 top;
	padding:15px 15px;
	overflow:hidden;
	_zoom:1;}
.mapWrap dl dt{
	float:left;
	width:100px;}
.mapWrap dl dd{
	text-align:left;
	overflow:hidden;}

#accessMapBox .simplemap {
	margin-bottom:10px;}

img[src$="tx_officemail.gif"] {
	vertical-align:middle;
    }
    

/*===========================================================
＊ sitemap
===========================================================*/

#sitemap_list {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    padding: 0;
}

#sitemap_list li.home-item a {
    line-height:1.4em;
}

#sitemap_list li {
    background: url("../images/common/ico_dot.gif") repeat-x scroll 0 bottom transparent;
    font-size: medium;
    list-style-type: none;
    margin: 0 0 0.5em;
    padding: 0.5em 0;
    text-indent: 0;
}

#sitemap_list li a {
    border-left: 5px solid #E95331;
    display: inline-block;
    line-height: 1.3em;
    margin: 0 0 10px 10px;
    padding-left: 0.75em;
    text-decoration: underline;
}

#sitemap_list li a:hover {
	text-decoration:none;}

#sitemap_list li li {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-size: small;
    margin: 0;
    padding: 1px 0 0 7px;
}

#sitemap_list li li a {
    background: url("../images/sitemap/ico_lower_lv.gif") no-repeat scroll left center transparent;
    border-left: 0 none;
    line-height: 25px;
    padding-left: 20px;
}

#sitemap_list li li li {
	padding: 1px 0 0 25px;
}

#sitemap_list ul {
	padding: 0;
	margin: 0;
}

#sitemap_list .posts_in_category {
	position: absolute;
	padding-left: 0px;
	padding-top: 0.4em;
}

#sitemap_list li .posts_in_category a {
	background: #fff url(http://www.petabit.co.jp/wp/wp-content/themes/petabit/images/arrows/ico_post_list.png) no-repeat center;
	text-indent: -9999px;
	display: block;
	width: 1.2em;
	height: 1.2em;
	border: solid 1px #ccc;
	padding: 0;
}

/*===========================================================
＊ contact
===========================================================*/

#contactWarp{
	line-height:1.5;
	text-align:left;}
#contactWarp .topcomment{
	margin-bottom:20px;}
#contactWarp .inner{
	width:85%;
	margin:0 auto 40px;}

#contactWarp #contactForm dl{
	overflow:hidden;
	_zoom:1;
	padding:0 10px 17px;
	margin-bottom:17px;
	background:url(../images/common/ico_dot.gif) repeat-x 0 bottom;}
#contactWarp #contactForm dl dt{
	float:left;
	width:180px;}
#contactWarp #contactForm dl dd{
	overflow:hidden;}
#contactWarp #contactForm dl dd input,
#contactWarp #contactForm dl dd textarea{
	padding:3px;
	border:1px solid #999999;}
#contactWarp #contactForm dl .noline input{
	border:0;
	padding:0px;}
#contactWarp #contactForm dl dd select{
	border:1px solid #999999;}
#contactWarp #contactForm dl dd .spB{
	margin-bottom:5px;}
#contactWarp #contactForm dl dd .spB2{
	margin-bottom:20px;}

#contactComp h3{
	text-align:center;
	margin-bottom:20px;
	font-size:131%;}


#contactWarp ol li{
	font-weight:bold;
	list-style-type:decimal;
	margin: 0 0 1.4em 1.75em;}
#contactWarp ol li p{
	font-weight:normal;}
#contactWarp ol li li{
	font-weight:normal;
	list-style-type:none;
	margin: 0;}

#contactWarp #ssl {
	line-height:1.8;
    background:#FDFDE7;
	overflow:hidden;
	_zoom:1;
    margin: 0 auto 20px;
    padding:15px 2em 15px 2em;
    width: 65%;}
#contactWarp #ssl .imgR{
	margin-bottom:0;}
#contactWarp #ssl .txt{
	overflow:hidden;
	padding-top:8px;}

#contactWarp .privacymark {
	line-height:1.8;
    border: 4px solid #F1F1F1;
	overflow:hidden;
	_zoom:1;
    margin: 0 auto;
    padding:20px 2em 15px 1em;
    width: 65%;}
#contactWarp .privacymark .imgL{
	margin-bottom:0;}
#contactWarp .privacymark .txt{
	overflow:hidden;}

#contactWarp .contactPoricy{
	font-weight:normal;
	border:1px solid #CCC;
	width:70%;
	padding:10px 10px 15px;
	margin:0 auto;}
#contactWarp .contactPoricy dl{
	background:none;
	padding:0 10px;}
#contactWarp .contactPoricy dt{
	float:left;
	width:100px;}
#contactWarp .contactPoricy dd{
	overflow:hidden;}

.submit {
	text-align:center;
	margin-bottom:40px;}
.submit li{	
	margin:0 auto;
	padding:0 10px;
	display:inline;}
.submit li input{
	color:#FFF;
	border:0;
	width:300px;
	height:45px;
	background:#273D7C url(../images/recruit/icn_arwBgblue.gif) 10px center no-repeat;}
.submit li input:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}
	
/*===========================================================
＊ social button
===========================================================*/
#socialButton{
	clear:both;
	/*overflow:auto;*/
}

#socialButton .btn{
	float:left;
	width:90px;
}



#socialButton .btn.gp{
	width:70px;
}


/*===========================================================
＊ ビジュアルナビレコメンド
===========================================================*/

#v_n_rec #sNav h1 {
    background: url(../images/common/ico_responsive_s.gif) no-repeat scroll 0 center transparent;
}
#v_n_rec h1.tit {
	padding-bottom:10px;
}
#v_n_rec h1.tit p {
	background:url(../images/v_n_rec/img_vnrLogo.gif) left top no-repeat;
	height:55px;
	padding:5px 0 0 70px;
	margin-left:20px;
}

#v_n_rec h1.tit p span {
	font-size:60%;
	display:block;
}

#v_n_rec h2 {
	margin-top:20px;
}

#v_n_rec .txtC {
	margin-bottom:15px;
}

#v_n_rec .vnrList01,
#v_n_rec .vnrList02{
	width:690px;
	overflow:hidden;
	margin:0 auto 35px;
}

#v_n_rec .vnrList01 li {
	float:left;
	width:380px;
}

#v_n_rec .vnrList01 li.thum {
	margin-right:30px;
	width:280px;
}

#v_n_rec .vnrList02 li {
	float:left;
	margin-right:20px;
	width:300px;
}

#v_n_rec .vnrList02 li.plus{
	width:40px;
	padding-top:50px;
}

#v_n_rec .vnrList02 li.lst {
	margin-right:0;
}

#v_n_rec .vnrList02 li dl {
	width:300px;
}

#v_n_rec .vnrList02 li dt {
	background:#CCC;
	text-align:center;
	height:30px;
	line-height:30px;
	font-weight:bold;
	margin-bottom:0.5em;
}

#v_n_rec .vnrList02 li span {
	color:#E95331;
	font-weight:bold;
}

p.vnrTxt01 {
	font-size:200%;
	color:#CD0E39;
	font-weight:bold;
	text-align:center;
	line-height:120%;
	margin:30px auto;
}

p.vnrTxt01 span {
	text-decoration:underline;
}

p.vnrTxt02 {
	margin:30px auto;
	overflow:hidden;
}

p.vnrTxt02 span {
	color:#E95331;
	font-weight:bold;	
}

p.vnrTxt02 a {
	float:right;
	vertical-align:text-bottom;
	text-decoration:underline;
}

p.vnrTxt02 a:hover {
	text-decoration:none;
}

p.vnrTxt02 a img {
	margin-right:10px;
}

/*------------------------------------------ End */