@charset "UTF-8";

/* スタイルの初期化 */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
img,a img{
	border:none;
	background:transparent;
}
a { /* リンククリックの点線を非表示 */
	outline: none;
}

/*--------------------------------------------------------------
 全体
--------------------------------------------------------------*/
body  {
	font-family: Arial,sans-serif;
	background-color:#fff;
}
#contents{
	position:relative;
	width: 1080px;
	min-height:631px;
	margin: 0 auto;
	border-top:9px solid #FCE2A9;
}

/*--------------------------------------------------------------
 共通
--------------------------------------------------------------*/

#btn_mail{
	position:absolute;
	top: 24px;
	left: 1034px;
	width: 32px;
	height: 32px;
	background:url('img/mail_button.svg') top left no-repeat;
	cursor:pointer;
}
#btn_mail:hover{
	background-image:url('img/mail_button_selected.svg');
}

/*--------------------------------------------------------------
 ロゴ
--------------------------------------------------------------*/
#logo{
	padding-bottom:38px;
	border-bottom: 2px solid rgba(236,108,0,0.9);
}

#logo img{
	width:254px;
	height: 48px;
}



/*--------------------------------------------------------------
 メニュー 
--------------------------------------------------------------*/
#menu{
	position:absolute;
	top: 110px;
	left: 95px;
}
ul.menu{
	list-style:none;
}
ul.menu li{
	margin-bottom:48px;
}
.dkir {
	font-size:12px;
	text-decoration: none;
	width: 16px;
	height: 16px;
	display: block;
	background: url('img/left_button.svg') left top no-repeat;
}
.dkir:hover,
.dkir.selected {
	background: url('img/left_button_selected.svg') left top no-repeat;
}


/*--------------------------------------------------------------
 photo
--------------------------------------------------------------*/
#Home #contents{
	background: url('img/photo/top.jpg') left top no-repeat;
}
#sp_creative #contents{
	background: url('img/photo/sp_creative_back.jpg') left top no-repeat;
}
#clipping #contents{
	background: url('img/photo/clipping_back.jpg') left top no-repeat;
}



/*--------------------------------------------------------------
 Home
--------------------------------------------------------------*/
#Home main{
	position:absolute;
	top: 110px;
	left: 737px;
	width: 343px;
}

#Home #noborder{
	position:absolute;
	top: 255px;
	left: 166px;
	width: 299px;
	height: auto;
}

.link_list dt,
.link_list dd{
	font-size:14px;
}
.link_list a dt{
	color:#333333;
	font-weight:bold;
	line-height:30px;
	letter-spacing:2.94px;
	padding-top:20px
}
.link_list a dd{
	color:#808080;
	line-height:22px;
	letter-spacing:0.35px;
	padding-bottom:20px;
	border-bottom:1px solid #333333;
}
.link_list a:last-child dd{
/*	border-bottom:0px solid #333333; */
}

/*--------------------------------------------------------------
 ABOUT US
--------------------------------------------------------------*/
#aboutus main{
	position:absolute;
	top: 111px;
	left: 205px;
	width:875px;
}
#aboutus #noborder{
	position:absolute;
	top: 314px;
	left: 779px;
	width: 222px;
	height: auto;
}
#aboutus .wrapper{
	display:flex;
}
#aboutus article.left{
	width:373px;
	margin-right:66px;
}
#aboutus article.right{
	width:348px;
	z-index:10;
}

/*--------------------------------------------------------------
 sp & creative
--------------------------------------------------------------*/
#sp_creative main{
	position:absolute;
	top: 111px;
	left: 629px;
	width:451px;
}


/*--------------------------------------------------------------
 clipping
--------------------------------------------------------------*/
#clipping main{
	position:absolute;
	top: 111px;
	left: 629px;
	width:451px;
}


/*--------------------------------------------------------------
 共通の設定
--------------------------------------------------------------*/
h1 dt,
h1 dd{
	font-size:14px;
}
h1 dt{
	color:#333333;
	font-weight:bold;
	line-height:30px;
	letter-spacing:2.94px;
	padding-top:20px
}
h1 dd{
	color:#333333;
	line-height:22px;
	letter-spacing:0.35px;
	padding-bottom:20px;
}
ul li{
	margin-left:18px;	
}



/* 文字サイズ */
.text{
	text-align: left;
	font-size: 14px;
	line-height:22px;
	letter-spacing: 0.35px;
	color: #808080;
}

.mb1em{	margin-bottom:18px;}

a{
	color:#808080;
	text-decoration:none;
}
