/* 共通 */

.bluenormal24              { color: #0665a1; font-size: 24px; }
.bluenormal18              { color: #0665a1; font-size: 18px; }
.bluenormal14              { color: #0665a1; font-size: 14px; }
.bluenormal12              { color: #0665a1; font-size: 12px; }
.bluenormal10              { color: #0665a1; font-size: 10px; }
.bluenormal8              { color: #0665a1; font-weight: bold; font-size: 8px; }
.blue24              { color: #0665a1; font-weight: bold; font-size: 24px; }
.blue18              { color: #0665a1; font-weight: bold; font-size: 18px; }
.blue16              { color: #0665a1; font-weight: bold; font-size: 16px; }
.blue14              { color: #0665a1; font-weight: bold; font-size: 14px; }
.blue12              { color: #0665a1; font-weight: bold; font-size: 12px; }
.blue10              { color: #0665a1; font-weight: bold; font-size: 10px; }
.blue8              { color: #0665a1; font-weight: bold; font-size: 8px; }
.bluel              { color: #0665a1; font-weight: bold; font-size: 16px; }
.blue              { color: #0665a1; font-weight: bold; font-size: 14px; }
.blue_underline    { color: #0665a1; font-weight: bold; text-decoration: underline;  font-size: 14px; }
.blue_underline18    { color: #0665a1; font-weight: bold; text-decoration: underline;  font-size: 18px; }
.redt               { color: #a7090a; }
.red_l              { color: #ff0000; font-weight: bold; font-size: 14px; }
.redb8              { color: #ff0000; font-weight: bold; font-size: 8px; }
.redb10              { color: #ff0000; font-weight: bold; font-size: 10px; }
.redb12              { color: #ff0000; font-weight: bold; font-size: 12px; }
.redrb                { color: #a7090a; font-weight: bold; font-size: 14px; }
.redb14              { color: #ff0000; font-weight: bold; font-size: 14px; }
.redb16              { color: #ff0000; font-weight: bold; font-size: 16px; }
.redb18              { color: #ff0000; font-weight: bold; font-size: 18px; }
.redb24              { color: #ff0000; font-weight: bold; font-size: 24px; }
.red_underline      { color: #a7090a; font-weight: bold; font-size: 14px; text-decoration: underline; }
.normal6           { font-weight: normal; font-size: 6px; }
.normal8           { font-weight: normal; font-size: 8px; }
.normal10           { font-weight: normal; font-size: 10px; }
.normal12           { font-weight: normal; font-size: 12px; }
.normal14          { font-weight: normal; font-size: 14px; }
.normal16           { font-weight: normal; font-size: 16px; }
.normal18           { font-weight: normal; font-size: 18px; }
.normal24           { font-weight: normal; font-size: 24px; }
.normal             { font-weight: normal; font-size: 14px; }
.boldb               { font-weight: bold;  font-size: 14px; }
.bold10               { font-weight: bold; font-size: 10px; }
.bold12               { font-weight: bold; font-size: 12px; }
.bold14               { font-weight: bold; font-size: 14px; }
.bold16               { font-weight: bold; font-size: 16px; }
.bold18               { font-weight: bold; font-size: 18px; }
.bold24               { font-weight: bold; font-size: 24px; }
.bold_underline     { font-weight: bold; text-decoration: underline; }
.small              { font-size: 12px; }
.pinknormal8               { color: #F754AF; font-size: 10px; }
.pinknormal10               { color: #F754AF; font-size: 10px; }
.pinknormal12               { color: #F754AF; font-size: 12px; }
.pinknormal14               { color: #F754AF; font-size: 14px; }
.pinknormal16               { color: #F754AF; font-size: 16px; }
.pinknormal18               { color: #F754AF; font-size: 18px; }
.pinknormal24               { color: #F754AF; font-size: 24px; } 
.pink               { color: #F754AF; font-weight: bold; font-size: 14px; }
.pink8               { color: #F754AF; font-weight: bold; font-size: 10px; }
.pink10               { color: #F754AF; font-weight: bold; font-size: 10px; }
.pink12               { color: #F754AF; font-weight: bold; font-size: 12px; }
.pink14               { color: #F754AF; font-weight: bold; font-size: 14px; }
.pink16               { color: #F754AF; font-weight: bold; font-size: 16px; }
.pink18               { color: #F754AF; font-weight: bold; font-size: 18px; }
.pink24               { color: #F754AF; font-weight: bold; font-size: 24px; }
.red10                { color: #a7090a; font-size: 10px; }
.red12                { color: #a7090a; font-size: 10px; }
.red               { color: #a7090a; font-size: 14px; }
.red14               { color: #a7090a; font-size: 14px; }
.redrb                { color: #a7090a; font-size: 14px; }
.red16                { color: #a7090a; font-size: 16px; }
.red18                { color: #a7090a; font-size: 18px; }
.red24                { color: #a7090a; font-size: 24px; }
.red               { color: #a7090a; font-size: 14px; }
.orange14               { color: #fc6a2a; font-size: 14px; }
.orangeb                { color: #fc6a2a; font-size: 14px; }
.orange16                { color: #fc6a2a; font-size: 16px; }
.orange18                { color: #fc6a2a; font-size: 18px; }
.orange24                { color: #fc6a2a; font-size: 24px; }
.orangeb12               { color: #fc6a2a; font-weight: bold; font-size: 12px; }
.orangeb14               { color: #fc6a2a; font-weight: bold; font-size: 14px; }
.orangeb16               { color: #fc6a2a; font-weight: bold; font-size: 16px; }
.orangeb18               { color: #fc6a2a; font-weight: bold; font-size: 18px; }
.orangeb24               { color: #fc6a2a; font-weight: bold; font-size: 24px; }


body {
	background:#f3f2df;
	padding: 0 0 20px;
}

#header h1 {
	padding-top: 20px;
}

#gNavi ul li {
	float: left;
	display: block;
	height: 30px;
	margin: 0 3px 6px 3px;
	padding: 5px 0;
	text-align: center;
	border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#gNavi ul li a {
	display: block;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}


#gNavi ul li.nav01 {
background: #91bae4;
background: -webkit-gradient(	linear, left top, left bottom,	color-stop(0.00, #e37575), color-stop(1.00, #b24243));
background: linear-gradient( to bottom,	#e37575 0%, #b24243 100%);
}
#gNavi ul li.nav02 { 
background: #e88624;
background: -webkit-gradient(	linear, left top, left bottom,	color-stop(0.00, #ed9e50), color-stop(1.00, #bc6c1e));
background: linear-gradient( to bottom,	#ed9e50 0%, #bc6c1e 100%);
}
#gNavi ul li.nav03 { 
background: #41b546;
background: -webkit-gradient(	linear, left top, left bottom,	color-stop(0.00, #67c46b), color-stop(1.00, #369239));
background: linear-gradient( to bottom,	#67c46b 0%, #369239 100%);
}
#gNavi ul li.nav04 { 
background: #56acdd;
background: -webkit-gradient(	linear, left top, left bottom,	color-stop(0.00, #78bde4), color-stop(1.00, #478ab2));
background: linear-gradient( to bottom,	#78bde4 0%, #478ab2 100%);
}
#gNavi ul li.nav05 {
background: #c161c1;
background: -webkit-gradient(	linear, left top, left bottom,	color-stop(0.00, #cd81cd), color-stop(1.00, #9c4e9b));
background: linear-gradient( to bottom,	#cd81cd 0%, #9c4e9b 100%);
}
#gNavi ul li.nav06 {
background: #997000;
background: -webkit-gradient(	linear, left top, left bottom,	color-stop(0.00, #ad8d33), color-stop(1.00, #7c5a01));
background: linear-gradient( to bottom,	#ad8d33 0%, #7c5a01 100%);
}

#searchMenu .box p.nav01 { background: #dc5252; }
#searchMenu .box p.nav02 { background: #e88624; }
#searchMenu .box p.nav03 { background: #41b546; }
#searchMenu .box p.nav04 { background: #56acdd; }

#pageTitle.nav01 { background: #dc5252; }
#pageTitle.nav02 { background: #e88624; }
#pageTitle.nav03 { background: #41b546; }
#pageTitle.nav04 { background: #56acdd; }
#pageTitle.nav05 { background: #c161c1; }
#pageTitle.nav06 { background: #997000; }

#footer {
	float: left;
	width:100%;
	padding: 10px 0;
	font-size: 90%;
	text-align: center;
	border-top: 2px solid #997000;
}

#searchMenu .box h3.c01  { background: url(../img/circle01.gif) no-repeat left center; }
#searchMenu .box h3.c02  { background: url(../img/circle02.gif) no-repeat left center; }
#searchMenu .box h3.c03  { background: url(../img/circle03.gif) no-repeat left center; }
#searchMenu .box h3.c04  { background: url(../img/circle04.gif) no-repeat left center; }

#main a { color: #6a3907; text-decoration: underline; }

#main p { margin-bottom: 1em; }

#main h5 {
	font-weight: bold;
	margin-bottom: 1em; 
	}

#main section ul, #mainCC section ul {
	margin-bottom: 1.5em; 
}

#main section h3, #mainCC section h3 {
	border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
}

#main section ul li.mark, #mainCC section ul li.mark {
	margin-left: 20px;
	margin-bottom: 10px;
	line-height: 1.4;
	list-style: disc;
}

#main section ul li.arrow, #mainCC section ul li.arrow {
	padding-left: 20px;
	margin-left: 0;
	margin-bottom: 10px;
	line-height: 1.4;
	background: url(../img/arrow03.gif) no-repeat left 0.35em;
	list-style: none;
}


.listSupport ul li {
	margin: 10px 0 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

.listSupport ul li h4 {
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin-bottom: 5px;
	border-left: 7px solid #dcbd5e;
}

.listSupport p.area {
	color: #997000;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 5px;
}

hr {
	clear: both;
	margin: 20px 0;
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: #ccc;
	height: 1px;
}

.radius {
		border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.borderR {
		border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
		border: 1px solid #ccc;
}

.bold { font-weight: bold; }
.normal { font-weight: nomal; }


/*pc*/
@media screen and (min-width: 769px) {

/*--head--*/
#wrapper {
	width:100%;
	margin:0 auto;
	padding: 0 0 10px;
	background: #fff;
}
#header {
	width: 960px;
	height: 75px;
	margin: 0 auto 20px;
}
#header h1 img {
	float: left;
	width: 356px;
	height: auto;
}

#sns {
	float: right;
	overflow: hidden;
	font-size: 0;
}
#sns li {
	display: inline-block;
	vertical-align: middle;
}
#sns iframe {
    margin: 0 !important;
		padding: 0 !important;
}
.fb-like {
	line-height: 1;
	margin-right: 10px;
}
.twitter-share-button {
}

#gNavi {
	width: 966px;
	height: 42px;
	margin: 0 auto;
}
#gNavi ul {
	width: 966px;
}
#gNavi ul li {
	width: 155px;
}

/*--index--*/
#mainVs {
	width: 100%;
	margin: 0 auto 20px;
	background: #dcbd5e;
}

#searchMenu {
	width: 968px;
	margin: 0 auto;
	padding: 20px 0;
}
#searchMenu .lead {
	width: 956px;
	margin: 0 auto 10px;
}
#searchMenu .lead h2 {
	float: left;
	width: 280px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding-top: 10px;
}
#searchMenu .lead p {
	float: right;
	width: 620px;
	padding: 10px;
	background: #f5ebcf;
	color: #6a3907;
	line-height: 1.4;
}
#searchMenu .box  {
	float: left;
	width: 190px;
	padding: 10px 20px;
	margin: 0 6px;
	background: #fff;
}
#searchMenu .box h3  {
	font-size: 18px;
	font-weight: bold;
	padding-left: 25px;
	margin-bottom: 5px;
}
#searchMenu .box p.resize img  {
	width: 100%;
}
#searchMenu .box .detail  {
	width: 100%;
}
#searchMenu .box p  {
	line-height: 1.4;
	margin-bottom: 5px;
}
#searchMenu .box p.slink a {
	display: block;
	width: 180px;
	padding: 5px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

#contents {
	width: 960px;
	margin: 0 auto;
}
#contents h2 {
	color: #fff;
	padding: 5px 20px;
	margin-bottom:10px;
	border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	 background: #997000;
}

#sideMenu {
	float: left;
	width: 240px;
	margin-bottom: 20px;
}
#sNavi {
	width: 240px;
}
#sNavi ul li a {
	display: block;
	width: 188px;
	padding: 10px 10px 5px 40px;
	margin-bottom: 5px;
	border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #ccc;
	line-height: 1.5;
	background: url(../img/arrow01.gif) no-repeat 15px center #fff;
}

#information {
	float: right;
	width: 700px;
	margin-bottom: 20px;
}

.newsBox, .materialBox {
	width:658px;
	padding: 15px 20px;
	margin-bottom:15px;
	background: #fff;
}
.newsBox dl {
	width: 100%;	
}
.newsBox dt {
	clear: both;
	float: left;
	width: 100px;
	margin-bottom: 2px;
	color: #6a3907;
	font-weight: bold;
}
.newsBox dd {
	float: left;
	margin-left:15px;
	margin-bottom: 2px;
}
.materialBox ul li {
	padding-left: 12px;
	margin-bottom: 7px;
	line-height: 1.3;
	background: url(../img/arrow03.gif) no-repeat left 0.35em;
}

/*-----sub------*/
#pageTitle {
	width:100%;
	margin:0 auto;
}
#pageTitle h2 {
	width: 910px;
	margin: 0 auto;
	padding: 10px 0 10px 40px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background: url(../img/arrow02.png) no-repeat 15px 0.7em;
}

#main {
	width: 860px;
	min-height: 550px;  
	height: auto !important;  
	height: 550px;
	padding: 30px 50px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fff;
}
#main section {
	font-size: 16px;
	margin-bottom: 35px;
}

#mainCC {
	float: left;
	width: 590px;
	min-height: 550px;  
	height: auto !important;  
	height: 550px;
	margin-right: 30px;
}
#mainCC section {
	font-size: 16px;
	margin-bottom: 35px;
}

#main section h3, #mainCC section h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 25px;
	padding: 5px 10px;
	color: #fff;
	background: #dcbd5e;
}

#main section h4, #mainCC section h4 {
	font-size: 20px;
	font-weight: bold;
	padding-left: 15px;
	margin-bottom: 15px;
	border-left: 7px solid #dcbd5e;
}

section.list img {
	float: right;
	width: 250px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}


.pagetop {
	clear: both;
	display: block;
	width: 100%;
	text-align: right;
}	

.pagetop a {
	font-size: 14px;
	text-decoration: none;
}

/*tab*/
/*===============================*/
}
@media screen and (max-width: 768px) {

/*--head--*/
#wrapper {
	width: 100%;
	margin:0 auto;
	padding: 0 0 10px;
	background: #fff;
}

#header {
	width: 720px;
	height: 80px;
	margin: 0 auto 10px;
}

#header h1 img {
	float: left;
	width: 356px;
	height: auto;
}

#sns {
	float: right;
	overflow: hidden;
	font-size: 0;
}
#sns li {
	display: inline-block;
	vertical-align: middle;
}
#sns iframe {
    margin: 0 !important;
		padding: 0 !important;
}
.fb-like {
	line-height: 1;
	margin-right: 10px;
}
.twitter-share-button {
}

#gNavi {
	width: 728px;
	margin: 0 auto;
}
#gNavi ul {
	width: 728px;
}
#gNavi ul li {
	width: 236px;
	height: 30px;
}


/*--index--*/
#mainVs {
	width: 100%;
	margin: 0 auto 20px;
	background: #dcbd5e;
}

#searchMenu {
	width: 728px;
	margin: 0 auto;
	padding: 20px 0;
}
#searchMenu .lead {
	width: 710px;
	margin: 0 auto 10px;
}
#searchMenu .lead h2 {
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 5px;
}
#searchMenu  .lead p {
	clear: both;
	/*float: right;*/
	width: 690px;
	padding: 10px;
	background: #f5ebcf;
	color: #6a3907;
	line-height: 1.4;
}
#searchMenu .box  {
	float: left;
	width: 310px;
	padding: 10px 20px;
	margin: 0 6px 12px 6px;
	background: #fff;
}
#searchMenu .box h3  {
	font-size: 18px;
	font-weight: bold;
	padding-left: 25px;
	margin-bottom: 5px;
}
#searchMenu .box p.resize img  {
	width: 50%;
	float: left;
}
#searchMenu .box .detail  {
	width: 45%;
	float: right;
}
#searchMenu .box p  {
	line-height: 1.4;
	margin-bottom: 5px;
}
#searchMenu .box p.slink a {
	display: block;
	width: 100%;
	padding: 5px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

#contents {
	width: 728px;
	margin: 0 auto;
}
#contents h2 {
	color: #fff;
	padding: 5px 20px;
	margin-bottom:10px;
	border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	 background: #997000;
}

#sideMenu {
	clear: both;
	width: 100%;
	margin-bottom: 20px;
}
#sNavi {
	width: 100%;
}
#sNavi ul li a {
	display: block;
	width: 100%;
	padding: 10px 10px 5px 40px;
	margin-bottom: 5px;
	border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #ccc;
	line-height: 1.5;
	background: url(../img/arrow01.gif) no-repeat 15px center #fff;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}

#information {
	width: 100%;
}

.newsBox, .materialBox {
	width: 688px;
	padding: 15px 20px;
	margin-bottom: 15px;
	background: #fff;
}
.newsBox dl {
	width: 688px;	
}
.newsBox dt {
	clear: both;
	float: left;
	width: 100px;
	margin-bottom: 2px;
	color: #6a3907;
	font-weight: bold;
}
.newsBox dd {
	float: left;
	margin-bottom: 2px;
}
.materialBox ul li {
	padding-left: 12px;
	margin-bottom: 7px;
	line-height: 1.3;
	background: url(../img/arrow03.gif) no-repeat left 0.35em;
}

/*-----sub------*/
#pageTitle {
	width:100%;
	margin:0 auto;
}
#pageTitle h2 {
	width: 658px;
	margin: 0 auto;
	padding: 10px 0 10px 50px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background: url(../img/arrow02.png) no-repeat 20px center;
}

#main {
	width: 100%;
	padding: 30px;
	background: #fff;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
#main section {
	margin-bottom: 30px;
}
#main section h3, #mainCC section h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 25px;
	padding: 5px 10px;
	color: #fff;
	background: #dcbd5e;
}

#main section h4, #mainCC section h4 {
	font-size: 20px;
	font-weight: bold;
	padding-left: 15px;
	margin-bottom: 15px;
	border-left: 7px solid #dcbd5e;
}

#mainCC {
	float: left;
	width: 668px;
	margin: 0 0 30px;
}

section.list img {
	float: right;
	width: 200px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 20px;
}

.pagetop {
	clear: both;
	display: block;
	text-align: right;
}	

.pagetop a {
	font-size: 14px;
	text-decoration: none;
}


/*===============================*/
}
@media screen and (max-width: 640px) {

/*--head--*/
#wrapper {
	width: 100%;
	margin:0 auto;
	padding: 0 0 10px;
	background: #fff;
}
#header {
	width: 100%;
	margin: 0 auto 10px;
	padding: 0 20px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}

#header h1 img {
	width: 280px;
	height: auto;
	margin: 0 10px 10px 0;
}

#sns {
	float: right;
	overflow: hidden;
	font-size: 0;
	line-height: 1;
	margin-bottom: 20px;
}
#sns li {
	display: inline-block;
	vertical-align: middle;
}
#sns iframe {
    margin: 0 !important;
		padding: 0 !important;
}
.fb-like {
	line-height: 1;
	margin-right: 10px;
}
.twitter-share-button {
}


#gNavi {
	clear: both;
	width: 100%;
	margin: 0 auto;
}
#gNavi ul {
	width: 100%;
}
#gNavi ul li {
	width: 48%;
}

/*--index--*/
#mainVs {
	width: 100%;
	margin: 0 auto 20px;
	background: #dcbd5e;
}

#searchMenu {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
#searchMenu .lead {
	width: 100%;
	margin: 0 auto 10px;
}
#searchMenu .lead h2 {
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 5px;
}
#searchMenu  .lead p {
	clear: both;
	width: 100%;
	padding: 10px;
	background: #f5ebcf;
	color: #6a3907;
	line-height: 1.4;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
#searchMenu .box  {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	margin: 0 0 12px 0;
	background: #fff;
}
#searchMenu .box h3  {
	font-size: 18px;
	font-weight: bold;
	padding-left: 25px;
	margin-bottom: 5px;
}
#searchMenu .box p.resize img  {
	width: 50%;
	float: left;
}
#searchMenu .box .detail  {
	width: 45%;
	float: right;
}
#searchMenu .box p  {
	line-height: 1.4;
	margin-bottom: 5px;
}
#searchMenu .box p.slink a {
	display: block;
	width: 100%;
	padding: 5px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

#contents {
	width: 100%;
	margin: 0 auto;
}
#contents h2 {
	color: #fff;
	padding: 5px 20px;
	margin-bottom:10px;
	border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
	 background: #997000;
	 box-sizing: border-box;
	-webkit-box-sizing:border-box;
}

#sideMenu {
	clear: both;
	width: 100%;
	margin-bottom: 20px;
	padding: 0 20px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
#sNavi {
	width: 100%;
}
#sNavi ul li a {
	display: block;
	width: 100%;
	padding: 10px 10px 5px 40px;
	margin-bottom: 5px;
	border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #ccc;
	line-height: 1.5;
	background: url(../img/arrow01.gif) no-repeat 15px center #fff;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}

#information {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}

.newsBox, .materialBox {
	width: 100%;
	padding: 15px 20px;
	margin-bottom: 15px;
	background: #fff;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
.newsBox dl {
	width: 100%;	
}
.newsBox dt {
	clear: both;
	margin-bottom: 2px;
	color: #6a3907;
	font-weight: bold;
}
.newsBox dd {
	margin-bottom: 2px;
}
.materialBox ul li {
	padding-left: 12px;
	margin-bottom: 7px;
	line-height: 1.3;
	background: url(../img/arrow03.gif) no-repeat left 0.35em;
}

/*-----sub------*/
#pageTitle {
	width:100%;
	margin:0 auto;
	padding: 10px 20px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
#pageTitle h2 {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0 25px;
	color: #fff;
	font-size: 20px;
	/*font-weight: bold;*/
	background: url(../img/arrow02.png) no-repeat left center;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}

#main {
	width: 100%;
	padding: 20px;
	background: #fff;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
}
#main section {
	margin-bottom: 30px;
}

#main section h3, #mainCC section h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 5px 10px;
	color: #fff;
	/*color: #6a3907;*/
	background: #dcbd5e;
}

#main section h4, #mainCC section h4 {
	clear: both;
	font-size: 16px;
	font-weight: bold;
	padding-left: 15px;
	border-left: 7px solid #dcbd5e;
	margin-bottom: 5px;
}

#mainCC {
	width: 100%;
	margin-bottom: 30px;
}

section.list img {
	width: 100%;
	height: auto;
	margin: 0 auto 10px;
}

.pagetop {
	display: block;
	text-align: right;
}	

.pagetop a {
	font-size: 14px;
	text-decoration: none;
}


}