@charset "utf-8";

body  {

	min-width : 1000px;
	background : #727071;

	box-sizing:border-box;
	
}


/*-----------------------------------------------------
FLOAT & CLEAR 
-------------------------------------------------------*/

.fl {
	float : left;
	display : inline;
}

.fr {
	float : right;
	display : inline;
}

.clear {
	clear : both;
}

/*============================
#wrapper
============================*/
#wrapper {
	background : #ffffff;
}

/*============================
#wrapper-inner
============================*/
.wrapper-inner {
	width : 980px;
	margin :0 auto;
}

/*============================
#header
============================*/
#header {
	position: relative;
	margin-bottom : 20px;
	border-top : 2px solid #5485b4;
	border-bottom : 1px solid #cccccc;
	box-shadow: 0 5px 3px -3px #eeeeee;
}

/*============================
#header
============================*/
#header-wrapper {
	width : 980px;
	margin : 0 auto;
	position : relative;
}


/*============================
#header-inner
============================*/
#header-inner {
	padding : 0;
	width : 440px;
}

/*============================
#gmenu-btn
============================*/
#gmenu-btn {
	display : none;	
}

/*============================
#header-logo
============================*/
#header-logo {
	width:440px;
	padding : 25px 0;
}
.header-submenu {
	position : absolute;
	top : 25px;
	right : 0;
	background : #f0f0f0;
	padding : 8px 12px;

}

.header-submenu li {
	display : inline-block;
	margin-right:10px;
	padding-left : 15px;

position : relative;
}


.header-submenu li:last-child {
margin-right : 0;
}


.header-submenu li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 4px;
	margin: -4px 0 0 0;
	border-right: solid 2px #4d5a8f;
	border-top: solid 2px #4d5a8f;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

.header-submenu li:after {
	content:"";
	padding-right : 15px;
	border-right : 1px solid #999	
}

.header-submenu li:last-child:after {
	padding-right : 0;
	border-right : none;	
}

.header-submenu li a {
	font-size : 85%;
	color : #222;
}

/*============================
#search-area
============================*/
#search-area {
	position : absolute;
	top : 10px;
	right : 0px;
	width : 220px;
}
.search {
}

/*============================
#cse-search-form
============================*/
#cse-search-form {
}
.header-sub {
	width : 380px;
	margin : 0;
	position : absolute;
	right : 0;
	top : 50px;
}


/*============================
#gmenu-wrapper
============================*/
#gmenu-wrapper {
}

/*============================
#gmenu
============================*/

#gmenu ul.menu {
	border : 1px solid #6f7fb1;
/*	border-radius : 4px*/
}

#gmenu ul.menu li {
	border-bottom : 1px solid #6f7fb1;
	border-collapse : collapse;

	
}

#gmenu ul.menu li:last-child {
	border-bottom : 0;	
}

#gmenu ul.menu li a {
	font-weight : bold;
	color : #333;
	padding : 15px 0;
	display : block;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}


#gmenu ul.menu li a div {
	padding : 0 10px 0 25px;
	background : url(/research/supervision/global/img/gmenu-bg.png) 10px 5px no-repeat;
}

/*============================
#main-visual
============================*/
#main-visual {

}

/* bx用 */

.bx-wrapper {
	margin-bottom : 0!important;	
}

.bx-pager {
	position : absolute;
	top : 335px;
	left : 0;	
}

/*============================
#slider.mainSlider
============================*/
#slider.mainSlider {
}

/*============================
#mainarea
============================*/
#mainarea {
	width : 100%;

}

/*============================
#main-2column.other
============================*/

#main-2column {
	width : 690px;
	float : left;
	padding-top : 15px;
}

#main-2column.other {
	width : 715px;
	float : left;
	margin-right : 20px;
	padding-top : 35px;
}



/*============================
.top-sp-menu
============================*/

.top-sp-menu {
	display:none;
}



/*============================
#sub-2column.other
============================*/

#sub-2column {
	width : 225px;
	float : left;
	margin-right : 45px;
	padding-top:15px;

}

#sub-2column.other {
	width : 225px;
	float : left;
	padding-top : 35px;
	margin-right : 0;
}


/*============================
#footer-wrapper
============================*/
#footer-wrapper {
	background : #727071;
}

/*============================
#footer
============================*/
#footer {
	width : 960px;
	margin :0 auto;
	text-align:center;
	padding : 30px 0;
}


.footer-inner {
	width : 960px;
	padding : 15px 0;
}
.footer-add {
	float : left;
	width : 480px;
	text-align : left;
}

.unit {
	font-size:140%;
}

.copy {
	font-size:80%;
}

.footer-logo {
	float : right;
	width : 180px;
	text-align : right;
}

/*============================
#page-top
============================*/
#page-top {
}

.linkbtn {
	margin-left : auto;
	margin-right : auto;
	width : 240px;

}

.linkbtn a {
	text-align:center;
	background : #008d81;
	color : #ffffff;
	display:block;
	padding : 14px;
	border-radius : 3px;
	border-right : 4px solid #007168;
	border-bottom : 4px solid #007168;
}

.linkbtn a:hover {
	opacity : .6;
	text-decoration : none;
}


/*============================
#2階層以下共通
============================*/

#subtitle {
	width:225px;
	height:70px;
	text-indent:-9999px;
}

#submenu-btn {
	display : none;
}



/* PC用coommon */


.photo , .name {

}

table {
	width : 100%;	
}

.menubox , .menubox-index {
	width : 100%;
	margin-bottom : 20px;
}

.menubox .fl , .menubox .fr , .menubox-index .fl , .menubox-index .fr  {
	width : 335px;	
}

/* float 用 */

.float01 {
	width : 100%;
}

.float01 .fl {
	width : 400px;
}

.float01 .fr {
	width : 250px;
}

.float02 {
	width : 100%;
}

.float02 .fl {
	width : 330px;
}

.float02 .fr {
	width : 330px;
}


.report-box li {
		width : 330px;
		float : left;
		margin-right : 30px;
		margin-top : 20px;
}


.inline-box li {
		width : 330px;
		float : left;
		margin-right : 30px;
}

.inline-box h4 {
	margin:15px 0 10px 0;
	font-size:140%;
}


.photo-box {
	width:670px;
	height:291px;
	position:relative;
	margin-left:10px;
}

.photo-box img{
	position:absolute;
	top:0;
	left:0;
}

.photo-box-text {
	width:270px;
	padding:30px;
	background:url(/research/supervision/global/img/photo-box-bg.png);
	position:absolute;
	top:30px;
}

.photo-box-text.box-right {
	right:0;
}

.photo-box-text h4{
	margin:0 0 10px 0;
	font-size:160%;
}


/*  汎用DIVレイアウト
--------------------------------*/

.float-box {
	width:690px;
}

/* 2カラム */

.float-box-left {
	width:310px;
	padding-left:20px;
	float:left;
}

.float-box-right {
	width:310px;
	padding-right:20px;
	float:right;
}


/* 3カラムSP共通 */

.float-box3 {
	width:210px;
	float:left;
	margin-left:10px;
}

.float-box3:first-child {
	margin-left:20px;
}


/*  汎用DIVレイアウト（カラムなし）
--------------------------------*/

.float-box-width {
	width:900px;
	margin:0 auto;
}

/* 2カラム */

.float-box-width-left {
	width:430px;
	float:left;
}

.float-box-width-right {
	width:435px;
	float:right;
}


/* 3カラムSP共通 */

.float-box3-width {
	width:280px;
	float:left;
	margin-left:30px;
}

.float-box3-width:first-child {
	margin-left:0;
}




/*  左右インデント用
--------------------------------*/
.content-inner {
	padding-left:20px;
	padding-right:20px;
}


/*  title
--------------------------------*/
.h3read {
	font-size:140%;
	margin-bottom:10px;
}
.h4read {
	font-size:120%;
}



/* レガシーブラウザ用 */

.end {
	margin-right : 0!important;	
}




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


左右のmargin一括調整


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


/* div#main-2column要素の直接の子要素に指定 */

div#main-2column > p ,
div#main-2column > ul ,
div#main-2column > ol ,
div#main-2column > .h5title ,
div#main-2column > .attention-box ,
div#main-2column > .attention-box2 ,
div#main-2column > .attention-box3 ,
div#main-2column > .attention-box4 ,
div#main-2column > .table-wrapper ,
div#main-2column > .kanren-link ,
div#main-2column > .googleca {
	margin-left : 20px;
	margin-right : 20px;
}

.inquiry-box  {
	margin-left : 10px;
	margin-right : 10px;
}


.mlr00{
	margin-left : 0!important;
	margin-right : 0!important;	
}


/* 月別切り替え */

.month-tab-area {

}

.month-tab {
	margin : 0 ;
}


/* 
oldie用
-------------------------------------*/

.menubox-index .menubox-btn-inner a  {
	padding-top : 3px\9!important;
	padding-bottom : 3px\9!important;
}


/*============================
お知らせCMS記事ページ
============================*/

.news-photo-wrapper {
	padding:0 20px 20px 20px;
}

.news-photo {
	width:300px;
	margin-bottom:10px;
}

/* 140530追加 */

.system-kakunin {
	font-size : 80%;
	text-align : right;
	padding-left : 1em;
	text-indent : -1em;
}





/*============================
レイアウト
============================*/

.column2box {
	float : left;
	width : 450px;
	margin-bottom:70px;
}

.column2box + .column2box  {
	float : right;
}

.bnr-curriculum-wrap {
	position:relative;
}

.bnr-curriculum-btn {
	position:absolute;
	top:180px;
	left:30px;
	width:410px;
}



/* パンくず */

#bread-crumb-list {
	padding : 5px 15px;
	background : #efefef;
}



/* submenu */

.submenu li {
	padding-left : 15px;
	border-bottom : 1px dashed #cccccc;

	font-size : 100%;
}

.submenu li a {
	padding : 15px 0 15px 20px;
	display : block;
	color:#333;
	background : url(/research/supervision/global/img/submenu-bg.png) left 18px no-repeat;
}

.submenu li.current {
	background : #f5f5f5 url(/research/supervision/global/img/submenu-bg.png) left 18px no-repeat;
}



.gmenu-second {
	padding : 0;
	background : #ffffff;	

}

.gmenu-second li {
	border-top : 1px solid #999!important;
	border-bottom : 0!important;
	font-size : 90%;
}

.gmenu-second li a {
	padding : 10px 0 10px 40px!important;
	display : block;
	background : #eaedf6!important;
	position : relative;
}

.gmenu-second li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	width: 4px;
	height: 4px;
	margin: -4px 0 0 0;
	border-right: solid 1px #333;
	border-top: solid 1px #333;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
}



/* ニュース用リスト ）
----------------------------------*/

ul.row-list {

}

.row-list li {
	border-bottom : 1px dashed #ccc;
	zoom : 1;　/* IE用 */
}

.row-list dt  {
	width : 150px;
	float : left;
	clear : left;
}

.row-list dd  {
	margin-left : 150px;
/* IE5.5用3pxの隙間ハック */
	_left : -3px;
	_height : 0%;
	_position : relative;
}


.row-listarea li {
	padding : 15px 10px;	
}

.row-listarea {
/*	border : 1px solid #cccccc;
	padding : 10px;*/
}

/*.bg-line {
	background : url(/research/supervision/global/img/line-bg.png) top left repeat-y;
}*/





#gmenu ul.menu li.current a {
background: #6f7fb1; /* Old browsers */
background: -moz-linear-gradient(top,  #6f7fb1 0%, #6877a6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f7fb1), color-stop(100%,#6877a6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6f7fb1 0%,#6877a6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6f7fb1 0%,#6877a6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6f7fb1 0%,#6877a6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6f7fb1 0%,#6877a6 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f7fb1', endColorstr='#6877a6',GradientType=0 ); /* IE6-9 */
	color : #ffffff!important;
}

#gmenu ul.menu li.current a div {
	background : url(/research/supervision/global/img/gmenu-bg_on.png) 10px 5px no-repeat!important;
}

#gmenu ul.menu li.current .gmenu-second li a {
 filter: none; IE6-9
	background : #eaedf6 url(../img/submenu-subbg.png) left 14px no-repeat!important;
	color : #444444!important;	
}

#gmenu ul.menu li.current .gmenu-second li a.current {
	background : #c5cce2!important;
	color : #333!important;
}