@charset "utf-8";

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

/*===========================================================
＊ smart.css  画面の横幅が480px以下
===========================================================*/

body{
	font-size:14px;
	-webkit-text-size-adjust: none;}

/*===========================================================
＊ common
===========================================================*/
#page{
    width:100%;	
	min-width:320px;}

#page #main {
	padding:0;}
#page #main #maincolumn{
	margin-top:15px;
	padding:0 10px 100px;}


#page-top {
	bottom: 0px;}
.pageHome{
	display:none;}


/*----default*/
#header{
	width: auto;
	position:static;
	padding:0 0;}
#headMain{
	overflow:hidden;
	padding:0;
	height:auto;}

#header #logo{
	float:none;
	height:auto;
	padding:0 10px 8px;
	text-align:left;
	width:auto;}
#header #logo img{
	width:180px;
	height:auto;}

#tagline{
	display:none;}
#header #logo{
	position:static;}

/**/

#smpNav{
	display: inherit;}

#hNavMenu{
	display:inherit;
	font-size:10px;
	width:68px;
	text-align:center;
	position:absolute;
	background:#E95431;	
	top:10px;
	right:10px;}
#hNavMenu a{
	padding:12px 0 8px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;}
#hNavMenu img{
	height:17px;
	margin-bottom:5px;}

#navi,
#navigation{
	display:none;}

.uNav{
	position:inherit;
	top:inherit;
	right:inherit;
	float:none;
	text-align:center;
	margin:8px 0 15px;}
.uNav li{
	padding:5px 5px 5px 0;}
	
/*===========================================================
＊ globalnav
===========================================================*/

.gNav {
	position:static;
	overflow:hidden;
	text-align:center;
	margin-bottom:3px;
	border:0;}
.gNav li {
	width:50%!important;
	display:block;
	float:left;
	margin-bottom:2px;}
.gNav li a,
.gNav li#act a{
	padding:10px 0;
	color:#FFFFFF;
	background:#E95431;
	background-image:none;
	width:99%;
	font-size:14px;
	margin:0 auto;}
.gNav div,
.gNav .end div{
	border:0;}
.gNav li a span{
	display:none;}
.gNav li.nav02 div{
	font-size:12px;}
.gNav li a:hover,
.gNav li#act a:hover{	
	background:#EF7F65;}


/*===========================================================
＊ footer
===========================================================*/

#footer{
	padding:15px 0 45px;}
#fMine .footDeta{
	padding:0 0 10px;
	background:none;}
#footer #fMine .copy{
	font-weight:normal;
	text-align:center;}

#footer .fNav{
	padding-top:14px;}
#footer .fNav .inner{
	padding:0 0 10px 5px;}
#footer .fNav ul{
	float:none;
	width:100%!important;}
#footer .fNav ul li{
	float:left;
	width:50%;
	margin:0;
	padding:0;}
#footer .fNav ul li a{
	padding:10px 0 10px 10px;
	display:block;}

#footer #fMine .copy span{
	display:block;}

/*===========================================================
＊ under page
===========================================================*/

#sNav h1,
#sBack h1{
	font-size:16px;}

#page #side li{
	width: auto;
	margin:0;
	font-size:15px;
	border-top:1px dotted #CCC;
	display:block;}

#fotMesse{
	max-width:780px;
	clear:both;
	margin:0 auto;}
#fotMesse ul{
	width:100%;}
#fotMesse ul li{
	display:block;
	float:none;
	vertical-align:middle;
	color:#E95B17;}
#fotMesse ul li.tal{
	width: auto;
	padding:10px 0;
	border-bottom:1px dotted #E95B17;
	border-right:0;}
#fotMesse ul li.mail{
	width: auto;}
#fotMesse ul li.mail a{
	padding:8px 0;}
#fotMesse ul li.mail div{
	border-left:0;}

#fotMesse ul li.contact{
	width: 100%;
	min-width: inherit;}

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

#serviceWrap li{
	float:left;
	width:50%;
	margin-right:0;	
	margin-bottom:15px;
	clear:both;}
#serviceWrap li:nth-child(even){
	clear: inherit;}
#serviceWrap dl{
	width:95%;}
#serviceWrap dl dt a{
	font-weight:bold;
	overflow:hidden;
	text-decoration:none;
	display:block;
	padding-left:10px;
	background:url(../images/common/a_cursor.png) no-repeat 0 4px;}

#serviceWrap dl dd.image{
	text-align:center;}
#serviceWrap dl dd.txt{
	overflow:hidden;}


#releaseWrap dl dd.image{
	height:auto;}
#releaseWrap dl dd.image img{
	width:100px;
	height:auto;}

#fbWrap{
	display:none;}

#blogWrap{
	clear:both;
	width: auto;
	float:none;
	margin-bottom:0;
	border:1px solid #000000;}
	
	
#mainImage .btnWorks {
	display:none;}
#worksWrap{
	display:none;}
	
#topBanner ul.img li a{
	text-align:center;
	display:block;

}
#topBanner ul.img li a img{
	margin-top:auto;
}

.respon_sp {
	width:90%;
	margin:10px auto;
	border: 2px solid #E95431;
	padding:10px;	
	display:block !important;
	font-size: 90%;
    line-height: 140%;}

.respon_sp span {
	width:auto;
	display:inline-block;}

.respon_sp a{
	font-weight:bold;
	overflow:hidden;
	padding-left:10px;
	background:url(../images/common/a_cursor.png) no-repeat 0 4px;}

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


#companyWrap dl{
	padding:15px 15px 15px 8px;}
#companyWrap dl dt{
	float: none;
	color:#E95331;
	font-weight:bold;
	width: auto;
	margin-bottom:5px;
	line-height:1.2;
	padding-left:8px;
	border-left:5px solid #E95331;}
#companyWrap dl dd{
	text-align:left;
	padding:0 5px;
	overflow:hidden;}

.topmessageBox li {
	float: none;
	width:100%;
	margin-bottom:15px;}
.topmessageBox li.img_ceo {
	margin-left:0;}

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

#recruitWrap dl{
	padding:15px 15px 15px 8px;}
#recruitWrap dl.recruitSelect dt,
#recruitWrap dl dt{
	float: none;
	color:#E95331;
	font-weight:bold;
	width: auto;
	margin-bottom:5px;
	line-height:1.2;
	padding-left:8px;
	border-left:5px solid #E95331;}
#recruitWrap dl dd{
	text-align:left;
	padding:0 5px;
	overflow:hidden;}


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

#aboutWrap div p.Mainimg{
	float:none;}

#aboutWrap div#S_fields{
	display:block;}

#aboutWrap div#S_fields ul{
	margin-bottom:15px;
	clear:both;
	width:100%;
	display:block;}
	
#aboutWrap div#S_fields li{
	font-size: 14px;
	text-align: center;
	background: url("../images/common/a_cursor_w.png") no-repeat scroll 10px center #E95B17;
   	float:none;
    margin: 0 0 1px 1px;
    width: 100% !important;}
	
#aboutWrap div#S_fields li a{
	color: #FFFFFF;
	display: block;
	padding:8px 0;
    text-decoration: none;}
	
#aboutWrap div#S_fields li a:hover{
	background: #ef7f65;}

#aboutWrap p#Main{
	margin-bottom:20px;}

#aboutWrap div p.Mainimg {
    float: none;
	text-align:center;
    padding: 0;}
	
#aboutWrap div p.Titleimg{
	float:none;
	border:1px #000 solid;
	width:95%;
	padding:15px 0;
	margin:0 auto 10px;
	text-align:center;}
	
#aboutWrap div .chapter ,
#aboutWrap div .chapter2 {
	font-size:150%;
	width:95%;
	margin:0 auto 0;}
	
#aboutWrap div .chapter span ,
#aboutWrap div .chapter2 span{
	width:auto;
	display: inline;
	margin:0 0 5px;}	



/*===========================================================
＊ works
===========================================================*/

ul.worksBox li {
	width:100%;
	float:none;}	
	
	
/*===========================================================
＊ map
===========================================================*/


.mapWrap dl{
	padding:15px 15px 15px 8px;}
.mapWrap dl dt{
	float: none;
	color:#E95331;
	font-weight:bold;
	width: auto;
	margin-bottom:5px;
	line-height:1.2;
	padding-left:8px;
	border-left:5px solid #E95331;}
.mapWrap dl dd{
	text-align:left;
	padding:0 15px;
	overflow:hidden;}

/*===========================================================
＊ conntact
===========================================================*/

#contactWarp .privacymark,
#contactWarp #ssl,
#contactWarp .contactPoricy{
	width:auto;}

#contactWarp .contactPoricy dt{
	float: none;
	font-weight:bold;
	width: auto;
	margin-bottom:5px;
	line-height:1.2;
	padding-left:8px;
	margin-top:15px;
	border-left:5px solid #E95331;}
#contactWarp .contactPoricy dd{}

#contactWarp #contactForm dl{
	padding:0 10px 17px;
	margin-bottom:17px;
	background:url(../images/common/ico_dot.gif) repeat-x 0 bottom;}
#contactWarp #contactForm dl dt{
	float: none;
	color:#E95331;
	font-weight:bold;
	width: auto;
	margin-bottom:10px;
	line-height:1.2;
	padding-left:8px;
	border-left:5px solid #E95331;}
#contactWarp #contactForm dl dt{
	text-align:left;
	padding:0 5px;
	overflow:hidden;}

.submit li input{
	width:90%;}
#contactWarp #contactForm dl dd input,
#contactWarp #contactForm dl dd textarea{
	width:95%;
	padding:3px;
	border:1px solid #999999;}
#contactWarp #contactForm dl .noline input{
	width:inherit;
	border:0;
	padding:0px;}
	
/*===========================================================
＊ ビジュアルナビレコメンド
===========================================================*/

#v_n_rec h1.tit {
    font-size: 120%;
}

#v_n_rec h1.tit p {
	height:50px;
	padding-top:10px;
	margin-left:0;
}

#v_n_rec h1.tit p span {
    font-size: 50%;
}


p.vnrTxt01 {
    font-size: 140%;
}

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