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


/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   カラム
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */

#contents-main {
	padding-top:20px;
	padding-bottom:40px;
}
/* sub global navi */

#centerColumn {
	float:right;
	width:76%;
	padding:0px 0px 0px 15px;
}

.userContents {
	margin-bottom:30px;
}

@media screen and (max-width: 768px) {
#centerColumn {
	float:none;
	width:100%;
	margin:20px 0px;
	padding:0px 15px 0px 15px;
}
#centerColumn .alignfull {
	margin-left: -15px;
	margin-right: -15px;
}
}

/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   カテゴリーコンテンツリスト
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */
.contentsList {
	margin:10px 0px;
}
.contentsList .categoryTitle {
	background-color:#005E3C;
	padding:8px 10px 5px;
	color:#FFFFFF;
	font-size:120%;
}
.contentsList > ul {
	margin:10px 15px;
}
.contentsList > ul li {
	display:block;
	padding:5px 0px 3px;
	position:relative;
}
.contentsList > ul li a {
	display:inline-block;
	margin-left:10px;
	color:#333333;
}
.contentsList ul li:before {
	content:"";
	display:inline-block;
	border:solid 4px transparent;
	border-left: 4px solid #333333;
	position:absolute;
	top:10px;
}
.contentsList > ul > li > ul {
	display:block;
	margin-left:1rem;
}
.contentsList > ul > li > ul > li > ul {
	display:block;
	margin-left:1rem;
}


@media screen and (max-width: 768px) {
.contentsList ul li:before {
	top:25px;
}
}

/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   サイトマップ
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */

.contentsList.sitemap a {
	display:block;
}
.contentsList.sitemap a.sideMenuTitle {
	text-align:left;
}
.sitemap > ul > li {
	border-bottom:solid 1px #CCCCCC;
}
.sitemap > ul > li > ul > li {
	border-top:dashed 1px #CCCCCC;
}
.sitemap > ul > li > ul > li:first-child {
	border-top:none;
}
.sitemap > ul > li > ul > li > ul > li {
	border-top:dotted 1px #CCCCCC;
}
.sitemap > ul > li > ul > li > ul > li:first-child {
	border-top:none;
}

/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   ニュースお知らせ
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */

/* 重要なお知らせ */
#important {
	background-color:#005E3C;
	padding:3px;
	margin-bottom:15px;
}
#important .title {
	display:block;
	width:210px;
	height:30px;
	border-left: solid 3px #005E3C;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image:url(../images/common/importantTitle.png);
	background-repeat: no-repeat;
	border:none;
	background-position: 5px -40px;
}
#English #important .title {
	background-image:url(../images/common/importantTitle_e.png);
}
#Chinese #important .title {
	background-image:url(../images/common/importantTitle_c.png);
}
#important .content {
	background-color:#FFFFFF;
	/* HU Custom : 複数存在する場合 */
	/* padding:8px 8px 5px;*/
	padding:0px 4px 0px;
	line-height:1.2;
}
/* HU Custom : 複数存在する場合 */
#important .content a {
	display: block;
	padding: 8px 4px 5px;
}
#important .content a:not(:last-child) {
	border-bottom: 1px dotted #cccccc;
}

@media screen and (max-width:768px) {
#English #important .title {
	background-size:196px 44px;
	background-position: 3px 1px;
}
#Chinese #important .title {
	background-size:104px 44px;
	background-position: 3px 1px;
}
}


/* お知らせ */
#newsTabs {
	margin-bottom:50px;
}
/* tab */

#newsTabs-nav {
	display:table;
	width:100%;
}
#newsTabs-nav > li {
	display:table-cell;
	padding:10px 5px 7px;
	background-color:#B2D3A7;
	color:#005E3C;
	border:solid 1px #B2D3A7;
	border-bottom-color:#005E3C;
	border-top:solid 2px #B2D3A7;
	text-decoration:none;
	text-align:center;
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#newsTabs-nav > li.selected {
	background-color:#FFFFFF;
	border:solid 1px #005E3C;
	border-bottom-color:#FFFFFF;
	border-top:solid 2px #005E3C;
}
#newsTabs-nav > li:hover {
	background-color:#EFF4ED;
	cursor:pointer;
}
#newsTabs-nav > li.selected:hover {
	background-color:#FFFFFF;
	cursor:auto;
}

/* content */
.tabHyde {
	display:none;
}
.newsTopicsContent {
	width:100%;
	margin-top:10px;
}
.newsTopicsContent > li {
	border-bottom:dotted 1px #CCCCCC;
	padding:5px 5px;
}
.newsTopicsContent > li > a {
	display:block;
	padding:5px 5px 2px;
	color:#333333;
	text-decoration:none;
}
.newsTopicsContent > li > a:hover {
	background-color: #EFF4ED;
}
.newsTopicsContent > li.new > a:after {
	content:"new!";
	display:inline-block;
	padding:2px 5px 0px;
	font-size:10px;
	background-color:#FCFF80;
	border:solid 1px #F4E02D;
}
.newsTopicsContent > li > a > span.date {
	display:inline-block;
	background-color:#EFF4ED;
	color:#005E3C;
	padding:3px 5px 0px;
	margin-right:5px;
}



/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   見出し
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */

/* top */
.newsHeader > h2{
	display:block;
	width:210px;
	height:42px;
	border-left: solid 3px #005E3C;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image:url(../images/common/titles.png);
	background-repeat: no-repeat;
}
#Chinese .newsHeader > h2 {
	background-image:url(../images/common/titles_c.png);
}
#English .newsHeader > h2 {
	background-image:url(../images/common/titles_e.png);
	width:220px;
}
/* news */
.newsHeader  {
	position:relative;
	margin-bottom:15px;
}
.newsHeader > h2 {
	border:none;
	background-position: -5px -381px;
}
.newsHeader >.newsListLinks {
	height:42px;
	line-height:42px;
	position:absolute;
	top:0px;
	right:0px;
}
.newsHeader >.newsListLinks > a {
	display:inline-block;
	margin-left:10px;
	color:#999999;
}
.newsHeader >.newsListLinks > a:after {
	content:">";
	padding-left:5px;
}

#feed-icon {
	float: right;
}

.newsTab > .newsListLinks {
	display:block;
	text-align:right;
	margin:10px 10px 0px 0px;
}
.newsTab > .newsListLinks > a {
	display:inline-block;
	margin-left:10px;
	color:#999999;
}
.newsTab >.newsListLinks > a:after {
	content:">";
	padding-left:5px;
}


/********************** content title ***********************/
.contentTitle1 ,
.contentTitle2 ,
.contentTitle3 ,
.contentTitle4 ,
.contentTitle5 ,
.contentTitle6 {
	display:block;
	text-align:left;
	line-height:1.2;
}

.contentTitle1 {
	padding:10px 0px 7px;
	margin:10px 0px 20px;
	font-size:179%;
}
* + h1.contentTitle1 {
	margin:35px 0px 20px;
}
.contentTitle2 {
	padding:10px 10px 7px;
	margin:0px 0px 15px;
	font-size:129%;
	background-color:#005E3C;
	color:#FFFFFF;
}
* + .contentTitle2 {
	margin:40px 0px 15px;
}
.contentTitle3 {
	padding:7px 10px 4px;
	margin:0px 0px 15px;
	font-size:129%;
	border-bottom:solid 1px #B2D3A7;
	border-left:solid 8px #B2D3A7;
}
* + .contentTitle3 {
	margin:20px 0px 15px;
}
.contentTitle4 {
	padding:10px 0px 0px;
	margin:15px 0px 5px;
	font-size:129%;
	color:#005E3C;
	font-weight:bold;
}
.contentTitle4:before {
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	background-color:#B2D3A7;
	margin-right:5px;
	position:relative;
	top:-2px;
}
.contentTitle5 {
	padding:10px 0px 0px;
	margin:15px 0px 5px;
	font-size:129%;
	font-weight:bold;
}
.contentTitle6 {
	padding:10px 0px 0px;
	margin:15px 0px 5px;
	font-size:114%;
}

h1.contentTitle1 + h2.contentTitle2 ,
h2.contentTitle2 + h3.contentTitle3 ,
h3.contentTitle3 + h4.contentTitle4 ,
h4.contentTitle4 + h5.contentTitle5 ,
h5.contentTitle5 + h6.contentTitle6 {
	margin-top:10px;
}
h2.contentTitle2 + h3.contentTitle3 {
	margin-top:20px;
}



@media screen and (max-width:768px) {
.newsHeader > h2 {
	background-size:205px 292px;
	background-position: -5px -5px;
}

}
@media screen and (max-width:450px) {
.newsHeader >.newsListLinks {
	height: auto;
	line-height: 1.4em;
	position:relative;
	top: 0px;
	right: 0px;
	text-align:right;
}
}

/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   コンテンツ
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */
.userContents img {
	margin:10px;
}
.userContents .imageOuter {
	text-align:center;
}
.contentText {
}
@media screen and (max-width:768px) {
.userContents .imageOuter img {
	width:100%;
	margin:0px;
}

}


/* -----------------------------------
    border
   ----------------------------------- */
hr.borderType1 {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(19,87,0,0.5);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin:35px 0px;
}
/* -----------------------------------
    link list
   ----------------------------------- */
.linksList {
	margin:0px 0px 15px;
	border:solid 1px #cccccc;
	background-color:#f9f9f9;
}
* + .linksList {
	margin:15px 0px;
}
.linksList > li {
	margin-bottom:1px;
}
.linksList > li + li {
	border-top:solid 1px #cccccc;
}
.linksList > li > a {
	display:block;
	padding:10px 20px 7px 10px;
	position:relative;
	text-decoration:none;
	color:#666666;
	line-height:1.2;
	text-align:left;
}
.linksList > li > a:hover {
	background-color:#ffffff;
}
.linksList > li > a:before {
	content:"";
	border:solid 4px transparent;
	border-left:solid 4px #cccccc;
	position:absolute;
	bottom:50%;
	right:0px;
	margin-bottom:-4px;
}

/* -----------------------------------
    list
   ----------------------------------- */
.textList {
	display:block;
	margin:0px 0px 15px 1rem;
	counter-reset: ol1;
	line-height:1.2;
}
* + .textList {
	margin:15px 0px 15px 1rem;
}
.textList li {
	margin-bottom:7px;
}
.textList > li > ul ,
.textList > li > ol{
	display:block;
	margin:5px 0px 5px 1rem;
	counter-reset: ol2;
}
ul.textList > li {
	padding-left: 1em;
  text-indent: -1em;
}
ul.textList > li:before {
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	background-color:#B2D3A7;
	border-radius:5px;
	margin-right:5px;
}
.textList > li > ul > li {
	padding-left: 1em;
  text-indent: -1em;
}
.textList > li > ul > li:before {
	content:"";
	display:inline-block;
	width:5px;
	height:5px;
	background-color:#999999;
	border-radius:2.5px;
	margin-right:5px;
	position:relative;
	top:-3px;
}
ol.textList > li {
	counter-increment: ol1;
	padding-left: 0.5em;
  text-indent: -0.5em;
}
ol.textList > li:before {
	content: counter(ol1) ". ";
	display:inline-block;
}
.textList > li > ol > li {
	padding-left: 1em;
  text-indent: -1em;
}
.textList > li > ol > li:before {
	counter-increment: ol2;
}
.textList > li > ol > li:before {
	content: "（" counter(ol2) "） ";
	display:inline-block;
}


/* -----------------------------------
    table
   ----------------------------------- */
.tableType1 {
	width:100%;
	margin:0px 0px 15px;
}
* + .tableType1 {
	margin:15px 0px;
}
.tableType1 th ,
.tableType1 td {
	padding:8px 5px 5px;
	border:solid 1px #CCCCCC;
	line-height:1.2;
}
.tableType1 th {
}
.tableType1 th.th1 {
	background-color:#eaeadf;
	text-align:center;
}
.tableType1 th.th2 {
	background-color:#eff4ed;
	text-align:left;
}
.tableType1 td {
	text-align:left;
}
.tableType1 th > a ,
.tableType1 td > a {
	text-decoration:underline;
}

/* -----------------------------------
    panel
   ----------------------------------- */
.panel {
	background-color:#eaeadf;
	padding:15px;
	margin:0px 0px 15px;
}
* + .panel {
	margin:15px 0px;
}
.panel > p {
	display:block;
}

/* -----------------------------------
    link panel
   ----------------------------------- */
a.linkPanel,
span.disabledLinkPanel {
	display:block;
	background-image:none;
	background-color:#f9f9f9;
	border:solid 1px #cccccc;
	padding:5px 5px 5px 5px;
	margin:0px 0px 15px;
	color:#666666;
}
* + a.linkPanel,
* + span.disabledLinkPanel {
	margin:15px 0px;
}
a.linkPanel:hover {
	background-color:#FFFFFF;
}
.linkPanel img,
.disabledLinkPanel img {
	float:left;
}
.linkPanel div,
.disabledLinkPanel div {
	overflow:auto;
	padding-right:25px;
	position:relative;
	text-align:left;
}
a.linkPanel div:before {
	content:"";
	border:solid 4px transparent;
	border-left:solid 4px #cccccc;
	position:absolute;
	bottom:50%;
	right:0px;
	margin-bottom:-4px;
}

.linkPanel div .title,
.disabledLinkPanel div .title {
	display:block;
	padding:7px 10px 4px;
	border-bottom:solid 1px #cccccc;
}
.linkPanel div .text,
.disabledLinkPanel div .text {
	display:block;
	padding:7px 10px 4px;
	font-size:90%;
	line-height:1.2;
}
@media screen and (max-width:400px) {
a.linkPanel,
span.disabledLinkPanel {
	text-align:center;
}
.linkPanel img,
.disabledLinkPanel img {
	float:none;
}


}

/* -----------------------------------
    small
   ----------------------------------- */
small {
	display:block;
	margin:15px 0px;
	color:#666666;
	font-size:90%;
	padding-left: 1em;
  text-indent: -1em;
}

table + .small ,
ul + .small ,
ol + .small ,
div + .small {
	margin-top:-10px;
}

/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   スマホ用リンク高さ設定
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */
@media screen and (max-width:768px) {
.newsTopicsContent > li > a,
.contentsList > ul li a,
.linksList > li > a {
	padding-top:15px;
	padding-bottom:13px;
}
.contentsList > ul li a {
	padding-top:10px;
	padding-bottom:8px;
}


}