<link href="../css/wt.css" rel="stylesheet" type="text/css">
<link href="../css/wt.css" rel="stylesheet" type="text/css">
@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;
  font-size: 16px;
	-webkit-text-size-adjust:100%;
}
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;
}
.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;
}
.ml30 {
  margin-left: 30px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml80{
  margin-left: 80px !important;
}
.ml90{
  margin-left: 90px !important;
}
.ml100 {
  margin-left: 105px !important;
}


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

.sp_img100{
	width: 100%;
	height: auto;
}

/* 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;
}
.list_dot{
	list-style-type: disc;
	list-style-position: outside;
	
}

/*位置設定
   ========================================================================== */
.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
   ========================================================================== 
   ========================================================================== */
#header,#mainvisual_wrapper,#works,#event_wrapper,#information{
	width: 100%;
	margin: 0 auto;
}
#main_contents{
	width: 100%;
	background-color: #f9f9f9;
}
#speaker:after,
#works:after,
#speaker_profile dl:after,
.event_contents:after,
.application: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{
	text-align: center;
}
h1{
	background: #000;
	color: #FFF;
	padding: 20px 0;
}
/*#alogo{
	position: absolute;
	top: 8px;
	left: 0;
}*/


/*メインビジュアル
   ========================================================================== */
#mainvisual{
	/*position: relative;
		z-index: 1;*/
}

#speaker{
	width: 95%;
	margin: 10px auto;
	text-align: center;
	background: #FFF;
	padding: 0;
}
#speaker p{
	text-align: left;
}
#name{
	color: #50aae1;
	font-size: 190%;
	background: url(../img/speaker_dot.gif) bottom left repeat-x;
	padding: 0 0 0px 90px;
}
#works{
	/*margin-top: 30px;*/
	margin: 0 auto 50px auto;
	width: 92%;
	text-align: center;
}
#works img{
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

/*コンテンツ
   ========================================================================== */
#event_wrapper{
	padding-top: 50px;
	padding-bottom: 50px;
	width: 90%;
}
#event_wrapper h3{
	text-align: center;
	margin: 0 0 50px 0;
	/*width: 158px;*/
	/*float: left;*/
}
.event_contents{

}
#recommend{
	margin-top: 70px;
}
#recommend h4{
	background-color: #50aae1;
	padding: 7px 0 7px 3px;
	margin-bottom: 15px;
}
#recommend li{
	background:url(../img/list-dot.gif) no-repeat left 7px;
	padding-left: 15px;
	margin-top: 6px;
}
#speaker_profile{
	margin-top: 50px;
	margin-bottom: 80px;
	padding: 0 0 50px 35px;
	background: url(../img/profile_leftbar.gif) left top no-repeat;
}
#speaker_profile dl{
	margin: 20px 0 20px 0;
}
#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: 1px solid #666;
	padding-left: 15px;
	padding-bottom: 1em
}
.schedule {
	margin-bottom: 50px;
}
.schedule h4{
	margin-bottom: 15px;
	padding: 15px 0 10px 48px;
	height: 20px;
	vertical-align: middle;
}
.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: 30px;
}
.application{
	margin: 30px 0 0 30px;
	border: 2px dotted #999;
	padding: 20px 20px 30px 20px;
	background-color: #FFF;
	
}
.application dt{
	float: left;
}
.application dd{
	margin-bottom: 20px;
	padding-left: auto;
}
.application p.application_button,
.application p.application_button_no
{
	margin: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: 110%;
	display: block;
	padding: 15px 8px 15px 50px;
	/*text-align: center;*/
	background-image:url(../img/to_form.gif);
	background-repeat: no-repeat;
	background-position: 30px center;
}
.application p.application_button_no{
	background-color: #AAA;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	color: #fff;
	font-size: 100%;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 13px;
}
.application p.application_button a:hover{
		background-color: #999;
}

/* 情報
   ========================================================================== */
#information{
	padding: 40px 0;
	width: 90%;
	text-align: center;
	
	
}
#information section{

}
#aboutatalk{
	text-align: left;
	margin-top: 20px;
	border:10px solid #f3f3f3;
	padding: 20px 20px 30px 20px;
}
#contact{
	/*margin-right: 16px;*/
	text-align: left;

}
#contact h5{
	font-size: 120%;
	margin: 0 0 30px 0;
	text-align: center;
}
#contact ul{
	/*width: 372px;*/

}
#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;
}