@charset "utf-8";
/*
--------------------------
■format
■wrapper
■header
■image
■sub
■content
■footer

/* ■format
-----------------------------------*/

*{
border-image: none;
font-weight: normal;
font-style: normal;
text-decoration: none;
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
}

body {
font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
font-size: 100%;
color: #333;
background-color: #FFFFFF;
line-height: 1.6em;
text-align: center;
	background-color: #eee;
}

h1,h2,h3,h4,h5,h6,em,strong{
font-size: 1em;
font-weight: normal;
font-style: normal;
}

a{
color: #457EC3;
text-decoration: underline;
}

a:hover{
color: #00B9E7;
text-decoration: none;
}

p{
text-indent: 1em;
padding: 0 1em 3px 1em;
}

address{
font-style: normal;
}

images{
border: none;
}

hr{
border: none;
clear: both;
visibility: hidden;
height: 0px;
}

/* ■wrapper
-----------------------------------*/

div#wrapper{
width:882px;
min-width: 50em;
max-width: 90em;
text-align: left;
margin: 0 auto;
background-color:#FFFFFF;
}

/* ■header
-----------------------------------*/

div#header{
width:880px;
}

div#header h1 a{
display:block;
font-size: 1.5em;
font-weight: bold;
text-decoration: none;
padding: 30px 30px 10px 20px;
float: left;
}

div#header ul{
text-align: right;
}

div#header li{
padding-right: 3px;
display: inline;
}

/* ■image
-----------------------------------*/

div#image{
	width: 860px;
height: 250px;
background-image: url('http://www.jmp.co.jp/seminar/kanto/osasemi/images/osasemi_head.gif');
background-repeat:no-repeat;
margin:10px 10px 0px 10px;
}
div#image p{
font-size: 1.8em;
	color: #666666;
font-weight: bold;
text-align: right;
padding:220px 30px 0 0;
}

/* ■sub
-----------------------------------*/

div#sub{
width: 200px;
margin-left: 10px;
float: left;
}

/* ■関連サイト
-----------------------------------*/
div#menu{
width: 200px;
margin-top:20px;
}

div#menu h2{
width: 195px;
font-weight:bold;
padding:5px 0 2px 0;
text-indent: 15px;
/* ■sub
border-top: 2px solid #00b9e7;*/
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #1d2088;
	color: #FFFFFF;
}

div#menu ul{
width: 195px;
border-right: 1px solid #ccc;
border-bottom:  1px solid #ccc;
border-left:  1px solid #ccc;
}
/* ■sub　txt
-----------------------------------
div#menu li a{
display: block;
width: 195px;
text-decoration: none;
text-indent: 15px;
padding: 15px 0 3px 0;
border-top: 1px solid #ccc;
}

div#menu a:hover{
background-color:#FFFFEE;
}*/

div#menu img{
display: block;
width: 195px;
padding: 0;
border-top: 1px solid #ccc;
}

/* ■関連書籍
-----------------------------------*/
div#menubook{
width: 200px;
margin-top:20px;
}

div#menubook h2{
width: 195px;
font-weight:bold;
padding:5px 0 2px 0;
text-indent: 15px;
/* ■sub
border-top: 2px solid #00b9e7;*/
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background-color: #1d2088;
		color: #FFFFFF;
}

div#menubook ul{
width: 195px;
border-right: 1px solid #ccc;
border-bottom:  1px solid #ccc;
border-left:  1px solid #ccc;
}

div#menubook li a{
display: block;
width: 195px;
text-decoration: none;
text-indent: 15px;
padding: 5px 0 3px 0;
border-top: 1px solid #ccc;
}

div#menubook a:hover{
background-color:#FFFFEE;
}

div#menubook img{
display: block;
	padding: 0 auto;
	margin: 5px auto 10px;
border-top: 1px solid #ccc;
	text-indent: 0px;
}

a:hover img.hoverimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: “alpha( opacity=70 )”;
}

div.message{
width: 200px;
height:auto;
margin-top:30px
}

div.message dl{
width: 195px;
border-top: 2px solid #3d853a;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
}

div.message dt{
font-weight: bold;
border-bottom: 1px solid #CCCCBB;
padding:5px 5px 2px 15px;
background-color: #c55643;
}

div.message dd{
padding:5px 10px 5px 10px;
line-height:1.7em;
}

div.message p{
text-indent: 0px;
padding: 0;
}

/* ■content
-----------------------------------*/

div#content{
margin-left: 230px;
margin-top: 0px;
}

div#content h2{
font-weight: bold;
margin: 40px 40px 10px 0px;
padding-left: 25px;
border-bottom: 1px solid #CCCCBB;
}

div#content p{
padding: 0 20px 5px 0em;
}
div#content p img{
padding: 10px 50px 15px 75px;

}

/* ■リスト
-----------------------------------
div#content li{
margin:0 40px 0 0;
padding: 15px 0px 15px 2.5em;
background-image: url('images/fts011_list.gif');
background-repeat: no-repeat;
background-position: 1em 20px;
border-bottom: 1px dotted #CCCCBB;
}
*/

div#content li.yoteiin{
	line-height: 1em;
margin:0 10px 0 0;
padding: 5px 0px 5px 3em;
border-bottom: 0px dotted #CCC;
}


div#content dt{
padding: 1px 5px 1px 0em;
}

div#content dd{
padding: 0px 5px 10px 1em;
}

/* 概要リスト
-----------------------------------*/
dl.yotei {
  /* dlの背景色をdt用に使う。区切り線はdtの上部に持たせる */
  background-color : #b6dcf3;
  /* dlの上部線はなくし，dtとddの上部線をdlの上部線のように見せる */
  border-width : 0;
  border-style : solid;
  border-color :#000000;
  width  : 98%;
}
 
dl.yotei dt {
  width : 100%;
  /* 上線 */
  border-width : 0px 0 0 0; 
  border-style : solid;
  border-color : #fff;
  font-weight : bold;
  /* indentを使ってはみ出すのを防止 */
  text-indent : 1em;
}
 
dl.yotei dd {
  /* dlやdtとは異なった背景色を用いる */
  background-color : #F0F8FF;
  /* 上線だけ→中止 */
  border-width : 0px 0 0 0;
  border-style : solid;
  border-color : #ccc;
  padding : 2px;
}
/* 概要リスト
-----------------------------------*/
dl.yotei2 {
  /* dlの背景色をdt用に使う。区切り線はdtの上部に持たせる */
  background-color : #e6bfab;
  /* dlの上部線はなくし，dtとddの上部線をdlの上部線のように見せる */
  border-width : 0;
  border-style : solid;
  border-color :#000000;
  width  : 95%;
	margin-left: 10px;
}
 
dl.yotei2 dt {
  width : 100%;
  /* 上線 */
  border-width : 0px 0 0 0; 
  border-style : solid;
  border-color : #fff;
  font-weight : bold;
  /* indentを使ってはみ出すのを防止 */
  text-indent : 1em;
}
 
dl.yotei2 dd {
  /* dlやdtとは異なった背景色を用いる */
  background-color : #fdede4;
  /* 上線だけ→中止 */
  border-width : 0px 0 0 0;
  border-style : solid;
  border-color : #ccc;
  padding : 2px;
}
.textmb {
	font-size:90% ;
	font-weight: bold;
}
.textm {
	font-size:90% ;
}
.texts {
	font-size:80% ;
}
.textlr {
	font-size:150% ;
	font-weight: bold;
	color: #ff3333;
	text-align: center;
	letter-spacing: .5em;
}
.textss {
	font-size:50% ;
}
.textr {
	background-color: #ffffff;
	color: #ff3333;
}
.mars {
	margin-bottom: 20px;
}
.marss {
	margin-bottom: 10px;
}
/* ■お知らせ
-----------------------------------*/
.oshi1{
	padding: .5em .75em;
	background-color: #ffedab;
	border-radius: 6px;
}

/* 講演者2
-----------------------------------*/
div.centering p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}

/* ■footer
-----------------------------------*/
div#footer{
width:100%;
height:auto;
text-align: right;
margin-top: 50px;
clear: both;
background-color: #DDDDDD;
}

div#footer address{
padding:20px 10px 3px 10px;
}

/* gkaku 20170220 add sta */
.announce{
	margin: 30px 30px 30px 30px;
	padding: 5px 5px 5px 5px;
	border: 2px solid #c00;
}
.announce p{
	font-size: 18px;
	line-height:20px;
    color: #c00;
	padding: 3px 3px 3px 3px;
}
/* gkaku 20170220 add end */
