/* PC用CSSもくじ ------------------------------------

0.共通

　> リストのリセット
　> ヘッダ
　> コンテンツページ共通

1.トップページ
2.事業内容
3.会社概要・沿革
4.採用情報
5.お問合せ
6.プライバシーポリシー
7.サイトマップ表
8.エラーページ
9.フッタ
10.その他

-------------------------------------------------- */


/* 0.共通 -------------------------------------- */
body {
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,sans-serif;
	background:url(../img/service/design/design_back.jpg) repeat;
	color:#C2C2C2;
}
.wrapper {
	width:100%;

}
a:link { color:#D2D2D2; text-decoration:underline; }
a:visited { color:#D2D2D2; text-decoration:underline; }
a:hover { color:#FFF; text-decoration:none; }
a:active { color:#FFF; text-decoration:none; }

/* リストのリセット */
ul {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}

/* ヘッダ --------------------------------------------------- */
header {
	width:100%;
	height:65px;
	background-color:#000;
}
header ul {
	float:right;
}
header ul li{
	float:left;
	background:url(../img/yaji.png) no-repeat 0 7px;
	width:6em;
	padding-left:15px;
	margin-top:5px;
}

header ul li.rakkan_s {
	background:none;
	margin-top:0;
}

/* コンテンツページ共通 -------------------------------------- */
p {
	color:#FFF;
	padding-left:20px;
	margin:1em 0 0 0;
}

.cont_wrap {
	width:100%;
	padding:0;
    background:url(../img/service/design/design_ttl_back.png) repeat-x;
}

.contents {
	width:970px;
	margin:50px auto 0 auto;
}

h2 {
	clear:both;
	border-bottom:solid 1px #333;
	padding:0 0 10px 10px;
	margin-bottom:20px;
	color: #333;
	font-size:1em;
}

h2.toph2 {
	border-bottom:solid 1px #fff;
	color: #fff;
}

p.lowp { color:#222; }

.cmn_ul {
	list-style-type:circle;
	margin-left:40px;
}

.cmn_ul li{
	padding:5px 0 0 0;
}

/* 2.デザイン施工------------------------------------------------ */
.title_img {
	width:970px;
	margin:0 auto;
}

.lghtbx {
	clear:both;
	margin-top:-20px;
}

.box_main {
	width:910px;
	height:250px;
	background: url(../img/service/design/d_frame.png) no-repeat;
	padding:50px 0 0 60px;
}
.box_main a {
	display:block;
	background:url(../img/service/design/d_start.png) #000 center no-repeat;
	width:850px;
	height:200px;
}

.box_thumb {
	margin:0 10px 80px 0 ;
	float:left;
}

.lght_thmb {
	margin:0 10px 30px 100px ;
}

.box_thumb a {
	display:block;
	background:url(../img/service/design/d_start.png) #000 center no-repeat;
	width:100px;
	height:100px;
}
.d_img {
  transition: 0.5s;
}
.d_img:hover {
  opacity: 0.8;
  transition: 0.5s;
}
 
.sild_frame {
	width:810px;
	padding:15px 20px;
	background:url(../img/service/design/d_frame.jpg) no-repeat;
}

/* 9.フッタ -------------------------------------- */
.backTop {
	width:100%;
	padding:400px 0 10px 0;
	background:url(../img/service/design/design_footimg.png) bottom center no-repeat;
}

.backTop a {
	display:block;
	background:url(../img/backtop.png) no-repeat;
	float:right;
	width:50px;
	height:55px;
	margin-right:50px;
}
.backTop a span {
	display:none;
}

footer {
	clear:both;
	width:100%;
}
.ftwrap {
	width:100%;
	height:200px;
	background:#000 url(../img/footer_back.jpg) repeat-x;
	padding-top:10px;
}
.ftcont {
	width:1024px;
	margin:0 auto 0 auto;
}
footer ul li{
	float:left;
	background:url(../img/yaji.png) no-repeat 0 7px;
	width:6em;
	padding-left:15px;
}
address {
	clear:both;
	margin:0 0 15px 20px;
	padding-top:30px;
}

/*---10.その他----------------------------------*/

/*firefox用ハック*/

/*IE9，10用ハック*/


.reborn {
	width:220px;
	height:20px;
	float:right;
}
.nav_copy {
	clear:both;
	float:right;
}
.copyright {
	float:left;
	margin-top:100px;
	margin-left:15px;
	font-style:normal;
	font-size:0.9em;
	line-height:1.1;
}

/* clearfix -------------------------------------- */
	
.clearfix {
  overflow: hidden;
  zoom: 1;
}