@charset "UTF-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* CSS font */
@import "font_style.css";
@media print, screen and (min-width:800px){

/*---------- commonの指定 ----------*/
body {
margin:0px !important;padding:0px !important;
text-align:left;font-size:1.0rem !important;line-height:1.5rem;letter-spacing:0.1px;
color:#666 !important;
background:url(../img/common_img/back_ground.jpg);
}
	#fix_bnr{
		position:absolute;
		top: 105px;
		right: 50%;margin-right: -600px;
		width: 100px;
		height: 180px;
		background-color: rgba(255,255,255,1.0);
		padding: 5px 20px 0px;
		z-index: 9999;
	}#fix_bnrs{
		position:absolute;
		top: 105px;
		right: 50%;margin-right: -600px;
		width: 100px;
		height: 184px;
		background-color: rgba(255,255,255,0.0);
		padding: 5px 20px 0px;
		z-index: 9999;
	}
	#fix_bnrx{
		position:absolute;
		top: 105px;
		right: 50%;margin-right: -550px;
		width: 163px;
		height: auto;
		background-color:rgba(20,140,30,0.5);
		 padding: 10px 10px;
		z-index: 9999;}
span.subText {
font-size: 50%;
vertical-align: bottom;
position: relative;
top: 0.1em;
}
img{vertical-align: bottom;}
nav{width:100%;height:auto;margin:0px auto;}
section{width:100%;height:auto;margin:0px auto;}
article{width:100%;height:auto;margin:0px auto;}
figure{width:100%;height:auto;margin:0px auto;}
figcaption{width:100%;height:auto;margin:0px auto;}
p.alr{ font-size:15px;line-height:1.5rem; margin:0px; padding:0px;text-align:right;}
ul{list-style:none;}
.pc_none{ display:none}
.red{ color:#f00;}
.orange{ color:#f90;}
#margt150{ margin-top:80px;}
#margt100{ margin-top:50px;}
#margt50{ margin-top:50px;}
img.flt_left{ float:left; margin-right:20px; margin-top:-5px}
/*---------- リンクの指定 ----------*/
a:link {color:#006934;}
a:visited {color:#006934;}
a:hover {color:#00913a;}
a img {border-style:none;filter:alpha(opacity=100); opacity:1.0;}
a:hover img{filter:alpha(opacity=80); opacity:0.8; z-index:0}
.hideAnchor {display:block;height:0px;overflow:hidden;margin-top:100px;padding-bottom:10px;}
hideAnchors {display:block;height:0px;overflow:hidden;margin-top:120px;padding-bottom:10px;}
.m_close{ text-align:right; margin-right:10px !important; background-color:none;}
.l_mark a{
	background: url(../img/common_img/link_bt.png) no-repeat  right top;
	background-size:20px 20px;
	padding-right:33px;
	margin-right:5px;
	text-align:right !important;
}
.l_marks a{
	background: url(../img/common_img/link_bt.png) no-repeat  right top;
	background-size:20px 20px;
	padding-right:33px;
	margin-right:5px;
	text-align:right !important;
	float:right;
}
.l_markp a{
	background:url(../img/common_img/pdf_icon.gif) no-repeat  right center !important;
	padding-right:23px;
	margin-right:10px;
}
#count_down h5.scopus{ font-size:36px; text-align:center;}
#count_down h5.scopus a{ color:#f09600;text-decoration-skip-ink: none!important;}
#count_down h5.scopus a:hover{ color:rgba(240,150,0,0.8);}
#count_down h5 span.small{ font-size:30px; text-shadow:none;}
#count_down h5 span{
	text-shadow: white 0.5px 0.5px 0.5px, white -0.5px 0.5px 0.5px,
             white 0.5px -0.5px 0.5px, white -0.5px -0.5px 0.5px;}
#count_down_l{width:27%; float:left; margin-top:-10px !important;}
#count_down_c{width:45%; float:left; margin-top:5px !important;}
#count_down_r{width:28%; float:left; margin-top:-10px !important; background-color: #fff !important; height: 100%}
    #count_down_r p a{color: #f90; font-weight: bold;}
/*---------- ヘッダーメニューの指定 ----------*/
header{width:100%; height:300px; margin:0px auto; background:url(../img/common_img/header_back.png) repeat-x top;}
	#header_in{ width:1200px; height:300px; margin:0px auto; background:url(../img/common_img/header_inback.png) no-repeat top;}
	#header_in h1{ font-size:39px; color:#fff; font-weight:bold; float:left; line-height:64px;}
	#header_in h2{ font-size:16px; color:#fff; font-weight:normal; float:left; margin-left:20px;}
	#header_in h2 img{ margin:0px; padding:0px;}
	#header_issn{ width:180px; height:64px; float:right; line-height:24px; text-align:left; color:#fff; font-size:11px; margin-top:8px;}
	#search_box{ width:250px; float:right; margin-top:-10px;}
	#count_down{ width:520px; height:auto; margin:-35px auto 0px; padding-top:-20px !important; background-color:rgba(255,255,255,0.8);}
		#count_down h5{ color:#000; text-align:center !important; font-size:24px; padding-top:15px;}
    
    #cite_sc{ width: 600px; height:200px; margin:0px auto; padding-top:0px !important; background-color:rgba(255,255,255,0.8); position: relative}
    #leftbox{  position: absolute; top: 0px; left: 0px; width: 200px; height: 200px; background-color:#fff}
    #centerbox{  position: absolute; top: 0px; left: 200px; width: 200px; height: 200px; background-color:#fff}
    #rightbox{  position: absolute; top: 0px; left: 400px; width: 200px; height: 200px; background-color:#fff}
	
	#cite_scs{ width: 400px; height:190px; margin:0px auto; padding-top:0px !important; background-color:rgba(255,255,255,0.8); position: relative}
    #leftboxs{  position: absolute; top: 0px; left: 0px; width: 240px; height: 200px; background-color:#fff}
    #rightboxs{  position: absolute; top: 0px; left: 240px; width: 160px; height: 200px; background-color:#fff}
/*---------- グローバルメニューの指定 ----------*/
#g_navi_back{width:100%; background-color:#000; height:50px;}
#g_navi_back ul{
margin:0px;
padding:0px;
border-bottom:none !important;
list-style-type:none;
}
#g_navi_back li{
margin:0px;
border-bottom:none !important;
list-style-type:none;
}
#g_navi{width:1200px; margin:0px auto; height:50px;}
#g_navi ul{width:1200px;margin:0px auto;border-bottom:none !important;}
#g_navi li{position: relative;float:left; height:50px;margin:0px auto;border-bottom:none !important;}
#g_navi li a{ background:url(../img/common_img/g_navi2023-5.jpg) left top no-repeat; height:0; width:200px; padding-top:50px; overflow:hidden; display:block; font-size:9px;}
#g_navi01 a{width:100px !important;}
#g_navi02 a{background-position:-100px 0 !important; width:160px !important;}
#g_navi03 a{background-position:-260px 0 !important; width:120px !important;}
#g_navi08 a{background-position:-380px 0 !important; width:240px !important;}
#g_navi04 a{background-position:-620px 0 !important; width:200px !important;}
#g_navi05 a{background-position:-820px 0 !important; width:120px !important;}
#g_navi06 a{background-position:-940px 0 !important; width:180px !important;}
#g_navi07 a{background-position:-1120px 0 !important; width:80px !important;}

#g_navi01 a:hover, #g_navi01.on{background-position:0px -50px !important; width:100px !important;}
#g_navi02 a:hover, #g_navi02.on{background-position:-100px -50px !important; width:160px !important;}
#g_navi03 a:hover, #g_navi03.on{background-position:-260px -50px !important; width:120px !important;}
#g_navi08 a:hover, #g_navi08.on{background-position:-380px -50px !important; width:240px !important;}
#g_navi04 a:hover, #g_navi04.on{background-position:-620px -50px !important; width:200px !important;}
#g_navi05 a:hover, #g_navi05.on{background-position:-820px -50px !important; width:120px !important;}
#g_navi06 a:hover, #g_navi06.on{background-position:-940px -50px !important; width:180px !important;}
#g_navi07 a:hover, #g_navi07.on{background-position:-1120px -50px !important; width:80px !important;}

#g_navi01.on a{background-position:0px -50px !important; width:100px !important;}
#g_navi02.on a{background-position:-100px -50px !important; width:160px !important;}
#g_navi03.on a{background-position:-260px -50px !important; width:120px !important;}
#g_navi08.on a{background-position:-380px -50px !important; width:240px !important;}
#g_navi04.on a{background-position:-620px -50px !important; width:200px !important;}
#g_navi05.on a{background-position:-820px -50px !important; width:120px !important;}
#g_navi06.on a{background-position:-940px -50px !important; width:180px !important;}
#g_navi07.on a{background-position:-1120px -50px !important; width:80px !important;}

#dropmenu{width:100%;}
#dropmenu li ul{width:362px !important;list-style: none;position: absolute;top: 100%;left: 0px;margin: 0px !important;padding: 0px !important;z-index:200;border-left: 1px solid #00913a;}
#dropmenu li ul.row{width:190px !important;list-style: none;position: absolute;top: 100%;left: 0px;margin: 0px !important;padding: 0px !important;z-index:200;}
dropmenu li:last-child ul{left: -100%;width: 200px;}
#dropmenu li ul li{
	overflow: hidden;width: 180px !important;height: 0;padding:2px !important;;margin:0px !important;color: #fff;
	-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;-ms-transition: .2s;transition: .2s;border-right: 1px solid #00913a;
	}
#dropmenu li ul li.row{
	overflow: hidden;width: 200px !important;height: 0;padding:0px !important;margin:0px !important;color: #fff;
	-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;-ms-transition: .2s;transition: .2s;
	}
#dropmenu li ul li a{
	margin:0px !important;width:100% !important;height:auto;line-height:30px;padding: 2px 5px;text-indent:25px;background:#ffe292;
	text-align: left;font-size: 12px;font-weight: normal;color:#009;border-bottom: 1px solid #7d0f40; text-decoration:none;
	}
#dropmenu li ul li.row a{
	margin:0px !important;width:96% !important;height:auto;line-height:20px;padding: 5% 2%;text-indent:0px;background:#ffe292;
	text-align: left;font-size: 12px;font-weight: normal;color:#009;border-bottom: 1px solid #00913a;
	}

#dropmenu li ul li:hover > a{width:180px;background:#00913a;}
#dropmenu li ul li.row:hover > a{background:#00913a;width:210px;}
#dropmenu li:hover > a{color:#fff;width:180px;}
#dropmenu li.row:hover > a{color:#fff;width:180px;}
#dropmenu > li:hover > a{width:180px;}
#dropmenu li:hover ul li{width:100%;margin:0px !important;overflow: visible;height:auto;line-height:30px;border-top: 1px solid #ffe292;}

/*---------- タイムクロックーの指定 ----------*/
#time_clock{ width:90%; height:auto; padding:60px 5% 80px;}
#timerOlympic{ margin-top:30px !important;}
.yycountdown-box{text-align:center;margin:10px 0;color:#000000;}
#timerOlympic .yycountdown-box .yyc-day{font-size:4.5em;color:#ff0; font-weight:bold;}
#timerOlympic .yycountdown-box .yyc-hou{font-size:3.2em;color:#f90; font-weight:bold;}
#timerOlympic .yycountdown-box .yyc-min{font-size:3.2em;color:#f90; font-weight:bold;}
#timerOlympic .yycountdown-box .yyc-sec{font-size:3.2em;color:#f90; font-weight:bold;}
 
#timerOlympic .yycountdown-box .yyc-day-text,
#timerOlympic .yycountdown-box .yyc-hou-text,
#timerOlympic .yycountdown-box .yyc-min-text,
#timerOlympic .yycountdown-box .yyc-sec-text{font-size:1.0em;}
/*---------- スクロールダウンの指定 ----------*/
#scroll_down{width:100%; margin:490px auto 0px; height:100px; text-align:center}
#scroll_down a {
	margin:30px auto 0px;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
}
#scroll_down a span { margin:10px auto 0px;width: 50px;height: 50px;border: 0px solid #fff;border-radius: 100%;box-sizing: border-box;}
#scroll_down a span::after {position: absolute;top: 30%;left: 48%;content: '';width: 16px;height: 16px;margin: -12px 0 0 -8px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);box-sizing: border-box;}
#scroll_down a span::before {position: absolute;top: 0;left: 0;z-index: -1;content: '';width: 44px;height: 44px;box-shadow: 0 0 0 0 rgba(255,255,255,.1);border-radius: 100%;opacity: 0;-webkit-animation: sdb 3s infinite;animation: sdb 3s infinite;box-sizing: border-box;}
@-webkit-keyframes sdb {
	0% {opacity: 0;}
	30% {opacity: 1;}
	60% {box-shadow: 0 0 0 60px rgba(255,255,255,.1);opacity: 0;}
	100% {opacity: 0;}
}
@keyframes sdb {
	0% {opacity: 0;}
	30% {opacity: 1;}
	60% {box-shadow: 0 0 0 60px rgba(255,255,255,.1);opacity: 0;}
	100% {opacity: 0;}
}
/*---------- エフェクトの指定 ----------*/
.effect h2 {
  transition: .8s;
} 
.effect div {
  margin: auto;
  transition: .8s;
  transition-delay: .8s;
}
/*---------- 続きを読むの指定 ----------*/
article {
	margin-top: 10px;
}
.readmore {
        position: relative;
		text-align:center;
    }
	a.cnter {position: relative;
		text-align:center;
		width:80%;
		margin:50px auto;}
    .readmore:after {
        content: '';
        display: block;
        height: 120px;
        width: 100%;
        position: absolute;
        bottom: 20px;
        background-color: #fff;
        background-image: linear-gradient(rgba(255,255,255,0),#ffffff);
        background-color: transparent;
    }
/*---------- outlineボディーの指定 ----------*/
#outline {width:100%;height:100%;margin:0px auto;}
#container_out{ width:100%; height:auto; background:url(../img/common_img/contener_out.png) repeat-x top; padding-top:50px;}
	#container { width:86%; min-width:1200px; height:auto; margin:0px auto;}
		#sidebar { width:20%; min-width:240px; height:auto; margin:0px auto; float:left; padding:20px 1%; background-color:rgba(20,140,30,0.5);}
			#sidebar_title{ width:98%; height:40px; padding:1%; line-height:40px; color:#00913a; font-weight:bold; font-size:16px; text-indent:70px; 
			background: url(../img/common_img/int_title.png) 20px center no-repeat; background-color:#f8b62d;}
		#main_body { width:75%; min-width:900px; height:auto; margin:0px auto; float:left; padding:20px 1% 20px 2%;}
			#main_body h1{ width:98%; height:33px; background-color:#00913a; margin:10px auto 5px; padding-left:2%; color:#fff; font-size:1.1rem; line-height:33px;}
			#main_body h2{ width:98%; height:33px; border-left:10px solid #00913a; border-bottom:1px solid #00913a; margin:10px auto 15px; padding-left:2%; color:#00913a; font-size:1.1rem; line-height:33px;}
			#main_body h3{ width:98%; height:auto; margin:2px 0% 1px 2%; font-size:0.9rem; color:#000;}
			#main_body p{ width:98%; height:auto; margin:1px 0% 2px 2%;}
			#main_body .abst{ width:auto; line-height:30px; padding:0px 5px; float:right; font-size:0.8rem}
			#main_body .fulltext{ width:auto; line-height:30px; padding:0px 5px; float:right; font-size:0.8rem}
			#main_body .paged{ width:300px; line-height:30px; padding:0px 5px 0px 0px; float:left; font-size:0.8rem; margin-left:2%; color:#000;}
			#slider{ width:90%; height:auto; margin:0px auto 30px;}
	#section1{ width:100%; height:auto; padding-bottom:20px;}
		#section1 h1{ margin-bottom:20px;}
		#section1 p.indent{margin-left:40px;}
		#section1 #parsonal_area{ width:100%; margin:0px auto 0px;}
		#section1 #parsonal_area #imgbox{ width:20%; height:auto; float:left; margin-left:10%;}
		#section1 #parsonal_area #textbox{ width:68%; height:auto; float:left; margin-left:2%;}
		#section1 #parsonal_area #textbox a{text-decoration:none;}
		#section1 #parsonal_area #formbox{ width:68%; height:auto; float:left; margin-left:2%;
		padding-bottom:2%;}
		#section1 #parsonal_area #formbox a{text-decoration:none;}
		#section1 #parsonal_area #imgboxs{ width:20%; height:auto; float:left; margin-left:0%;}
		#section1 #parsonal_area #textboxs{ width:80%; height:auto; float:left; margin-left:0%;}
		#section1 #parsonal_area #textboxs a{text-decoration:none;}
	#section2{ width:100%; height:auto;}
	#section3{ width:100%; height:auto;}
	#section4{ width:100%; height:auto;}
	
	#contents3{ width:40%; height:auto;  padding:2% 3% 2% 7%; float:left;}
		#half{ width:60%; margin-left:40%; margin-top:20px;}
		#half p{ font-size:15px;line-height:1.5rem; margin:10px 0px; padding:0px;}
		#halfs{ width:80%; margin-left:20%;}
		#halfs p{ font-size:15px;line-height:1.5rem; margin:0px 0px 10px; padding:0px;}
	#contents4{ width:42%; height:auto;float:left; padding-top:2%; padding-bottom:2%; padding-left:3%; padding-right:5%}
hr{
	margin:10px auto 10px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}
#pdf_img{ float:left; width:auto; width:100px;}
#description{ float:left; width:80%}
/*---------- footerの指定 ----------*/
footer{ background: url(../img/common_img/footer_back.png) top center repeat-x; height:400px; position:relative;}
footer a img {border-style:none;filter:alpha(opacity=100); opacity:1.0;}
footer a:hover img{filter:alpha(opacity=80); opacity:0.8;}
footer a {

}
footer a span {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-animation: sdbs 2s infinite;
	animation: sdbs 2s infinite;
	opacity: 0;
	box-sizing: border-box;
}
footer a span:nth-of-type(1) {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
footer a span:nth-of-type(2) {
	top: 66px;
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}
footer a span:nth-of-type(3) {
	top: 82px;
	-webkit-animation-delay: .0s;
	animation-delay: .0s;
}

@-webkit-keyframes sdbs {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sdbs {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
#footer_intop{ max-width:1366px; height:130px; margin:0px auto;}
#footer_inmid{ max-width:1100px; min-width:1100px; height:200px; margin:0px auto; padding:20px;}
	#box3{width:250px; float:left; padding:10px; height:180px; font-size:12px; color:#fff;}
	#box3 ul{ margin:0px; list-style-type:none}
	#box3 ul li{ font-size:14px; color:#fff; line-height:30px;}
	#box3 ul li a{ color:#fff; text-decoration:none;}
	#box3 ul li a:hover{ color:rgba(255,255,255,0.7); text-decoration:none;}
	#box3c{width:486px; float:left; padding:10px; height:180px;}
	#box3c ul{ margin:0px; list-style-type:none}
	#box3c ul li{ font-size:14px; color:#fff; line-height:30px;}
	#box3c ul li a{ color:#fff; text-decoration:none;}
	#box3c ul li a:hover{ color:rgba(255,255,255,0.7); text-decoration:none;}
#footer_inbtm{ max-width:1000px; height:30px; margin:0px auto; color:#fff; text-align:center; font-size:14px; line-height:30px;}
dl{ margin:0px auto 40px;}
dt{
	color:#fff;
	font-weight:bold;
	display:block;
	width:90%;
	height:40px;
	line-height:40px;
	text-align:left;
	cursor:pointer;
	background:url(../img/common_img/id_swich.png) 90% -70px no-repeat ;
	background-color:#00913a;
	padding:1% 5%;
	border-bottom:1px dotted #22ac38;
	}
dt h5{line-height:30px; margin:0px; padding:0px;}
dd{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px auto;
	line-height:25px;
	text-align:left;
	display:none;
	}
#d_area{
	width:100%;
	height:auto;
	padding-top:10px;
	padding-bottom:20px;
	background-color:rgba(255,255,255,0.5);
}
#d_no{
	width:100%;
	height:auto;
	line-height:25px;
	color:#333;
	font-size:12px;
	font-weight:bold;
}
#d_part{
	width:140px;
	height:auto;
	float:right;
	margin-right:30px;
	text-align:center;
}
#d_ti{
	width:90%;
	height:auto;
	line-height:25px;
	color:#333;
	font-size:14px;
	padding:1% 5%;
	font-weight:bold;
	border-bottom:1px dotted #fff;
}
#d_mem{
	width:90%;
	height:auto;
	line-height:25px;
	color:#333;
	font-size:13px;
	padding:1% 5%;
}

dt.active{
	background:url(../img/common_img/id_swich.png) 90% 20px no-repeat;
	background-color:#22ac38;
	}
#side_top{
	width:100%;
	height:auto;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px auto 10px;
	background-color:rgba(255,255,255,1.0);
}
#dbnr_areas{
	width:100%;
	height:50px;
	padding-top:10px;
	padding-bottom:10px;
	margin:10px auto 0px;
	background-color:rgba(255,255,255,0.5);
}
#dbnr_area{
	width:100%;
	height:auto;
	margin:0px auto 10px;
	background-color:rgba(255,255,255,0.5);
}
/*---------- searchボディーの指定 ----------*/
#gsc{
    width:100%;     
    margin:0 auto;
    position:relative;    
}
 
#search_box td {
    border: none;    
}
 
#search_box .gsc-control-cse, 
#search_box .gsc-control-cse-ja,
#search_box .gsib_a{
    margin:0 !important;
    padding:0 !important;
}
/* テキスト入力フォームとボタンの位置 */
#search_box table.gsc-search-box td,
#search_box table.gsc-search-box input {
    vertical-align: top !important;
}
/* テキスト入力フォーム */
#search_box input[type="text"]{
    border: 2px solid #dddddd !important;
    height:25px !important;
    margin-top: 100px;
	width:230px !important;
}
 
 
#search_box input[type="text"]:focus {
    border: 2px solid #b2e0eb !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
 
/* テキスト入力フォームの影を消す */
#search_box #gsc-iw-id1{
    border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#search_box #gs_tti0 input{
    background-position:0px 0px !important;
}
/* ボタンの色 */
#search_box input.gsc-search-button {
background: #d2d2d2 !important;
background: -ms-linear-gradient(top,  #008ee1 0%,#008ee1 100%); /* IE10+ */
background-position:center;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1',GradientType=0 ); /* IE6-9 */
border: 3px solid #d2d2d2 !important;
margin-top:0px !important;
padding:5px;
}
/* ボタンの位置調整と角丸消し */
#search_box .gsc-search-button{
    margin:0 0 0-25px !important;
    border-radius:0px;
	z-index:9999;
}
/* 入力時に出る「×」ボタンの位置調整 */
 
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
#search_box .gsib_b span{
	box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:4px 0 0 0;
		margin-left:-30px;
}
#search_box .gsib_b span a{ width:10px; height:10px;}

/* フォームcss -- */
/* IE 10+ */
:-ms-input-placeholder {
    margin-left:20px; }
#formbox .ex1{
	height:30px;
	margin-left:0px;
	padding-left:10px;
	width:70%;
	border:#ccc solid 1px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#formbox .ex11{
	height:30px;
	margin-left:0px;
	margin-top:10px;
	padding-left:10px;
	width:70%;
	border:#ccc solid 1px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#formbox .ex2{
	margin-top:0px !important;
	height:30px;
	margin-left:20px !important;
	border:#ccc solid 1px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#formbox .ex3{
	margin-left:0px;
	margin-top:10px;
	padding-left:10px;
	width:70%;
	border:#ccc solid 1px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#formbox .ex{
	margin-left:20px;
	width:100%;
	border:#ccc solid 1px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#formbox #sbex{
	margin-top:0px;
	margin-left:20px;
	width:120px;
	background:#000;
	color:#FFF;
	height:35px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#formbox .ERR{
	font-size:12px;
	color:#F00;
	margin-left:30px;
}
/*radio01 css*/
#formbox .radio02-input{
  display: none;
}
#formbox .radio02-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
#formbox .radio02-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
#formbox .radio02-input:checked + label{
  color: #009a9a;
}
#formbox .radio02-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009a9a;
  border-radius: 50%;
}
}