@charset "utf-8";
/* CSS Document */
* {
  box-sizing: border-box;
}
html {
  color: #000;
  background: #FFF
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0
}
body {
  /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
  /*font: arial, helvetica, clean, sans-serif;*/
 	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
 	/*font-weight: 500;*/
	color: #333;
	letter-spacing: 0.02em
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
p, li, dt, dd, th, td, input, textarea, select, h1, h2, h3, h4, h5, h6 {
  font-size: 93%;
}

/* margin, padding
   ========================================================================== */
.mt0 {
  margin-top: 0 !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt8 {
  margin-top: 8px !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;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.mt-10 {
  margin-top: -10px !important;
}
.mt-20 {
  margin-top: -20px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.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;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb65 {
  margin-bottom: 65px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr16{
	margin-right: 16px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml80{
  margin-left: 80px !important;
}
.ml100 {
  margin-left: 105px !important;
}


.m_l20{
	margin-left: 20px;
}
.pt20 {padding-top: 20px !important;}
.pb10 {padding-bottom: 10px !important;}


/* font size
   ========================================================================== */
.text10 {
  font-size: 77% !important;
}
.text11 {
  font-size: 85% !important;
}
.text12 {
  font-size: 93% !important;
}
.text13 {
  font-size: 100% !important;
}
.text14 {
  font-size: 108% !important;
}
.text15 {
  font-size: 116% !important;
}
.text16 {
  font-size: 123.1% !important;
}
.text17 {
  font-size: 131% !important;
}
.text18 {
  font-size: 138.5% !important;
}
.text19 {
  font-size: 146.5% !important;
}
.text20 {
  font-size: 153.9% !important;
}
.text21 {
  font-size: 161.6% !important;
}
.text22 {
  font-size: 167% !important;
}
.text23 {
  font-size: 174% !important;
}
.text24 {
  font-size: 184% !important;
}
.text25 {
  font-size: 189% !important;
}
.text26 {
  font-size: 197% !important;
}

/*文字設定
   ========================================================================== */
.bold {
  font-weight: bold;
}
.blue{
	color: #50aae1;
}
.line-height11{
	line-height: 1.4em
}
.heigt4em{
	height: 4em;
}

.border_top{
	border-top: 2px dotted #999;
}

/*位置設定
   ========================================================================== */
.center {
  text-align: center;
}
.f_left{
	float: left;
}

/*フッター設定
   ========================================================================== */
footer {
  background-color: #000;
}
footer p {
  color: #FFF;
  margin: 0px;
  padding: 15px;
  text-align: center;
  font-size: 80%;
}


/*========================================================================== 
   ========================================================================== 
   トークイベント用CSS
   ========================================================================== 
   ========================================================================== */
#wrapper{
	width: 100%;
}
#header,#mainvisual_wrapper,#works,#event_wrapper,#information{
	width: 1090px;
	margin: 0 auto;
}
#main_contents{
	width: 100%;
	background-color: #f9f9f9;
}
#wrapper:after,
#speaker:after,
#works:after,
#speaker_profile dl:after,
.event_contents:after,
.application:after,
#event_wrappe:after,
#main_contents:after,
#information:after,
#contact:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
a{
	color: #50aae1;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.indentback{
	text-indent: -1em;
	padding-left: 1.5em;
}


/*ヘッダー設定
   ========================================================================== */
#header{
	position: relative;
}
#alogo{
	position: absolute;
	top: 8px;
	left: 0;
}




/*メインビジュアル
   ========================================================================== */
#mainvisual{
	position: relative;
		z-index: 1;
}
#speaker{
	width: 458px;
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
	background: #FFF;
	padding: 10px 20px 20px 0;
    border-top-right-radius: 10px;        /* CSS3草案 */  
    -webkit-border-top-right-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-top-right-radius: 10px;   /* Firefox用 */ 
}
#name{
	color: #50aae1;
	font-size: 210%;
	background: url(../img/speaker_dot.gif) bottom left repeat-x;
	padding: 0 0 0px 100px;
}
#works{
	margin-top: 30px;
	margin-bottom: 50px;
}
#works img{
	float: left;
	margin-right: 16px;
}

/*コンテンツ
   ========================================================================== */
#event_wrapper{
	padding-top: 50px;
	padding-bottom: 50px;
}
#event_wrapper h3{
	width: 158px;
	float: left;
}
.event_contents{
	width: 1090px;
	padding: 0 0 0 316px;
}
#recommend{
	margin-top: 50px;
}
#recommend h4{
	background-color: #50aae1;
	padding: 7px 0 7px 3px;
	margin-bottom: 15px;
}
#recommend li{
	background:url(../img/list-dot.gif) no-repeat left center;
	padding-left: 15px;
	margin-top: 6px;
}
#speaker_profile{
	margin-top: 70px;
	padding: 0 0 50px 45px;
	background: url(../img/profile_leftbar.gif) left top no-repeat;
}
#speaker_profile dl{
	margin: 30px 0 20px 7px;
}
#speaker_profile dt{
	float: left;
	clear: left;
	margin-bottom: 20px;
	text-align: right;

}
#speaker_profile dd{
	margin-left: 4.5em;
	margin-bottom: 20px;
	border-left: 2px solid #666;
	padding-left: 20px;
	padding-bottom: 1em
}
.schedule {
	margin-bottom: 50px;
}
.schedule h4{
	margin-bottom: 15px;
	padding: 12px 0 0 65px;
	height: 48px;
}
.schedule:nth-child(1) h4{
	background:url(../img/bar_01.gif) left bottom no-repeat;
}
.schedule:nth-child(2) h4{
	background:url(../img/bar_02.gif) left bottom no-repeat;
}
.schedule:nth-child(3) h4{
	background:url(../img/bar_03.gif) left bottom no-repeat;
}
.schedule p{
	margin-left: 65px;
}
.application{
	margin: 30px 142px 0 65px;
	border: 2px dotted #999;
	padding: 20px 20px 20px 30px;
	background-color: #FFF;
	
}
.application dt{
	float: left;
}
.application dd{
	margin-bottom: 20px;
	padding-left: auto;
}
.application p.application_button{
	margin:25px 20px 15px 0;
}
.application p.application_button a{
	text-decoration: none;
	background-color: #777;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	color: #fff;
	font-size: 130%;
	display: block;
	padding: 10px 8px 10px 130px;
	/*text-align: center;*/
	background-image:url(../img/to_form.gif);
	background-repeat: no-repeat;
	background-position: 110px center;
}
.application p.application_button_no{
	margin:25px 20px 15px 0;
	background-color: #AAA;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	color: #fff;
	font-size: 120%;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
}

.application p.application_button a:hover{
		background-color: #999;
}

/* 情報
   ========================================================================== */
#information{
	padding: 40px 0;
	
	
}
#information section{
	width: 537px;
	float: left;
}
#aboutatalk{
	border:10px solid #f3f3f3;
	padding: 20px 20px 30px 20px;
}
#contact{
	margin-right: 16px;
	margin-top: 8px;
}
#contact h5{
	float:left;
	width: 165px; 
	font-size: 120%;
	margin-top: 90px;
}
#contact ul{
	width: 372px;
	margin-left: 165px;
}
#contact li{
	margin: 0 0 15px 0;
	padding-bottom: 15px;
	line-height: 1.8em;
}
#contact li:nth-child(1),
#contact li:nth-child(2){
	border-bottom: 1px dotted #999;
}