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

Print Break Points

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

@media print{
	h2 { page-break-before: always !important; }
	body { background: none;　}
	#headBody { display:none; }
	#BreadCrumbPane { display:none; }
	#contentWrap { zoom: 0.98 !important; }
	#sideWrap { display:none;  }
	#footBody { display:none; }
	.sp-pagetop { display:none; }
	#skin2Columns_en, #skin1Column_en { background: none; }

	/* Chrome Hack */
	@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
		#contentWrap { width:100%!important; }
	}
	/* Firefox Hack */
	@-moz-document url-prefix() {
		#contentWrap { width:100%!important; }
	}
}

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

Contents BG Color

----------------------------------------------------------------------*/
.bg-01 a, .bg-02 a, .bg-03 a, .bg-04 a, .bg-05 a, .bg-06 a,
.bg-07 a, .bg-08 a, .bg-09 a, .bg-10 a, .bg-11 a, .bg-12 a {
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	background-color: #fff;
	border: #474747 1px solid; 
}

.bg-01 a { border-left: #d06d8c 5px solid; }
.bg-02 a { border-left: #ebcc00 5px solid; }
.bg-03 a { border-left: #c93a40 5px solid; }
.bg-04 a { border-left: #de9610 5px solid; }
.bg-05 a { border-left: #d16b16 5px solid; }
.bg-06 a { border-left: #56a764 5px solid; }
.bg-07 a { border-left: #a0c238 5px solid; }
.bg-08 a { border-left: #65ace4 5px solid; }
.bg-09 a { border-left: #0074bf 5px solid; }
.bg-10 a { border-left: #DFD000 5px solid; }
.bg-11 a { border-left: #9460a0 5px solid; }
.bg-12 a { border-left: #cc528b 5px solid; }

.bg-01 a:hover { background-color: #d06d8c; border: #d06d8c 1px solid; border-left: #d06d8c 5px solid; }
.bg-02 a:hover { background-color: #ebcc00; border: #ebcc00 1px solid; border-left: #ebcc00 5px solid; }
.bg-03 a:hover { background-color: #c93a40; border: #c93a40 1px solid; border-left: #c93a40 5px solid; }
.bg-04 a:hover { background-color: #de9610; border: #de9610 1px solid; border-left: #de9610 5px solid; }
.bg-05 a:hover { background-color: #d16b16; border: #d16b16 1px solid; border-left: #d16b16 5px solid; }
.bg-06 a:hover { background-color: #56a764; border: #56a764 1px solid; border-left: #56a764 5px solid; }
.bg-07 a:hover { background-color: #a0c238; border: #a0c238 1px solid; border-left: #a0c238 5px solid; }
.bg-08 a:hover { background-color: #65ace4; border: #65ace4 1px solid; border-left: #65ace4 5px solid; }
.bg-09 a:hover { background-color: #0074bf; border: #0074bf 1px solid; border-left: #0074bf 5px solid; }
.bg-10 a:hover { background-color: #DFD000; border: #DFD000 1px solid; border-left: #DFD000 5px solid; }
.bg-11 a:hover { background-color: #9460a0; border: #9460a0 1px solid; border-left: #9460a0 5px solid; }
.bg-12 a:hover { background-color: #cc528b; border: #cc528b 1px solid; border-left: #cc528b 5px solid; }

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

Visitors_class

----------------------------------------------------------------------*/
.modules {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

.modules:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.caption {
	color: #fff;
	line-height: 180%;
	max-height: 100px;
	font-weight:600;
}

.tb {
	display: table;
	top: 0px;
	width: 232px;
	max-height: 100px;
}

.tb:after{
	clear: both;
}

.caption-title {
	display: table-cell;
	font-size: 124%;
	text-align: left;
	vertical-align:middle;
	line-height: 130%;
	padding: 0 10px 0 13px;
	font-weight: 600;
	font-family: Garamond, Century, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}


/* IE Hack */
@media all and (-ms-high-contrast:none){
  .caption-title {
     font-size: 124%;
	 line-height: 120%;
  }
}

.image {
	height: 80px;
	width: 80px;
	overflow: hidden;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	float:right;
	margin:10px 13px 10px 0;
	background:#FFF;
}

.image img {
	max-width: 160px;
	/*height: auto;*/
	margin-left: -50%;
	margin-top: 0%;
}

ul#support-menu {
	max-width: 708px;
	margin: 0 auto!important;
}

ul#support-menu li {
	position: relative;
	float: left;
	width: 232px;
	margin: 3px 2px!important;
	padding: 0;
	list-style-type: none;
	*zoom: 1;
}

ul#support-menu li a{
	display: block;
	line-height: 1;
	text-decoration: none;
	color: #474747;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

ul#support-menu li a:hover {
	color: #fff;
}


ul#support-menu li a:hover img {
	opacity: 0.75;
}

ul#support-menu li:before, ul#support-menu li:after{
	content: "";
	display: table;
}

ul#support-menu li:after{
	clear: both;
}

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

h2_Background

----------------------------------------------------------------------*/
h2 { max-height:32px; }

.h2-bg01 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg01.png) no-repeat right top; }
.h2-bg02 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg02.png) no-repeat right top; }
.h2-bg03 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg03.png) no-repeat right top; }
.h2-bg04 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg04.png) no-repeat right top; }
.h2-bg05 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg05.png) no-repeat right top; }
.h2-bg06 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg06.png) no-repeat right top; }
.h2-bg07 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg07.png) no-repeat right top; }
.h2-bg08 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg08.png) no-repeat right top; }
.h2-bg09 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg09.png) no-repeat right top; }
.h2-bg10 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg10.png) no-repeat right top; }
.h2-bg11 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg11.png) no-repeat right top; }
.h2-bg12 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg12.png) no-repeat right top; }
.h2-bg13 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg13.png) no-repeat right top; }
.h2-bg14 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg14.png) no-repeat right top; }
.h2-bg15 { background: url(/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom, url(../images/h2-bg15.png) no-repeat right top; }
/*
h2 {
    clear: both;
    margin: 0 0 20px;
    padding: 10px 0px 10px 5px;
    font-size: 192%;
    font-weight: normal;
    line-height: 110%;
    background: url(http://www.aist.go.jp/Portals/0/images/common/bg_h2.gif) repeat-x 0 bottom;
}

h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}
*/