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

@media only screen and (min-width: 320px) and (max-width: 768px) {
/****************************************

1.common

*****************************************/
html {
	font-size: 62.5%;
	}
body {
	font-size: 1.4rem; //14px
	}
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
	}
#wrapper{
	margin: 0 auto;
	padding: 0;
	width:auto;
	}
	
/* header
--------------------------------------- */
#header {
	margin: 5px 0 0;
	padding: 0;
	width:auto;
	}
#header h1 {
	float:none;
	height: auto;
	width: 270px;
	margin: 0 0 5px;
	}
#headNav {
	float:none;
	width: 100%;
	padding: 3px 0 6px 2px;
	border-bottom: solid 3px #000;
	background: url(images/background/bg_black.png);
	overflow : hidden;
	_zoom:1;
	}
#headNav .menu-headermenu-container {
	float: left;
	margin: 5px 0 0;
	font-size: 1.1rem;
	}
#headNav .menu-headermenu-container li {
	display:inline;
	}
#headNav .menu-headermenu-container li a {
	background: url(images/header/arrow.png) no-repeat left center;
	padding: 0 0 0 13px;
	color: #FFF;
	}
#headNav .menu-headermenu-container li a:hover,
#headNav .menu-headermenu-container li a:active {
	background: url(images/header/arrow_on.png) no-repeat left center;
	}
#headNav .menu-headermenu-container li#menu-item-8720  {
	display:none;
	}
#headNav ul#elsenav {
	float:right;
	color:#FFF;
	margin: 0 2% 0 0;
	padding: 0;
	overflow : hidden;
	_zoom:1;
	}
#headNav ul#elsenav li {
	float: right;
	width: 80px;
	}

/* search  */
form#searchform {
	display: none;
	}

/* nav
--------------------------------------- */
#nav {
	padding-top: 0;
	}
#nav ul#menu-globalmenu {
	overflow : hidden;
	_zoom:1;
	}
#nav ul#menu-globalmenu li.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
	}
#nav ul#menu-globalmenu li.nav-item a {
	display:block;
	color:#FFF;
	padding:9px 0 9px 10px;
	background: url(images/background/bg_black.png);
	border-bottom:1px solid #CCC;
	}
#nav ul#menu-globalmenu li.nav-item > a:hover {
	background:#00B0EC;
	}
#nav ul#menu-globalmenu li.nav-item :hover .sub-menu {
	display:block;
	}
	
/* Navigation submenu */
.sub-menu {
	display:none;
	position:absolute;
	left:40px;
	}
.nav-submenu-item a {
	background:#000;
	display:block;
	padding:10px 15px 10px 35px;
	}
.nav-submenu-item a:hover {
	background:#932C77;
	}
/* Mobile navigation */
.nav-mobile {
	display:none;
	cursor:pointer;
	position:absolute;
	top:12px;
	right:10px;
	background: url(images/sm/menu.png) no-repeat center center;
	height:28px;
	width:40px;
	}
/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {
	position:absolute;
	top:0;
	right:0;
	display:none;
	border-left:1px solid #FFFFFF;
	height:40px;
	width:40px;
	cursor:pointer;
	}
.nav-click i {
	display:block;
	height:40px;
	width:40px;
	background:url(images/header/drop.png) no-repeat center center;
	background-size:18px;
	}
.nav-click:hover {
	background-color:#00B0EC;
	}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	}
	
/*------------------------------------*\
    Media Queries
\*------------------------------------*/
.nav-mobile {
	display:block;
	}
#nav {
	width:100%;
	padding:0;
	}
ul#menu-globalmenu {
	display:none;
	margin-bottom: 0;
	}
.nav-item {
	width:100%;
	float:none;
	}
.nav-item > a {
	padding:15px;
	}
.nav-click {
	display:block;
	}
.nav-mobile-open {
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	}
.nav-item:hover .sub-menu {
	display:none;
	}
.sub-menu {
	position:static;
	width:100%;
	}
#nav ul#menu-globalmenu li.nav-item ul li a {
	border-bottom:1px dotted #FFF;
	padding-left: 35px;
	background: #333;
	}
#nav ul#menu-globalmenu li.nav-item ul li a:hover {
	background:#00B0EC;
	}
#nav ul#menu-globalmenu li.nav-item ul li ul li a {
	padding-left:55px;
	background:#333 url(images/header/arrow.png) no-repeat 98% center;
	background-size:12px;
	}
#nav ul#menu-globalmenu li.nav-item ul li ul li a:hover {
	background:#000 url(images/header/arrow_on.png) no-repeat 98% center;
	background-size:12px;
	}
#nav ul li ul li.icon_url a {
	background: url(images/main/icon_url_on.png) no-repeat right center #333 !important;
	}
#nav ul li ul li.icon_url a:hover {
	background: url(images/main/icon_url.png) no-repeat right center #000 !important;
	}

/* main
--------------------------------------- */
#main {
	margin: 0 0 10px 0;
	font-size: 1.4rem;
	}
#main #mainContent {
	float: none;
	width: 100%;
	}
#main #mainContent h2 {
	font-size: 1.8rem;
	padding: 15px 0;
	font-weight:bold;
	}
#main #mainContent h3 {
	padding: 6px 10px;
	font-size: 1.8rem;
	font-weight:bold;
	}
#main .topicpath {
	font-size: 1.2rem;
	}
#main #mainContent .contentsList .subtitle a.icon_url {
	background: url(images/main/icon_url_on.png) no-repeat right center #00B0EC !important;
	padding-right: 25px;
	}
#main #mainContent .icon_url {
	padding-right: 25px;
	background: url(images/main/icon_url.png) no-repeat right center;
	}
figure.left,
figure.right,
.imgRight{ float:none;clear:both;text-align:center;margin:5px auto 5px;padding:0;}

	
/* side
--------------------------------------- */
#main #side {
	float: none;
	width: 100%;
	margin: 20px 0;
	border-bottom: solid 8px #E7E7E7;
	border-top: solid 8px #E7E7E7;
	}
#main #side h2 {
	display: none;
	}
#main #side ul {
	border:none;
	}
#main #side ul li {
	font-size:1.7rem;
	}
/* Navigation submenu*/ 
#main #side .sub-menu {
	display:block;
	}
#main #side ul li ul {
	margin-left: 20px;
	border: none;
	}
#main #side ul li ul li {
	border-top: dotted 1px #E7E7E7;
	font-size:1.5rem;
	}
#main #side ul li ul li a {
	padding: 6px 0 5px 7px;
	background: url(images/side/arrow.png) no-repeat left center;
	}
#main #side ul li.icon_url{
	background: url(images/main/icon_url.png) no-repeat 202px center /*#EEEEEE*/ !important;
	}
#main #side ul li.icon_url a:hover {
	color:#FFF;
	background: #00B0EC url(images/side/l-nav_arrow_url.png) no-repeat left center;
	}
	
#wrapper .peopleBanner{
	position: fixed;
	bottom: 20px;
	left: 0px;
	z-index: 2001;
	}

/* pageTop  */
#wrapper .pageTop{
	bottom: 10px;
	right: 10px;
	}
	
/* footer
--------------------------------------- */
#footerArea {
	margin: 5px 0 0;
	padding: 10px;
	}
#footerArea h3 {
	margin-bottom:0;
	font-size: 1.6rem;
	}
#footerArea .address {
	font-size: 1.2rem;
	}
#footerArea .address span {
	padding: 0 0 0 5px;
	}
#footerArea .sitemapbox {
	display: none;
	}
#footer {
	margin: 0 10px 10px;
	}
#footer .copyright {
	float:none;
	padding: 5px 0;
	font-size: 0.8rem;
	}
#footer .banner {
	float:none;
	}
/****************************************

2.toppage

*****************************************/
#main-imgArea  {
	height: auto;
	padding:10px;
	background: url(images/topimg/main.jpg) no-repeat left top;
	}
	
/* slider
*********************************/
#main-imgArea .flexslider{
	width:100%;
	}
#main-imgArea .contents{
	color: #FFF;
	background-image: url(images/topimg/contents_back.png);
	padding:2.5%;
	height:240px;
	width:95%;
	}
#main-imgArea .Map{
	background: url(images/topimg/map.png) no-repeat center center;
	margin:-15px 0;
	padding:15px 0;
	height:240px;
	width:830px;
	}

#main-imgArea .Map div { float: left;width: 22%;margin: 0 2%;}
#main-imgArea .Map div.asia { width: 44%;margin: 0 2%;}
#main-imgArea .Map h3 { clear: both;margin-bottom: 0 !important;text-shadow: 1px 1px 0px #333; }
#main-imgArea .Map ul { overflow: hidden;margin-bottom: 15px;}
#main-imgArea .Map ul li { float: left; margin-right:15px; }

#main-imgArea .more {
	width: 90px; float:right; margin-top:5px;
	}
#main-imgArea .slides h2{
	background: url(images/topimg/h2.gif) no-repeat left top;
	color:#00B0EC;
	font-size:120%;
	line-height: 1.0em;
	padding: 2px 0 3px 11px;
	margin:0 0 10px 0;
	text-shadow: 1px 1px 0px #fff;
	}
#main-imgArea .slides h3{
	font-size:110%;
	margin:0 0 10px 0 ;
	}
#main-imgArea .contents .image{
	float:left;
	width:100px;
	margin:0 10px 15px 0 ;
	height: auto;
	overflow: hidden;
	}
#main-imgArea .contents .image img{
	max-width:100px;
	height:auto;
	}
#main-imgArea .contents .image.president{
	float:left;
	width:100px;
	margin:0 10px 15px 0 ;
	height:auto;
	overflow: hidden;
	}
#main-imgArea .contents .image.president img{
	max-width:100px;
	height:auto;
	}

#main-imgArea .contents p {
	margin:0 0 2px 0 ;
	font-size:85%;
	line-height:1.5em;
	}
#main-imgArea .contents p.nopic {
	height:124px;
	overflow:hidden;
	}
#main-imgArea .contents p img {
	width: auto;
	height:auto;
	}
#main-imgArea .contents a{
	color:#ff6600;
	text-shadow: 1px 1px 0px #333;
	}

/* message
*********************************/
#main .ssmessage p {
	text-align: left;
	padding: 7px 3px 6px;
	line-height: 1.2em;
	font-size: 0.8em;
	}
/* Linkbanner
*********************************/
#main .Linkbanner {
	margin: 7px auto 8px;
	width: 100%;
	}	
#main .Linkbanner .bannerBox {
	width: 48%;
	margin: 0 1% 8px;
	}
#main .Linkbanner .bannerBox a {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
	}
#main .Linkbanner .bannerBox p {
	display: inline;
	}
#main .Linkbanner .bannerBox p.thumb {
	width: 100%;
	display: table-cell;
        vertical-align: middle;
	text-align: left;
	}
/* links
*********************************/
#main div#news01 {
	float: none;
	}
#main div#news02 {
	float: none;
	}

.home #main .news {
	width: auto;
	margin: 0 3px;
	}
.home #main .news h3 span{
	width: 35%;
	margin: 0 5px 0 0;
	}
.home #main .news dl dt {
	float: none;
	width: auto;
font-size: 0.9em;
	}
.home #main .news dl dd {
	float: none;
	width: 100%;
	border-bottom: solid 2px #EDEDED;
	padding-bottom: 2px;
	margin-bottom: 5px;
	}

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

3.main　common

*****************************************/
/* side
*********************************/
#main #side ul li a:hover,
#main #side ul li a:active,
#main #side ul li span,
#main #side ul li.current-menu-item a,
.single-publication #main #side ul li.publication a,
.single-compensation-law #main #side ul li.compensation-law a,
.single-hoshasen #main #side ul li.radiation a,
.single-annual #main #side ul li.understanding a,
.single-data-archives #main #side ul li.data-archives a,
.single-data-oversea #main #side ul li.oversea-data a,
.single-data-japan #main #side ul li.japan-data a,
.single-format-standard #main #side ul li.information a,
.single-format-standard #main #side ul li.message a,
.category-message #main #side ul li#menu-item-8715 a,
.term-symposium #main #side ul li.symposium a,
.term-approach #main #side ul li.approach a,
.term-energy-policy #main #side ul li.energy-policy a,
.page-id-2003 #main #side ul li.media a,
.page-id-8290 #main #side ul li.activity a,
.page-id-2278 #main #side ul li.publication a,
.page-id-2276 #main #side ul li.publication a,
.page-id-8244 #main #side ul li.publication a {
	color:#FFF;
	text-decoration: none;
	background: #00B0EC url(images/side/l-nav_arrow.png) no-repeat left center;
	}
#main #side ul li ul li a:hover,
#main #side ul li ul li a:active,
#main #side ul li ul.sub-menu li a:hover,
#main #side ul li ul.sub-menu li a:active,
#main #side ul li ul.sub-menu li.current-menu-item a,
.page-template-news-php #main #side ul li ul.sub-menu li.newspaper a,
.single-format-standard #main #side ul li ul.sub-menu li.newspaper a,
.page-template-wnu_si-php #main #side ul li ul.sub-menu li.wnu_si a,
#main #side ul li ul.sub-menu li.current-page-ancestor a,
.category-japan #main #side ul li ul.sub-menu li.newspaper a,
.category-oversea #main #side ul li ul.sub-menu li.newspaper a ,
#main .other #side ul li ul.sub-menu li.fukushima a,
.page-template-fukushima-php #main #side ul li ul.sub-menu li.fukushima a {
	color:#00B0EC;
	text-decoration: none;
	background: url(images/side/arrow.png) no-repeat left center;
	}
#main #side ul li ul.sub-menu li a,
.single-format-standard #main .other #side ul li ul.sub-menu li.newspaper a {
	background: url(images/side/arrow.png) no-repeat left center !important;
	color:#333;
	}
#main .eastasia #side ul li.cooperation a,
#main .france-archives #side ul li.oversea a,
#main .russian-archives #side ul li.oversea a,
#main .atomexpo #side ul li.oversea a,
#main .korea-archives #side ul li.oversea a,
#main .taiwan-archives #side ul li.oversea a,
#main .others-archives #side ul li.oversean a,
#main .iaea-cooperation #side ul li.iaea a,
#main .btob #side ul li.btob a,
.single-area #main .symposium #side ul li.symposium a,
.single-area #main .approach #side ul li.approach a,
.single-area #main .fukushima-support #side ul li.fukushima-support a,
.single-area #main .energy-policy #side ul li.energy-policy a{
	color:#FFF;
	text-decoration: none;
	background: #00B0EC url(images/side/l-nav_arrow.png) no-repeat left center;
	}
#main .iaea-cooperation #side ul li#menu-item-8724 ul li a{
	color:#333;
	}

/* mainContent 次階層目次
*********************************/
#main #mainContent .Box {
	margin: 5px;
	}
#main #mainContent ul.arrowlist,
.page-template-activity-php #main #mainContent ul.menu {
	margin: 10px 10px 10px 15px;
	}
#main #mainContent ul.arrowlist li,
.page-template-activity-php #main #mainContent ul.menu li {
	background-position:left 1.2em;
	}
#main #mainContent ul.twocolumn li  {
	float: none;
	width: 100%;
	}
#main #mainContent .info {
	margin-top: 20px;
	}
/* table
*********************************/
#main #mainContent table {
	margin: 20px 5px 30px 5px;
	width: 96%;
	}

/* カテゴリートップ
*********************************/
#main #mainContent .contentsBox {
	padding: 0;
	}
#main #mainContent #index .contentsList {
	float: none;
	display: inherit;
	width: 96%;
	}
#main #mainContent #index .contents-inner {
	margin: 0 5px;
	}
#main #mainContent #index .contents-inner img {
	float: right !important;
	margin: 0 10px 10px; 
	/* box-shadow */
	box-shadow:rgba(158, 158, 158, 0.65098) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(158, 158, 158, 0.65098) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(158, 158, 158, 0.65098) 0px 0px 3px 1px;
	behavior: url(/PIE.htc);
	}
#main #mainContent .contentsList .subtitle {
	padding-left: 4px;
	margin-bottom: 4px;
	background:#00B0EC;
	color: #FFF;
	padding: 5px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	}
/* ニュース
*********************************/
/* 原子力産業新聞  */
.NewsRight { 
	float:none;
	width:100%;
	}
.NewsLeft {
	float:none;
	width:100%;
	}
.page-id-242 #main #mainContent .imgRight {
	float:right;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	margin: 40px 15px 15px 20px;
	width:40%;
	}
.page-template-news-php a.btn_entry {
	font-size: 1.2rem;;
	padding: 5px 2px;
	margin-left:-40px;
	}
.page-template-news-php a.btn_entry:hover {
	padding: 5px 2px;
	}

/* メディアとの連携  */
.page-id-319 #main #mainContent table {
	margin: 20px 0 ;
	}
.page-id-319 #main #mainContent table th,
.page-id-319 #main #mainContent table td {
	padding: 5px;
	}
.page-id-319 #main #mainContent table td img {
	width: 80%;
	}

/* 福島地域情報  */
.boxLeft {
	position: relative;
	top:0px;
	left:0px;
	margin: 5px 5%;
	}

.boxRight {
	position: relative;
	top:0px;
	right:0px;
	margin: 5px 5%;
	}

/* 海外との交流
*********************************/
/* IAEAとの協力[資料]  */
.page-id-2940 #main #mainContent .imgRight {
	float: none;
	margin: 0 150px 0 0;
	}

/* 地域・社会の理解へ
*********************************/
/* 福島復興・支援  */
.page-template-fukushima-support #main #mainContent .imgRight {
	float: none;
	margin: 0 0 20px 10px;
	}
/* 放射線の基礎知識  */
.page-id-273 #main #mainContent table th,
.page-id-273 #main #mainContent table td {
	padding: 5px;
	}
.page-id-273 #main #mainContent table td img {
	width: 80%;
	}

/* 人材育成に向けて
*********************************/
/* 向坊隆記念国際人育成事業  */
.page-id-242 #main #mainContent p {
	margin: 10px 0 20px;
	}

/* データ集
*********************************/
/* 原子力関係会議一覧  */
.page-id-216  #main #mainContent table {
	margin: 20px 0 30px 5px;
	}
.page-id-216  #main #mainContent table th,
.page-id-216 #main #mainContent table td {
	padding: 0;
	}

/* 原産協会について
*********************************/
/* 原子力産業安全憲章  */
#main #mainContent .contentsBox  dl.charterBox>dt {
	float: none;
	width: 100%;
	}
/* 一般社団法人 日本原子力産業協会のあゆみ  */
.page-id-20 #main #mainContent table {
	margin: 20px 0 30px 0;
	}
.page-id-20 #main #mainContent table th,
.page-id-20 #main #mainContent table td {
	padding: 0;
	}
/* 主な活動  */
.page-id-145 #main #mainContent .sub-menu {
	display:block;
	}

/* ページャー  */
div.pager a,
div.pager span {
	padding:3px 5px;
	}

/* norg */

img.w650 {
	width: 100%;
	height: auto;
}
#main #mainContent.norg .floatLeft,
#main #mainContent.norg .floatRight {
	margin-bottom: 10px;

}
.norg-right,
.norg-right2,
.norg-right3 {
	clear: both;
	float: clear;
	width: 100%;
	margin-right: 0px;
	padding-bottom: 10px;
}

.norg-left {
	clear: both;
	float: clear;
	width: 100%;
	margin-left: 0px;
	padding-bottom: 10px;
}
#main #mainContent.norg .blown p {
	padding: 10px;
	line-height: 2;
}

.video_contents {
    float:none;
    width: 100%;
    margin-right:0px;}

#main #mainContent iframe {
    width: 100%;
	height:auto;
}

.side_video {
	clear:both;
    float:none;
    width: 100%;
	overflow:hidden;
    }
.side_video h3 {
    margin-bottom: 10px;
    }
.page-id-25897 ul.special li {
	float:left;
	width: 47%;
}
.page-id-307 ul.special {
   overflow:hidden;
}
.page-id-307 ul.special li {
    margin-left: 0 !important;
    margin-right: 5px;
	clear: none;
	float:left;
	width: 47%;
}
	 #main #mainContent .Box.members a.btn,
	#main #mainContent .Box.members a.old-btn{ width: 80%;}
	
	
}