/* @group base */

body {
	text-align: center;
	background-color: #60C04E;
}

.inner {
	margin: 0 auto;
	text-align: left;
}

#wrapper {
	background:  url(../img/bg_body.gif) repeat-y center top;
	width: 908px;
	margin: auto;
}

#wrapper > .inner {
	width: 900px;
	text-align: left;
	margin: auto;
	background-color: #F1F1F1;
}

#header {
	background: #ebebeb url(../img/bg_header.gif) repeat-x left bottom;
	z-index: 110;
	position: relative;
}

#header > .inner {
	position: relative;
	height: 100px;
}

#contents {
	width: 887px;
	margin: auto;
	padding-top: 5px;
	z-index: 100;
	position: relative;
}

#contents > .inner {
/*1004mogra追加*/
width: 887px;
/**/
	position: relative;
	background: url(../img/bg_body_m.gif) repeat-y;
	
}

#contents > .inner:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

#contentsHeader {
	width: 960px;
	float: right;
}

#contentsHeader > .visual {
	margin: 0 0 5px;
}

#contentsMain {
	width: 686px;
	float: right;
}

#contentsMain > .inner {
	padding: 0 6px 20px;
}

#contentsSub {
	width: 190px;
	float: left;
	margin-bottom: 40px;
	padding: 5px 5px 0;
	background: url(../img/bg_body_sub.gif) no-repeat;
}

#contentsFooter {
	clear: both;
	background: #f1f1f1 url(../img/bg_body_b.gif) no-repeat;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 3px;
}

/*ohkubo_20120921*/
#contentsFooter_index {
	clear: both;
	background: #f1f1f1 url(../img/bg_body_b.gif) no-repeat;
	padding-top: 10px;
	/*padding-right: 10px;*/
	padding-left: 5px;
}
/*ohkubo_20120921*/

#footer {
	background: url(../img/bg_footer.gif) no-repeat left bottom;
	width: 908px;
	margin-left: -4px;
	padding-bottom: 4px;
	text-align: center;
}

#footer > .inner {
	border-top: 4px solid #000;
	width: 876px;
	margin: auto;
	text-align: left;
	padding: 10px 12px;
}

/* @end */

/* @group elements */

.lv1 > .section ~ .section, .lv1 > .article ~ .article, .lv1 > .aside ~ .aside {
	margin-top: 40px;
}

.caption {
	font-size: 93%;
	color: #000000;
}

/* @end */

/* @group common */

/*ohkubo160729*/
#logo {
	/*position: absolute;
	top: 13px;
	left: 37px;*/
	float:left;
	margin-top: 6px;
	margin-left: 30px;
}
/*ohkubo160729*/

#summary {
	position: absolute;
	top: 35px;
	left: 240px;
}

#address {
	color: #f3f3f3;
	float: left;
}

#copyright {
	font-size: 93%;
	clear: both;
	text-align: right;
}

#header img {
	vertical-align: top;
}

#naviGlobal {
	height: 27px;
	position: absolute;
	/*z-index: 5000 !important;*/
	top: 61px;
	left: 214px;
}

#naviGlobal > ul > li {
	float: left;
	position: relative;
}

#naviGlobal > ul > li.selected .pullNavigation {
	display: block;
}

.pullNavigation {
width: 373px;
position: absolute;
top: 23px;
left: 0;
z-index: 100;
	display: none;
}

.pullNavigation .linkList  {
	float: left;
	font-weight: bold;
	margin: 0;
	width: 100%;
}

.pullNavigation .header {
	position: relative;
	height: 9px;
	overflow: hidden;
}

.pullNavigation .header img {
	position: absolute;
}

.pullNavigation .detail {
	overflow: hidden;
	margin: 0;
	padding: 15px 3px 10px;
}

.pullNavigation .detail p {
	width: auto;
	clear: both;
	margin-left: 20px;
	color: #666666;
	font-weight: bold;
	margin-bottom: 2px;
	padding-top: 10px;
	font-size: 93%;
}

.pullNavigation .detail li {
	margin: 0;
	padding: 3px 10px 3px 20px;
}

.pullNavigation .detail li a {
	display: block;
	width: 100%;
	padding-right: 10px;
	white-space: normal;
}

.pullNavigation .detail li:hover {
	background-color: #DEDEDE;
}

.pullNavigation.size01 {
	width: 256px;
}

.pullNavigation.size01 .header {
	background: url(../img/bg_pull01_t.png) no-repeat left bottom;
}

.pullNavigation.size01 .detail {
	background: url(../img/bg_pull01_m.png) no-repeat;
}

.pullNavigation.size01 .b {
	background: url(../img/bg_pull01_b.png) no-repeat;
	height: 3px;
	overflow: hidden;
}

.pullNavigation.size02 {
	width: 355px;
}

.pullNavigation.size02 .linkList  {
	width: 50%;
}

.pullNavigation.size02 .header {
	background: url(../img/bg_pull02_t.png) no-repeat left bottom;
}

.pullNavigation.size02 .detail {
	background: url(../img/bg_pull02_m.png) no-repeat;
}

.pullNavigation.size02 .b {
	background: url(../img/bg_pull02_b.png) no-repeat;
	height: 3px;
	overflow: hidden;
}

.pullNavigation.size03 {
	width: 197px;
}

.pullNavigation.size03 .header left bottom{
	background: url(../img/bg_pull03_t.png) no-repeat;
}

.pullNavigation.size03 .detail {
	background: url(../img/bg_pull03_m.png) no-repeat;
}

.pullNavigation.size03 .b {
	background: url(../img/bg_pull03_b.png) no-repeat;
	height: 3px;
	overflow: hidden;
}



/*ohkubo_120919*/
.pullNavigation.size04 {
	width: 340px;
}

.pullNavigation.size04 .header left bottom{
	background: url(../img/bg_pull04_t.png) no-repeat;
}

.pullNavigation.size04 .detail {
	background: url(../img/bg_pull04_m.png) no-repeat;
}

.pullNavigation.size04 .b {
	background: url(../img/bg_pull04_b.png) no-repeat;
	height: 3px;
	overflow: hidden;
}
/*ohkubo_120919_end*/


#gl-news .pullNavigation {
	left: -15px;
}

#gl-news .pullNavigation .header img {
	position: absolute;
	left: 25px;
	top: 0;
}

#gl-column .pullNavigation {
	left: -15px;
}

#gl-column .pullNavigation .header img {
	position: absolute;
	left: 25px;
	top: 0;
}

#gl-basic .pullNavigation {
	left: -115px;
}

#gl-basic .pullNavigation .header img {
	position: absolute;
	left: 125px;
	top: 0;
}

#gl-database .pullNavigation {
	left: -110px;
}

#gl-database .pullNavigation .header img {
	position: absolute;
	left: 120px;
	top: 0;
}

#gl-link .pullNavigation {
	left: -100px;
}

#gl-link .pullNavigation .header img {
	position: absolute;
	left: 110px;
	top: 0;
}

#naviLocal {
	float: left;
}

#naviLocal h3 {
	margin: 0;
	padding-left: 0;
	background-image: none;
}

#naviLocal ul {
	margin-left: 10px;
	margin-top: 10px;
}

#naviLocal ul li {
	font-size: 93%;
	font-weight: bold;
	margin-bottom: 0.8em;
}

#naviLocal ul li a {
	background: url(../img/dot_arrow01_r_s.gif) no-repeat 0 0.3em;
	padding-left: 8px;
}

#naviLocal ul li a:hover {
	text-decoration: none;
}


#naviSsearch {
	position: absolute;
	top: 18px;
	right: 12px;
}

/*ohkubo20160729*/
.navisearch{
	float:right;
}
.navimailmaga{
	float:right;
}
/*ohkubo20160729*/

form.search {
	/*overflow: hidden;*/
}

form.search label {
	font-size: 93%;
	font-weight: bold;
	margin-right: 5px;
	vertical-align: middle;
	float: left;
	padding-top: 3px;
}

form.search input {
	vertical-align: top;
	height: 21px;
	float: left;
}

form.search .fld {
	border: 2px solid #c0c1c1;
	height: 19px;
	width: 158px;
	float: left;
	margin-right: 5px;
}

form.search .btn {
	background-color: #f60;
	color: #fff;
	border-style: none;
	font-size: 85%;
	cursor: pointer;
	margin-right: 10px;
	height: 23px;
	line-height: 100%;
	padding: 0 5px;
}

form.search a  {
	float: left;
}

#naviFooter {
	text-align: right;
	padding-top: 2px;
	padding-bottom: 5px;
}

#naviFooter li {
	/*font-size: 85%;*/
	display: inline;
	margin-right:4px;
}

.topicList {
	margin-left: 15px;
}

.topicList li {
	width: 575px;
	overflow: auto;
	margin: 0 0 15px;
	padding: 0 0 5px;
}

.topicList li a {
	display: block;
	font-weight: bold;
	color:white;
	text-decoration: none;
}

.topicList li .title {
border:1px solid #8bcf54;
-webkit-box-shadow: #9BA896 4px 4px 4px  ;
-moz-box-shadow: #9BA896 4px 4px 4px ;
box-shadow: #9BA896 4px 4px 4px  ;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
width:165px;
font-size:14px;
padding: 10px 10px 10px 10px;
text-shadow: 0px 0px 0 rgba(0,0,0,0.3);
text-align: center;
color: #146114;
background-color: #a9db80;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a9db80), color-stop(100%, #96c56f));
 background-image: -webkit-linear-gradient(top, #a9db80, #96c56f);
 background-image: -moz-linear-gradient(top, #a9db80, #96c56f);
 background-image: -ms-linear-gradient(top, #a9db80, #96c56f);
 background-image: -o-linear-gradient(top, #a9db80, #96c56f);
 background-image: linear-gradient(top, #a9db80, #96c56f);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a9db80, endColorstr=#96c56f);
 float: left;
}

.topicList li .title:hover {
 border:1px solid #74bf36; background-color: #8ed058;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ed058), color-stop(100%, #7bb64b));
 background-image: -webkit-linear-gradient(top, #8ed058, #7bb64b);
 background-image: -moz-linear-gradient(top, #8ed058, #7bb64b);
 background-image: -ms-linear-gradient(top, #8ed058, #7bb64b);
 background-image: -o-linear-gradient(top, #8ed058, #7bb64b);
 background-image: linear-gradient(top, #8ed058, #7bb64b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8ed058, endColorstr=#7bb64b);
}

.topicList li .description {
	width: 350px;
	float: right;
	font-size: 100%;
}

.linkList {
	font-size: 100%;
	margin-left: 15px;
}

.linkList dt {
	width: 575px;
	overflow: hidden;
	margin: 0 0 5px;
	font-weight: bold;
}

.linkList dd {
	margin-bottom: 25px;
}

.linkList dt .title {
	width: 360px;
	float: left;
}

.linkList dt .title a {
	color: #339900;
	font-weight: bold;
}

.linkList dt .owner {
	font-size: 100%;
	float: right;
	width: 215px;
	color: #666666;
	text-align: right;
}

.linkList dt .owner a {
	color: #666666;
}

.linkList dt .description {
	font-size: 100%;
	float: right;
}

.topicPath {
	font-size: 100%;
	background: #f1f1f1 url(../img/bg_body_main.gif) no-repeat left bottom;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
}

.topicPath a {
	text-decoration: underline;
}

.navi.pagetop {
	text-align: right;
	padding-bottom: 10px;
}

.pagetop a {
	font-size: 93%;
	padding: 0 0 0 15px;
	font-weight: bold;
}

/* @end */       




/*旧ページより_ohkubo*/
/*==========================
  コンテンツ枠内 見出し　h3
==========================*/
.tit_h3{
	margin:10px 10px 0 5px;
	padding:2px 10px 2px 10px;
	background:#3aba55;
	color:#fff;
	font-weight:bold;
}

/*==========================
  コンテンツ枠内 テーブル
==========================*/
.list_table{
	margin:10px 5px 0 5px;
}
.list_table tr th{
	padding:2px 5px 2px 5px;
	background:#E6E6E6;
	text-align:center;
}
.list_table tr td{
	background:#F2F2F2;
	padding:2px 5px 2px 5px;
}

/*==========================
  見出し下のテキスト（ｐタグ）
==========================*/
.p_text{
	padding:10px 10px 0 7px;
}
.p_text_right{
	padding:5px 10px 0 7px;
	text-align:right;
}