@charset "UTF-8";
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style:normal;
  font-size: 100%;border-spacing: 
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
  font-style:normal;
  font-size: 100%;border-spacing;
  vertical-align: top;
}

html{
    overflow-y: scroll;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

input, textarea,{
  margin: 0;
  padding: 0;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse; 
    border-spacing:0;
}

caption, th{
    text-align: left;
    vertical-align: middle;
}

/* font setting */
body{
  color: #2b2b2b;
  font-size: 14px;
  line-height: 1.3;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-break: break-all;
  /*word-wrap:break-word;*/
  letter-spacing: 1px;
}
*html body{
  font-size: 75%;
}
*:first-child+html body{
  font-size: 75%;
}
h1, h2, h3, h4, h5, h6{
  font-size: 100%;
  font-weight:normal;
}
a{
  color: #2a4fc7;
  text-decoration:none;
  outline:none;
}
a:hover{
  text-decoration:underline;
}
textarea{color:#666666; font-size:100%;}

/* layout */
body{
  margin:0;
  padding:0;
  text-align:left;
}


/* clear float ********************************************** */
.clearfix{ clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/*¥*/
*html .clearfix{height:1%;}
*:first-child+html .clearfix{height:auto;}
.clearfix{display:block;}
/**/
/* /clear float ********************************************* */


/* ++++++++ font size conf; ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*
【親ブロック  100%(12px)  】

(20px) -> 166.6%    
(19px) -> 158.3%    
(18px) -> 150%  
(17px) -> 141.6%    
(16px) -> 133.3%
(15px) -> 125%
(14px) -> 116.6%
(13px) -> 108.3%    
(11px) -> 91.6%
(10px) -> 83.3%
(9px)   -> 75%  
(8px)   -> 66.6%

*/

/* ------------------------
 ▼書式設定
--------------------------*/

/* 下にスペース */
.mB5 {
  margin-bottom: 5px!important;
}

.mB10 {
  margin-bottom: 10px!important;
}

.mB15 {
  margin-bottom: 15px!important;
}

.mB20 {
  margin-bottom: 20px!important;
}

.mB25 {
  margin-bottom: 25px!important;
}

.mB30 {
  margin-bottom: 30px!important;
}

.mB40 {
  margin-bottom: 40px!important;
}

/* 上にスペース */
.mT5 {
  margin-top: 5px!important;
}

.mT10 {
  margin-top: 10px!important;
}

.mT15 {
  margin-top: 15px!important;
}

.mT20 {
  margin-top: 20px!important;
}

.mT25 {
  margin-top: 25px!important;
}

.mT30 {
  margin-top: 30px!important;
}

/* 左にスペース */
.mL25 {
	margin-left: 25px!important;
}

/* テキスト色 */
.t-red {
  color: #b90a0f!important;
}

.t-blue {
  color: #00F!important;
}

.t-yellow {
  color: #ffa500!important;
}
.t-gray{
	color: #606060!important;
}

/* テキスト太さ */
.t-bold {
  font-weight: bold;
}

/* テキストサイズ */
.font-90 {
  font-size: 90%!important;
}

.font-120 {
  font-size: 120%!important;
}

/* テキスト段落　ブロック要素に指定 */
.t-center {
  text-align: center!important;
}

.t-left {
  text-align: left!important;
}

.t-right {
  text-align: right!important;
}

/* 非表示 */
.disnon {
  display: none!important;
}

/* ------------------------
 ▲書式設定
--------------------------*/



/* ----------------------
wp
---------------------- */
body {
	background: #f2f3f4;
}
#wp {
	height: 100%;
	margin: 0 auto;
	width: 980px;
}

/* ----------------------
hd
---------------------- */
#hd {
	height: 234px;
	width: 980px;
}

#hd h1 {
	background: url(../images/image_technical_seminar2014_06/title.jpg) no-repeat left top;
	height: 117px;
	text-indent: -9999px;
	width: 980px;
}
#hd p {
	background: url(../images/image_technical_seminar2014_06/hd.jpg) no-repeat left top;
	height: 117px;
	text-indent: -9999px;
	width: 980px;
}
/* ----------------------
area
---------------------- */
.area-ft {
	background: url(../images/image_technical_seminar2014_06/bk_ft.jpg) no-repeat left bottom;
	height: 100%;
	padding-bottom: 18px;
	width: 948px;
}
.area-in {
	background: url(../images/image_technical_seminar2014_06/bk_in.jpg) repeat-y left top;
	height: 100%;
	padding: 13px 16px 0;
	width: 916px;
}

/* ----------------------
area-1
---------------------- */
#area-1 {
	height: 100%;
	width: 980px;
}
#area-1 h2 {
	background: url(../images/image_technical_seminar2014_06/area_1_title.jpg) no-repeat left top;
	height: 33px;
	text-indent: -9999px;
	width: 980px;
}
#area-1 .area-1-in {
	background: url(../images/image_technical_seminar2014_06/area_1_bk.jpg) no-repeat left top;
	height: 231px;
	padding: 16px 32px;
	width: 916px;
}
#area-1 .area-1-in .left {
	float: left;
	margin: 14px 14px 0 0;
}
#area-1 .area-1-in .right {
	margin: 14px 0 0 0;
}

/* ----------------------
area-2
---------------------- */
#area-2 {
	height: 100%;
	margin: 20px 16px 0;
	width: 948px;
}
#area-2 h2 {
	background: url(../images/image_technical_seminar2014_06/area_2_title.jpg) no-repeat left top;
	height: 38px;
	text-indent: -9999px;
	width: 948px;
}
#area-2 dl {
	background: #e9eef0;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	width: 916px;
}
#area-2 dt {
	background: url(../images/image_technical_seminar2014_06/arrow.jpg) no-repeat right top;
	float: left;
	padding: 7px 0 7px 16px;
	width: 141px;
}
#area-2 dd {
	background: #fefefe;
	float: left;
	padding: 7px 16px;
	width: 727px;
}

/* ----------------------
area-3
---------------------- */
#area-3 {
	height: 100%;
	margin: 20px 16px 0;
	width: 948px;
}
#area-3 h2 {
	background: url(../images/image_technical_seminar2014_06/area_3_title.jpg) no-repeat left top;
	height: 38px;
	text-indent: -9999px;
	width: 948px;
}
#area-3 dl {
	background: #e9eef0;
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	width: 916px;
}
#area-3 dt {
	background: url(../images/image_technical_seminar2014_06/arrow.jpg) no-repeat right top;
	float: left;
	padding: 7px 0 7px 16px;
	width: 141px;
}
#area-3 dd {
	background: #fefefe;
	float: left;
	padding: 7px 16px;
	width: 727px;
}

/* ----------------------
area-4
---------------------- */
#area-4 {
	height: 100%;
	margin: 20px 16px 0;
	width: 948px;
}
#area-4 h2 {
	background: url(../images/image_technical_seminar2014_06/area_4_title.jpg) no-repeat left top;
	height: 38px;
	text-indent: -9999px;
	width: 948px;
}
#area-4 .button {
	padding-bottom: 10px;
}
#area-4 .button a {
	background: url(../images/image_technical_seminar2014_06/btn.png) no-repeat left top;
	display: block;
	height: 52px;
	text-indent: -9999px;
	margin: 0 auto;
	width: 529px;
}
#area-4 .button a:hover {
	background: url(../images/image_technical_seminar2014_06/btn_on.png) no-repeat left top;
}

/* ----------------------
area-5-01
---------------------- */
#area-5-01 {
	height: 100%;
	margin: 20px 16px 0;
	width: 948px;
}
#area-5-01 h2 {
	background: url(../images/image_technical_seminar2014_06/area_5_01_title.jpg) no-repeat left top;
	height: 38px;
	text-indent: -9999px;
	width: 948px;
}

/* ----------------------
area-5-02
---------------------- */
#area-5-02 {
	height: 100%;
	margin: 20px 16px 0;
	width: 948px;
}
#area-5-02 h2 {
	background: url(../images/image_technical_seminar2014_06/area_5_02_title.jpg) no-repeat left top;
	height: 38px;
	text-indent: -9999px;
	width: 948px;
}
#area-5-02 .button {
	padding-bottom: 10px;
}
#area-5-02 .button a {
	background: url(../images/image_technical_seminar2014_06/btn.png) no-repeat left top;
	display: block;
	height: 52px;
	text-indent: -9999px;
	margin: 0 auto;
	width: 529px;
}
#area-5-02 .button a:hover {
	background: url(../images/image_technical_seminar2014_06/btn_on.png) no-repeat left top;
}

/* ----------------------
area-6
---------------------- */
#area-6 {
	height: 100%;
	margin: 20px 16px 0;
	width: 948px;
}
#area-6 h2 {
	background: url(../images/image_technical_seminar2014_06/area_6_title.jpg) no-repeat left top;
	height: 38px;
	text-indent: -9999px;
	width: 948px;
}

/* ----------------------
area-7
---------------------- */
#area-7 {
	height: 100%;
	margin: 20px 16px 0;
	width: 948px;
}
#area-7 h2 {
	background: url(../images/image_technical_seminar2014_06/area_7_title.jpg) no-repeat left top;
	height: 38px;
	text-indent: -9999px;
	width: 948px;
}
#area-7 dl {
	border-top: 1px solid #b6b6b6;
	border-bottom: 1px solid #b6b6b6;
	width: 916px;
}
#area-7 dt {
	background: #fefefe url(../images/image_technical_seminar2014_06/arrow_2.jpg) no-repeat left bottom;
	padding: 7px 15px;
	width: auto;
}
#area-7 dt .left {
	float: left;
}
#area-7 dt .right {
	float: right;
}
#area-7 dd {
	background: #e9eef0;
	padding: 7px 15px;
	width: auto;
}
#area-7 dd .pdf {
	background: url(../images/image_technical_seminar2014_06/icon_pdf.jpg) no-repeat left top;
	padding-left: 23px;
	padding-bottom: 2px;
}