@charset "utf-8";

/*===============================================
●s2-smart.css  画面の横幅が480px→540pxまで
===============================================*/


img{
max-width: 100%;/*画像が親要素からはみ出なくなる*/
height: auto;
width /***/:auto;/*IE8対策*/
}


/*▼▼▼content内の設定：スマートホン用（幅480px）▼▼▼*/


#container{
	width: auto;
}

#pankuzu{
	width: 100%;
}

#content{
	width: auto;
	background-color: #ffffff;
}



#sample2_header{
	width: auto;
/*	background: url("../images/s2-header-bgimgs.png") right no-repeat;*/
}



#sample2_top-navi{
	width: 100%;
	height: 64px;
	margin: 2px 0px;
}

#sample2_top-navi ul{
	list-style-type: none;
}

#sample2_top-navi li a{
	display: block;
	float: left;
	width: 33%;
	height: 30px;
	padding: 0px;
	text-align: center;
	line-height: 30px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-decoration: underline;
}

#sample2_top-navi li.service a,
#sample2_top-navi li.contact a{
	border-right: 0px;
}

#sample2_top-navi li.company a,
#sample2_top-navi li.works a,
#sample2_top-navi li.service a{
	border-top: 1px solid #cccccc;
}



/*▼topimgの設定▼*/

#sample2_topimg{
	width: 100%;
	height: 72px;
	float: left;
	margin: 1px 0px;
	
}


#sample2_index #sample2_topimg{
	background: url("../images/s2-topimgs.png") right no-repeat;
}

#sample2_company #sample2_topimg{
	background: url("../images/s2-topimg01s.png") right no-repeat;
}

#sample2_works #sample2_topimg{
	background: url("../images/s2-topimg02s.png") right no-repeat;
}

#sample2_service #sample2_topimg{
	background: url("../images/s2-topimg03s.png") right no-repeat;
}

#sample2_recruit #sample2_topimg{
	background: url("../images/s2-topimg04s.png") right no-repeat;
}

#sample2_news #sample2_topimg{
	background: url("../images/s2-topimg05s.png") right no-repeat;
}

#sample2_contact #sample2_topimg{
	background: url("../images/s2-topimg06s.png") right no-repeat;
}



#sample2_topimg h2#top-comment{
	width: auto;
	margin: 0px 5px;
	font-size: 10px;
	line-height: 15px;
}




#sample2_main{
	width: 100%;
	float: left;
	margin-top: 10px;
}


/*▼box1の設定▼*/
#sample2_main div.box1{
	width: 100%;/*920px/30%-margin-px*/
	height: auto;
	float: left;
	margin: 10px 0px;
}

#sample2_main div.box1 .img1{
	margin: 10px 10px;
}

#sample2_main div.box1 p{
	width: 95%;
	height: auto;
	margin: 0px 10px;
}


/*▼box2の設定：2列▼*/
#sample2_main div.box2{
	width: 100%;/*920px/50%-margin-px*/
	height: auto;
	float: left;
	margin: 10px 0px;
}

#sample2_main div.box2 p{
	width: 95%;
	height: auto;
	margin: 0px 10px;
}


/*▼box3の設定：1枠▼*/
#sample2_main div.box3{
	width: 96%;/*920px-margin-px*/
	height: auto;
	float: left;
	margin: 30px 0px 0px 0px;
}

#sample2_main div.box3 dl{
	width: 98%;
	margin: 10px;
	border-top: 1px dashed #333333;
}

#sample2_main div.box3 dt{
	width: auto;
	float: none;
	padding: 5px;
	background-color: #f5f5f5;
}

#sample2_main div.box3 dd{
	width: auto;
	padding: 5px;
	border-bottom: 1px dashed #333333;
}


/*▼テーブルの設定▼*/

/*▼テーブルの設定▼*/
table#company-detail{
	border: 1px solid #cccccc;
	border-collapse: collapse;
	margin: 10px;
	width: 95%;
}

table#company-detail th,
table#company-detail td{
/*	border: 1px solid #cccccc;*/
	display: block;
	height: auto;
	font-weight: normal;
	font-size: 15px;
}

table#company-detail th{
	width: auto;
	background-color: #cccccc;
	color: #000000;
	padding: 10px 5px;
	opacity: 0.5;/*ボックスの透明度：背景も文字も*/
}

table#company-detail td{
	width: auto;
	text-align: center;
	padding: 20px 5px;
}

table#company-detail tr.table-top{
	display: none;
}

table#company-detail tr.map{
	height: auto;
}

table#company-detail iframe{
	display: none;
}


/*
table#company-detail iframe{
	padding: 5px 0px;
}
*/



#sample2_to-top{
	width: auto;
	text-align: right;
	padding-right: 20px;
	text-decoration: underline;
}

#sample2_footer{
	width: 95%;
	height: auto;
	clear: both;
	margin-top: 10px;
	border-top: 3px solid #cccccc;
	padding: 5px;
	text-align: center;
	line-height: 15px;
}

#sample2_footer a{
	display: inline-block;
	width: 100px;
	line-height: 30px;
}



/*▼お問い合わせページ、フォーム枠設定*/

#sample2_contact form{
	width: 70%;
	margin: 0px auto;
}

#sample2_contact #sample2_main dt,
#sample2_contact #sample2_main dd{
	display: block;
}


#sample2_contact #sample2_main dt{
	width: 100%;
	padding: 10px 0px;
}

#sample2_contact #sample2_main dd{
	padding-left: 15em;
	border-bottom: 1px #c0c0c0 dotted;
	padding: 10px 0px;
	width: auto;
	float: none;
}

#sample2_contact #sample2_main textarea{
	width: 100%;
}

.form{
	width: 70px;
	padding: 10px;
	float: left;
}

.center{
	width: 200px;
	height: auto;
	margin: 0px auto;
}

#sample2_contact h3.center{
	padding: 0px 0px;
	text-indent: 0px;
	text-align: center;
}