html{
	font-family: 'Arial', 'Helvetica', sans-serif,  "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体"; /* 'Arial', 'Helvetica', sans-serif;  "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体";*/ 
	font-size-adjust: ic-height 1;  /*日本語フォントの調整*/
}

.top-contents-wrap {
  margin-top: 10px;  /*50px*/
  width:770px; 
  padding-top:0px; /*25*/
  margin-left:auto; 
  margin-right:auto;
}

h3.top-contents-title {
  font-size: 18px; /*20px*/
  font-weight: bold;
  border-left: #000e4e 12px solid; /*#000e4e 6px solid;  rgba(0, 14, 78, 0.6);*/
  border-top: solid 1px #ccc;
  border-right: solid 0px #000;
  padding-left: 10px;
  margin-bottom: 10px; /*20px;*/ 
  margin-top:30px;
  padding-top:15px; /*タイトルエリアの高さ*/
}

#purpose-list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px 0 0;
  list-style: none; }
  #purpose-list button {
    width: 182px;
    background: #bbbbbb; /*#000e4e; */
    margin-top: 10px; /*15px*/
    padding: 12px 0; /*22px 0*/
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border: none; /* #000e4e 1px solid;*/
    border-radius: 5px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    cursor: pointer; }
    #purpose-list button:hover {
      opacity: 0.8; }
	#purpose-list button.selected { 
    background: #000e4e; /*オリジナルカラー重要*/
	color: #fff;
/*	border-bottom-left-radius:0px;*/
/*	border-bottom-right-radius:0px;*/
/*	border-bottom:none;*/
} 	/* 選択されたボタンのスタイル */
   
  #top-head-wrap {
	width:770px;
	height:116px; 
	margin:auto;
  color: #fff;
  margin-top: 20px; /* 20px;*/
  padding: 18px 20px;
  background: url("../../../download/DEF/img/ag-cx20-en.png") top right 20px, -webkit-gradient(linear, left top, right bottom, from(#14215d), to(#000729));
  background: url("../../../download/DEF/img/ag-cx20-en.png") top right 20px, linear-gradient(to bottom right, #14215d, #000729);
  background-repeat: no-repeat; 
}

.common_describe{
	margin-top:5px;
	font-size: 14px; 
	font-weight:bold;
}
ul.common_describe{
	padding-left:20px;
	list-style:none;
}
.describe{
	margin-left: 8px; 
	padding: 1px; 
	flex-wrap: wrap; }
ul.describe{
	padding-left:25px;
	list-style:none;
}
.describe li {
		font-size: 14px;
		margin-top: 10px;
		line-height:18px; /*日本語英語フォント揃えのためボタン高さ指定追加*/ }
	  .describe li a {
		background:  #ffffff; /*#fcfcff; */
/*		border-left:#dbdbdb 1px solid;*/
		padding: 7px 0px;  /*7px 15px;*/
		color: #000000; /*#FFFFFF;*/
		text-decoration: none;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease; }
		.describe li a:before{	
	  content: url("../../../common/img/icn_window.gif"); /*aタグの前にだけリストアイコン表示*/
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
		.describe li a:hover {
		  color: #999999;/*#FFFFFF;*/
		  text-decoration: none;
		  opacity: 0.8; }

.headline_area {
	width:770px; 
	padding-top:10px; /*25px*/
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:50px;
}
div.headline_area {	
	margin-bottom: 10px; /* 下にスペースを作る */
}
	

#model {
	width:770px; 
	padding-top:0px; /*25px;*/
	margin-left:auto; 
	margin-right:auto; 
}

/*ここから以下はデザイン会社制作からの移植*/

.model-detail-wrap {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
			justify-content: space-between; }
	.model-detail-wrap > div {
	  width: 770px; } /*200px;  540px*/

  .model-purpose {
	list-style: none;
	 margin-left: 8px; /*5px*/
	/*margin: auto; /*-10px 0 0 -10px;*/
	padding: 1px; /*0*/
	display: -webkit-box;
	display: inline-flex; /*flex;*/
	flex-wrap: wrap; }

	.model-purpose li {
	  margin-top: 10px;
/*	  margin-right: auto; /*right だけauto指定*/
	   line-height:18px; /*日本語英語フォント揃えのためボタン高さ指定追加*/ }
	  .model-purpose li a {
		font-size: 14px;
		width: 110px;   /*幅固定*/
		background:  #fcfcff; /*#000e4e;*/
		/*border: #dbdbdb 1px solid;*/
		border-bottom:#dbdbdb 2px solid;
		border-left:#dbdbdb 1px solid;
		padding: 7px 15px;  /*7px 15px;*/
		display: inline-box; 
		color: #000000; /*#FFFFFF;*/
		text-decoration: none;
		/*border-radius: 5px;*/
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease; }
		.model-purpose li a:hover {
		  color: #999999;/*#FFFFFF;*/
		  text-decoration: none;
		  opacity: 0.8; }