@charset "utf-8";

/*===============================================
●s2-tablet.css 画面の横幅が768px→（幅481px〜800px）まで
===============================================*/


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


#container{
width:97%;
}


/*▼▼▼content内の設定：タブレット用（幅481px〜800px）▼▼▼*/


#pankuzu{
	width: 100%;
		
}


/*▼▼▼content内の設定：▼▼▼*/
#content{
	width: auto;
}

#sample2_header{
	width: auto;
	height: auto;
	/*
	background: url("../images/s2-header-bgimgm.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;
}

#sample2_company #sample2_top-navi li.company a,
#sample2_works #sample2_top-navi li.works a,
#sample2_service #sample2_top-navi li.service a,
#sample2_recruit #sample2_top-navi li.recruit a,
#sample2_news #sample2_top-navi li.news a,
#sample2_contact #sample2_top-navi li.contact a{
	color: #ff9966;
	font-weight: bold;
	text-decoration: none;
}


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


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

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

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

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

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

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

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


#sample2_topimg h2#top-comment{
	width: 400px;
	display: block;
	text-indent: 0px;
	margin: 40px;
	float: left;
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

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

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

#sample2_main div.box1 .img1{
	width: 40%;
	float: right;
	margin-right: 10px;
/*	background-color: #ff33ff;*/
}

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


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

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

#sample2_main div.box2 .img2{
	width: 100%;
}

#sample2_main div.box2 .img2 img{
	width: 100%;
	height: auto;
}


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

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

}

#sample2_main div.box3 dt{
	width: 20%;
	float: left;
	padding: 5px 0px 5px 5px;
}

#sample2_main div.box3 dd{
	width: 75%;
	padding: 5px 0px 5px 25%;
	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: 15px 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{
	padding: 5px;
}



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

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

#sample2_footer a{
	display: inline-block;
	padding: 0px 5px;
	width: auto;
}


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

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


#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;
}

.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;
}