@charset "utf-8";
@import url('common.css');

/* ------------------------------------------------------
Adobe Sign 2017
------------------------------------------------------ */

body {
/*	background:#E5E5E5;*/
	text-align:center;
	position:relative;
  word-break: break-all;/*英文の途中で改行、URLなど*/
}

/* ------------------------------------------------------
 フォント設定
------------------------------------------------------ */
/*大きさ*/
.sml{font-size:14px;}
.reg{font-size:18px;}
.lrg{font-size:20px;}

/* ------------------------------------------------------
 全体のボックス
------------------------------------------------------ */

.container{	
	width:960px;
	font-size:18px;
	line-height:150%;
	margin:0 auto;
	position:relative;
	text-align:left;
	padding-bottom:30px;
}

@media screen and (max-width: 959px){
  .container{	
  	width:100%;
  	padding:0 10px;
  }
}

/* ------------------------------------------------------
 ヘッダ
------------------------------------------------------ */

header{
  background: url('../images/bg_01.png') right top no-repeat #000;
  height: 218px;
  width: 100%;
}

@media screen and (max-width: 640px){
  header{
    background: url('../images/bg_01.png') center top no-repeat #000;
  }
}

/*----- CCT -----*/
header#cct{
  background: url('../images/cct1111_lg.jpg') right calc(50vw - 560px) top no-repeat #000;
  height: 218px;
  width: 100%;
}

@media screen and (max-width: 960px){
  header#cct{
    background: url('../images/cct1111_sm.jpg') right top no-repeat #000;
  }
}

/*----- MAX -----*/
header#max{
  background: url('../images/bg_max_lg.png') calc(50% + 240px) center no-repeat #000;
  height: 218px;
  width: 100%;
}

@media screen and (max-width: 640px){
  header#max{
    background: url('../images/bg_max_sm.png') calc(50% + 120px) center top no-repeat #000;
  }
}

/*----- Beyond -----*/
header#beyond{
  background: url('../images/bg_beyond.png') right top no-repeat #1f2d5a;
  height: 218px;
  width: 100%;
}

@media screen and (max-width: 640px){
  header#beyond{
    background: url('../images/bg_beyond.png') left 50px/*50vw*/ top no-repeat #1f2d5a;
  }
}

/*----- 建設・建築業向け -----*/
header#const{
  background: url('../images/bg_const.png') right top no-repeat #000;
  height: 218px;
  width: 100%;
}

@media screen and (max-width: 640px){
  header#const{
    background: url('../images/bg_const.png') 50vw top no-repeat #000;
  }
}

/*----- Box × Adobe Sign -----*/
header#box{
  background: url('../images/bg_box_lg.jpg') top right no-repeat #000;
  height: 218px;
  width: 100%;
}

@media screen and (max-width: 640px){
  header#box{
    background: url('../images/bg_box_sm.jpg') top right no-repeat #000;
  }
}

/*----- JPOS -----*/
header#jpos{
  background: url('../images/jpos_l.png') 90% 90% no-repeat #000;
}

@media screen and (max-width: 640px){
  header#jpos{
    background: url('../images/jpos_s.png') 90% 90% no-repeat #000;
  }
}

header #logo{
	position:absolute;
	top: 0;
	left: 0;
}

header h1,
header h2{
	color:#fff;
	position:absolute;
	left:80px;
  text-shadow: 1px 1px 3px #000;
}

header h1{
	font-size:24px;
	line-height:32px;
	top:30px;
/*	top:40px;*/
}

header h2{
	font-size:20px;
	line-height:26px;
	top:130px;
/*	top:120px;*/
}

@media screen and (max-width: 640px){
  header h1,
  header h2{
    left: 50px;
  }
    header h1{
    	font-size:20px;
  }
    header h2{
    	font-size:18px;
  }
}

/* ------------------------------------------------------
 一般設定
 ------------------------------------------------------ */

section{
  text-align: left;
}

h3{
	color: #fff;
	margin:40px 0 0 0;
	padding:0 30px;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	background:#000;
}

h3.beyond{
	background: #1f2d5a;
}

h4{
	margin:10px 0 0 0;
	font-size:18px;
	color:#2571C2;
	font-weight:bold;
	background:#EEE;
	padding:10px 30px;
}

h5{
	font-size:14px;
/*	margin-bottom:5px;*/
	font-weight:bold;
}

p{	/*基本、後はclassで*/
	margin:0 0 10px 0;
	background:#EEE;
	padding:0 30px 10px 30px;
}

/* リンク */
a:link{color: #003264;text-decoration: none}
a:visited {color: #003264;text-decoration: none}
a:hover {color: #C30;text-decoration: underline}
a:active {color: #C30;text-decoration: underline}

.red{
	color:#C30;
}

/* ------------------------------------------------------
 form button
------------------------------------------------------ */

input,textarea,select{
  font-size: 18px;
  margin: 2px 5px;
  padding: 5px;
}

div.alc{
	text-align:center;
}

.frmbtn{
  border-radius: 7px;
	width: 170px;
	height: 50px;
	color: #FFF;
	font-size: 20px;
	line-height: 40px;
	background: #666;
	margin: 10px 0 10px 20px;
/*  padding: 10px;*/
}

/* ------------------------------------------------------
 リンクボタン
------------------------------------------------------ */

.lnkbtn{
	margin:10px 0;
}

.btn {
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
	border: 1px solid #DDD;
	color:#FFF;
	width: 400px;
	padding: 10px;
}

.lnkbtn a {
	color: #FFF;
	text-decoration: none;
	font-weight:bold;
	font-size:16px;
}

.lnkbtn a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* ------------------------------------------------------
 Clear
------------------------------------------------------ */

.cb{clear:both;}
.cb10{clear:both;margin-bottom:10px;}
.cb20{clear:both;margin-bottom:20px;}