@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;
	border-bottom: 4px solid #2aaa39;
}

/*============================
#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 : 35px;
	right : 0;

}

.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: -2px 0 0 0;
	border-right: solid 2px #01ac68;
	border-top: solid 2px #01ac68;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}


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

.header-submenu li a {
	font-size : 90%;
	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 {
	margin : 20px 10px 10px;
}

#gmenu ul.menu li:first-child {
	border-top : 2px solid #88cbac;	
}



#gmenu ul.menu > li {
	border-bottom : 1px solid #88cbac;
	border-left : 2px solid #88cbac;
	border-right :2px solid #88cbac;
}

#gmenu ul.menu li:last-child {
	border-bottom : 2px solid #88cbac;		
	}


#gmenu ul.menu li a {
	font-weight : bold;
	color : #333;
	padding : 20px 0;
	display : block;
background: #ffffff;

}


#gmenu ul.menu li a div {
	padding : 0 10px 0 30px;
	position:relative;
}

#gmenu ul.menu li a div:before {	
	content: "";
	position: absolute;
	top: 50%;
	left: 15px;
	width: 5px;
	height: 5px;
	margin: -4px 0 0 0;
	border-right: solid 3px #01834e;
	border-top: solid 3px #01834e;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

/*============================
#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%;
-webkit-background-size: 10px 10px;
-moz-background-size: 10px 10px;
background-size: 10px 10px;
background-color: #d1ede7;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #d3e1d4), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #d3e1d4),
            color-stop(.75, #d3e1d4), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(45deg, #d3e1d4 25%, transparent 25%,
          transparent 50%, #d3e1d4 50%, #d3e1d4 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, #d3e1d4 25%, transparent 25%,
          transparent 50%, #d3e1d4 50%, #d3e1d4 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, #d3e1d4 25%, transparent 25%,
          transparent 50%, #d3e1d4 50%, #d3e1d4 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, #d3e1d4 25%, transparent 25%,
          transparent 50%, #d3e1d4 50%, #d3e1d4 75%,
          transparent 75%, transparent);
background-image: linear-gradient(45deg, #d3e1d4 25%, transparent 25%,
          transparent 50%, #d3e1d4 50%, #d3e1d4 75%,
          transparent 75%, transparent);
}

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

#main-2column {
	width : 730px;
	float : right;
	padding : 0 0 100px;
	background : #ffffff;
	min-height : 420px;

}



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

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



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

#sub-2column {
	width : 250px;
	float : left;



}




/*============================
#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/rpccc/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:35px;
	padding-right:35px;
}


/*  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%;
}
.gmenu-second li {
	border-left : 2px solid #88cbac;
	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 : #ffffff!important;
	position : relative;
}

.gmenu-second li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	width: 4px;
	height: 4px;
	margin: -2px 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/rpccc/global/img/line-bg.png) top left repeat-y;
}*/





#gmenu ul.menu li.current a {
background : #d3ede2;
}


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

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