@charset "UTF-8";
/* CSS Document */

/*---------- TDK Code of Ethics ----------*/
/*
body#code_of_ethics #stage #contents h4{ margin-top:20px; color:#333; margin-bottom:10px; }
*/
/*---------- Chapter1 ----------*/
/*body#chapter_one #stage dl{ margin:20px 0 30px 0;}
body#chapter_one #stage dl dt{ width:7em; float:left; clear:both; margin-top:10px;}
body#chapter_one #stage dl dd{ width:45em; float:left; margin-top:10px; line-height:1.5em;}
body#chapter_one #stage ul.unit_num_list{ margin-top:40px;}
body#chapter_one #stage ul.unit_num_list li{padding-left: 2em;text-indent: -2em; line-height:1.5em; margin-top:30px;}
body#chapter_one #stage ol li{ list-style-type:lower-roman; margin-left:40px; margin-top:10px;}
body#chapter_one #stage ol li p{ margin-top:0;line-height:1.5em;}
body#chapter_one #stage ol.unit_num_list li{ list-style-type: decimal; line-height:1.5em;margin-top:30px;}
body#chapter_one #stage .floatBox{margin-top:20px;}
body#chapter_one #stage .floatBox .boxLeftImg{float:left; width:350px;}
body#chapter_one #stage .floatBox .boxRightImg{float:right; width:350px;}
body#chapter_one #stage .floatBox .boxRightText{float:right; width:350px;}
body#chapter_one #stage .floatBox .boxLeftText{float:left; width:350px;}

body#chapter_one #stage .floatBox .boxRightText p, body#chapter_one #stage .floatBox .boxLeftText p{margin-top:5px;}
body#chapter_one #stage .floatBox .boxRightText h5, body#chapter_one #stage .floatBox .boxLeftText h5{color:#036;}

body#chapter_one #stage dl.dl_motto_01 { margin-left: 10px; color:#036; font-weight:bold;}
body#chapter_one #stage dl.dl_motto_01 dt { float: left;  text-align: center; width: 2em; color:#036;}
body#chapter_one #stage dl.dl_motto_01 dd { height: auto;  margin-bottom: 1em; margin-left: 2.5em;}*/

/* Small win ////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 599px) {

/*--- LIST ---*/
dl.dl_01 { margin-bottom:28px;}
dl.dl_01 dt{ text-align:center; width:100%; margin:0;}
dl.dl_01 dd{ text-align:center;width:100%; margin:0 0 14px 0}

}

/* Medium-win ////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 600px) and (max-width: 999px) {

/*--- LIST ---*/
dl.dl_01 { margin-bottom:28px;}
dl.dl_01 dt{width:15%; margin:0; display:inline-block; margin-bottom:14px;}
dl.dl_01 dd{ display:inline-block; width:80%; margin-bottom:14px;}

}

/* Large-win ////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media print, screen and (min-width: 1000px){

/*--- LIST ---*/
dl.dl_01 { margin-bottom:28px;}
dl.dl_01 dt{width:15%; margin:0; display:inline-block; margin-bottom:14px;}
dl.dl_01 dd{ display:inline-block; width:80%; margin-bottom:14px;}

}

/*---------- Chapter2 ----------*/
/*body#chapter_two #stage h5{ margin-top:20px; padding:5px; background-color:#f5f5f5;}
body#chapter_two #stage ol li{ list-style-type:lower-roman; margin-left:40px; margin-top:30px;}*/
body#chapter_two #stage ol li p{ margin-top:0;line-height:1.5em;}
/*body#chapter_two #stage ol.unit_num_list li{ list-style-type: decimal; line-height:1.5em;}*/

#oldpixBox{ width:550px; margin:20px 0 20px 130px;}
#oldpixBox p{ padding:0 !important; margin:10px 0 0 0 !important; line-height:140% !important; width:200px !important;}
#oldpixBox .boxLeft{ float:left; width:200px;}
#oldpixBox .boxRight{ float:right; width:200px;}

#syazeBox{ width:760px; margin:20px 0 20px 0;}
body#chapter_two #stage #syazeBox h4{ background:none !important; border:none !important; margin:0 0 20px 120px !important; padding:0 !important;}
body#chapter_two #stage #syazeBox h5{ background:none !important; border:none !important; margin:30px 0 0 0 !important; padding:0 !important;}
body#chapter_two #stage #syazeBox h6{ /*font-weight:bold;*/ margin:20px 0 10px 0 !important; padding:0 !important; font-size: 16px;}
.syaze, .syakun{ margin:0 0 20px 120px;}

#ieeeBox{ width:760px; margin:20px 0 20px 0; text-align:center;}
#ieeeBox p{ padding:0 !important; margin:10px 0 0 0 !important; line-height:140% !important;}

#onetdkBox{ width:760px; margin:20px 0 20px 0; text-align:center;}

#angora{ /*border: double 10px #e0eaf3;*/ margin-top:20px; padding:20px; color:#336F9B; background: #f2f6fb; }
#angora h5{ margin:0 0 20px 0 !important; color:#039; background: none !important;}
#angoraPix{ padding:10px; background:#f9f9f9; border: dotted 1px #ccc; color: #333; margin-top:20px;}
#angoraPix .boxLeft{ float:left; width:200px;}
#angoraPix .boxRight{ float:right; width:470px;}
#angoraPix .boxRight h5{ margin:0 0 0 0 !important; color:#000 !important; }

/*---------- Chapter3 ----------*/
body#chapter_three #stage dl{ margin:20px 0;}
body#chapter_three #stage dl dt{ width:4em; float:left; clear:both; margin-top:10px;}
body#chapter_three #stage dl dd#one{ width:8em; float:left; margin-top:10px; line-height:1.5em;}
body#chapter_three #stage dl dd#two{ width:30em; float:left; margin-top:10px; line-height:1.5em;}
body#chapter_three #stage h5{ margin-top:20px; padding:5px; /*background-color:#f5f5f5;*/padding:5px 0; }
body#chapter_three #stage ol li{ list-style-type:lower-roman; margin-left:40px; margin-top:30px;}
body#chapter_three #stage ol li p{ margin-top:0;line-height:1.5em;}
body#chapter_three #stage ol.unit_num_list li{ list-style-type: decimal; line-height:1.5em;}
#logoBox{ margin:40px 0; text-align:center;}
ul#group { margin-top:10px;}
ul#group li{ margin-left:30px; list-style-type:disc; }


/*---------- Chapter4 ----------*/
body#chapter_four #stage h5{ margin-top:20px;/*padding:5px; background-color:#f5f5f5;*/padding:5px 0;}
/*
body#chapter_four #stage ol li{ list-style-type:lower-roman; margin-left:40px; margin-top:30px;}
body#chapter_four #stage ol li p{ margin-top:0;line-height:1.5em;}
body#chapter_four #stage ol.unit_num_list li{ list-style-type: decimal; line-height:1.5em;}
*/
body#chapter_four #stage dl{ margin:20px 0;}
body#chapter_four #stage dl dt{ width:4em; float:left; clear:both; margin-top:10px;}
body#chapter_four #stage dl dd#one{ width:10em; float:left; margin-top:10px; line-height:1.5em;}
body#chapter_four #stage dl dd#two{ width:30em; float:left; margin-top:10px; line-height:1.5em;}
#rireki{ margin-top:20px;}


/*----------------------------

2016

----------------------------*/
body#chapter_three #stage h4,
body#chapter_four #stage h4 {margin-bottom:10px !important;}
body#chapter_three #stage h4+p,
body#chapter_four #stage h4+p {margin-top:0 !important;}

/*----------------------------

2016-2017

----------------------------*/
.bgwhite {background-color: #fff !important;}