@charset "UTF-8";

/*
	Theme Name: DRI Design
	Description: 人と防災科学館WEB SITE向けテーマ
	Theme URI:
	Author: Jam Design
	Author URI: http://www.jam-design.jp/
	Version: 1.0.1
*/

/****************************************

          General Setting

*****************************************/

html, body {
	margin: 0;
	padding: 0;
}

body {
    color: #333;
	font-size: 14px;
    font-family:
    	Verdana, Arial,
    	'ヒラギノ角ゴ Pro W3',
    	'Hiragino Kaku Gothic Pro',
    	Osaka,
    	'ＭＳ Ｐゴシック',
    	sans-serif;
    line-height: 150%;
    background:url(images/dri-grade-bg.png) repeat-x;
}

img {
    border:0;
}
/****************************************

          Typography

*****************************************/

h1, h2, h3, h4, h5, h6, p{
	font-weight: normal;
    text-indent: 0;
    margin:0;
}


blockquote{
	margin-bottom: 2em;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}


/****************************************

          List

*****************************************/

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul ul{
	margin-left: 1em;
}

ul.list_left li{
	float:left;
	padding-right:15px;
}
/****************************************

          Link

*****************************************/

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/****************************************

          Layout

*****************************************/
hr {
    margin: 25px 0px;
}

dt {
    margin: 20px 0px 10px 0px;
}
dd {
    margin: 0px 0px 0px 20px;
}

#container,
.wrapper {
	margin: 0 auto;
	width: 960px;
}

#header {
	margin-bottom: 5px;
}
    #header_fix {
        padding: 0px 11px;
        background-color:#fff;
        width: 938px;
        height: 100px;
    }
        #header .alignleft,
        #header .alignright{
            width: auto;
        }
        #header .alignright{
            width: 647px;
	    position:relative;
        }

#main {
	float: right;
}

a.bnr_hat{
position:absolute;
top:15px;
left:118px;
z-index:9999;
-webkit-transition:0.3s ease;
transition:0.3s ease;
}

a.bnr_hat:hover img {
opacity:0.6;
}

div.driframe {
	width: 690px;
    background-color: #fff;
    padding: 15px 15px 30px 15px;
}

div.drifullframe {
	width: 930px;
    background-color: #fff;
    padding: 15px 15px 30px 15px;
}

#sidebar {
	float: left;
	width: 235px;
	margin-right:5px;
    background-color: #fff;
    padding-bottom: 15px;
}

#main,
#sidebar{
	margin-bottom: 15px;
}

#footer {
	clear: both;
	color: #fff;
    height: 190px;
}


/****************************************

          header

*****************************************/

*:first-child+html #header > div{ /* IE7 */
	clear: both;
	zoom:1;
}

#header a {
	color: none;
	border: none;
}

#logo {
	margin:0;
	padding:0;
}

#logo a{
	border: none;
}

#searchform{
	position: relative;
	margin-top: 22px;
	float: right;
}
	#s{
		margin: 0px 45px 15px 177px;
		width: 175px;
        height: 10px;
		font-size: 10px;
        padding: 5px;
        border: solid 1px #ddd;
        background-color: #eee;
	}
	#searchsubmit{
		position: absolute;
		top: 0;
		right: 0;
		width: 32px;
		height: 22px;
		border: none;
		background: url(images/search.png) no-repeat 50% 50%;
	}
#selectlang {
    text-align:right;
    clear: both;
}
#selectlang li{
    display: inline;
    margin: 0px 1px;
    color: #999;
}

#header .imagebanner {
}

#header h1.pagetitle {
    display: block;
    width: 935px;
    height: 60px;
    padding: 25px 0px 0px 25px;
    margin: 10px 0px 0px 0px;
    font-size: 32px;
    background-color:#009de6;
    color: #fff;
}

#header ul.footprint {
    margin: 10px 0px;
    font-size: 12px;
}
#header ul.footprint li {
    display: inline;
    margin: 0 10px 0 0px;
}
#header ul.footprint li a {
    color:#009de6;
}

/****************************************

          Navigation

*****************************************/

#header #navi {
    display:block;
    width: 960px;
    height: 79px;
}

#header #navi li {
    display: inline;
    float:left;

    -webkit-text-shadow: 0px 0px 3px #5ca1e6; /* Safari, Chrome用 */
    -moz-text-shadow: 0px 0px 3px #5ca1e6; /* Firefox用 */
    text-shadow: 0px 0px 3px #5ca1e6; /* CSS3 */
}

#header #navi li a {
    display:block;
    width: 120px;
    height: 80px;
    text-indent: -2000em;
}

#header #navi li a#navi_center {
    width: 121px;
    background:url(images/dri-navi-button_center_n.png) no-repeat;
}
#header #navi li a#navi_exhibition {
    background:url(images/dri-navi-button_exhibition_n.png) no-repeat;
}
#header #navi li a#navi_material {
    background:url(images/dri-navi-button_material_n.png) no-repeat;
}
#header #navi li a#navi_research {
    background:url(images/dri-navi-button_research_n.png) no-repeat;
}
#header #navi li a#navi_training {
    background:url(images/dri-navi-button_training_n.png) no-repeat;
}
#header #navi li a#navi_announce {
    width: 118px;
    background:url(images/dri-navi-button_announce_n.png) no-repeat;
}
#header #navi li a#navi_access {
    background:url(images/dri-navi-button_access_n.png) no-repeat;
}
#header #navi li a#navi_links {
    width: 121px;
    background:url(images/dri-navi-button_links_n.png) no-repeat;
}

#header #navi li a:hover#navi_center  {
    background:url(images/dri-navi-button_center_h.png) no-repeat;
}
#header #navi li a:hover#navi_exhibition {
    background:url(images/dri-navi-button_exhibition_h.png) no-repeat;
}
#header #navi li a:hover#navi_material {
    background:url(images/dri-navi-button_material_h.png) no-repeat;
}
#header #navi li a:hover#navi_research {
    background:url(images/dri-navi-button_research_h.png) no-repeat;
}
#header #navi li a:hover#navi_training {
    background:url(images/dri-navi-button_training_h.png) no-repeat;
}
#header #navi li a:hover#navi_announce {
    background:url(images/dri-navi-button_announce_h.png) no-repeat;
}
#header #navi li a:hover#navi_access {
    background:url(images/dri-navi-button_access_h.png) no-repeat;
}
#header #navi li a:hover#navi_links {
    background:url(images/dri-navi-button_links_h.png) no-repeat;
}

/****************************************

          Calender

*****************************************/

#calender {
    padding: 15px;
    text-align:center;
}
#idxcalender {
    padding: 10px;
    text-align:center;
    background-color: #fff;
}
#calender #title, #idxcalender .title {
    font-size: 20px;
    line-height: 25px;
}
#calender #date, #idxcalender #date {
    font-size: 14px;
    line-height: 14px;
    padding: 5px 0px;
    margin: 5px 0px;
    background-color:#000;
    color: #fff;
    font-weight:bold;
}
#calender #time {
    font-size: 30px;
    line-height: 40px;
}
#idxcalender #time {
    font-size: 25px;
    line-height: 40px;
}
#calender #timeenter, #idxcalender #timeenter {
    font-size: 12px;
    text-align:center;
}
#idxcalender .attention, #calender .attention  {
    margin: 0px 10px;
    padding-left: 30px;
    background: url(images/dri-calender-holiday.png) no-repeat;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
}

#idxcalender a.blackbg {
    display: block;
    width: 201px;
    height: 33px;
    text-indent: -2000em;
    margin: 10px 0px 0px 0px;
}
#idxcalender a#top_reserve {
    background: url(images/dri-navi-button_reserve.png) no-repeat;
}
#idxcalender a#top_fee {
    background: url(images/dri-navi-button_fee.png) no-repeat;
}
/****************************************

          header image

*****************************************/

#header-image{
	margin-bottom: 40px;
}


/****************************************

          Breadcrumb

*****************************************/

#breadcrumb{
	margin-bottom: 20px;
}
#breadcrumb li{
	float: left;
	margin-right: .5em;
}


/****************************************

          Main

*****************************************/

#main p.longtext {
    text-indent: 1em;
	margin: 14px 0;
}

#main h1{
    font-size: 26px;
    color: #009de6;
}
#main h2{
    font-size: 26px;
    color: #009de6;
    margin: 5px 0px 30px 0px;
		line-height: 1.3;
}
#main h2.middleh2 {
    margin-top: 25px;
}
#main h3{
    font-size: 18px;
    color: #fff;
    width: 654px;
    height: 22px;
    padding: 6px 0px 7px 36px;
    background:url(images/dri-main-h3.png) no-repeat;
    margin: 20px 0px 15px 0px;
}

#main h4{
    display: block;
    width: 143px;
    height: 85px;
    border: solid 1px #ddd;
    float: left;
    padding: 15px;
    font-weight:bold;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #a1a1a1), color-stop(0.95, #efefef), color-stop(0.00, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 95%, #a1a1a1 100%);
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 95%, #a1a1a1 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #efefef 95%, #a1a1a1 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #efefef 95%, #a1a1a1 100%);
    background: linear-gradient(top, #ffffff 0%, #efefef 95%, #a1a1a1 100%);
}
#main h4 span {
    display: table-cell;
    height: 85px;
    vertical-align: middle;
}

#main h4 + p {
    display: block;
    width: 483px;
    height: 85px;
    margin-left: 175px;
    margin-bottom: 10px;
    border: solid 1px #ddd;
    font-size: 12px;
    padding: 15px;
    vertical-align: middle;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #a1a1a1), color-stop(0.95, #efefef), color-stop(0.00, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #efefef 95%, #a1a1a1 100%);
    background: -moz-linear-gradient(top, #ffffff 0%, #efefef 95%, #a1a1a1 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #efefef 95%, #a1a1a1 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #efefef 95%, #a1a1a1 100%);
    background: linear-gradient(top, #ffffff 0%, #efefef 95%, #a1a1a1 100%);
}
#main h4 + p span {
    display: table-cell;
    height: 85px;
    vertical-align: middle;
}


#main a {
    color: #009de6;
    text-decoration:none;
    padding-left:18px;
    background:url(images/dri-a-marker.png) no-repeat;
}

#main #summer2014 a {
    text-decoration:none;

}

#main #dri_research a {
    text-decoration:none;

}
#main a:hover {
    color: #009de6;
    text-decoration:underline;
}

#main a.totop {
    display:block;
    width: 44px;
    height: 17px;
    padding: 4px 0px 0px 20px;
    margin: 10px 0px 0px 626px;
    color: #fff;
    font-size:10px;
    line-height: 10px;
    background:url(images/dri-main-totop.png) no-repeat;
}

#main .fullframe a.totop {
    margin: 10px 0px 0px 866px;
}

#main dt {
    font-weight: bold;
    color: #333333;
}

#main img.profilephoto {
    margin: 0 15px 0 0;
    float:left;
}
#main img.rightphoto {
    margin: 0 0 15px 15px;
    float:right;
}
#main img {
    /*margin: 15px;*/
}

#main ol {
    list-style-type:decimal;
    margin-left: 40px;
}
#main li {
    line-height: 2em;
}

#main div.imagebox {
	float: right;
	padding: 0 15px 15px 15px;
}
#main div.imagebox span.caption {
	display: block;
	font-size: 10px;
    line-height: 14px;
	text-align: center;
}

#main div.dri_center p.big_p {
    font-size: 24px;
    line-height: 1.5em;
    color: #000;
    margin-bottom: 32px;
    text-indent: 0;
}

#main div.dri_center p.middle_p {
    font-size: 18px;
    line-height: 1.5em;
    color: #000;
    margin-bottom: 27px;
    text-indent: 0;
}

#main div.dri_center .captionL {
    font-size: 14px;
}
#main div.dri_center .captionM {
    font-size: 12px;
}
#main div.dri_center .captionS {
    font-size: 10px;
}

#main div.dri_center ul#center_publisher {
    margin-left: 20px;
}
#main div.dri_center ul#center_publisher li {
    background: url(images/dri-publish-list.png) no-repeat;
    margin: 5px;
    padding: 0px 0px 0px 40px;
    line-height: 30px;
}

#main div.dri_center table#institutions {
}
#main div.dri_center table#institutions th {
	background-color: #009de6;
    padding: 5px;
    color: #fff;
}
#main div.dri_center table#institutions td {
    padding: 5px;
    border-bottom: 1px solid #009de6;
    font-size: 12px;
}
#main div.dri_center table#institutions td.td_name{
	width:30%;
	background-color: #D2F1FD;
}


#main div.dri_research dt.profile {
    margin-left: 100px;
}
#main div.dri_research dt.profile + dd {
    margin-left: 110px;
}

#main div.dri_research table {
    margin-bottom: 15px;
}
#main div.dri_research table th,
#main div.dri_research table td {
    padding: 5px;
    margin: 2px;
}
#main div.dri_research table th {
    width: 120px;
    background-color:#009de6;
    color: #fff;
}

#main div.dri_research ul#gensailist {
    list-style-type:square;
    list-style-position:outside;
    margin-left:20px;
}

#main p.subtitle {
    font-weight: bold;
    margin:10px 0px;
}

#main div.dri_research div.researchreports dt {
    margin: 15px 0 10px 0;
    color: #333;
}
#main div.dri_research div.researchreports dd a {
    margin-right: 20px;
}

#main .mailform table {
    width: 690px;
    border-collapse:collapse;
    margin: 15px 0px;
}
#main .mailform table tr {
}
#main .mailform table th {
    width: 220px;
    border-bottom: 1px solid #009de6;
    font-size: 12px;
    font-weight: normal;
    text-align:left;
    padding: 0px 20px;
}
#main .mailform table td {
    border-bottom: 1px solid #009de6;
}

#main .mailform input[type="text"] {
    padding: 5px;
    margin: 10px 0px;
    width: 90%;
}

#main div.courselist {
    margin: 0px 0px;
    padding: 0px;
}
#main div.coursetitle {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

/*
#main .post,
#main .page{
	overflow: hidden;
	margin-bottom: 59px;
	border-bottom: 1px solid transparent;
}
*/

/*  観覧・展示TOP  */

div.exframe {
	width: 720px;
    background: none;
}

#main div.exhibition {
    border: 3px solid #099d4b;
    padding: 12px 0px 30px 0px;
    border-radius: 10px;
    margin-left: 5px;
    width: 709px;
    background-color: #fff;
}

#main div.extop h2,
#main div.extop h3 {
    display : none;
}

#main div#highlight ul {
    margin-bottom: 40px;
}
#main div#highlight li a{
    display: block;
    float: left;
    width: 150px;
    height: 32px;
}
#main div#highlight li a#exinfo {
    margin: 0px 37px 0px 28px;
    padding: 238px 17px 0px 18px;
    background: url(images/extop/dri-exhibition-top_03.png) no-repeat;
}
#main div#highlight li a#floor {
    margin: 0px;
    padding: 238px 37px 0px 37px;
    background: url(images/extop/dri-exhibition-top_05.png) no-repeat;
}
#main div#highlight li a#course {
    margin: 0px;
    padding: 238px 41px 0px 42px;
    background: url(images/extop/dri-exhibition-top_06.png) no-repeat;
}
#main div#highlight li a img {
    margin: 0px;
}

#main div#forschool {
    width: 292px;
    height: 177px;
    margin: 0px 41px 0px 42px;
    background-color:#d1fbe2;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    float: left;
}
#main div#forschool h3 {
    display: block;
    width: 292px;
    height: 50px;
    background: url(images/extop/dri-exhibition-top_20.png) no-repeat;
    text-indent: -2000em;
    margin:0px;
    padding:0px;
}

#main div#forparty {
    width: 292px;
    height: 177px;
    margin: 0px 0px 0px 375px;
    background-color:#d1fbe2;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
#main div#forparty h3 {
    display: block;
    width: 292px;
    height: 50px;
    background: url(images/extop/dri-exhibition-top_39.png) no-repeat;
    text-indent: -2000em;
    margin:0px;
    padding:0px;
}

#main div#forschool ul,
#main div#forparty ul {
    margin: 14px 0px 30px 17px;
}
#main div#forschool li a,
#main div#forparty li a{
    display: block;
    width: 253px;
    height: 37px;
    margin: 0px 0px 14px 0px;
    text-indent: -2000em;
}
#main div#forschool li a#application {
    background: url(images/extop/dri-exhibition-top_27.png) no-repeat;
}
#main div#forschool li a#customersvoice {
    background: url(images/extop/dri-exhibition-top_34.png) no-repeat;
}
#main div#forschool li a#kidsweb {
    background: url(images/extop/dri-exhibition-top_38.png) no-repeat;
}

#main div#forparty li a#partyoption {
    background: url(images/extop/dri-exhibition-top_30.png) no-repeat;
}
#main div#forparty li a#reserve {
    background: url(images/extop/dri-exhibition-top_35.png) no-repeat;
}
.school_link{
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
}
#main .school_link a , #main .party_link a {
padding: 0;
background: none;
}
.party_link{
	background: url(contentimages/extop/program_link_bg.png) no-repeat 50% 50%;
    padding: 81px 65px 30px;
	}
.party_link li{
	float: left;
}
.party_link li:first-child{
margin-right:28px;
}

/*  観覧・展示TOP ここまで */

/*  開館時間・入場料 */

#exinfo h5 {
    display: none;
}
#exinfo p {
    margin: 0;
}

#exinfo li#open {
    display: block;
    width: 424px;
    height: 292px;
    background: url(images/exinfo/dri-exinfo-open.png) no-repeat;
    margin-left: 12px;
    padding: 80px 0px 0px 15px;
    float:left;
}
#exinfo h5#closeday {
    display: block;
    text-indent: -2000em;
    width: 100px;
    height: 80px;
}
#exinfo li#fee {
    display: block;
    width: 424px;
    height: 292px;
    background: url(images/exinfo/dri-exinfo-fee.png) no-repeat;
    padding: 80px 0px 0px 15px;
    margin-left: 22px;
    float:left;
		line-height: 1.6;
}
#exinfo li#fee td,
#exinfo li#fee th {
    padding: 3px 20px;
    text-align: center;
}
#exinfo li#fee th {
    background-color: #fb9cb0;
    color: #fff;
    font-weight: bold;
}
#exinfo li#fee td {
    background-color: #fff;
    color: #000;
    font-weight: bold;
}
.fee_table{
	width: 410px;
	margin-bottom: 5px;
}
#exinfo li#fee .fee_table td,
#exinfo li#fee .fee_table th {
padding: 2px;
}
#fee h6{
	font-size: 16px;
color: #fa7b96;
}
#exinfo li#parking {
    display: block;
    width: 900px;
    height: 163px;
    background: url(images/exinfo/dri-exinfo-parking.png) no-repeat;
    margin-left: 12px;
    margin-top: 20px;
    padding: 65px 0px 0px 15px;
    float:left;
}

#exinfo li#parking ul {
    list-style-image:url(images/exinfo/dri-exinfo-parking_marker.jpg);
    margin-left: 30px;
    float: left;
}
#exinfo li#parking p#busstop {
    margin-left: 480px;
}

#exinfo img#aroundmap {
    margin: 20px 71px 15px 72px;
}
#exinfo p#acclink {
    text-align:right;
    padding-right: 72px;
}

/*  開館時間・入場料 ここまで */

.exinfo span.pred {
  color:#d00;
font-weight: bold;
}

/*  観覧の予約申込みについて */
#exreserveinfo span.faxno {
    font-size: 120%;
    font-weight: bold;
    color: #00D;
    margin: 0px 15px;
}
#exreserveinfo span.telno {
    font-size: 120%;
    font-weight: bold;
    color: #D00;
    margin: 0px 15px;
}
#exreserveinfo p.atten {
    font-size: 80%;
}

#exreserveinfo ol {
    margin: 15px 0px;
}
#exreserveinfo ol#reserve>li{
    display: inline-block;
    float: left;
    width: 402px;
    height: auto;
    padding: 20px;
    margin: 10px 4px;
    border-radius: 10px;
    background-color:#fff;
    border: 4px solid #099d4b;
}
#exreserveinfo ol#reserve>li#reserve1{
    margin: 10px 6px 10px 4px;
}

#exreserveinfo table {
    width: 100%;
}
#exreserveinfo table th,
#exreserveinfo table td {
    padding: 5px;
    text-align:center;
}
#exreserveinfo table th {
    width: 100px;
}

#exreserveinfo table tr:nth-child(odd) {
    background: #D1FBE2;
}

#exreserveinfo iframe {
    width: 600px;
    height: 530px;
    margin: 15px 0px 0px 180px;
    border: 0;
}

/*  観覧の予約申込みについて ここまで */

/*  来館者の声 */
#customersvoice dt{
    font-size: 120%;
    border-bottom: 1px dotted #099d4b;
}

#customersvoice dd{
    text-indent: 1em;
    margin: 15px 15px 40px 15px;
}

/*  来館者の声 ここまで */

/*  フロアガイド　*/

#floorframe {
    border: 3px solid #099d4b;
    border-radius: 10px;
    padding: 12px 18px 30px 18px;
    width: 918px;
    background-color: #fff;
}
#floorframe a.anchor {
    background: none;
    padding: 0;
    margin: 0;
}
#floorframe h2 {
    display: none;
}
#floorframe h3 {
    background: url(images/dri-floorguide-h3.png) no-repeat;
    width: 882px;
}
#floorframe h3#floormap {
    background: url(images/dri-floorguide-map-h3.png) no-repeat;
    width: 882px;
    margin-bottom: 0px;
}
#floorframe img#floorimage {
    margin:0;
}

#floorframe div.floorhead {
    display: block;
    width: 705px;
    padding: 12px 22px 0px 121px;
    margin: 18px 35px 0px 35px;
}

#floorframe div#west5 {
    height:  177px;
    background: url(images/dri-floorguide-guide-dt-w5.png) no-repeat #eee;
}
#floorframe div#west4 {
    height:  280px;
    background: url(images/dri-floorguide-guide-dt-w4.png) no-repeat #eee;
}
#floorframe div#west3 {
    height:  269px;
    background: url(images/dri-floorguide-guide-dt-w3.png) no-repeat #eee;
}
#floorframe div#west2 {
    height:  262px;
    background: url(images/dri-floorguide-guide-dt-w2.png) no-repeat #eee;
}
#floorframe div#west1 {
    height:  184px;
    background: url(images/dri-floorguide-guide-dt-w1.png) no-repeat #eee;
}
#floorframe div#east3 {
    height:  526px;
    background: url(images/dri-floorguide-guide-dt-e3.png) no-repeat #eee;
}
#floorframe div#east1 {
    height:  274px;
    background: url(images/dri-floorguide-guide-dt-e1.png) no-repeat #eee;
}

#floorframe div.floorhead li {
    display: block;
    width: 210px;
    height: 98px;
    margin-right: 25px;
    padding-top: 160px;
    float: left;
    font-size: 12px;
    line-height: 18px;
}
#floorframe div.floorhead li#west4-1 {
    background: url(images/dri-floorguide-guide-dt-w4-1.png) no-repeat
}
#floorframe div.floorhead li#west4-2 {
    background: url(images/dri-floorguide-guide-dt-w4-2.png) no-repeat
}
#floorframe div.floorhead li#west4-3 {
    background: url(images/dri-floorguide-guide-dt-w4-3.png) no-repeat
}
#floorframe div.floorhead li#west3-1 {
    background: url(images/dri-floorguide-guide-dt-w3-1.png) no-repeat
}
#floorframe div.floorhead li#west3-2 {
    background: url(images/dri-floorguide-guide-dt-w3-2.png) no-repeat
}
#floorframe div.floorhead li#west3-3 {
    background: url(images/dri-floorguide-guide-dt-w3-3.png) no-repeat
}
#floorframe div.floorhead li#west2-1 {
    background: url(images/dri-floorguide-guide-dt-w2-1.png) no-repeat
}
#floorframe div.floorhead li#west2-2 {
    background: url(images/dri-floorguide-guide-dt-w2-2.png) no-repeat
}
#floorframe div.floorhead li#west2-3 {
    background: url(images/dri-floorguide-guide-dt-w2-3.png) no-repeat
}
#floorframe div.floorhead li#east3-1 {
    background: url(images/dri-floorguide-guide-dt-e3-1.png) no-repeat
}
#floorframe div.floorhead li#east3-2 {
    background: url(images/dri-floorguide-guide-dt-e3-2.png) no-repeat
}
#floorframe div.floorhead li#east3-3 {
    background: url(images/dri-floorguide-guide-dt-e3-3.png) no-repeat
}
#floorframe div.floorhead li#east3-4 {
    background: url(images/dri-floorguide-guide-dt-e3-4.png) no-repeat
}
#floorframe div.floorhead li#east3-5 {
    background: url(images/dri-floorguide-guide-dt-e3-5.png) no-repeat
}
#floorframe div.floorhead li#east3-6 {
    background: url(images/dri-floorguide-guide-dt-e3-6.png) no-repeat
}
#floorframe div.floorhead h5 {
    font-size: 13px;
    line-height: 24px;
    color: #757dbb;
}
#floorframe div.floorhead h5.zonetitle {
    font-size: 15px;
    line-height: 24px;
    color: #88abda;
}

#floorframe div.floorhead div#west5-1 {
    width: 475px;
    height: 177px;
    padding: 0px 0px 0px 230px;
    background: url(images/dri-floorguide-guide-dt-w5-1.png) no-repeat;
}
#floorframe div.floorhead div#west1-1 {
    width: 475px;
    height: 184px;
    padding: 0px 0px 0px 230px;
    background: url(images/dri-floorguide-guide-dt-w1-1.png) no-repeat;
}
#floorframe div.floorhead div#east1-1 {
    width: 475px;
    height: 274px;
    padding: 0px 0px 0px 230px;
    background: url(images/dri-floorguide-guide-dt-e1-1.png) no-repeat;
}
#floorframe div.floorhead table th {
    text-align:left;
    background-color:#fef2f7;
    padding: 5px 15px;
}
#floorframe div.floorhead table td {
    text-align:left;
    background-color:#fff;
    padding: 5px 15px;
    vertical-align:top;
}
#floorframe div.floorhead table span.atten {
    font-size: 70%;
}
#floorframe a.totop {
    margin-left: 854px;
}
/*  フロアガイド　ここまで */

#main div.exnormal {
    border: 3px solid #099d4b;
    padding: 12px 22px 30px 22px;
    border-radius: 10px;
    width: 670px;
    background-color: #fff;
}
#main div.exnormal h3{
    width: 634px;
    background: url(images/dri-exhibition-h3-short.png) no-repeat;
    padding: 6px 0px 7px 36px;
}
#main div.exnormal span.time {
    font-size: 120%;
    font-weight: bold;
}
#main div.exnormal h5 {
    font-size: 18px;
    line-height: 30px;
    color: #88abda;
}
#main div.exnormal table th,
#main div.exnormal table td {
    vertical-align:top;
}

#main div.exnormal table#fee th,
#main div.exnormal table#fee td {
    border-bottom: 1px solid #099d4b;
    text-align:center;
    padding: 8px 15px;
}

/*  震災学習プログラム */
#main div#exprogram ul li {
    display:block;
    float: left;
    font-size:12px;
    line-height: 15px;
}
#main div#exprogram ul {
    display:block;
    width: 670px;
    margin: 20px auto;
}
#main div#exprogram ul li#program1 {
    width: 210px;
    height: 70px;
    padding: 15px 45px 145px 45px;
    background: url(images/img09_kanran.jpg) no-repeat;
    background-position: 55px 85px;
    margin: 15px 15px 15px 15px;
    background-color:#D1FBE2;
    border-radius: 10px;
}
#main div#exprogram ul li#program2 {
    width: 210px;
    height: 70px;
    padding: 15px 45px 145px 45px;
    background: url(images/pro2_kanran.jpg) no-repeat;
    background-position: 55px 85px;
    margin: 15px 25px 15px 15px;
    background-color:#D1FBE2;
    border-radius: 10px;
}
#main div#exprogram ul li>h5{
    text-align:center;
    font-size: 15px;
    margin: 0px 0px 5px 0px;
    padding: 5px 0px;
    border-bottom: 1px solid #099d4b;
}
#main div#exprogram>table {
    width: 670px;
    margin: 20px auto;
}
#main div#exprogram>table th,
#main div#exprogram>table td {
    padding: 10px;
}

#main div#exprogram span.telno {
    font-size: 120%;
    font-weight: bold;
    color: #00D;
    margin: 0px 15px;
}

/*  震災学習プログラム ここまで */

/*  学校教育での活用術 */
div#application div#element{
    width: 840px;
    margin: 0px auto;
}
div#application div#element>ul{
    width: 660px;
    margin: 15px auto;
}
div#application div#element>ul li{
    display: inline-block;
    float: left;
}
div#application div#element>ul li a{
    display: block;
    width: 315px;
    height: 93px;
    padding: 0px;
    text-indent: -2000em;
}
div#application div#element>ul>li a#forelementary{
    background: url(images/dri-app-btn-elementery.png) no-repeat;
    margin-right: 30px;
}
div#application div#element>ul>li a#forjunior{
    background: url(images/dri-app-btn-jnior.png) no-repeat;
}

div#application p#three {
    display:block;
    width: 300px;
    height: 105px;
    background: url(images/dri-app-three.png) no-repeat;
    margin: 0px 10px 10px 90px;
    float:left;
    text-indent: -2000em;
}
div#application p#threedt {
    padding-top:50px;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
}
div#application div#element>hr {
    margin: 10px 0px 20px 0px;
    border-bottom: 1px solid #0D0;
}

div#application div#element>ol {
    list-style-type:none;
}
div#application div#element>ol>li {
    display: block;
    width: 780px;
    height: 145px;
    padding: 23px 0px 0px 60px;
    margin-bottom: 20px;
    background: url(images/dri-app-list-bg.png) no-repeat;
    font-size: 16px;
    line-height: 28px;
}
div#application div#element>ol>li p.threett{
    color: #059B48;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}
div#application div#element>ol>li span.number {
    font-size: 42px;
    margin-right: 15px;
}
div#application div#element center {
    font-weight: bold;
}

/*  学校教育での活用術  ここまで */

#main div.exnormal p.course {
    padding: 15px;
    background-color: #b5e5ca;
    text-indent: 0;
}
#main div.exnormal ul#attention li {
    display:inherit;
    list-style:none;
    list-style-position:outside;
}
#main div.exnormal ul#attention li:before {
    content:"※";
}

#modelatten {
  font-size: 16px;
  line-height: 30px;
margin: 0px 90px;
    padding: 10px;
border-top: 1px #b5e5ca solid;
border-bottom: 1px #b5e5ca solid;
}

#customervoice h2 {
    display:inherit;
}

/****************************************

          toppage.php インデックス

*****************************************/
#idxframe {
    border: none;
    padding: 0;
    width: 960px;
    background-color: none;
}

#idxframe #idxheader {
    display: block;
    width: 960px;
    margin-bottom: 17px;
}
#idxframe #idxpicwall {
    display: block;
    width: 723px;
    height: 486px;
    float: left;
}
#idxframe #idxpicwall ul li {
    display: block;
    width: 238px;
    height: 240px;
    margin: 0px 3px 3px 0px;
    background-color: #fff;
    float: left;
}
#idxframe #idxcalender {
    display: block;
    width: 217px;
    height: 463px;
    margin: 0px 0px 3px 723px;
    padding: 10px;
}
#idxframe #idxmain {
    display: block;
    width: 960px;
}
#idxframe #idxspecial {
    display: block;
    width: 235px;
    height: 375px;
    margin-right: 7px;
    margin-bottom: 20px;
    background-color: #fff;
    float: left;
}
#idxframe #idxspecial h3 {
    width: 235px;
    height: 27px;
    padding: 0;
    margin: 0;
    text-indent: -2000em;
    background: url(images/dri-index-special-h3.png) no-repeat;
}
#idxframe #idxspecial a {
    display:block;
    width: 215px;
    /*height: 100px;*/
    padding: 0;
    margin: 8px 10px;
    font-size: 14px;
    line-height: 140%;
    color: #009944;
    text-decoration: none;
}

#idxframe #idxspecial a.big {
    display:block;
    width: 215px;
    height: 225px;
    /*padding: 108px 0 0 0;*/
    /*margin: 8px 10px;*/
    font-size: 14px;
    line-height: 140%;
    color: #009944;
    text-decoration: none;
}

#idxframe #idxspecial a:hover {
    color: #000;
    text-decoration: none;
}
#idxframe #idxspecial a#alinktohoku1 {
    background: url(images/dri-index-tohoku1-a.png) no-repeat;
}
#idxframe #idxspecial a#alinktohoku2 {
    background: url(images/dri-index-tohoku2-a.png) no-repeat;
}

#idxframe #idxspecial a#summer2014 {
    background: url(images/summer2014_topbnr.png) no-repeat;
}

#idxframe #idxspecial a#memorial20 {
    background: url(images/memorial20_topbnr.png) no-repeat;
}

#idxframe #idxspecial a#summer2016 {
    background: url(images/summer2016_topbnr.png) no-repeat;
}
#idxframe #idxspecial a#allhat2016 {
    background: url(images/allhat2016_topbnr.png) no-repeat;
}



#idxframe #idxnews {
    display: block;
    width: 688px;
    height: 348px;
    margin-left: 242px;
    margin-bottom: 20px;
    padding: 27px 15px 0px 15px;
    background: url(images/dri-index-news-h3.png) no-repeat #fff;
}
#idxframe #idxnews h3 {
    display: none;
}
#idxframe #idxnews .idxnewshead {
    border-bottom: 1px solid #ccc;
    padding-top; 15px;
    margin: 15px 0;
    height: 20px;
}
#idxframe #idxnews .idxnewshead h5 {
    width: 620px;
    padding: 0;
    margin: 0;
    background: none;
    font-size: 15px;
    color: #1b68b5;
    float: left;
}
#idxframe #idxnews .idxnewshead a.idxnewsmore {
    display: block;
    padding: 0;
    margin-left: 620px;
    width: 67px;
    height: 20px;
    text-indent: -2000px;
    background: url(images/dri-index-news-more.png) no-repeat;
}
#idxframe #idxnews li {
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 8px;
}
#idxframe #idxnews li p.date {
    width: 85px;
    float: left;
    text-indent: 0;
    margin: 0;
}
#idxframe #idxnews li img {
    float: left;
    margin: 0 10px;
}
#idxframe #idxnews li p.title {
    width: 540px;
    padding-left: 148px;
    text-indent: 0;
    margin: 0;
}

#idxframe #idxnews li a {
    background: none;
    padding: 0;
}

#idxframe #idxevents {
    display: block;
    width: 960px;
    margin-bottom: 20px;
}
#idxframe #idxevents h3 {
    width: 960px;
    height: 27px;
    padding: 0;
    margin: 0;
    text-indent: -2000em;
    background: url(images/dri-index-events-h3.png) no-repeat;
}
#idxframe #idxevents li {
    float:left;
}
#idxframe #idxevents a {
    display:block;
    width: 231px;
    height: 230px;
    padding: 0;
    margin: 12px 12px 0 0;
    text-indent: -2000em;
}



#idxframe #idxevents a#hat {
    background: url(images/dri-index-hat.png) no-repeat;
    margin: 12px 0 0 12px;
}


#idxframe #idxevents a#alinkmemorialaction {
    background: url(images/dri-index-memorial-action.png) no-repeat;
}
#idxframe #idxevents a#alinkmemorialaction2017 {
    background: url(images/dri-index-memorial-action2017.png) no-repeat;
}

#idxframe #idxevents a#forum2016 {
    background: url(images/dri-index-forum2016.png) no-repeat;
}
#idxframe #idxevents a#forum2017 {
    background: url(images/dri-index-forum2017.png) no-repeat;
}


#idxframe #idxevents a#alinkforum01 {
    background: url(images/dri-index-forum2015-01.png) no-repeat;
}

#idxframe #idxevents a#alinkforum02 {
    background: url(images/dri-index-forum2015-02.png) no-repeat;

}
#idxframe #idxevents a#bousaikoushien2014 {
    background: url(images/dri-index-bousaikoushien2014.png) no-repeat;
    margin: 12px 0 0 0;
}

#idxframe #idxevents a#alinkmemorial {
    background: url(images/dri-index-memorial-a.png) no-repeat;
}
#idxframe #idxevents a#alinkbosai {
    background: url(images/dri-index-bosai-a.png) no-repeat;
    margin: 12px 0 0 0;
}
#idxframe #idxevents a#alinkmusium {
    background: url(images/dri-index-musium-a.png) no-repeat;
}
#idxframe #idxevents a#alinkkikaku311 {
    background: url(images/dri-index-kikaku311.png) no-repeat;
}
#idxframe #idxevents a#alinkkikaku {
    background: url(images/dri-index-event-kikaku.png) no-repeat;
    /*margin: 12px 0 0 0;*/
}

#idxframe #idxevents a#alinkevent01 {
    background: url(images/dri-index-event01.png) no-repeat;

}
#idxframe #idxevents a#mailmaga {
    background: url(images/bnr_mail.png) no-repeat;
		margin: 12px 0 0 0;
}
#idxframe #idxevents a#facebook {
    background: url(images/dri-index-fb.png) no-repeat;
}




#idxframe #idxnetworks {
    display: block;
    width: 960px;
    margin-bottom: 20px;
}
#idxframe #idxnetworks h3 {
    width: 960px;
    height: 27px;
    padding: 0;
    margin: 0;
    text-indent: -2000em;
    background: url(images/dri-index-networks-h3.png) no-repeat;
}
#idxframe #idxnetworks li {
    float:left;
}
#idxframe #idxnetworks a {
    display:block;
    width: 231px;
    height: 73px;
    padding: 0;
    margin: 12px 12px 0 0;
    text-indent: -2000em;
}
#idxframe #idxnetworks a#alinkdra {
    background: url(images/dri-index-dra-a.jpg) no-repeat;
}
#idxframe #idxnetworks a#alinktellnet {
    background: url(images/dri-index-tellnet-a.jpg) no-repeat;
}
#idxframe #idxnetworks a#alinktomo {
    background: url(images/dri-index-tomo-a.jpg) no-repeat;
}
#idxframe #idxnetworks a#alinkbousaikyouiku {
    background: url(images/dri-index-bousaikyouiku-a.jpg) no-repeat;
    margin: 12px 0 0 0;
}

#idxframe #idxnetworks a#alinkutility {
    background: url(images/dri-index-utility-a.jpg) no-repeat;
}
#idxframe #idxnetworks a#alinkhyogo {
    background: url(images/dri-index-hyogo-a.jpg) no-repeat;
}
#idxframe #idxnetworks a#alinkkikou {
    background: url(images/dri-index-kikou-a.jpg) no-repeat;
}
#idxframe #idxnetworks a#alinklinks {
    background: url(images/dri-index-links-a.jpg) no-repeat;
    margin: 12px 0 0 0;
}

/*  研修紹介Movie　*/
#training_movie ul {
    margin-top: 30px;
}
#training_movie ul li {
    float:left;
    display: block;
    width: 250px;
    height: 275px;
    padding: 25px 25px 0px 25px;
    margin-left: 30px;
    margin-bottom: 30px;
    background-color: #009de6;
    border-radius: 10px;
    text-align:center;
}
#training_movie ul li a {
    display: block;
    width: 250px;
    height: 100px;
    padding: 175px 0px 0px 0px;
    color: #fff;
}
#training_movie ul li a:hover {
    color: #fff;
    text-decoration:underline;
}

#training_movie ul li a#movie_opening {
    background: url(images/opening.jpg) no-repeat #009de6;
}
#training_movie ul li a#movie_topforum_pv {
    background: url(images/topforum_pv.jpg) no-repeat #009de6;
}
#training_movie ul li a#movie_manege {
    background: url(images/manege.jpg) no-repeat #009de6;
}
#training_movie ul li a#movie_special {
    background: url(images/special.jpg) no-repeat #009de6;
}
#training_movie ul li a#movie_lump {
    background: url(images/opening.jpg) no-repeat #009de6;
}

#training_movie ul li a span {
    font-size: 12px;
}


/*  研修紹介Movie　ここまで */

/*  アクセス */
.dri_access ul {
    list-style-image:url(images/dri-access_marker.png);
    margin-left: 30px;
    float: left;
}
#main .dri_links h3,
#main .dri_access h3{
    width: 894px;
    background:url(images/dri-main-h3-930.png) no-repeat;
}

/*  アクセス　ここまで */

#main div.fullframe h3{
    width: 894px;
    background:url(images/dri-main-h3-930.png) no-repeat;
}

#main h3.fullh3{
    width: 894px;
    background:url(images/dri-main-h3-930.png) no-repeat;
}

table#shinsai_story th,
table#shinsai_story td {
    padding: 5px;
}
table#shinsai_story th {
    width: 100px;
}

table#shinsai_story tr:nth-child(even) {
    background: #dddddd;
}
/****************************************

          貸出等申し込み

*****************************************/

.training_order {
}

.training_order ul#imagelist li {
    display: block;
    width: 150px;
    height: 200px;
    margin: 10px 18px;
    padding: 0;
    float: left;
}
.training_order ul#imagelist li img {
    margin: 0px 0px 5px 0px;
}
.training_order ul#imagelist li p {
    font-size: 12px;
    line-height: 15px;
    vertical-align:middle;
}

/*  研修申し込み　*/
#trainingorder {
}
#trainingorder ol.first{
}
#trainingorder ol.first p.listtitle {
    font-size: 115%;
    font-weight:bold;
    margin:15px 0px 10px 0px;
}
#trainingorder ol.second{
    list-style-type: upper-alpha;
    margin-left:20px;
}
#trainingorder ol.second p.listtitle {
    font-size: 110%;
    font-weight:bold;
    margin:10px 0px 5px 0px;
}
#trainingorder ol.third{
    list-style-type: lower-roman;
    margin-left:20px;
}
#trainingorder ol.third p.listtitle {
    font-size: 110%;
}
#trainingorder ul {
    list-style-type: circle;
    margin-left:30px;
}

#trainingorder table {
border-collapse: collapse;
}
#trainingorder table tr:nth-child(odd) {
    background: #DDDDDD;
}
#trainingorder th,
#trainingorder td {
    padding: 5px 15px;
}

/*  研修申し込み　ここまで　*/

#sitemap dt {
	border-bottom: solid 1px #aaa;
}
#sitemap dd {
	display:block;
	width: 100%;
}
#sitemap ul {
    list-style-image:url(images/dri-a-marker.png);
    list-style-position:outside;
}
#sitemap li {
	float: left;
	width: 180px;
	margin: 11px 26px;
	font-size: 80%;
}
#sitemap li:nth-child(4n+1) {
	clear: both;
}
#sitemap li a {
    padding:0;
    margin:0;
    background:none;
}


/****************************************

          index.php Main

*****************************************/

.content-box{
	float: right;
	margin-top: -0.25em;
	width: 420px;
}
	.content-box .more-link{
		margin: 0;
	}

.thumbnail-box{
	float: left;
	width: 160px;
}
	.thumbnail-box img{
		width: 160px;
		height: 160px;
	}


/****************************************

          Sidebar

*****************************************/

#sidebar .menutitle {
    font-size:15px;
    color: #fff;
    background-color:#009de6;
    /*height:15px;*/
    padding:10px 5px 10px 15px;
    margin:0;
}

#sidebar .menusubtitle {
    font-size:13px;
    line-height: 17px;
    color: #1060b0;
    margin: 15px 12px 10px 15px;
    border-bottom: dotted 1px #009de6;
    font-weight:bold;
}
#sidebar .menusubtitle a{
    padding-left: 15px;
    background: url(images/dri-submenu-group-marker.png) no-repeat center left;
    color: #1060b0;
}

#sidebar .sidebar_menu {
    margin: 15px 12px 15px 15px;
}

#sidebar .sidebar_menu li {
    font-size: 10px;
    color: #009de6;
		line-height: 1.5;
    margin-bottom: 12px;
}

#sidebar .sidebar_menu li:before {
    content: ">";
}

#sidebar .sidebar_menu li a {
    font-size: 12px;
    color: #009de6;
    text-decoration:none;
    margin-left: 1em;
}

#sidebar .sidebar_menu li a:hover {
    font-size: 12px;
    color: #009de6;
    text-decoration:underline;
}


#sidebar h2{
	margin-bottom: 10px;
	font-family: 'Josefin Sans', sans-serif;
}
/*
.widget{
	margin-bottom: 60px;
}
*/

#sidebar .widget ul{
	padding-left: 1.5em;
	list-style-position: outside;
	list-style-type: disc;
}

#sidebar-recent-posts li,
#sidebar-popular-posts li{
	margin:20px 0;
}

.sidebar-thumbnail-box{
	float: left;
	width: 75px;
}

.sidebar-recent-posts-title{
	float: right;
	width: 165px;
}
	#sidebar-recent-posts h3,
	#sidebar-recent-posts p,
	#sidebar-popular-posts h3,
	#sidebar-popular-posts p{
		margin: 0;
	}

.tagcloud a{
	white-space: nowrap;
}

#sidebar a#search_center{
display: block;
width:210px;
height: 35px;
margin: 20px 12px 15px 13px;
text-indent: -2000em;
background: url(images/dri-search_btn01.jpg) no-repeat;
}

#sidebar a#search_material{
display: block;
width:210px;
height: 50px;
margin: 0px 12px 20px 13px;
text-indent: -2000em;
background: url(images/dri-search_btn02.jpg) no-repeat;
}
/****************************************

          Footer

*****************************************/
#footer a {
    font-size: 12px;
    color: #fff;
    text-decoration:none;
}
#footer a:hover {
    text-decoration:underline;
}

#footer a#totop {
    display:block;
    width: 44px;
    height: 20px;
    padding:0 0 0 20px;
    background:url(images/dri-footer-totop.png) no-repeat;
    margin:0 0 0 896px;
    font-size: 10px;
}

#footer div#footerele {
    width: 950px;
    height: 112px;
    padding: 25px 5px 33px 5px;
    background:url(images/dri-footer-bg.png) no-repeat;
}

        #footer .alignleft,
        #footer .alignright{
            width: auto;
        }
        #footer .alignright{
            width: 400px;
        }
        #footer .alignleft{
            padding: 0 0 0 82px;
        }


#footer ul#footermenu {
    text-align:center;
}

#footer ul#footermenu li{
    display: inline;
    margin: 0px 4px;
    font-size: 11px;
}

#footer hr {
    margin: 25px 0px;
    border: 1px #fff dotted;
}

#copyright{
	padding: 20px 0;
	font-size: 80%;
}


/****************************************

          Form

*****************************************/

/*input[type="text"],*/
input[type="password"],
input[type="email"],
input[type="search"],
textarea {
	margin: 0;
	margin-bottom: 20px;
	padding: 6px 4px;
	max-width: 100%;
	width: 290px;
	outline: none;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #eee;
	color: #777;
	vertical-align: bottom;
	font-size: 13px;
}

#comment-area input[type="text"],
#comment-area textarea{
	display: block;
}

textarea {
	overflow: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #009de6;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(255,105,180,1);
 	-moz-box-shadow: 0 0 3px rgba(255,105,180,1);
	box-shadow:  0 0 3px rgba(255,105,180,1);
 	color: #444;
}

input[type="submit"],
input[type="button"] {
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   width:100px;
   height:25px;
   padding:0 3px;
   cursor:pointer;
   color:#333;
   font-weight:bold;
   background:#f5f5f5;
}

input[type="text"].searchkeyword {
    width: 250px;
    height: 10px;
    font-size: 10px;
    padding: 5px;
    border: solid 1px #ddd;
    background-color: #eee;
}

span.required {
    color: #D00;
}

table#contactform {
    width: 100%;
    border-collapse:collapse;
}

table#contactform th {
    text-align:left;
}
table#contactform th,
table#contactform td {
    padding: 10px;
}
table#contactform select,
table#contactform input[type="text"],
table#contactform input[type="email"],
table#contactform input[type="tel"],
table#contactform textarea {
    padding: 7px;
    background: #fff;
    border: 1px solid #ccc;
    margin:10px;
}

table#contactform select:focus,
table#contactform input[type="text"]:focus,
table#contactform input[type="email"]:focus,
table#contactform input[type="tel"]:focus,
table#contactform textarea:focus {
	border: 1px solid #009de6;
	background: #fff;
 	color: #444;
}


table#contactform input[type="text"],
table#contactform textarea {
    width: 90%;
}
table#contactform tr:nth-child(odd) {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}



*/
/****************************************

          WordPress Misc

*****************************************/

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
}

.wp-caption-text,
.gallery-caption{
	font-size: 80%;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}

img.alignleft {
    display: inline-block;
    margin: 0 1.5em 1em 0;
}

div.navigation a {
    background:none;
    padding:0;
}

/****************************************

          Search Results

*****************************************/
div#searchresult p.snumber{
    text-align:right;
    padding: 3px 10px;
    background-color:#009de6;
    color: #fff;
}
div#searchresult ul {
    list-style-type:none;
    margin: 20px 0px;
	padding: 0px 20px;
}
div#searchresult ul li {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
}
div#searchresult ul li p.post-meta {
    font-size: 12px;
    color: #009de6;
    text-indent: 3em;
    text-indent: 0;
}
div#searchresult div.navigation a {
    background-image:none;
    padding:0px;
    color: #009de6;
}
div#searchresult div.navigation a:hover {
    text-decoration:underline;
}

div#searchresult ul li p.post-meta-ann {
    font-size: 12px;
    color: #009de6;
    text-indent: 0;
    border-bottom: 1px dotted #009de6;
}

div#searchresult p.todetail{
    text-align:right;
    text-indent: 0;
    line-height: 15px;
}
div#searchresult p.todetail a {
    font-size:12px;
}

/****************************************

          Clearfix

*****************************************/

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
#header ul#navi:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
}


#main a.noapic {
    padding-left:0;
    background:none;
}

.f_red{
	color: #ff0000;
}
/****************************************
          tsuiki
*****************************************/
span.ttl_con{
color:#007693;
font-size:14px;
font-weight:bold;
margin-top:20px;
}
span.ttl_con2{
color:#007693;
font-size:14px;
font-weight:bold;
display:block;
margin-top:15px;
}
span.txt_con{
font-size:14px;
padding-left:6.5em;
}
span.txt_con2{
font-size:14px;
}
span.charge{
padding-left:3em;
}
span.cha6{
padding-left:6em;
}
#main dl.prgrm{
margin:0;
}
#main dl.prgrm dt{
color:#007693;
font-size:14px;
font-weight:bold;
margin:5px 0 5px;
}
#main dl.prgrm dd.main01{
margin:5px 0 5px;
padding-left:6em;
}
#main dl.prgrm dd.main02{
margin:5px 0 5px;
padding-left:13.7em;
}
#main dl.prgrm dd.charge{
padding-left:16em;
}
#main a.linkPdf {
background: url("images/icn_pdf.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
display: inline-block;
padding-right: 15px;
}
#main span.btn_con{

}
#main span.btn_con a{
color:#ffffff;
text-decoration:none;
padding:3px 20px;
background-image:none;
background-color:#007693;
}
#main span.btn_con a:hover{
color:#007693;
text-decoration:none;
padding:3px 20px;
background-image:none;
background-color:#bee5ee;
}
#main .btn_area{
margin:20px auto;
padding:10px 0;
border:1px solid #96dbec;
width:90%;
}

#main dl.prgrm1{
margin:0 0 30px 6.5em;
}
#main dl.prgrm1 dt{
font-size:14px;
font-weight:bold;
margin:5px 0 5px;
}
#main dl.prgrm1 dd{
margin:-2em 0;
padding-left:9em;
}

/*memorial20*/
#memorial20 a {
text-decoration:none;
padding:0;
background-image:none;

}

.memorial_contents{
	background:url(images/memorial20_bk.jpg);
	 width:890px;
	 height:1725px;
	 position:relative;
}

.memorial_contents .p1_1 {
	position:absolute;
	left:30px;
	top:402px;
}

.memorial_contents .p1_2 {
	position:absolute;
	left:470px;
	top:402px;
}

.memorial_contents .p1_3 {
	position:absolute;
	left:30px;
	top:513px;
}

.memorial_contents .p1_4 {
	position:absolute;
	left:470px;
	top:513px;
}

.memorial_contents .p1_5 {
	position:absolute;
	left:30px;
	top:623px;
}

.memorial_contents .p1_6 {
	position:absolute;
	left:470px;
	top:623px;
}

.memorial_contents .p2_1 {
	position:absolute;
	left:30px;
	top:855px;
}

.memorial_contents .p3_1 {
	position:absolute;
	left:30px;
	top:1070px;
}

.memorial_contents .p3_2{
	position:absolute;
	left:470px;
	top:1070px;
}

.memorial_contents .p3_3 {
	position:absolute;
	left:30px;
	top:1180px;
}

.memorial_contents .p3_4 {
	position:absolute;
	left:470px;
	top:1180px;
}

.memorial_contents .p3_5 {
	position:absolute;
	left:30px;
	top:1290px;
}

.memorial_contents .p3_6 {
	position:absolute;
	left:470px;
	top:1290px;
}

.memorial_contents .p3_7 {
	position:absolute;
	left:30px;
	top:1400px;
}

/****************************************
             for DRA
*****************************************/

#dra_banner {
    margin-top: 10px;
}

#dra_main {
	float: right;
	width: 672px;
    background-color: #fff;
    padding: 15px 15px 30px 15px;
	margin-bottom: 15px;
    border: 3px solid #A52F67;
}

#dra_sidebar {
    width: 240px;
    margin: 0 12px 12px 0;
	float: left;
}

#dra_menu {
    width: 216px;
    padding: 12px;
    background-color: #A52F67;
}

#dra_sidebar ul {
    margin: 0 8px;
}
#dra_sidebar ul a {
    color: #fff;
    text-decoration: none;
}
#dra_sidebar ul a:hover {
    color: #fff;
    text-decoration: underline;
}

#dra_sidebar hr {
    margin: 13px 0px 0px 0px;
}

h2#dra_jp {
    text-indent: -2000em;
    width: 216px;
    height: 130px;
    background: url(images/dra/h2_jp.png);
    margin-bottom: 12px;
}

ul#dra_menu_jp li {
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 15px;
}

h2#dra_en {
    text-indent: -2000em;
    width: 216px;
    height: 24px;
    background: url(images/dra/h2_en.png);
    margin: 12px 0;
}

ul#dra_menu_en li {
    text-align: left;
    padding: 10px 0;
}

#dra_sidebar img.dra_banner {
    margin-top: 15px;
}

p.attention_large {
	font-size: 16px;
font-weight: bold;
margin: 1em 0;
}

/* 震災資料集 */
.books_pdf{
margin:20px 0;
text-align:center;
}

/* テキスト関連 */
.mB10{
margin-bottom:10px;
}
.underline{
text-decoration:underline;
}


/* 研究員詳細プロフ　追加 */
.prof_table{
width:100%;
}
.prof_table th,.prof_table td{
vertical-align:top;
}

/*2017企画写真展*/
.syashin_list{
	overflow: hidden;

}
.syashin_list li{
float: left;
width: 33%;
text-align: center;
}


/*電話番号ページ　追加*/
/*.tel_list p{
	text-align: center;
}*/
.tel_list ul{
	font-size: 25px;
margin: 50px auto;
width: 430px;

}

/*校外学習・修学旅行をお考えの方へ*/
.campus-learning{
    padding: 30px 20px 50px 20px;
}
#floorframe #application .campus-learning h2{
    display: block;
    text-align: center;
}
#floorframe #application .campus-learning .textarea{
    background: #f5f5f5;
    border: 3px solid #e5e2e2;
    padding: 20px;
    font-weight: bold;
}
#floorframe #application .campus-learning .textarea p{
    font-weight: bold;
    line-height: 1.8em;
}
#floorframe #application .campus-learning .g-menu{
    margin: 20px 0;
}
#floorframe #application .campus-learning .g-menu .menu01{
    overflow: hidden;
    background: #e9fced;
    margin: 0 -38px;
    padding: 10px 40px;
}
#floorframe #application .campus-learning .g-menu .menu01 li{
    float: left;
    padding-left: 15px;
    margin-right: 57px;
    background: url(contentimages/campus/gmanu-icon.png) no-repeat;
    background-position: 0 7px;
}
#floorframe #application .campus-learning .g-menu .menu01 li:nth-child(5){
    margin: 0;
}
#main #floorframe #application .campus-learning .g-menu .menu01 li a{
    color: #333;
    padding: 0;
    background: none;
}
#main #floorframe #application .campus-learning .g-menu .menu02 li a{
    color: #333;
    padding: 0;
    background: none;
}
#floorframe #application .campus-learning .g-menu .menu02{
    overflow: hidden;
    padding: 20px 0 0 0;
}
#floorframe #application .campus-learning .g-menu .menu02 li{
    float: left;
    margin-left: 10px;
}
.menu02flow{
    float: right;
}
#floorframe #application .campus-learning .cl_contets{
    padding: 0 0 50px 0;
}
#floorframe #application .campus-learning .cl_contets h3{
    background: none;
    width: 900px;
    height: 78px;
    padding: 0;
    margin: 0;
}
#floorframe #application .campus-learning .cl_contets .contets01{
    padding: 20px 0 0 0;
}
#floorframe #application .campus-learning .cl_contets .contets01 ul{
    overflow: hidden;
}
#floorframe #application .campus-learning .cl_contets .contets01 li{
    float: left;
    margin-right: 10px;
}
#floorframe #application .campus-learning .cl_contets .contets01 li p{
    width: 286px;
    line-height: 1.6em;
}
#floorframe #application .campus-learning .cl_contets .contets01 li:nth-child(3){
    margin: 0;
}
#floorframe #application .campus-learning .cl_contets .contents02 dl{
    overflow: hidden;
}
#floorframe #application .campus-learning .cl_contets .contents02 dt{
    float: left;
    margin: 0;
}
#floorframe #application .campus-learning .cl_contets .contents02 dd{
    float: left;
    color: #3aab52;
    font-weight: bold;
    padding: 7px 0 0 5px;
    margin: 0;
}
#floorframe #application .campus-learning .cl_contets .contents02{
    padding: 20px 0 0 0;
}
#floorframe #application .campus-learning .cl_contets .contents02 ul{
    overflow: hidden;
}
#floorframe #application .campus-learning .cl_contets .contents02 li{
    float: left;
    margin-right: 20px;
}
#floorframe #application .campus-learning .cl_contets .contents02 li:nth-child(2){
    margin: 0;
}
#floorframe #application .campus-learning .cl_contets .contents02_2 li{
    float: none;
}
#floorframe #application .campus-learning .cl_contets .contents03{
    padding: 20px 0 0 0;
}
#floorframe #application .campus-learning .cl_contets .contents04{
    padding: 20px 0 0 0;
}
#floorframe #application .campus-learning .cl_contets .contents04 .map360{
    background: url(contentimages/campus/icon360.png) no-repeat;
    height: 38px;
    padding: 12px 0 0 45px;
    margin: 5px 0 0 0;
}
#floorframe #application .campus-learning .cl_contets .contents04 p{
  display: none;
}
#floorframe #application .campus-learning .cl_contets .contents05 ul{
    overflow: hidden;
    padding: 20px 0 0 0;
}
#floorframe #application .campus-learning .cl_contets .contents05 li{
    float: left;
    margin-right: 37px;
}
#floorframe #application .campus-learning .cl_contets .contents05 li p:before{
    content: "▲";
    color: #333;
    font-size: 12px;
    margin-right: 3px;
}
#floorframe #application .campus-learning .cl_contets .contents05 li:nth-child(3){
    margin: 0;
}
#floorframe #application .campus-learning .cl_contets .contents06{
    overflow: hidden;
}
#acMenu dt{
    display:block;
    line-height:50px;
    cursor:pointer;
    color: #3aab52;
    font-size: 18px;
    padding: 10px 0 10px 1em;
    margin: 20px 0 0 0;
    background: #f5f5f5 url(contentimages/campus/qaicon.png) no-repeat;
    background-position: right 20px top 29px;
    }
#acMenu .active{
  background: #f5f5f5 url(contentimages/campus/qaicon_on.png) no-repeat;
  background-position: right 20px top 29px;
}
#acMenu dd{
    background:#f5f5f5 ;
    display:none;
    margin: 0;
    padding: 0 30px 20px 30px;
    }
#acMenu dd .answer{
        overflow: hidden;
        padding: 10px 0 20px 0;
    }
#acMenu dd .answer .left{
    float: left;
    width: 375px;
    line-height: 2em;
}
#acMenu dd .answer .right{
    float: right;
    width: 420px;
}
#floorframe #application .campus-learning .cl_contets2 .contents07{
    border: 2px solid #3aab52;
    background: #e9fced;
}
#floorframe #application .campus-learning .cl_contets2 .contents07{
    padding: 30px;
}
#floorframe #application .campus-learning .cl_contets2 .contents07 p{
    color: #3aab52;
    font-size: 24px;
    font-weight: bold;
}
#floorframe #application .campus-learning .cl_contets2 .contents07 ul{
    padding: 10px 0 0 0;
}
#floorframe #application .campus-learning .cl_contets2 .contents07 li{
    line-height: 1.5em;
}
#floorframe #application .campus-learning .cl_contets2 .contents07 li a{
    background: none;
    padding: 0;
}
/*ポップアップ*/
#cboxOverlay {
    background: #000;
}
#cboxLoadedContent {
    background: #fff;
}
#cboxLoadedContent {
  padding: 0;
  overflow: auto;
    -moz-box-shadow: 0px 1px 10px #000000;
    -webkit-box-shadow: 0px 1px 10px #000000;
    box-shadow: 0px 1px 10px #000000;
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose , #cboxTitle {
  top: -30px;
}
#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: visible ;
}
#cboxTitle {
  color: #fff;
}
#inline-content {/* インラインを使用する時のみ */
    margin: 20px;
}
#ajax-wrap {/* ajaxを使用する時のみ */
  margin: 20px;
}

#cboxClose{
	top: 101%;
}

.cboxIframe{
	z-index: 9999;
position: absolute;
}

.map360_img{
	position: relative;
width: 878px;
height: 556px;
}
#main .map360_img a{
background: none;
padding-left:0;
}

.map360_011{
	position: absolute;
	top: 180px;
	right: 576px;
}
.map360_012{
	position: absolute;
	top: 180px;
	right: 270px;
}
.map360_021{
	position: absolute;
	top: 200px;
	right: 10px;
}
.map360_022{
	position: absolute;
	top: 200px;
	right: 236px;
}
.map360_031{
	position: absolute;
	top: 410px;
	right: 655px;
}
.map360_032{
	position: absolute;
	top: 343px;
	right: 688px;
}
.map360_041{
	position: absolute;
	top: 380px;
	right: 10px;
}
.map360_042{
	position: absolute;
	top: 320px;
	right: 124px;
}

/*シータ追加*/
.view360{
	margin-bottom: 20px;
}
.tab{
	overflow:hidden;
}
.tab li{
	background:#b7e2f8;
	padding:5px 20px;
	float:left;
	margin-right:1px;
	transition:opacity 0.3s ease-in-out;
	cursor: pointer;
}
.tab li:hover{
opacity: 0.6;
}
.tab li.select{
	background:#e2f3fc;
}
.content,.tab{
	margin: 0 20px
}
.content li{
	background:#e2f3fc;
	padding:20px;
}
.hide {
	display:none;
}
.ricoh-theta-spherical-image{
	margin: 0 auto!important;
}

#main .mailmaga h3{
	margin-top: 60px;
}