@charset "Shift-JIS";

/*-------------  Common -----------------------*/

.uta_topics h3 {
    color: #003e6a;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
}

/*-------------  index -----------------------*/


/*-------------  Close UP -----------------------*/

.section_coloseup {
	background:#72b163;
    clear: both;
	margin-top:10px;
    margin-bottom: 30px;
    padding: 20px;
    width: 682px;
}
.section_coloseup .closeupBox{
	background:#FFF;
	padding:10px;
	position:relative;
	margin-bottom: 20px;
}
.section_coloseup .closeupBox dl{
	position: relative;
}
.section_coloseup .closeupBox dl dt img{
	margin-bottom:0!important;
}
.section_coloseup .closeupBox .item01{
	margin-bottom:10px;
}
.section_coloseup .closeupBox .item01 dt{
	text-align:center;
}
.section_coloseup .closeupBox .item01 dd{
	width:500px;
	margin:0 auto;
}
.section_coloseup .closeupBox .item02{
	margin-bottom:20px;
}
.section_coloseup .closeupBox .item02 dd{
	position: absolute;
	left:320px;
	top:20px;
	width:300px;
}
.section_coloseup .closeupBox .item03{
	position: absolute;
	right:100px;
	top:330px;
	width:140px;
}
.section_coloseup .closeupBox .item04{
	width:150px;
	float:left;
	margin:0 40px 0 50px;
}
.section_coloseup .closeupBox .item05{
	width:300px;
	float:left;
}
.section_coloseup .closeupBox .item05 dt{
	float:left;
	margin:0 10px 0 0;
}
.section_coloseup .closeupBox .item05 dd{
	margin:50px 0 0 0;
}
.section_coloseup .closeImg{
	float:left;
	width:135px;
	margin-right:20px;
	color:#fff;
	font-size:11px;
}
.section_coloseup .closeImg img{
	margin-bottom:0!important;
}
.section_coloseup h3.white{
	color:#fff;
	font-size:14px;
}
.section_coloseup .white{
	color:#fff;
}
.section_coloseup .comment{
	clear:both;
	padding:10px 0 0 0;
}
.section_coloseup .comment .comment_txt{
	background: #fff;
	padding:10px 10px 10px 10px;
	width:495px;
	float:left;
}
.section_coloseup .comment .comment_pic{
	margin:0px 0 0 20px;
	float:left;
	width:145px;
}
.section_coloseup .comment .comment_pic img{
	margin-bottom:5px!important;
}
.section_coloseup .comment .comment_pic p{
	color:#fff;
	font-size:10px;
}


/* mission
-------------------------------*/


/* Topics
-------------------------------*/

div.box_topics{
	background: url(/learn/uta/common/images/line_dotto.gif) 0 bottom repeat-x    ;
	width:723px;
	padding:0 0 20px 0;
	margin:20px 0 0 ;
}
div.box_topics.noback{
	background-image: none;
	background-color: #EEEEEF;
}
div.box_topics.noback table td{
    padding: 20px 20px 0px;
}
div.uta_topics div.box_topics table{
	width:723px;
	vertical-align:top;
	border-collapse:collapse;
	margin:0!important;
}
div.uta_topics div.box_topics.noback table td{
	vertical-align:top;
	border-collapse:collapse;
}
div.uta_topics div.box_topics.noback table td.interveiw_img{
    padding-top: 0;
    padding-left: 0;
}
div.uta_topics div.box_topics.noback table td.interveiw_img img{
	margin:0!important;
}
div.uta_topics div.box_topics.noback table td.t12{
    padding-top: 10px;
}
div.uta_topics div.box_topics table td.t12{
    margin-right: 10px;
    padding-right: 20px;
    vertical-align: text-top;
}

div.uta_topics .notes{
	font-size:11px;
	line-height:1.2;
}


/* Story
-------------------------------*/

.section_sidestory {
    background: #edebf5;
    clear: both;
    padding: 20px;
    width: 683px;
}
.section_sidestory .sidestoryBox{
	background:#fff;
	padding:15px;
	position:relative;
}
.sidestoryInner{
	margin-top:20px;
	padding-top:20px;
	border-top:1px solid #fdecdb;
}
.sidestoryInner:first-child{
	margin-top:0px;
	padding-top:0px;
	border-top:none;
}
.sidestoryInner h3{
	margin-bottom:15px;
}


/* Timetravel
-------------------------------*/
.uta_timetravel .mainImg{
	margin-bottom:25px;
}
.uta_timetravel p{
	font-size:14px;
}
.uta_timetravel h3{
	font-size:16px!important;
	color:#003e6a!important;
	font-weight:bold!important;
	margin-bottom:5px!important;
}
.uta_timetravel h3 span{
	font-size:14px;
	color:#003e6a;
	font-weight:bold;
}
.uta_timetravel .figure{
	text-align:center;
	position:relative;
}
.uta_timetravel .figure .figcaption{
	text-align:left;
	font-size:11px;
	color:#000;
	line-height:1.3;
}
.uta_timetravel .figure.right{
	float:right;
	margin-left:25px;
}
.uta_timetravel .figure.left{
	float:left;
	margin-right:25px;
}
.uta_timetravel .figure .inb{
	display:inline-block;
	margin:0 10px;
}
.uta_timetravel .txtbox01{
	clear:both;
	margin-bottom:20px;
}
.uta_timetravel .txtbox02{
	clear:both;
	border:8px solid #e9e6f3;
	padding:14px 20px 14px 8px;
	margin-bottom:25px;
}
.uta_timetravel .txtbox02 p{
	font-size:12px;
}
.uta_timetravel p.subttl{
	display:inline-block;
	border-radius:15px;
	background:#3b2f70;
	color:#fff;
	font-size:13px;
	padding: 1px 10px;
	margin-bottom:10px!important;
}
.uta_timetravel p.note{
	font-size:11px;
}
.uta_timetravel #block02 .figure .figcaption{
	position:absolute;
	bottom:0;
	left:15px;
}
.uta_timetravel #block03 .figure .figcaption{
	position:absolute;
	bottom:7px;
	left:-15px;
}
.uta_timetravel #block05 .figure .inb .figcaption{
	position:absolute;
	bottom:10px;
	left:370px;
}
.uta_timetravel #block05 .figure .inb:first-child .figcaption{
	position:absolute;
	bottom:inherit;
	top:-5px;
	left:150px;
}
.uta_timetravel #block07 .figure .figcaption.txt01{
	position:absolute;
	top:55px;
	left:25px;
	width:425px;
	line-height:1.25;
}
.uta_timetravel #block07 .figure .figcaption.txt02{
	position:absolute;
	top:297px;
	left:470px;
	width:240px;
	line-height:1.25;
}