@charset "utf-8";

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

/*===========================================================
＊ tablet.css 画面の横幅が768px以下
===========================================================*/

img{
    max-width: 100%;
    height: auto;
    width /***/:auto;　
}

/*===========================================================
＊ common
===========================================================*/

#page #main #maincolumn{
	margin-top:45px;	
	padding:0 10px 138px;
	background-size:100% auto;}

#header{
	width: auto;
	padding:0 10px;}

.uNav{
	margin-top:45px;}

#tagline{
	font-size:77%;
	top:15px;}



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

#page #content{
	min-height:inherit;
	width:100%;
	max-width:100%;
	float:none;
	margin-bottom:30px;}
#page #side{
	position:static;
	width:100%;
	max-width:100%;
	float:none;}

#sNav{
	margin-bottom:15px;
	padding:14px 12px 6px;
	text-align:left;
	background:#EFEFEF;}
#sNav li{
	width:50%;
	margin:0;
	vertical-align:top;
	display: inline-block;}
#sNav li a{
	padding:10px 0 10px 8px;
	display:block;}
#page #side #sBnr{
	display:none;}

#fotMesse{
	margin-top:0;}

.gNav li a{
	vertical-align:top;}
.gNav li span {
	font-weight:bold;}
.gNav li div{
	font-weight:normal;}

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

#footCompany{
	display:none;}
#footer{
	padding:25px 0 35px;}
#fMine .footDeta{
	padding-top:0;}


/*===========================================================
＊ home
===========================================================*/
#worksWrap ul li{
	width:30%;}
	
#worksWrap ul.banner li .txt{
	font-size:85%;
}

#mainImage .btnWorks {
	display:none;}
#worksWrap{
	display:none;}


#serviceWrap li{
	float:left;
	width:33%;
	margin-right:0;	
	margin-bottom:15px;}
#serviceWrap li:nth-child(3n+1){
	clear:both;}
#serviceWrap dl{
	width:95%;}






#newsWrap{
	width:100%;
	float:none;
	margin-bottom:40px;}
#releaseWrap{
	width:100%;
	float:none;
	margin:0;}

#releaseWrap ul{
	padding:0;
	background:none;}
#releaseWrap ul li{
	float: none;
	width:100%;
	margin-bottom:20px;
	padding-bottom:20px;
	background:url(../images/common/ico_dot.gif) repeat-x 0 bottom;}
#releaseWrap dl{
	overflow:hidden;
	_zoom:1;
	max-width:inherit;
	margin:0 auto;}
#releaseWrap dl dd.image{
	float:left;
	height:auto;
	margin-right:15px;}
#releaseWrap dl dd.image img{
	width:180px;
	height:auto;}

#releaseWrap dl dt,
#releaseWrap dl dd.txt{
	overflow:hidden;
	_zoom:1;}




#blogWrap{
	overflow:hidden;
	width: auto;
	max-width:610px;
	float:none;
	margin:0 auto 40px;}

#fbWrap{
	width:auto;
	margin:0 auto;
	text-align:center;
	float:none;}


#topLine dl dt{
	float: none;
	margin-bottom:10px;}
#topLine dl dd{
	border-left:0;
	padding:0;
	overflow:hidden;}
#topLine dl dd a{
	text-decoration:underline;}
#topLine dl dd a:hover{
	text-decoration: none;}


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

#aboutWrap div ul.Bundles{
	width:100%;}
	
#aboutWrap div p.Titleimg{
	margin-right:10px;}

#aboutWrap div .chapter {
	font-size:160%;
	margin-top:20px;}
	
#aboutWrap div .chapter2 {
	font-size:160%;}	
	
#aboutWrap div .chapter span{
	width:auto;
	display: inline;
	margin-bottom:5px;}


#aboutWrap div#S_fields{
	display:none;}


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

ul.worksBox li {
	width:50%;}

@media screen and (max-width: 570px){
.gNav li.nav02 span {
	font-size: 150%;}
.gNav li.nav02 div{
	font-size: 77%;}
}
@media screen and (max-width: 550px){
#tagline{
	top:10px;}
.uNav li{
	font-size: 93%;
	padding: 5px 3px;}
}


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

#contactWarp .inner{
	width:100%;}

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

@media screen and (max-width: 609px){
#contactWarp #ssl .txt{
	padding-top:0;}
}

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

#v_n_rec .vnrList01, #v_n_rec .vnrList02 {
   width:95%;
}

#v_n_rec .vnrList01 li {
    float: none;
    margin:0 auto 20px;
	width:100%;
}

#v_n_rec .vnrList01 li.thum {
    margin-right:0;
	text-align:center;
    width: 100%;
}

#v_n_rec .vnrList02 li {
	float:none;
	margin-right:0;
	width:100%;
}


#v_n_rec .vnrList02 li dl {
	width:100%;
}


#v_n_rec .vnrList02 li.plus {
    margin:10px auto 20px;
    text-align: center;
    width: 100%;
	padding-top:0;
}

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