@charset "UTF-8";


/*-- 共通 -------------------------------------------------------------------------------------------*/
body {
    font-size: 15px;
    font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
/*    font-family: arial, sans-serif;*/
    margin: 0;
    padding: 0;
    background-color: #FAFAF6;
	color: #555555;
}
#container {
    margin: auto;
    width: 950px;
    text-align: center;

    max-height: 999999px; /* スマホでフォントサイズが勝手に変更されるのを防ぐおまじない */
}

#contents {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 50px;
    width: 920px;
    text-align: left;
}
#footer {
    margin: auto;
    padding: 30px 0;
    text-align: center;
    font-size: 12px;
    background-color: #A02A2E;
    color: white;
}


.antialias {
    transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -webkit-transform: rotate(0.028deg);
}

.antialias img{
    transform: rotate(-0.028deg);
    -o-transform: rotate(-0.028deg);
    -ms-transform: rotate(-0.028deg);
    -moz-transform: rotate(-0.028deg);
    -webkit-transform: rotate(-0.028deg);
}

a, area { outline: none; }
a:focus, area:focus { outline: none; }

.indent5  { margin-left: 5px;}
.indent10 { margin-left: 10px;}
.indent20 { margin-left: 20px;}
.indent30 { margin-left: 30px;}
.indent40 { margin-left: 40px;}
.indent50 { margin-left: 50px;}
.indent60 { margin-left: 60px;}
.indent70 { margin-left: 70px;}
.indent80 { margin-left: 80px;}
.indent90 { margin-left: 90px;}
.indent100 { margin-left: 100px;}
.lf5  { height: 5px; background-color: transparent;}
.lf10 { height: 10px; background-color: transparent;}
.lf20 { height: 20px; background-color: transparent;}
.lf30 { height: 30px; background-color: transparent;}
.lf40 { height: 40px; background-color: transparent;}
.lf50 { height: 50px; background-color: transparent;}
.lf60 { height: 60px; background-color: transparent;}
.lf70 { height: 70px; background-color: transparent;}
.lf80 { height: 80px; background-color: transparent;}
.lf90 { height: 90px; background-color: transparent;}
.lf100 { height: 100px; background-color: transparent;}

.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}
img{
    width: 100%;
/*	max-width:100%;*/
	height: auto;
    width: auto\9; /* ie8 */
    vertical-align: bottom;
	border: 0;
}

.button_app {
    margin-left: 20px;
}
.button_app img {
    width: 200px;
}


/* PC用メニュー */
#header_pc {
    display: block;
    margin: auto;
    height: 50px;
    text-align: center;
}
#header_pc h1 {
    font-size: 110%;
    display:inline;
    margin-right: 10px;
    color: #A02A2E;
}
#lang_pc {
    text-align: right;
    font-size: 14px;
    height: 25px;
}
#lang_pc select { width: 100px;}
#header_img_pc img {
    width: 100%;
}
#menu_pc {
    margin: auto;
    margin-top: 5px;
    max-width: 930px;
}
.mainmenu {
    height: 45px;
    width: 16.6%;
    background: #FFFFFF url(../img/navi_off.gif)  repeat-x;
    float: left;
}
.mainmenu:hover,
.mainmenu.select {
    background: url(/archive/tanner/en/img/navi_on.gif) repeat-x;
}
 {
    background: url(/archive/tanner/en/img/navi_on.gif) repeat-x;
}
.mainmenu a {
	display: block;
    width: 100%;
    color: #A02A2E;
    font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
/*    font-family: arial, sans-serif;*/
    /*text-shadow: #8a8a8a 1px 1px 0px;*/  /* FireFox, Webkit, Opera */
    text-decoration: none;
    border: 1px solid #e9e9e9;
}
.mainmenu a:hover,
.mainmenu.select a {
    color: #555555;
}

#menu_pc li{
    position: relative;
}
#menu_pc li a{
    display: block;
}
#menu_pc li ul{
    display: none;
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
}
#menu_pc li:hover ul{
    display: block;
}
#menu_pc li ul li{
    width: 100%;
}
#menu_pc li ul li a{
    padding: 10px 15px;
    color: #555555;
    border: none;
    border-bottom: 1px solid #F0DEDF;
    background: white;
    text-align: left;
}
#menu_pc li:hover > a{
    color: #555555;
}
#menu_pc ul li ul li a:hover {
    color: #A02A2E;
}

.menu_1, .menu_5, .menu_6 {
    font-size: 18px;
    padding-top: 15px;
    height: 30px;
    line-height: 1;
}
.menu_2 {
    font-size: 14px;
    padding-top: 10px;
    height: 35px;
    line-height: 1;
}
.menu_3, .menu_4 {
    font-size: 13px;
    padding-top: 7px;
    height: 38px;
    line-height: 1.3;
}


/* スマホ用メニュー */
#header_sp {
    display: none;
}
#lang_sp {
    text-align: right;
    background-color:#A02A2E;
    font-size: 10px;
}
#header_img_sp {
    text-align: left;
    background-color: #A02A2E;
}
#header_txt_sp {
    width:50%;
    float: right;
    color: white;
    font-size: 10px;
    text-align: center;
    margin-top: 5px;
    line-height: 1.2;
}
#header_img_sp img {
    width: 40%;
    margin-left: 5%;
}
#menu_sp {
    display: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#menu_sp li{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #444;
    background: #f1e2e2;
}
#menu_sp li a{
    display: block;
    padding: 10px 0px 10px 5px;
    background: #f1e2e2;
    color: black;
    text-align: left;
    text-decoration: none;
    margin-left: 20px;
}
#menu_sp li a:hover{
    background: #A02A2E;
    color: white;
}

#toggle{
    display: block;
    position: relative;
    width: 100%;
    background: #A02A2E;
}
#toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: white;
    text-align: center;
    text-decoration: none;
}
#toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
}
#toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #A02A2E;
}
#toggle a:before{
    margin-top: -6px;
}
#toggle a:after{
    margin-top: 2px;
}

.article_title {
	font-size: 20px;
	border-left-width: 10px;
	border-left-style: groove;
	border-left-color: #A02A2E;
	padding-left: 8px;
	margin-bottom: 10px;
}


/*-- トップページ -----------------------------------------------------------------------------------*/
#top_img, #top_img img {
    width: 100%;
}

#top_greeting {
    width: 100%;
}
.top_greeting_img {
    width: 24%;
    float: left;
}
.top_greeting_img img {
    width: 100%;
}
.top_greeting_txt {
    width: 74%;
    float: right;
}
#top_program {
}
.top_program_table {
    width: 75%;
    border: 1px #666 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
.top_program_table th {
    width: 30%;
    border: #666 solid;
    border-width: 0 0 1px 1px;
    padding:6px 5px 6px 5px;
    background-color: #F0DDDF;
}
.top_program_table td {
    width: 60%;
    border: #666 solid;
    border-width: 0 0 1px 1px;
    padding:6px 5px 6px 5px;
}
.top_program_table img:hover {
    cursor:pointer;
    opacity: 0.8;
    filter: alpha( opacity=80 );
    -ms-filter: "alpha( opacity=80 )";
}
#top_program .emp {
    font-size: 20px;
}

/*-- タナーレクチャーについて -----------------------------------------------------------------------*/
#tanner_img, #tanner_img img {
    width: 100%;
}
.tanner_frame1 {
    width: 100%;
    background: url(/archive/tanner/en/img/tanner_frame2_1.gif) no-repeat left top;
	background-size: 100% auto;
}
.tanner_frame2 {
    width: 100%;
    background: url(/archive/tanner/en/img/tanner_frame2_2.gif) repeat-y;
	background-size: 100% auto;
}
.tanner_frame3 {
    padding: 20px 0px 20px 0px;
    width: 100%;
    background: url(/archive/tanner/en/img/tanner_frame2_3.gif) no-repeat left bottom;
	background-size: 100% auto;
}
.tanner_article1_txt {
	margin: 0px 10% 0 10%;
}
.tanner_article1_txt1 {
	font-size: 160%;
}
.tanner_article1_txt2 {
	font-size: 130%;
}

/*-- 講演者紹介 キャロル?ブラック氏 講演について ---------------------------------------------------*/
#lecture1_lecture {
    width: 100%;
}
.lecture1_lecture_img {
    width: 24%;
    float: left;
}
.lecture1_lecture_img img {
    width: 100%;
}
.lecture1_lecture_txt {
    width: 74%;
    float: right;
}
.lecture1_lecture_txt img {
    width: 100%;
}

/*-- 講演者紹介 キャロル?ブラック氏 経歴について ---------------------------------------------------*/
#lecture1_career {
    width: 100%;
}
.lecture1_career_img {
    width: 24%;
    float: left;
}
.lecture1_career_img img {
    width: 100%;
}
.lecture1_career_txt {
    width: 74%;
    float: right;
}
.lecture1_career_txt img {
    width: 100%;
}

/*-- 講演者紹介 遠山敦子氏 --------------------------------------------------------------------------*/
#lecture2 {
    width: 100%;
}
.lecture2_img {
    width: 24%;
    float: left;
    font-size: 13px;
}
.lecture2_img img {
    width: 100%;
}
.lecture2_txt {
    width: 74%;
    float: right;
}
.lecture2_txt img {
    width: 100%;
}

/*-- お申し込み -------------------------------------------------------------------------------------*/

/*-- お問い合わせ -----------------------------------------------------------------------------------*/
#contact_article1 {
    border: 5px solid red;
    padding: 10px;
    font-size: 22px;
/*	margin: 0px 10% 0 10%;*/
}
#contact_article2 {
    width: 100%;
}
.contact_txt {
    width: 55%;
    float: left;
}
.contact_txt img:hover {
    cursor:pointer;
    opacity: 0.4;
    filter: alpha( opacity=40 );
    -ms-filter: "alpha( opacity=40 )";
}
.contact_img {
    width: 45%;
    float: right;
}
.contact_img img {
    width: 100%;
}
.contact_txt img:hover {
    cursor:pointer;
    opacity: 0.8;
    filter: alpha( opacity=80 );
    -ms-filter: "alpha( opacity=80 )";
}
#contact_article3 {
    width: 100%;
}





/*---------------------------------------------------------------------------------------------------*/
/*-- Media Queries ----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 421px) and (max-width: 949px) {
    /* スマホ横画面、タブレット縦横画面 */
    #header_pc { display: block; width: 100%; }
    #header_pc h1 { font-size: 80%; }
    #header_sp { display: none; }
    .mainmenu { width: 33.2%; }
    #container { width: 100%; }
    #contents { width: 95%;}
    #footer { width: 100%; }

    #top_program .emp { font-size: 18px; }
}

@media only screen and (max-width: 420px) {
    /* スマホ縦画面 */
    body { font-size: 13px; }

    #header_pc { display: none; }
    #header_sp { display: block; width: 100%; }
    #container { width: 100%; }
    #contents { width: 95%; }
    #footer { width: 100%; font-size:10px; }

    .button_app { margin: 0px; text-align: center; }
    .button_app img { margin: auto; width: 80%; }


    /*-- トップページ -------------------------------------------------------------------------------*/
    .top_greeting_img { width: 100%; text-align: center; margin-bottom: 20px; }
    .top_greeting_img img { width: 50%; }
    .top_greeting_txt { width: 100%; }
    .top_program_table { width: 100%; }
    #top_program .emp { font-size: 15px; }

    /*-- タナーレクチャーについて -------------------------------------------------------------------*/
    .tanner_article1_txt { margin: 0px 5% 0px 5%; }
    .tanner_article1_txt1 { font-size: 130%; }
    .tanner_article1_txt2 { font-size: 100%; }

    /*-- 講演者紹介 キャロル?ブラック氏 講演について -----------------------------------------------*/
    .lecture1_lecture_img { width: 100%; text-align: center; margin-bottom: 20px; }
    .lecture1_lecture_img img { width: 50%; }
    .lecture1_lecture_txt { width: 100%; }

    /*-- 講演者紹介 キャロル?ブラック氏 経歴について -----------------------------------------------*/
    .lecture1_career_img { width: 100%; text-align: center; margin-bottom: 20px; }
    .lecture1_career_img img { width: 50%; }
    .lecture1_career_txt { width: 100%; }
    .lecture1_career_txt img { display: none; }

    /*-- 講演者紹介 遠山敦子氏 ----------------------------------------------------------------------*/
    .lecture2_img { width: 100%; text-align: center; font-size: 13px; margin-bottom: 50px; }
    .lecture2_img img { width: 50%; }
    .lecture2_txt { width: 100%; }

    /*-- お申し込み ---------------------------------------------------------------------------------*/

    /*-- お問い合わせ -------------------------------------------------------------------------------*/
    #contact_article1 { font-size: 140%; line-height: 1.1; border: 3px solid red; }
    .contact_txt { width: 100%; margin: 0px 0px 20px 0px; }
    .contact_img { width: 100%; margin: 0px; }
}

@media only screen and (max-width: 320px) {
    /* スマホ縦画面 */

    body { font-size: 11px; }

    /*-- 講演者紹介 遠山敦子氏 ----------------------------------------------------------------------*/
    .lecture2_img { width: 100%; text-align: center; font-size: 11px; margin-bottom: 50px; }
}