@charset "UTF-8";

/*詳細B*/
aside.breadcrumb{
	width: 1000px;
	margin: 10px auto 0;
}

body#detailB #container>article,
body#detailC #container>article,
body#listA #container>article,
body#listC #container>article,
body#listB #container>article,
body#listD #container>article{
	margin: 10px auto;
}

#containerLeft section h1,
#webpage section h1,
#sitemap section h1 {
	background-color: #aa9786;
	color: #fff;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	border: 2px solid #c8c8c8;
	font-size: 18px;
	padding-left: 16px;
	letter-spacing: 3px;
}

#containerLeft section body.{
	background-color: #aa9786;
	color: #fff;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	border: 2px solid #c8c8c8;
	font-size: 18px;
	padding-left: 16px;
	letter-spacing: 3px;
}

#container #containerLeft article{
	padding: 20px;
	display: block;
	margin-top: 10px;
	border: 1px solid #cacaca;
	position: relative;
	clear: both;
}

#container #containerLeft article#contents .snsBtn:before,
#container #containerLeft article#contents .snsBtn:after{
	content:" ";
	display:table;
}

#container #containerLeft article#contents .snsBtn:after{
	clear:both;
}

#container #containerLeft article#contents .snsBtn .twitter_btn,
#container #containerLeft article#contents .snsBtn .fb-like{
	float:left;
}
#container #containerLeft article#contents .snsBtn .twitter_btn{
	margin-right:15px;
}


header.contentTitleFollow + p{
	background-color: #eee;
	padding: 5px 20px;
}

.contentTitleLv2{
	color: #726152;
	height: auto;
	font-size: 15px;
	font-weight: bold;
	background-repeat: no-repeat;
	padding-left: 21px;
	background-size: contain;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 97%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(97%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 97%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e1e1e1 97%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e1 97%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 97%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	height: auto;
	border: 1px solid #d5d5d5;
	padding-left: 22px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-right: 78px;
	position: relative;
}

.contentTitleLv2 br{
	display: none;
}

.margin_adj {
	margin-top:0;
	}
h2.contentTitleLv2 span{
	font-size: 16px;
	background-image: url(../images/point03.gif);
	background-repeat: no-repeat;
	background-position: 0 42%;
	padding-left: 15px;
	letter-spacing: 2px;
}

h2.contentTitleLv2 span.list03{
	position: absolute;
	top: 7px;
  right: 0px;
	font-size: 13px;
	font-weight: normal;
}

p.position_adj {
	top:25px;
}

.contentTitleLv3{
	color: #726152;
	font-size: 13px;
	padding: 20px;
	background-color: #eee;
	line-height: 1.5;
	font-weight: normal;
	width: 90%;
	margin: 20px auto;
}

body#listA p.list03,
body#listB p.list03,
body#listC p.list03,
body#listD p.list03{
	position: absolute;
	top: 44px;
	right: 14px;
	font-size: 13px;
}

#detailCts{
	margin-top:10px;
	margin-bottom: 20px;
	padding: 15px 0 15px;
	border-bottom: 2px solid #ab9786;
	border-top:2px solid #ab9786;
	overflow: hidden;
}

#containerLeft div.subtitle{
	font-size: 13px;
	padding: 0;
	margin: 10px 0 10px 15px;
	padding-left: 10px;
	border-left: solid 4px #726152;
	font-weight: bold;
	color: #000;
}

/* カテゴリー*/
div.categoryList{
	position: absolute;
	top: 16px;
	right: 0px;
}

div.categoryList ul{
	float: left;
}

body#listC ul.category01,
body#listA ul.category01,
body#listB ul.category01{
	right: 180px;
}

ul.category01 li,
ul.category02 li,
ul.category03 li{
	float: left;
	font-size: 12px;
	padding: 0 10px;
	font-weight: bold;
}

ul.category01 li>a,
ul.category02 li>a,
ul.category03 li>a{
	color: #fff;
	background-image: url(../images/icon_arrow09.png);
	background-repeat: no-repeat;
	background-position: left 40%;
	padding-left: 12px;
}

#containerLeft section .paging_month{
	margin-bottom: 10px;
}

#containerLeft section dl dt{
	display: inline-block;
	background-color: #dfd8d3;
	padding: 2px 0;
	text-align: center;
	margin-bottom: 8px;
	width: 19%;
}

#containerLeft section div#listArea>div,
#containerLeft section div#listArea section>div{
	padding: 10px 0;
}

#containerLeft section div#listArea dl dd{
	display: inline-block;
  width: 75%;
  margin-top: 2px;
  margin-left: 10px;
  padding-left: 19px;
  /* text-decoration: underline; */
  vertical-align: top;
  position: relative;
	margin-bottom: 8px;
}

#containerLeft section div#listArea dl dd a:visited{
	color: #8e8e8e;
}

#containerLeft section div#listArea dl dd span{
	position: absolute;
	top: 4px;
	left: 0;
}

#containerLeft section div#listArea dl dd span img{
	width: auto;
}

#listArea>section{
	position: relative;
}


/*農政一覧*/

.listDCategory{
	background-color: #726152;
	padding: 3px 0;
	color: #fff;
	font-size: 13px;
	display: inline-block;
	width: 99px;
}

.listDDate{
	padding:3px 0;
	font-size: 13px;
	background-color: #dfd8d3;
	margin-left: 1px;
	display: inline-block;
	width: 99px;
}

body#listD #containerLeft section dl,
body#listB #containerLeft section dl#jinji{
	margin:0;
	width: 100%;
}

body#listD #containerLeft section dl dt,
body#listB #containerLeft section dl#jinji dt{
	display: inline-block;
	background-color: transparent;
	padding: 2px 0;
	text-align: center;
	margin-left: 12px;
	margin-right: 12px;
	margin-bottom: 8px;
	width: auto;
}

body#listD #containerLeft section dl dd,
body#listB #containerLeft section dl#jinji dd{
  width: 66%;
  margin-top: 4px;
  margin-left: 0;
  padding-left: 10px;
  margin-bottom: 0;
}

body#listD #containerLeft section dl dd a,
body#listB #containerLeft section dl#jinji dd a{
	margin-left: 12px;
	margin-right: 12px;
	display: inline-block;
	padding-top: 0px;
	padding-bottom: 5px;
	text-align: justify; /* for modern browser */
	text-justify: inter-ideograph; /* IE6～8 */
}



#listArea div ul{
	text-align: center;
	padding: 14px 0;
	margin-top: 10px;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}

article#contents #listArea div.paging01>ul{
	border-style: none !important;
}

li.page{
  display: inline-block;
  padding: 4px 10px;
  border-right: 1px solid #454545;
  vertical-align: middle;
  height: 16px;
  margin-left: -6px;
}

li.page.now{
	font-weight: bold;
}

li.page:first-child{
	border-style: none;
}

.paging01 li:first-child{
	border-right: 1px solid #454545;
	height: 16px;
	padding: 4px 7px;
}

.paging01 li:last-child{
	border-right: none;
	height: 16px;
  padding: 4px 7px;
}

.paging01 li.pageback{
	display: inline-block;
	padding-right: 14px;
	vertical-align: middle;
}

.paging01 li.pagenext{
	display: inline-block;
	padding-left: 8px;
	vertical-align: middle;
}

.paging01 li.pagenext a>img,
.paging01 li.pageback a>img{
	width: auto;
}

/*ニュース一覧*/
div#paging_scroll{
	overflow-y: scroll;
	height: 75px;
	margin-bottom: 10px;
}

div#paging_scroll.yearbtn{
	overflow-y: auto;
	height: auto;
}

div#paging_off{
	overflow-y: auto !important;
	height: auto !important;
}

div#paging_scroll dl.base01{
	margin: 0 !important;
	font-size: 0;
}

div#paging_scroll dl dt{
	font-size: 12px;
	padding: 3px 17px 3px;
	background-color: #726152;
	color: #fff;
	font-weight: bold;
	border: 1px solid #aa9787;
	margin-bottom: 2px;
	margin-top: 0;
	width: auto;
}

div#paging_scroll dl dd{
	background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 97%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(97%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 97%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e1e1e1 97%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e1 97%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 97%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	height: auto;
	display: inline-block;
	background-position: 0% 39%;
	margin: 0;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	margin-left: 1px;
	border: 1px solid #cacaca;
	vertical-align: top;
	width: 48px;
}

div#paging_scroll.yearbtn dl dd{
	width: 68.8px;
}

#containerLeft section article#contents div.paging_month div#paging_off .base01 dl>dd.pcbtnYear>a{
	padding: 4px 12px;
	display: inline-block;
}


div#paging_scroll dl dd>a{
	color: #726152;
	display: block;
	padding: 4px 8px 3px 8px;
}

/*ライブラリー一覧*/

section.listLibrary{
	margin:0 auto 10px;
	overflow: hidden;
	padding-bottom: 8px;
	border-bottom: 2px solid #ab9786;
}

section.listLibrary p.imgLibrary{
	display: inline-block;
	float: left;
	margin-right: 20px;
	width: 94px;
	padding: 10px;
	border: 3px solid #cacaca;
	background-color: #ab9786;
}

section.listLibrary p.imgLibrary.imgC{
	width: 180px;
  background-color: transparent;
  border-style: none;
  padding: 0;
}

section.listLibrary p.imgLibrary>a>img{
  width: auto;
  height: auto;
  margin: 0 auto;
  max-width: 180px;
}

section.listLibrary div.outlineLibrary{
  width: 80%;
  float: left;
}

section.listLibrary div.outlineLibrary.outlineGensen{
	width: 70%;
}

body#listC h2{
	height: auto;
	line-height: 30px;
	display: inline-block;
	width: 77.5%;
	padding: 10px 10px;
	line-height: 1.3em;
	background-color: #dfd8d3;
}

body#listC h2.gensenTitle{
	width: 68%;
}

body#listC h2>a{
	font-size:15px;
	font-weight: bold;
	display: inline-block;
}

body#listC p.next{
	padding-top: 8px;
	padding-right: 0;
	margin-right: 0;
}

#listArea section.listLibrary h2:before{
	padding-right: 0;
	content: none;
}

/*ライブラリー詳細*/
div#detailLibrary{
	margin-top: 10px;
	overflow: hidden;
}

div#detailLibrary p.imgLibrary{
	display: inline-block;
	float: left;
	margin-right: 20px;
	width: 300px;
	border: 3px solid #cacaca;
	background-color: #ab9786;
	padding: 10px;
}

div#detailbrary p.imgLibrary.imgC{
	width: 180px !important;
}


div#detailLibrary p.imgLibrary>img{
	width: auto;
	margin: 0 auto;
}

div#detailLibrary p.imgLibrary.imgBookguide{
	width: 200px;
}

div#detailLibrary p.imgLibrary.imgSelect{
	width: 180px;
}

div#detailLibrary #rede{
	display: inline-block;
	width: 372px;
}

div#detailLibrary h3{
	font-size: 18px;
	font-weight: bold;
	padding:10px 0;
	border-top: 3px solid #dfd8d3;
	border-bottom: 3px solid #dfd8d3;
	display: inline-block;
	width: 372px;
}

body#detailC #listArea div#detailLibrary #rede #detailTop ul,
body#detailC #listArea div#detailLibrary #rede #detailBottom ul,
body#listC #listArea div.outlineLibrary ul{
	border-style: none;
	border-bottom: 3px solid #dfd8d3;
	margin:0;
	padding: 10px 0;
	overflow: hidden;
}

div#detailLibrary #rede ul li,
div.outlineLibrary ul li{
	float: left;
	margin-right: 8px;
	text-align: left;
	font-size: 110%;
}

div#detailLibrary #outlineLibrary{
	padding: 10px 0;
	border-style: none;
}

body#detailC div#detailCts{
	padding:24px 0 20px;
	clear: both;
}

div#detailLibraryIn.detailGensen>p{
	background-color: transparent;
	border-style: none;
	padding: 0;
	margin-bottom: 15px;
}

div#detailLibraryIn.detailGensen>h3,
div#detailLibraryIn.detailGensen>#rede{
	width:398px;
}

p#detailLibraryIn.detailGensen{
	margin-top: 10px;
	margin-bottom: 15px;
}

/* ウェブページ */
body#webpage div#detailCts,
body#webpage div#formWrap{
	display: block;
	margin-top: 10px;
	margin-bottom: 30px;
	border: 1px solid #cacaca;
	padding: 15px 20px 20px;
}

body#webpage article {
	display: block;
	margin: 10px auto 0;
}

#detailCts h2:before,
body#webpage #formWrap h2:before,
#listArea h2:before{
	content: url(../images/point03.gif);
	padding-right: 8px;
}

#listArea h2:before,
#contents  h2.contentTitleLv2:before{
	content: url(../images/point03.gif);
	padding-right: 8px;
	position: absolute;
 	top: 8px;
 	left: 10px
}

#detailCts h2,
#detailCts h3,
#detailCts h4,
body#webpage #formWrap h2,
body#webpage #formWrap h3{
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 2px;
}

#detailCts h2,
body#webpage #formWrap h2{
	color: #726152;
	font-size: 16px;
	font-weight: bold;
	background-size: contain;
	background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 97%,#f6f6f6 100%);
	border: 1px solid #d5d5d5;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 15px;
}

#detailCts h3{
	border-left: 3px solid #726152;
	margin-left: 16px;
	color:#726152;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0px 15px;
}

#detailCts h4{
	font-size: 15px;
	color: #fff;
	background: #726152;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 18px;
	letter-spacing: 3px;
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 10px;
}

#detailCts p{
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 1.7em;
	font-size: 110%;
}

#detailCts strong{
	font-weight: bold;
}

 #detailCts a{
	color: #008d11;
	text-decoration: underline;
}

#detailCts a:hover {
	color: #008d11;
}

#detailCts a:visited {
	color: #71c478; 
}

#detailCts img{
	width: auto;
	margin: 10px auto;
	display: block;
}

#detailCts ul{
	margin: 10px 20px 10px 20px;
	list-style: none;
}

#detailCts ol{
	margin: 10px 20px 10px 20px;
}

/*#detailCts dl{
	margin: 0px 10px 10px 20px;
}
*/
#detailCts hr{
	border: 1px solid #ab9786 !important;
	margin-top:20px;
	margin-bottom: 20px;
}

#detailCts dl dt{
	display: inline-block;
	background: #726152; color: #fff;
	padding: 3px 20px;
	text-align: center;
	margin-bottom: 8px; 
	margin-left: 0;
}

#detailCts dl dd{
	display: inline-block;
	width: 88%;
	padding-left: 15px;
	vertical-align: top;
	margin-bottom: 20px;
}

#detailCts ol {
	counter-reset:li; /*カウントリセット*/
}

#detailCts ol li {
	position: relative;
	padding-left: 37px;
	*/	list-style-type: decimal; /*IE7*/
	list-style-type: none;
	line-height: 2em;
	padding-bottom: 5px;
}

#detailCts ol li:before {
	content:counter(li); /*カウンターのインデックスを挿入*/
	counter-increment:li; /*ナンバリングを生成*/
/*ここから番号のスタイル */
	position: absolute;
	top: 3px;
	left: 3px;
	width: 16px;
	color: #fff;
	background: #726152;
	padding-left: 7px;
	font-size: 14px;
	line-height: 18px;
}


#detailCts ul li {
	margin-bottom: 10px;
	padding-left: 37px;
	background-image: url(../images/icon_detailcts_ul01.png);
	background-repeat: no-repeat;
	background-position: 12px 6px;
}


#detailCts ul li:before{
	color: #726152;
}

#detailCts table{
	margin: 10px auto;
	font-size: 110%;
	width: 95%;
}

#detailCts table th{
	padding: 10px;
	border: solid 1px #ab9786;
	background-color: #dbd6d2;
	font-weight: bold;
	vertical-align: top;
	width: 30%;
}

#detailCts table td{
	padding: 10px;
	border: solid 1px #ab9786;
	vertical-align: top;
	width: 70%;
}

/* サイトマップPC*/
body#sitemap section{
	width: 100%;
}

body#sitemap div#sitemapCts{
	display: block;
	margin-top: 10px;
	margin-bottom: 30px;
	border: 1px solid #cacaca;
	padding: 0 20px 20px;
}

body#sitemap article {
	display: block;
	margin: 10px auto 0;
}

body#sitemap #sitemapCts h2{
	width: 80%;
	margin: 14px auto 10px auto;
	padding: 0 0 4px 26px;
	background-image: url(../images/mark01.png);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	border-bottom: solid 1px #F0E6DF;
	font-size: 110%;
	line-height: 1.7em;
}

body#sitemap #sitemapCts h3{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0 5px 10px;
	background-image: url(../images/mark02.png);
	background-size: 5px 6px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	font-size: 14px;
	font-weight: normal;
}

body#sitemap #sitemapCts h4{
	width: 72%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	background-image: url(../images/mark03.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	font-size: 14px;
	line-height: 1.7em;
}


/*リンク集PC*/
/*リンク集PC top画像*/

body.link #detailCts ul {
	margin: 0px;
	padding: 0px;
}

body.link #detailCts ul.toplink{
	width: 80%;
	margin: 0px auto 0px auto;
	text-align:center;
}

body.link #detailCts ul.toplink:first-child {
	margin: 35px auto 0px auto;
}

body.link #detailCts ul.toplink li{
	list-style-type: none;
	display: inline-block;
	margin-bottom: 15px;
	background-image: none;
}

body.link #detailCts ul.toplink li img{
	margin: 0px;
}

/*リンク集PC ページリンク*/
body.link #detailCts ul.pagelink{
	width: 90%;
	margin: 10px auto;
}

body.link #detailCts ul.pagelink li{
	list-style-type: none;
	display: inline-block;
	padding-left: 18px;
	background-image: url(../images/mark01.png);
/*	background-size: 16px 16px;
*/	line-height: 16px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 20px;
	margin-right: 20px;
}

body.link #detailCts ul.pagelink li a{
	 color: #000;
	 text-decoration: none;
}

body.link #detailCts ul.pagelink li a:hover{
	 color: #000;
}

/*リンク集PC 通常*/
body.link #detailCts ul.link{
	margin: 10px 0 0 0;
}

body.link #detailCts ul.link li{
	list-style-type: none;
	display: inline-block;
	padding-left: 10px;
	background-image: url(../images/mark02.png);
	background-size: 5px 6px;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	width:30%;
}

body#webpage #detailCts ul.link{
	margin: 10px 35px;
	list-style-type: none;
}

body#webpage #detailCts ul.link li{
	display: inline-block;
	padding-left: 10px;
	background-image: url(../images/mark02.png);
	background-size: 5px 6px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin-right: 16px;
	height: 25px;
}

/*リンク集PCここまで*/


/* 農協協会についてPC olタイトル*/
body#webpage #detailCts ol h5 {
	font-size: 1.2em;
	font-weight: bold;
	color: #726152;
}

body#webpage #detailCts img.rihgt {
	float: right;
	padding: 0 0 10px 10px;
}

/*767px以下の画面*/
@media only screen and (max-width: 767px) {
header{
	border:none;
}

header.contentTitleFollow + p {
	margin-top: 0;
}

#containerLeft>section{
	border: 3px solid#aa9786;
	margin-bottom: 10px;
}

#containerLeft section h1,
#webpage section h1,
#sitemap section h1 {
	border-style: none;
	font-size: 67%;
}

#container #containerLeft article#contents{
	display: block;
	margin-top: 0 !important;
	border:none !important;
	padding: 0 !important;
	width: 90%;
	margin-bottom: 10px;
}

#container #containerLeft article#contents .snsBtn{
	margin-bottom:20px;
}

#container #containerLeft article#contents>p.writer{
  margin-top: 10px;
  margin-bottom: -6px;
}

body#detailC #container #containerLeft article#contents,
body#listD #container #containerLeft article#contents,
body#listB #container #containerLeft article#contents{
	width: 100%;
}


body#listB #container #containerLeft article#contents{
	display: block;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border:none !important;
	padding: 0 !important;
	width: 100%;
}

#containerLeft section .paging_month{
	width: 90%;
	margin: 0 auto;
}

.contentTitleFollow body.{
	background-color: #aa9786;
	color: #fff;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	padding-left: 16px;
	border: none;
}

.contentTitleLv2{
	height: auto;
	margin: 10px auto 2px;
	border: 1px solid #d5d5d5;
	padding-left: 22px;
	padding-right: 10px;
	width: 85%;
}

.contentTitleLv3 {
	padding: 15px;
}

.contentTitleLv2 br{
	display: block;
}

body#detailB .contentTitleLv2{
	width: auto;
	margin-left: 0px;
}

body#detailB .contentTitleLv3{
	width: auto;
	line-height: normal;
	margin: 10px auto 0;
	font-weight: normal;
}

.margin_adj {
	margin-top:10px;
}

h2.contentTitleLv2 span{
	font-size: 16px;
	background-image: url(../images/point03.gif);
	background-repeat: no-repeat;
	background-position: 0 42%;
	padding-left: 10px;
}
#detailCts{
	margin-top: 0;
	margin-bottom: 12px;
	border-bottom:1px solid #cacaca;
	border-top:none;
}

#containerLeft #detailCts img{
	width: 100%;
	height: auto;
}

#detailCts table{
	width: 100%;
}

#containerLeft #listArea{
	width:100%;
}

#containerLeft #listArea>p{
	margin: 15px;
}

body#detailB article p.next>a,
body#listB article p.next>a{
	margin: 0;
}

body#listB #containerLeft>section{
	padding-bottom: 0;
}

div.categoryList {
	position: static;
 	position: static;
 	width: 90%;
 	margin: 0 auto;
}

div.categoryList ul{
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #cacaca;
}

div.categoryList ul li{
	float: left;
	font-size: 12px;
	padding: 0 10px;
	font-weight: normal;
	width: 39%;
	padding: 10px 10px 10px 0;
}

div.categoryList ul li>a{
	color: #726152;
	background-image: url(../images/icon_arrow10.png);
	background-repeat: no-repeat;
	background-position: left 50%;
	padding-left: 12px;
	background-size: 10px;
}

/*農政一覧*/
body#listD #containerLeft section dl{
	margin:10px 0;
	width: auto;
}

body#listD #containerLeft section dl dd{
	width:100%;
}

body#listB article #containerLeft section dl dt{
	margin: 8px 18px;
	width: 110px;
}

body#listB article #containerLeft section dl dd a{
	margin: 0 18px;
	padding-bottom: 5px;
	text-align: justify; /* for modern browser */
	text-justify: inter-ideograph; /* IE6～8 */
	display: block;
	padding-top: 0;
}

#listArea div ul{
	padding:5px 0 0 0;
	border: none;
}

body#listD .paging01{
	padding: 0px;
}

#containerLeft section div#listArea dl dd span{
	display: none;
}

/*カテゴリー別一覧*/
#containerLeft section div#listArea>div, #containerLeft section div#listArea section>div{
	padding: 0 0 10px;
}

/*ウェブページSP*/
#detailCts p{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	width: 100%;
	margin: 0 auto !important;
}
div#detailCts img {
	width: 100% !important;
	height: auto;
	float: none;
}

div#detailCts ul{
	margin: 0;
}

div#detailCts ol{
	margin: 0;
}

div#detailCts dl {
	width: 100% !important;
}

div#detailCts dd {
	width: 100% !important;
	padding: 0;
	margin-bottom: 0;
}

/*div#detailCts {
	padding: 15px 15px 10px 15px;
}*/

div#detailCts h3{
	margin-left: 0px;
}

div#detailCts h4{
	margin-left: 0px;
	margin-right: 0px;
}

/*ここまでウェブページ*/

/*サイトマップSP*/
body#sitemap div#sitemapCts {
	padding: 0 10px 10px;
}

body#sitemap div#sitemapCts h2{
	width:90%;
}

body#sitemap div#sitemapCts h3{
	width:90%;
}

body#sitemap div#sitemapCts h4{
	width:80%;
}

/*ここまでサイトマップ*/



/*ニュース一覧*/
body#listB #containerLeft #listArea{
	width: 100%;
	margin-bottom: 10px;
}

#listArea section > p {
	margin-top: 15px;
	margin-left: 25px;
}

div#paging_scroll{
	overflow-y: visible;
	height: auto;
}

div#paging_scroll dl.base01{
	margin: 0 !important;
	font-size: 0;
}

div#paging_scroll dl dt{
	font-size: 12px;
	padding: 5px 8px;
	background-color: #726152;
	color: #fff;
	font-weight: bold;
	border: 1px solid #aa9787;
	margin-bottom: 4px;
	display: block;
	border: 1px solid #726152;
	background-color: transparent;
	color: #726152;
	background-image: url(../images/icon_arrow15.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 20%;
}

article #containerLeft section div#paging_scroll dl dd:first-child{
	margin-left: 0;
}

article #containerLeft section div#paging_scroll dl dd{
	background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 97%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(97%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 97%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e1e1e1 97%,#f6f6f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e1e1e1 97%,#f6f6f6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 97%,#f6f6f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	height: auto;
	display: inline-block;
	width: 23.5%;
	background-position: 0% 39%;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	margin-left: 1px;
	margin-bottom: 3px;
	border: 1px solid #cacaca;
	vertical-align: top;
	padding:0;
}

article #containerLeft section div#paging_scroll dl dd span{
	display: none;
}

article #containerLeft section div#paging_scroll dl dd>a{
	display: block;
	padding: 8px 0;
	color: #726152;
	margin: 0;
	text-align: center;
}

div.accordion>p.year{
	font-size: 12px;
	padding: 10px 8px;
	background-color: #726152;
	color: #fff;
	font-weight: bold;
	border: 1px solid #aa9787;
	margin-bottom: 4px;
	display: block;
	border: 1px solid #726152;
	background-color: transparent;
	color: #726152;
	background-image: url(../images/icon_arrow16.gif);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	margin-top: 10px;
	cursor:pointer;
	padding-left: 85px;
}

div.accordion>p.active{
	background-image: url(../images/icon_arrow15.gif);
}

/*ライブラリー一覧*/
body#listC #container #containerLeft article#contents{
	width: 90%;
	margin: 10px auto;
}

section.listLibrary{
	border-bottom: none;
	padding-bottom: 0;
	margin: 10px auto 0;
}

body#listC h2>a{
	padding: 0 !important;
	font-size: 100%;
}

section.listLibrary p.imgLibrary{
	width: 25%;
	margin-right: 10px;
	margin-top: 0 !important;
	margin-left: 0!important;
/*	min-height: 80px;*/
}

div#detailLibrary p.imgLibrary{
	display:block;
	float: none;
	margin-right:0;
	width:100%;
}

/*section.listLibrary p.imgLibrary>img{
	width: 90%;
}*/

section.listLibrary div.outlineLibrary,
section.listLibrary div.outlineLibrary.outlineGensen{
	width: 100%;
}

body#listC h2{
	width: 52.9%;
	float: left;
	padding: 10px 10px;
	line-height: 1.3em;
}

body#listC h2.gensenTitle{
	width: 47%;
}

section.listLibrary p.imgLibrary.imgC{
	width: 40% !important;
	background-color: transparent;
	border-style: none;
	padding: 0;
}

section.listLibrary p.imgLibrary.imgC.outlineGensen{
	min-height: 40px;
	margin-top: 0 !important;
	margin-left: 0!important;
}

section.listLibrary p.imgLibrary>a>img {
	width: 100% !important;
}

section.listLibrary p.imgLibrary .imgC>img{
	width: 100%;
}


div.outlineLibrary{
	clear: both;
	width: 100%;
}

/*ライブラリー詳細*/
div#detailLibraryIn{
	width: 90%;
	margin: 0 auto;
}

div#detailLibrary p.imgLibrary{
  margin: 0;
  width: 90%;
  padding: 10px;
  margin-right: 20px;
  margin-bottom: 15px;
  margin: 10px auto;
}

div#detailLibrary p.imgLibrary>img{
	width: 65%;
}

#containerLeft p.subtitle{
	font-size: 12px;
	margin-left: 0px;
}

div#detailLibrary #rede{
	width: 100%;
}

div#detailLibrary #rede ul{
	border-style: none;
	border-bottom: 3px solid #dfd8d3;
	margin: 0;
	padding: 8px 0px;
}

div#detailLibrary #rede ul li, div.outlineLibrary ul li{
	text-align: left;
}

div#detailLibrary #outlineLibrary{
	border-bottom: none;
	font-size: 100%;
}

body#detailC div#detailCts{
	padding: 16px 0 10px;
	width: 90%;
	margin: 0 auto;
	border-top: solid 3px #dfd8d3;
	border-bottom: none;
}

div#detailLibrary h3{
	width: 100%;
	font-size: 15px;
}

div#detailLibraryIn.detailGensen>h3,
div#detailLibraryIn.detailGensen>#rede{
	width: 100%;
}

div#detailLibraryIn.detailGensen>p{
	padding: 0;
	width: 90%;
	border-style: none;
	background-color: transparent;
}

body#webpage #detailCts img.rihgt {
	width:40%;
	height:auto;
}
/*リンク集SP*/
/*リンク集SP top画像*/
body.link #detailCts ul.toplink{
	padding:0;
}
body.link #detailCts ul.toplink li{
	display:block;
	width:70%;
	margin:0 auto 10px auto;
	padding-left: 0;
}
body.link #detailCts ul.toplink li img{
	width:100%;
}
/*リンク集SP ページリンク*/
body#webpage #detailCts ul.pagelink{
	margin:10px 0 0 0px;
}
body.link #detailCts ul.pagelink li{
	display:block;
	width:auto;
	margin:0 auto 10px auto;
	line-height: 1.7em;
}
/*リンク集SP 通常*/
body#webpage #detailCts ul.link{
	margin: 10px 0 0 10px;
}
body.link #detailCts ul.link li{
	width: auto;
}
/*リンク集PCここまで*/

}


/*==========================================
メールフォーム
==========================================*/

/*必須入力*/
.required {
	display: inline-block;
	margin-left: 5px;
	padding: 2px 4px;
	font-size: 12px;
	color: #ffffff;
	background-color: #ba2636;
	font-weight: bold;
}
/*エラーメッセージ*/
.errorMessage {
	margin: 10px;
	padding: 15px;
	background-color: #FCE7E6;
	border: none;
}
@media only screen and (max-width: 767px) {
	.errorMessage{
	margin: 10px 5px;
	padding: 6px;
	}
}

.errorMessage header {
	padding: 5px 10px;
	border-bottom: dotted 2px #ff0000;
	background-image: none;
	border-style: none;
}
.errorMessage header h1 {
	font-size: 16px;
	font-weight: bold;
	color: #ff0000;
}
.errorMessage header p {
	color: #CC0000;
}
.errorMessage ul {
	margin-top: 10px;
}
.errorMessage ul li {
	color: #CC0000;
	font-weight: bold;
	margin-bottom: 5px;
	padding-left: 10px;
	background-image: url(../images/icon_form_ul01.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}
section#formParts{
	width:98%;
	margin: 14px auto 0;
}
.errorMessage header h3 {
	margin: 0 !important;
	letter-spacing: 0 !important;
	color: #CC0000;
}
.errorMessage ul {
	padding-left: 10px !important;
	list-style: none;
}
#formWrap p{
	padding-left: 15px;
	padding-right: 15px;
}
#formWrap header p{
	padding-left: 0;
}
#formWrap p.formMesse{
	text-align: center !important;
	font-size: 16px !important;
	margin-top: 120px;
	margin-bottom: 120px;
}

@media only screen and (max-width: 767px) {
	#formWrap p{
	padding-left: 0;
	}
}

/*汎用テキストフォーム*/
.textform label {
	display: block;
	font-size: 11px;
	font-weight: bold;
}
.textform input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 300px;
	width: 100%;
}
@media only screen and (max-width: 999px) {
	.textform input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.textform input[type="text"] {
	padding: 9px 5px;
	max-width: none;
	margin-left: 0;
	}
}
.textform textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 500px;
	width: 100%;
}
@media only screen and (max-width: 999px) {
	.textform textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.textform textarea {
	padding: 9px 5px;
	max-width: none;
	}
}

/*汎用テキストエリアフォーム*/
.textarea label {
	display: block;
	font-size: 11px;
	font-weight: bold;
}
.textarea input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 500px;
	width: 100%;
}
@media only screen and (max-width: 999px) {
	.textarea input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.textarea input[type="text"] {
	padding: 9px 5px;
	max-width: none;
	}
}
.textarea textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 500px;
	width: 100%;
}
@media only screen and (max-width: 999px) {
	.textarea textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.textarea textarea {
	padding: 9px 5px;
	max-width: none;
	}
}

/*汎用氏名フォーム(氏名分割型)*/
.name dd ul {
	margin-left: 0px;
}
.name dd ul.inlineForm {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -o-box;
	display: -o-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
@media only screen and (max-width: 767px) {
	.name dd ul.inlineForm {
	display: block;
	}
	.name dd ul.inlineForm > * input[type="text"],
	.name dd ul.inlineForm > * textarea {
	max-width: none;
	}
}
.name dd ul > * ~ * {
	margin-left: 5px;
}
@media only screen and (max-width: 767px) {
	.name dd ul > * ~ * {
	margin-top: 5px;
	margin-left: 0;
	}
}
.name dd ul li {
	width: auto;
	-ms-flex: 0 1 114px;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 114px;
	-moz-box-flex: 1.0;
	-webkit-box-flex: 1.0;
	-webkit-flex: 0 1 114px;
	flex: 0 1 114px;
	width: 100%;
}
.name dd ul li label {
	display: block;
	font-size: 11px;
	font-weight: bold;
}
.name dd ul li input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 100px;
	width: 100%;
}
@media only screen and (max-width: 999px) {
	.name dd ul li input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.name dd ul li input[type="text"] {
	padding: 9px 5px;
	margin-left: 0;
	}
}
.name dd ul li textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 500px;
	width: 100%;
}
@media only screen and (max-width: 999px) {
	.name dd ul li textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.name dd ul li textarea {
	padding: 9px 5px;
	}
}
.name dd ul li input[type="text"] {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
@media only screen and (max-width: 767px) {
	.name dd ul li input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 0;
	}
}

/*汎用電話番号、faxフォーム(番号分割型)*/
.tel dd ul.inlineForm {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -o-box;
	display: -o-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.tel dd ul > * ~ * {
	margin-left: 5px;
}
.tel dd ul > * {
	width: auto;
	-ms-flex: 0 1 100px;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 100px;
	-moz-box-flex: 1.0;
	-webkit-box-flex: 1.0;
	-webkit-flex: 0 1 100px;
	flex: 0 1 100px;
	padding-left: 14px;
	background: url(../images/ic_hyphen.png) no-repeat 4px center;
	-moz-background-size: 5px 17px;
	-webkit-background-size: 5px 17px;
	background-size: 5px 17px;
}
.tel dd ul.inquiryAddress01 > * {
	background-image: none !important;
	padding-left: 0;
}
.tel dd ul.inquiryAddress01 li.inquiryAddress02 select{
	margin-left: 0;
}
dd ul.inquiryAddress01 li input{
	min-width: 288px;
}
@media only screen and (max-width: 767px) {
	dd ul.inquiryAddress01{
	display: block !important;
	}
	dd ul.inquiryAddress01 li input{
	min-width: 100% !important;
	max-width: 100% !important;
	width: 100% !important;
	}
}
.tel dd ul > * label {
	display: block;
	font-size: 11px;
	font-weight: bold;
}
.tel dd ul > * input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 89px;
	width: 100%;
}
@media only screen and (max-width: 999px) {
	.tel dd ul > * input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.tel dd ul > * input[type="text"] {
	padding: 9px 5px;
	}
}
.tel dd ul > * textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 500px;
	width: 100%;
}
@media only screen and (max-width: 999px) {
	.tel dd ul > * textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.tel dd ul > * textarea {
	padding: 9px 5px;
	}
}
.tel dd ul > *:first-child {
	padding-left: 0px;
	background: none;
}
.tel dd ul > * ~ * {
	margin-left: 0;
}
.tel dd ul > * input[type="text"] {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
@media only screen and (max-width: 999px) {
	.tel dd ul > * label {
	display: block;
	font-size: 11px;
	font-weight: bold;
	}
	.tel dd ul > * input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 100px;
	width: 100%;
	}
}
@media only screen and (max-width: 999px) and (max-width: 999px) {
	.tel dd ul > * input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 999px) and (max-width: 767px) {
	.tel dd ul > * input[type="text"] {
	padding: 9px 5px;
	}
}
@media only screen and (max-width: 999px) {
	.tel dd ul > * textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 500px;
	width: 100%;
	}
}
@media only screen and (max-width: 999px) and (max-width: 999px) {
	.tel dd ul > * textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 999px) and (max-width: 767px) {
	.tel dd ul > * textarea {
	padding: 9px 5px;
	}
}

@media only screen and (max-width: 767px) {
	.tel dd ul {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -o-box;
	display: -o-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	}
	.tel dd ul > * {
	width: auto;
	-ms-flex: 0 1 70px;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 70px;
	-moz-box-flex: 1.0;
	-webkit-box-flex: 1.0;
	-webkit-flex: 0 1 70px;
	flex: 0 1 70px;
	}
	.tel dd ul > * label {
	display: block;
	font-size: 11px;
	font-weight: bold;
	}
	.tel dd ul > * input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 70px;
	width: 100%;
	}
}
@media only screen and (max-width: 767px) and (max-width: 999px) {
	.tel dd ul > * input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
	.tel dd ul > * input[type="text"] {
	padding: 9px 5px;
	margin-left: 0;
	}
}
@media only screen and (max-width: 767px) {
	.tel dd ul > * textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 500px;
	width: 100%;
	}
}
@media only screen and (max-width: 767px) and (max-width: 999px) {
	.tel dd ul > * textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
	.tel dd ul > * textarea {
	padding: 9px 5px;
	}
}
@media only screen and (max-width: 767px) {
	.tel dd ul > * input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
.numberAddress{
	margin-top: 13px;
}
  .tel dd ul li.inquiryAddress02{
	background-image: none;
	padding-left: 0;
	margin-top: 6px;
}

/*汎用E-mailフォーム*/
.mail dd ul.inlineForm > *{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -o-box;
	display: -o-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

@media only screen and (max-width: 767px) {
	.mail dd ul.inlineForm {
	display: block;
	}
	.mail dd ul.inlineForm > * input[type="text"],
	.mail dd ul.inlineForm > * textarea {
	max-width: none;
	margin-left: 0;
	}
}

.mail dd ul > * ~ * {
	margin-left: 5px;
}

@media only screen and (max-width: 767px) {
	.mail dd ul > * ~ * {
	margin-top: 5px;
	margin-left: 0;
	}
}
.mail dd ul li {
	width: auto;
	-ms-flex: 0 0 100px;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 100px;
	-moz-box-flex: 0.0;
	-webkit-box-flex: 0.0;
	-webkit-flex: 0 0 100px;
	flex: 0 0 100px;
	margin-left: 5px;
}
.mail dd ul li input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100px;
}
.mail dd ul li:first-child {
  margin-left: 0;
}
.mail dd ul li ~ li {
	width: auto;
	-ms-flex: 0 0 123px;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 123px;
	-moz-box-flex: 0.0;
	-webkit-box-flex: 0.0;
	-webkit-flex: 0 0 123px;
	flex: 0 0 123px;
}
.mail dd ul li .atmark {
	display: inline-block;
	margin-right: 5px;
}

@media only screen and (max-width: 767px) {
	.mail dd ul li {
	display: block;
	margin-left: 0;
	width: 100%;
	position: relative;
	}
	.mail dd ul li input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	}
	.mail dd ul li ~ li {
	width: 100%;
	}
	.mail dd ul li .atmark {
	margin-top: -9px;
	margin-right: 0;
	position: absolute;
	top: 50%;
	left: 5px;
	}
	.mail dd ul li .atmark ~ input {
	padding-left: 24px;
	width: 100%;
	}
}

/*ラジオボタン、チェックボックス*/
.selectTypeUI li {
	font-size: 0;
	margin: 5px 0;
	position: relative;
}
.selectTypeUI li > * {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
}
.selectTypeUI li .interface {
	display: block;
	margin-top: -7.5px;
	height: 13px;
	line-height: 1em;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 0;
}
.selectTypeUI li > label {
	padding-left: 18px;
	position: relative;
	z-index: 1;
}

@media only screen and (max-width: 767px) {
	.selectTypeUI li > label {
	display: block;
	padding-top: 11px;
	padding-bottom: 11px;
	}
	.selectTypeUI li .interface {
	margin-top: -11px;
	right: 10px;
	left: auto;
	}
	.selectTypeUI li .interface input[type="radio"] {
	display: none;
	}
	.selectTypeUI li .interface input[type="radio"]:checked ~ label {
	background-image: url(../images/ic_radio_checked.png);
	}
	.selectTypeUI li .interface input[type="radio"] ~ label {
	-moz-background-size: 22px 22px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url(../images/ic_radio.png);
	background-position: left center;
	background-repeat: no-repeat;
	vertical-align: middle;
	}
	.selectTypeUI li .interface input[type="radio"] ~ label ~ .text {
	margin-left: 5px;
	}
	.selectTypeUI li .interface input[type="checkbox"] {
	display: none;
	}
	.selectTypeUI li .interface input[type="checkbox"]:checked ~ label {
	background-image: url(../images/ic_checkbox_checked.png);
	}
	.selectTypeUI li .interface input[type="checkbox"] ~ label {
	-moz-background-size: 22px 22px;
	-webkit-background-size: 22px 22px;
	background-size: 22px 22px;
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url(../images/ic_checkbox.png);
	background-position: left center;
	background-repeat: no-repeat;
	vertical-align: middle;
	}
	.selectTypeUI li .interface input[type="checkbox"] ~ label ~ .text {
	margin-left: 5px;
	}
	.selectTypeUI li > label {
	padding-left: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.selectTypeUI li {
	border: solid 1px #cccccc;
	}
}

/*セレクトボックス*/
.select label {
	display: block;
	font-size: 11px;
	font-weight: bold;
}
@media only screen and (max-width: 767px) {
	.select select {
	padding: 9px 0;
	}
}

/*カスタムフィールド　画像*/
.detailImage {
	margin-top: 10px;
	margin-bottom: 10px;
}
.detailImage .inner {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -o-box;
	display: -o-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.detailImage .inner .item {
	width: auto;
	-ms-flex: 0 1 auto;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	-moz-box-flex: 1.0;
	-webkit-box-flex: 1.0;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
	max-width: 350px;
}
.detailImage .inner .item figure {
	margin-left: 5px;
	margin-right: 5px;
}
.detailImage .inner .item figure img {
	width: 100%;
	height: auto;
}
.detailImage .inner .item figure figcaption {
	margin-top: 5px;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.detailImage .inner {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 350px;
	}
	.detailImage .inner .item ~ .item {
	margin-top: 10px;
	}
	.detailImage .inner .item figure {
	margin-left: 0;
	margin-right: 0;
	}
	.detailImage .inner .item figure figcaption {
	text-align: center;
	}
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}


/*==========================================
リファレンス内コンテンツ
==========================================*/
#classSelector #sample_tab .sample_content {
	padding: 10px;
	border-top: solid 3px #cccccc;
}
#classSelector #sample_category .categoryList {
	text-align: right;
}

#mixin #sample_Flex ul {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -o-box;
	display: -o-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
#mixin #sample_Flex ul li {
	padding: 5px;
	color: #ffffff;
	background: #00aa88;
}
#mixin #sample_Flex ul li ~ li {
	margin-left: 5px;
}
@media only screen and (max-width: 767px) {
	#mixin #sample_Flex ul {
	display: block;
	}
	#mixin #sample_Flex ul li {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 5px;
	margin-left: 0;
	margin-right: 0;
	max-width: inherit;
	}
	#mixin #sample_Flex ul li ~ li {
	margin-left: 0;
	}
}
#mixin #sample_opacity {
	position: relative;
}
#mixin #sample_opacity p {
	padding: 10px;
}
#mixin #sample_opacity p.sample_leftItem {
	background-color: #ff0000;
}
#mixin #sample_opacity p.sample_rightItem {
	-ms-filter: "alpha( opacity= $value * 100 )";
	filter: alpha(opacity=50);
	opacity: 0.5;
	position: absolute;
	top: 10px;
	left: 30px;
	background-color: #00ff00;
}
#mixin #sample_borderRadius p {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	background-color: #ff0000;
}
#mixin #sample_boxSizing p {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
	max-width: 300px;
	width: 100%;
	background-color: #00ff00;
}
#mixin #sample_mediaQuery p {
	color: #ff00ff;
}
@media only screen and (max-width: 999px) {
	#mixin #sample_mediaQuery p {
	color: #00ff00;
	}
}
@media only screen and (max-width: 767px) {
	#mixin #sample_mediaQuery p {
	color: #0000ff;
	}
}
#mixin #sample_hover a.hover:hover {
	color: #ff0000;
}
#mixin #samle_fluidImage .sample_image img {
	width: 100%;
	height: auto;
}
#mixin #samle_fluidImage .sample_bg {
	margin-top: 10px;
}
#mixin #samle_fluidImage .sample_bg p {
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: url(http://placehold.it/350x150);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#mixin #samle_floatLeft {
	*zoom: 1;
}
#mixin #samle_floatLeft:after {
	display: table;
	content: "";
	clear: both;
}
#mixin #samle_floatLeft .image {
	float: left;
	margin-right: 10px;
}
@media only screen and (max-width: 767px) {
	#mixin #samle_floatLeft {
	*zoom: 1;
	}
	#mixin #samle_floatLeft:after {
	display: table;
	content: "";
	clear: both;
	}
	#mixin #samle_floatLeft .image {
	float: none;
	margin-bottom: 10px;
	}
	#mixin #samle_floatLeft .image img {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}
}
#mixin #samle_floatRight {
	*zoom: 1;
}
#mixin #samle_floatRight:after {
	display: table;
	content: "";
	clear: both;
}
#mixin #samle_floatRight .image {
	float: right;
	margin-left: 10px;
}
@media only screen and (max-width: 767px) {
	#mixin #samle_floatRight {
	*zoom: 1;
	}
	#mixin #samle_floatRight:after {
	display: table;
	content: "";
	clear: both;
	}
	#mixin #samle_floatRight .image {
	float: none;
	margin-bottom: 10px;
	}
	#mixin #samle_floatRight .image img {
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	}
}
#mixin #sample_inlineBlock ul {
	font-size: 0;
}
#mixin #sample_inlineBlock ul > * {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
}
#mixin #sample_inlineBlock ul li ~ li {
	margin-left: 5px;
}
#mixin #sample_steppedInlineItem ul {
	font-size: 0;
	margin: -2.5px;
}
#mixin #sample_steppedInlineItem ul > * {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
}
#mixin #sample_steppedInlineItem ul > * {
	margin: 2.5px;
}
#mixin #sample_oneSideFixedLeft {
	*zoom: 1;
}
#mixin #sample_oneSideFixedLeft:after {
	display: table;
	content: "";
	clear: both;
}
#mixin #sample_oneSideFixedLeft > * {
	float: left;
	width: 200px !important;
}
#mixin #sample_oneSideFixedLeft > * ~ * {
	float: right;
	margin-left: -230px;
	width: 100% !important;
}
#mixin #sample_oneSideFixedLeft > * ~ * > .oneSideFixedInner {
  margin-left: 230px;
}
#mixin #sample_oneSideFixedRight {
	*zoom: 1;
}
#mixin #sample_oneSideFixedRight:after {
	display: table;
	content: "";
	clear: both;
}
#mixin #sample_oneSideFixedRight > * {
	float: left;
	margin-right: -230px;
	width: 100% !important;
}
#mixin #sample_oneSideFixedRight > * > .oneSideFixedInner {
	margin-right: 230px;
}
#mixin #sample_oneSideFixedRight > * ~ * {
	float: right;
	margin-right: inherit;
	width: 200px !important;
}
#mixin #sample_roundedChar ul li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
#mixin #sample_roundedChar ul li.cancel {
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	-webkit-text-overflow: clip;
	-o-text-overflow: clip;
}
#mixin #sample_articleTopix.articleTopix dl {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -o-box;
	display: -o-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-box-align: start;
	-moz-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	padding-top: 5px;
	padding-bottom: 5px;
}
#mixin #sample_articleTopix.articleTopix dl dt {
	width: auto;
	-ms-flex: 0 0 208px;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 208px;
	-moz-box-flex: 0.0;
	-webkit-box-flex: 0.0;
	-webkit-flex: 0 0 208px;
	flex: 0 0 208px;
	font-size: 0;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -o-box;
	display: -o-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-right: 10px;
}
#mixin #sample_articleTopix.articleTopix dl dt > * {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 12px;
}
#mixin #sample_articleTopix.articleTopix dl dt .category_cate1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	background-color: #d4145a;
}
#mixin #sample_articleTopix.articleTopix dl dt .category_cate2 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	background-color: #ff6d1d;
}
#mixin #sample_articleTopix.articleTopix dl dt .category_cate3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	background-color: #8cc63f;
}
#mixin #sample_articleTopix.articleTopix dl dt .sampleCategory {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	background-color: #cccccc;
}
#mixin #sample_articleTopix.articleTopix dl dt > span {
	width: auto;
	-ms-flex: 0 0 120px;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 120px;
	-moz-box-flex: 0.0;
	-webkit-box-flex: 0.0;
	-webkit-flex: 0 0 120px;
	flex: 0 0 120px;
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}
#mixin #sample_articleTopix.articleTopix dl dt > span ~ time {
	margin-left: 10px;
}
#mixin #sample_articleTopix.articleTopix dl dt time {
	width: auto;
	-ms-flex: 0 0 68px;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 68px;
	-moz-box-flex: 0.0;
	-webkit-box-flex: 0.0;
	-webkit-flex: 0 0 68px;
	flex: 0 0 68px;
	font-size: 12px;
}
#mixin #sample_articleTopix.articleTopix dl dt time ~ span {
	margin-left: 10px;
}
#mixin #sample_articleTopix.articleTopix dl dd {
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	-webkit-text-overflow: clip;
	-o-text-overflow: clip;
}
@media only screen and (max-width: 999px) {
	#mixin #sample_articleTopix.articleTopix dl {
	display: block;
	padding-left: 1em;
	}
	#mixin #sample_articleTopix.articleTopix dl dt {
	margin-bottom: 10px;
	}
}
@media only screen and (max-width: 767px) {
	#mixin #sample_articleTopix.articleTopix dl {
	padding: 0;
	}
}
#mixin #sample_articleTopix.articleTopix dl {
	border-bottom: dashed 1px #cccccc;
}
#mixin #sample_articleTopix.articleTopix dl dt > span {
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffffff;
	text-align: center;
}
#mixin #sample_articleTopix.articleTopix dl dd {
	margin-top: 5px;
}
#mixin #sample_articleTopix.articleTopix dl dd a.hover:hover {
	text-decoration: underline;
	background-color: #efefef;
}
@media only screen and (max-width: 767px) {
	#mixin #sample_articleTopix.articleTopix {
	padding-left: 0;
	padding-right: 0;
	}
	#mixin #sample_articleTopix.articleTopix dl dt {
	margin: 5px 0 10px 14px;
	}
	#mixin #sample_articleTopix.articleTopix dl dd {
	margin-top: 0;
	}
	#mixin #sample_articleTopix.articleTopix dl dd a {
	display: block;
	margin-top: -43px;
	padding: 43px 10px 5px 14px;
	}
}
#mixin #sample_icon .icon {
	-moz-background-size: 14px 14px;
	-webkit-background-size: 14px 14px;
	background-size: 14px 14px;
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url(../images/dummy_icon.png);
	background-position: left center;
	background-repeat: no-repeat;
	vertical-align: middle;
}
#mixin #sample_icon .icon ~ .text {
	margin-left: 5px;
}
#mixin #sample_icon .text ~ .icon {
	margin-left: 5px;
}
#mixin #sample_btn .btn {
	width: 200px;
}
#mixin #sample_btn .btn input[type="submit"],
#mixin #sample_btn .btn input[type="reset"],
#mixin #sample_btn .btn input[type="button"],
#mixin #sample_btn .btn button {
	display: none;
}
#mixin #sample_btn .btn label {
	font-size: 0;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
#mixin #sample_btn .btn label > * {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
}
#mixin #sample_btn .btn label .text {
	vertical-align: middle;
}
#mixin #sample_btn .btn label .text ~ .icon {
	margin-left: 5px;
}
#mixin #sample_btn .btn label * {
	color: inherit;
	text-decoration: none;
}
@media only screen and (max-width: 767px) {
	#mixin #sample_btn .btn label {
	padding-top: 12px;
	padding-bottom: 12px;
	}
}
#mixin #sample_btn .btn label.hover:hover {
	text-decoration: none;
}
#mixin #sample_btn .btn label.hover:hover * {
	text-decoration: none;
}
#mixin #sample_btn .btn a {
	font-size: 0;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
#mixin #sample_btn .btn a > * {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
}
#mixin #sample_btn .btn a .text {
	vertical-align: middle;
}
#mixin #sample_btn .btn a .text ~ .icon {
	margin-left: 5px;
}
#mixin #sample_btn .btn a * {
	color: inherit;
	text-decoration: none;
}
@media only screen and (max-width: 767px) {
	#mixin #sample_btn .btn a {
	padding-top: 12px;
	padding-bottom: 12px;
	}
}
#mixin #sample_btn .btn a.hover:hover {
text-decoration: none;
}
#mixin #sample_btn .btn a.hover:hover * {
	text-decoration: none;
}
#mixin #sample_btn .btn > * {
	color: #ffffff;
	background-color: #bbbbbb;
}
#mixin #sample_btn .btn > *.hover:hover {
	background-color: #cccccc;
}
#mixin #sample_table .table {
	display: table;
	border-collapse: collapse;
	width: 100%;
}
#mixin #sample_table .table .tableContainer {
	display: table-row-group;
}
#mixin #sample_table .table .tableItem {
	display: table-row;
}
#mixin #sample_table .table .tableItem dt {
	display: table-cell;
	width: 25%;
}
#mixin #sample_table .table .tableItem dt label {
	display: block;
}
#mixin #sample_table .table .tableItem dd {
	display: table-cell;
}
@media only screen and (max-width: 767px) {
	#mixin #sample_table .table {
	display: block;
	}
	#mixin #sample_table .table .tableItem {
	display: block;
	}
	#mixin #sample_table .table .tableItem dt {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	}
	#mixin #sample_table .table .tableItem dd {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	}
}
#mixin #sample_table .table .tableItem dt {
	padding: 10px;
	border: solid 1px #cccccc;
	background-color: #eeeeee;
	font-weight: bold;
	vertical-align: top;
}
#mixin #sample_table .table .tableItem dt label {
	display: block;
}
#mixin #sample_table .table .tableItem dd {
	padding: 10px;
	border: solid 1px #cccccc;
}
@media only screen and (max-width: 767px) {
	#mixin #sample_table .table {
	margin-top: 1px;
	}
	#mixin #sample_table .table .tableItem {
	margin-top: -1px;
	}
	#mixin #sample_table .table .tableItem dt {
	width: 100%;
	}
	#mixin #sample_table .table .tableItem dd {
	margin-top: -1px;
	}
}

#sample #wrapper #container article #contentArea > section .categoryTitle {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
}
#sample #wrapper #container article #contentArea > section > section {
	padding: 10px;
	border: solid 1px #cccccc;
}
#sample #wrapper #container article #contentArea > section > section ~ section {
	margin-top: 15px;
}
#sample #wrapper #container article #contentArea > .detail-cts {
	margin-top: 15px;
}
#sample #wrapper #container article #contentArea > .detail-cts .categoryTitle {
	color: #000000;
}
#sample #wrapper #container article #contentArea > .detail-cts > section {
	padding: 10px;
	border: solid 1px #cccccc;
}
#sample #wrapper #container article #contentArea > .detail-cts > section .sampleTitle h1 {
	margin-top: 0;
	margin-bottom: 0;
}
#sample #wrapper #container article #contentArea > .detail-cts > section .sampleTitle ul {
	margin: 0;
	margin-left: 25px;
	padding: 0;
	background: none;
}
#sample #wrapper #container article #contentArea > .detail-cts > section .sampleTitle ul li {
	background: none;
	margin: 0;
	padding: 0;
}
#sample #wrapper #container article #contentArea > .detail-cts > section ~ section {
	margin-top: 15px;
}

.sampleTitle {
	margin-bottom: 15px;
	border-bottom: dotted 1px #cccccc;
}
.sampleTitle h1 {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 20px;
	color: #888888;
}
.sampleTitle ul {
	margin-bottom: 10px;
	margin-left: 25px;
	list-style-type: disc;
}

#leftContent p {
	color: #ffffff;
}
#leftContent .oneSideFixedInner {
	background-color: red;
}

#rightContent p {
	color: #ffffff;
}
#rightContent .oneSideFixedInner {
	background-color: green;
}

#sample_oneSideFixedLeft #leftContent {
	background-color: red;
}

#sample_oneSideFixedRight #rightContent {
	background-color: green;
}
#formParts .table {
	display: table;
	border-collapse: collapse;
	width: 100%;
}
#formParts .table .tableContainer {
	display: table-row-group;
}
#formParts .table .tableItem {
	display: table-row;
}
#formParts .table .tableItem dt {
	display: table-cell;
	width: 25%;
}
#formParts .table .tableItem dt label {
	display: block;
}
#formParts .table .tableItem dd {
	display: table-cell;
}
@media only screen and (max-width: 767px) {
	#formParts .table {
	display: block;
	}
	#formParts .table .tableItem {
	display: block;
	}
	#formParts .table .tableItem dt {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	}
	#formParts .table .tableItem dd {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	}
}
#formParts .table .tableItem dt {
	padding: 10px;
	border: solid 1px #ab9786;
	background-color: #dbd6d2;
	font-weight: bold;
	vertical-align: top;
}
#formParts .table .tableItem dt label {
	display: block;
}
#formParts .table .tableItem dd {
	padding: 10px;
	border: solid 1px #ab9786;
}
@media only screen and (max-width: 767px) {
	#formParts .table {
		margin-top: 1px;
	}
	#formParts .table .tableItem {
		margin-top: -1px;
	}
	#formParts .table .tableItem dt {
		width: 100%;
	}
	#formParts .table .tableItem dd {
		margin-top: -1px;
	}
}
#formParts .sample_withlabel ul li ~ li {
	margin-top: 5px;
}
#formParts #sample_formBtn{
	width: 100%;
	margin: 21px auto 0;
	text-align: center;
}
#formParts #sample_formBtn .btn {
	max-width: 200px;
	display: inline-block;
	margin: 0 28px;
	padding: 0;
}
#formParts #sample_formBtn .btn input[type="submit"],
#formParts #sample_formBtn .btn input[type="reset"],
#formParts #sample_formBtn .btn input[type="button"],
#formParts #sample_formBtn .btn button {
	display: none;
}
#formParts #sample_formBtn .btn label {
	font-size: 0;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding: 12px;
	width: 155px;
}
#formParts #sample_formBtn .btn label > * {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
}
#formParts #sample_formBtn .btn label .text {
	vertical-align: middle;
}
#formParts #sample_formBtn .btn label .text ~ .icon {
	margin-left: 5px;
}
#formParts #sample_formBtn .btn label * {
	color: inherit;
	text-decoration: none;
}
@media only screen and (max-width: 767px) {
	#formParts #sample_formBtn .btn label {
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 10px 0;
	}
}
#formParts #sample_formBtn .btn label.hover:hover {
	text-decoration: none;
}
#formParts #sample_formBtn .btn label.hover:hover * {
	text-decoration: none;
}
#formParts #sample_formBtn .btn a {
	font-size: 0;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
#formParts #sample_formBtn .btn a > * {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14px;
}
#formParts #sample_formBtn .btn a .text {
	vertical-align: middle;
}
#formParts #sample_formBtn .btn a .text ~ .icon {
	margin-left: 5px;
}
#formParts #sample_formBtn .btn a * {
	color: inherit;
	text-decoration: none;
}
@media only screen and (max-width: 767px) {
	#formParts #sample_formBtn .btn a {
	padding-top: 12px;
	padding-bottom: 12px;
	}
}
#formParts #sample_formBtn .btn a.hover:hover {
	text-decoration: none;
}
#formParts #sample_formBtn .btn a.hover:hover * {
	text-decoration: none;
}
#formParts #sample_formBtn .btn > * {
	background-color: #dbd6d2;
}
#formParts #sample_formBtn .btn > *.hover:hover {
	background-color: #cccccc;
	text-decoration: none;
}

.sample_single dd ul li ~ li {
	margin-top: 5px;
}
.sample_single dd ul li.oneLine label {
	display: block;
	font-size: 11px;
	font-weight: bold;
}
.sample_single dd ul li.oneLine input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 300px;
	width: 100%;
}
@media only screen and (max-width: 999px) {
	.sample_single dd ul li.oneLine input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.sample_single dd ul li.oneLine input[type="text"] {
	padding: 9px 5px;
	max-width: none;
	}
}
.sample_single dd ul li.oneLine textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 500px;
	width: 100%;
}
@media only screen and (max-width: 999px) {
	.sample_single dd ul li.oneLine textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.sample_single dd ul li.oneLine textarea {
	padding: 9px 5px;
	max-width: none;
	}
}
.sample_single dd ul li.multiLine label {
	display: block;
	font-size: 11px;
	font-weight: bold;
}
.sample_single dd ul li.multiLine input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 500px;
	width: 100%;
}
@media only screen and (max-width: 999px) {
	.sample_single dd ul li.multiLine input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.sample_single dd ul li.multiLine input[type="text"] {
	padding: 9px 5px;
	max-width: none;
	}
}
.sample_single dd ul li.multiLine textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 500px;
	width: 100%;
	min-height: 250px;
}
@media only screen and (max-width: 999px) {
	.sample_single dd ul li.multiLine textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.sample_single dd ul li.multiLine textarea {
	padding: 9px 5px;
	max-width: none;
	margin-left: 0;
	}
}

.sample_multiple dd .inner label {
	display: block;
	font-size: 11px;
	font-weight: bold;
}
.sample_multiple dd .inner input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 300px;
	width: 100%;
}
@media only screen and (max-width: 999px) {
	.sample_multiple dd .inner input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.sample_multiple dd .inner input[type="text"] {
	padding: 9px 5px;
	}
}
.sample_multiple dd .inner textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	max-width: 500px;
	width: 100%;
}
@media only screen and (max-width: 999px) {
	.sample_multiple dd .inner textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
}
@media only screen and (max-width: 767px) {
	.sample_multiple dd .inner textarea {
	padding: 9px 5px;
	}
}
.sample_multiple dd .inner ul.inlineForm {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -o-box;
	display: -o-flexbox;
	display: -o-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
@media only screen and (max-width: 767px) {
	.sample_multiple dd .inner ul.inlineForm {
	display: block;
	}
	.sample_multiple dd .inner ul.inlineForm > * input[type="text"],
	.sample_multiple dd .inner ul.inlineForm > * textarea {
	max-width: none;
	}
}
.sample_multiple dd .inner ul > * ~ * {
	margin-left: 5px;
}
@media only screen and (max-width: 767px) {
	.sample_multiple dd .inner ul > * ~ * {
	margin-top: 5px;
	margin-left: 0;
	}
}