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

/* 
#
#
#
# デスクトップレイアウト : 940 px 以上。デスクトップファースト
#
#
#
 */ 

/* INDEX */
/*
	elements
	wire frame
	header layout style
	campain
	globalindex layout style
	layout style
		first level
		second level
	 layout style
		contentsmain layout 
		contentswide layout
	front whatsnew
	subindex layout style
	other context layout style
	footer layout style
	layout style class
	photo layout style class
	clearfix
	pcview switch
	pagetop
	footer banner
	breadcrumbs
	social button
	kiji categoly
	
	old layout style
	senkyo 2015
*/

/* 
======================
 elements 
======================
*/

* {
	box-sizing: border-box;
}
body {
	color: #333;
	background-color: #fff;
	background-image: url(../image/common/bgimage2.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	/* background-color: #f9f9f9; */
	background-color: #fff;
}
h1 {
}
h2 {
	color: #444;
}
h3 {
}
p {
	font-size: 110%;
	line-height: 1.5em;
	color: #444;
	text-align: left;
	margin: 0;
	/* padding: 10px 1em 0 1em; */
	padding: 10px 0 0 0;

}
table {
	font-size: 100%;
	border-collapse: collapse;  /*リセット*/
	border-spacing: 0; /*リセット*/
}
table caption {
	color: #369;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 5px;
}
th {
	background-color: cornflowerblue;
	color: white;
	font-weight: bold;
	padding: 0.5em auto;
}
td {
	font-size: 100%;
	line-height: 1.15em;
	padding: 5px;
}
a:link {
	color: #33f;
	text-decoration: none;
}
a:visited {
	color: #63c;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #fc0;
	text-decoration: underline;
}
a:link img {
	border-style: none;
	border-width: 0;
}
ul {
	text-align: left;
}
ol {
	text-align: left;
}
dl {
	width: auto;
}
li {
	font-size: 100%;
	line-height: 1.5;
}
dt {
	font-weight: bold;
}
dd {
	text-align: left;
	line-height: 1.5;
}
img {
	border: none;
}
address {
	text-align: left;
	line-height: 1.35;
	font-style: normal;
	margin: 1.5em;
	padding: 1em;
	border: solid 1px gray;
}
pre {
	font-size: 110%;
	line-height: 1.5em;
	background-color: #f3f0c5;
	margin: 1em 5em 1em 0;
	padding: 0.5em 1em;
}
/* elements end */

/* 
======================
 wire frame 
======================
*/

.wrapper {
	width: 100%;
	height: 100%;
	min-height: 100%;
	text-align: center;
}
.footer {
	width: 100%;
	height: 100%;
	clear: left;
	float: left;
	text-align: center;
	background-color: #f6f6f6;
	margin-bottom: 0;
}
#header {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	text-align: left;
}
#container {
	width: 960px;
	float: none;
	clear: both;
	background-color: #FFF;
	margin: 0 auto;
	padding-bottom: 2em;
}
#contents {
	background-color: #fff;
	text-align: left;
	width: 960px;
	float: left;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
}
#contentsmain {
	clear: both;
	float: left;
	margin-top: 0;
	margin-left: 0;
	padding-right: 0;
	width: 680px;
	background-color: #ffe;
}
#front_contentsmain {
	clear: both;
	float: left;
	margin-top: 0;
	margin-left: 0;
	padding-right: 0;
	width: 680px;
}
#contentswide {
	margin-top: 10px;
	margin-left: 15px;
	padding-right: 10px;
	width: 98%;
	float: left;
}
#subindex {
	font-size: 90%;
	text-align: left;
	width: 260px;
	float: left;
	margin: 0 10px;
	;
	padding: 0;
}
#container > #subindex {
	margin-top: 10px;
 #container > #contentsmain > #subindex {
 margin-top: 10px;
}
}
#container #subindex li.katsudou_detail {
	font-size: 95%;
	background: none;
	padding-left: 0.3em;
	border-bottom: none;
	border-top: 1px dashed #4377BA;
}
#front_subindex {
	font-size: 90%;
	text-align: left;
	width: 300px;
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
}
#opinion_list {
}
.width-full #opinion_list h3 {
	font-size: 110%;
}
#areaindex h2 {
	color: #FFF;
	background: #4377BA;
	width: auto;
	font-size: 120%;
	padding: 0.3em 0.5em;
	margin-top: 0px;
	margin-bottom: 0px;
}
#areaindex h3 {
	color: #444;
	background: #ddd;
	width: auto;
	font-size: 110%;
	padding: 0.3em 0.5em;
	margin-top: 0px;
	margin-bottom: 0px;
}
#areaindex ul li {
	background: url(../image/common/accent_sankaku.jpg) no-repeat 0px 0.9em;
	list-style: none;
	margin-left: 0em;
	padding-left: 1em;
	font-size: 110%;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	border-bottom: 1px dashed #4377BA;
}
#areaindex ul li ul {
	margin-left: -1em;
}
#areaindex ul {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 5px;
}
.width-full {
	width: 960px;
	float: left;
	background-color: #FFF;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.width-full img {
	width: auto;
	height: auto;
}
.width-full h2 {
	border-left: 15px solid #4377BA;
	text-align: left;
	line-height: 1.2;
	margin-left: 10px;
	margin-bottom: 0;
	padding: 1em 10px;
	font-size: 200%;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #0078BC;
	float: none;
	clear: both;
}
.width-full h3 {
	border-left: 10px solid #5777B8;
	text-align: left;
	line-height: 1.2;
	margin-left: 10px;
	padding-left: 10px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #5777B8;
	width: 95%;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
.width-300 {
	float: left;
	width: 300px;
	height: auto;
	background-color: #fff;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.width-300 p {
	font-size: 100%;
}
.width-300 p.caption {
	text-align: left;
	padding-right: 0px;
	padding-left: 3px;
	height: 5em;
}
.width-300 img {
	width: 100%;
	height: auto;
}
.width-460 {
	float: left;
	width: 460px;
	height: auto;
	float: left;
	background-color: #fff;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.width-460 p {
	font-size: 100%;
}
.width-460 p.caption {
	text-align: left;
	padding-right: 0px;
	padding-left: 3px;
	height: 5em;
}
.width-460 img {
	width: 100%;
	height: auto;
}
.width-500 {
	width: 500px;
	height: auto;
	background-color: #FFF;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	float: none;
}
.width-500 img {
	width: 500px;
	height: auto;
}
.width-620 {
	width: 620px;
	height: auto;
	background-color: #fff;
	text-align: center;
	margin: 5px auto;
}
.width-620 p {
	font-size: 100%;
}
.width-620 p.caption {
	width: 100%;
	text-align: left;
	padding-right: 0px;
	padding-left: 3px;
}
.width-620 img {
	width: 620px;
	height: auto;
}
.width-640 {
	width: 640px;
	height: auto;
	background-color: #FFF;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	float: none;
}
.sp-hidden {
	display: inline;
}
.sp-tb-hidden {
	display: inline;
}
.sp-view {
	display: none;
}
.ruby {
	ruby-position: before;
}
.honbun p.hizuke {
	text-size: 100%;
}
/* wire frame end */

/* 
======================
 header layout style
======================
*/


#header_inner {
	width: 940px;
	margin: 0 auto;
}
#character {
	float: left;
	margin-right: 20px;
}
#headertitle {
	margin-right: 20px;
	float: left;
}
#headerbanner {
	clear: both;
	background-color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;
	width: 940px;
	float: none;
	padding: 0 0 10px 0;
}
/*
#headerbanner img {
	vertical-align: middle;
	margin: 0 5px;
}
*/

#header h1 {
	width: 352px;
	height: auto;
	float: left;
	margin-left: 10px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 30px;
}
#header h1 img {
	width: 100%;
	height: auto;
}
#header p {
	float: left;
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
#header p.header-unionion {
	margin-bottom: -20px;
	z-index: 20;
	margin-top: 5px;
	margin-left: 20px;
}
#header .header-soudan {
	margin-top: 35px;
	margin-left: 80px;
}
#header .header-unionion-message {
	margin-top: 20px;
}
/* header end */

/* 
======================
 globalindex layout style
======================
*/

#globalindex {
	width: 100%;
	height: 45px;
	background-color: #0273BF;
	display: inline;
	z-index: 5;
	padding-left: 0;
	clear: left;
	float: left;
}
#globalnavi {
	width: 960px;
	height: 45px;
	clear: left;
	color: #FFF;
	line-height: 1em;
	background-color: #0273BF;
	text-align: left;
	position: relative;
	z-index: 5;
	float: none;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0;
}
#globalnavi a {
	color: #FFF;
}
#nav {
	width: 960px; /* 1000 */
	height: 45px;
	background-color: #fff;
	font-weight: 400;
	position: relative;
	font-size: 100%; /* 12 */
}
#nav > a {
	display: none;
}
#nav a:hover {
	text-decoration: none;
}
#nav ul {
	list-style: none;
}
#nav li {
	position: relative;
}
#nav li a {
	color: #fff;
	display: block;
}
#nav li a:active {
	background-color: #c00 !important;
}
#nav span:not( .tb-hidden ):after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #fff;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}
#nav ul li.aboutus {
	width: 14%;
}
#nav ul li.whatsnew {
	width: 18%;
}
#nav ul li.info {
	width: 12%;
}
#nav ul li.library {
	width: 14%;
}
#nav ul li.soudan {
	width: 18%;
}
#nav ul li.archive {
	width: 13%;
}
#nav ul li.link {
	width: 10%;
}
/* first level */

#nav > ul {
	height: 45px; /* 60 */
	background-color: #0273BF;
	margin: 0;
	padding-left: 0;
}
#nav > ul > li {
	width: 14%;
	height: 45px;
	float: left;
}
#nav > ul > li > a {
	height: 30px;
	font-size: 100%; /* 24 */
	line-height: 1em; /* 60 (24) */
	text-align: center;
	padding-top: 15px;
}
#nav > ul > li:not( :last-child ) > a {
	border-right: 1px solid #7bf;
}
#nav > ul > li:hover > a,  #nav > ul:not( :hover ) > li.active > a {
	background-color: #06c;
}
/* second level */

#nav ul li ul {
	background-color: #8a9a9a;
	opacity: 0.9;
	display: none;
	position: absolute;
	top: 100%;
	width: 230px;
	font-size: 90%; /* 24 */
}
#nav ul li.info ul {
	width: 275px;
}
#nav li:hover ul {
	display: block;
	left: 0;
	right: 0;
	padding-left: 0;
}
#nav li ul li {
	border-bottom: 1px solid #ddd;
	padding-left: 10px;
}
#nav li:not( :first-child ):hover ul {
	left: -1px;
}
#nav li ul a {
	padding-top: 5px; /* 15 (20) */
	padding-bottom: 5px; /* 15 (20) */
}
#nav li ul li a:hover,  #nav li ul:not( :hover ) li.active a {
	background-color: #206fff;
	margin-left: -10px;
	padding-left: 10px;
}
/* globalindex layout style end */

/* 
======================
 layout style 
======================
*/




/* 
======================
 layout style 
======================
*/

/* contentsmain layout */

#contentsmain h2 {
	text-align: left;
	line-height: 1.2;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #0078BC;
	padding-left: 8px;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 0;
	margin-bottom: 0.5em;
	margin-left: 10px;
	font-size: 200%;
	clear: both;
}
#contentsmain h3 {
	clear: both;
	font-size: 140%;
	line-height: 1.2;
	border-left: 10px solid #5777B8;
	text-align: left;
	margin: 2em 10px 1em;
	padding: 0.5em 10px;
	border-bottom: 1px solid #5777B8;
	width: auto;
}
#contentsmain h4 {
	color: #444;
	font-size: 120%;
	line-height: 1.25;
	background-color: #cdd;
	margin: 0.5em 10px;
	padding: 5px 10px 4px;
}
#contentsmain h5 {
	color: #333;
	font-size: 100%;
	text-align: center;
	line-height: 1.25;
}
#contentsmain h6 {
	color: #333;
	font-size: 90%;
	text-align: left;
	line-height: 1.25;
}
#contentsmain p {
	font-size: 100%;
	line-height: 1.5;
}
#contentsmain ul {
	text-align: left;
	margin: 0.5em 10px;
}
#contentsmain ol {
	text-align: left;
	margin: 0.5em 10px;
}
#contentsmain dl {
	widht: auto;
	padding-left: 1em;
	padding-right: 1em;
}
#contentsmain li {
	font-size: 100%;
	line-height: 1.5;
	margin-left: 1em;
	padding-left: 0;
}
#contentsmain ol li {
	margin-left: 1.5em;
}
#contentsmain dt {
	font-weight: bold;
	margin-top: 3px;
}
#contentsmain dd {
	text-align: left;
	line-height: 1.5;
	margin-top: 4px;
	margin-bottom: 0.5em;
	margin: 4px 0.5em 0.5em 0.5em;
}
#contentsmain #whatsnew ul {
	margin: 10px;
}
#contentsmain #mid_banner {
	width: 620px;
	margin-left: 10px;
	margin-right: 10px;
}
#contentsmain #mid_banner p {
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	padding-top: 0;
	margin-bottom: 1.5em;
}
#contentsmain .contentsmain_footer_banner {
	padding-top: 20px;
	width: 640px;
}
#contentsmain .contentsmain_footer_banner p {
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	margin-right: 10px;
}
#contentsmain a:link.linkline {
	border-bottom: 1px dotted #808080;
}
#contentsmain a:visited.linkline {
	border-bottom: 1px dotted #808080;
}
.honbun p.shomei {
	line-height: 1.25;
	text-align: right;
	clear: both;
}
.honbun p {
	text-align:justify;	
}
.honbun p.syutyo-no {
	text-align:center;	
}
.honbun p.hizuke1 {
	text-align:right;	
}

/* 
======================
 front whatsnew
======================
*/

#front_whatsnew {
	width: 620px;
	margin-left: 10px;
	margin-right: 10px;
	clear: both;
	position: relative;
	z-index: 30;
	background-color: #FFF;
}
#front_whatsnew ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
#front_whatsnew ul li {
	padding-left: 115px;
	text-align: justify;
	text-justify: inter-ideograph;
}
/* front whatsnew end */

/* 
======================
 subindex layout style
======================
*/

#subindex {
}
#areaindex {
}
#areaindex li {
}
#areaindex ul {
}
#activestyle {
	text-align: center;
}
#activestyle p.text-size-switcher {
	text-align: center;
	padding-top: 0;
}
.subindex_banner {
	border: 1px solid #999999;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#google-search {
	width: 100%;
	height: 42px;
	padding-top: 0;
	padding-bottom: 10px;
}
p.google-image {
	float: left;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 0;
}
p.google-input {
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 10px;
}
#policy {
	font-size: 90%;
	text-align: right;
	margin-top: 0.2em;
	margin-right: 1em;
	margin-bottom: 0.5em;
}
#contentsmain p.hashira {
	width: auto;
	display: block;
	clear: both;
	float: left;
	margin-top: 1em;
	margin-left: 10px;
	padding: 0.3em 0.8em;
	border: solid 1px #333;
}
/* subindex layout style end */

/* 
======================
 other context layout style
======================
*/

h2.kiji-midashi {
	border-left: 15px solid #4377BA;
	text-align: left;
	line-height: 1.2;
	margin-left: 10px;
	margin-bottom: 0;
	padding: 1em 10px;
	font-size: 200%;
	border-left-width: 15px;
	border-left-style: solid;
	border-left-color: #0078BC;
	float: none;
	clear: both;
}
p#whatsnew_list img {
	max-width: 100%;
}
ul.kyaku-chuu {
	text-align: left;
	list-style-type: none;
	list-style-image: none;
	background-position: 0 1px;
	padding: 10px;
	border: 1px solid #3C6;
	clear: left;
	float: none;
	margin-top: 2em;
	margin-right: 1em;
	margin-bottom: 2em;
	margin-left: 1em;
}
.honbun ul.kyaku-chuu li {
	background-position: 0 0;
	background-image: url(../image/common/yajirushi_shikaku_b2_mini.jpg);
	background-repeat: no-repeat;
	margin-left: 0.5em;
	padding-left: 1.5em;
	line-height: 1.5em;
	margin-bottom: 5px;
}
ul.kyaku-chuu li.kyaku-chuu-pdf {
	background: url(../image/icon/pdficon_new_mid.jpg) no-repeat 0px 0px;
	margin-left: 0.5em;
	padding-left: 2em;
	padding-top: 3px;
}
ul.kanren-doc {
	padding: 1em;
	clear: left;
	float: none;
	font-size: 110%;
	margin-top: 0.5em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	margin-left: 1em;
}
ul.kanren-doc li {
	border: 2px solid #399;
	margin-bottom: 0.5em;
	list-style-type: none;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
/* other context layout style end */

/* 
======================
 footer layout style
======================
*/

#footer {
	font-size: 90%;
	background-color: #69f;
	text-align: left;
	width: 960px;
	/* height: 65px; */
	float: none;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 0;
}
#footer #navifooter ul {
	list-style-type: none;
}
#footerindex {
	font-size: 100%;
	background-color: #e6e6e6;
	width: 960px;
	/* height: 225px; */
	float: left;
	margin: 0 auto;
	padding-top: 15px;
}
#footerindex_inner {
	margin-left: 0;
}
#footerindex h2 {
	color: #fff;
	text-align: left;
	width: 90%;
	margin-top: 5px;
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 5px;
	background-color: #999;
	font-size: 110%;
}
#footerindex h3 {
	color: #fff;
	text-align: left;
	width: 90%;
	margin-top: 5px;
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 5px;
	background-color: #999;
	font-size: 110%;
}
.footerindex_navi {
	width: 290px;
	height: 15em;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
}
.footerindex_kanren {
	width: 290px;
	height: 15em;
 margin-right 20px;
	float: left;
}
.footerindex_kousei-soshiki {
	width: 290px;
	height: 15em;
	margin-right: 20px;
	float: right;
}
.footerindex_kousei-soshiki ul {
	margin-bottom: 0;
}
.footerindex_kousei-soshiki p {
	font-size: 100%;
	margin-top: 0, 5em;
	magin-bottom: 0;
}
.footerindex_kanren-dantai {
	width: 290px;
	height: 7em;
	margin-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
	float: left;
}
.footerindex_aboutus {
	width: 290px;
	height: 9em;
	margin-top: 10px;
	float: left;
}
#footerindex address {
	text-align: left;
	margin-left: 1em;
	padding-top: 0;
	padding-left: 0;
	border-style: none;
}
#footerindex ul {
	text-align: left;
	margin-top: 7px;
	margin-left: 0;
	padding-left: 0;
}
#footerindex li {
	margin-left: 2em;
	padding-left: 0;
}
#footerindex a:link {
}
#footerindex a:visited {
}
.footer2_wrapper {
	width: 100%;
	height: 95px;
	background-color: #69f;
}
#footer2 {
	text-align: left;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#footer2 p.credit {
	color: #fff;
	font-size: 90%;
	width: 450px;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	display: block;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 0;
}
#footer2 p.credit img {
	vertical-align: middle;
	margin-right: 10px;
}
#footer2 p.w3c-link {
	text-align: right;
	width: 200px;
	float: right;
	padding-right: 20px;
	display: block;
	clear: none;
	margin-top: 20px;
}
#footer2 p.w3c-link img {
	vertical-align: middle;
}
/* End footer */

/* 
======================
 layout style class 
======================
*/

.local_path {
	font-size: 90%;
	text-align: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 15px;
}
.next_link {
	font-size: 90%;
	text-align: right;
	margin-top: -0.5em;
}
.grobal_navi {
	font-size: 95%;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid gray;
}
.copyright {
	font-size: 95%;
	margin-left: 215px;
}
.margin_top_1em {
	margin-top: 1em;
}
.margin_top_2em {
	margin-top: 2em;
}
.margin_top_3em {
	margin-top: 3em;
}
.margin_bottom_1em {
	margin-bottom: 1em;
}
.margin_bottom_2em {
	margin-bottom: 2em;
}
.margin_bottom_3em {
	margin-bottom: 3em;
}
.margin_bottom_4em {
	margin-bottom: 4em;
}
.margin_left_1em {
	margin-left: 1em;
}
.margin_left_2em {
	margin-left: 2em;
}
.margin_left_3em {
	margin-left: 3em;
}
.margin_left_4em {
	margin-left: 4em;
}
.margin_left_5em {
	margin-left: 5em;
}
.margin_left-right_10px {
	margin-left: 10px;
	margin-right: 10px;
}
.margin_subindex {
	margin-left: 18px;
}
.update {
	clear: both;
	font-size: 90%;
	float: right;
}
.hashira {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	margin-bottom: -1em;
}
.subtitle {
	color: #666;
	font-size: 85%;
	background-color: #fff;
}
.bold {
	font-size: 120%;
	font-weight: bolder;
}
.size50 {
	font-size: 50%;
}
.size60 {
	font-size: 60%;
}
.size70 {
	font-size: 70%;
}
.size80 {
	font-size: 80%;
}
.size90 {
	font-size: 90%;
}
.size100 {
	font-size: 100%;
}
.size110 {
	font-size: 110%;
}
.size120 {
	font-size: 120%;
}
.size130 {
	font-size: 130%;
}
.size140 {
	font-size: 140%;
}
.size150 {
	font-size: 150%;
}
jizume95 {
	letter-spacing: -0.05em;
}
jizume90 {
	letter-spacing: -0.1em;
}
.indent3em {
	margin-left: 3em;
}
.contentsindex {
	font-size: 100%;
	line-height: 1.4em;
	list-style-type: none;
	list-style-image: url(../image/common/yajirushi_shikaku_b2_mini.jpg);
}
.auther {
	text-align: right;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.centering {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.text-align-left {
	text-align: left;
}
.text-align-right {
	text-align: right;
}
.text-align-center {
	text-align: center;
}
.float-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
.float-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.float_clear_right {
	clear: right;
}
.float_clear_left {
	clear: left;
}
.float_clear_both {
	clear: both;
}
.sitaake {
	margin-bottom: 80px;
}
.sitaake_s {
	margin-bottom: 15px;
}
.sitaake_m {
	margin-bottom: 30px;
}
.ueake {
	margin-top: 40px;
}
.ueake_m {
	margin-top: 30px;
}
.ueake_s {
	margin-top: 15px;
}
.marker-yellow {
	background: #FFF200;
}
.marker-lightblue {
	background: lightblue;
}
.bg_color_ccc {
	background-color: #ccc;
}
.bg_color_eee {
	background-color: #eee;
}
.bg_color_skyblue {
	background-color: skyblue;
}
.bg_color_pink {
	background-color: pink;
}
.bg_color_violet {
	background-color: violet;
}
.bg_color_lightsalmon {
	background-color: lightsalmon;
}
.color-gray {
	color: gray;
}
.color-dimgray {
	color: dimgray;
}
.color-darkgray {
	color: darkgray;
}
.color-slategray {
	color: slategray;
}
.color-lightslategray {
	color: lightslategray;
}
.color-silver {
	color: silver;
}
.color-red {
	color: #c00;
}
.color-bule {
	color: #0077cc;
}
.color-green {
	color: #339933;
}
.hoso-kei {
	width: auto;
	line-height: 1.3;
	border: solid 1px #999;
	margin: 1em 10px;
	padding: 0.5em 1em;
}
.futo-kei {
	width: auto;
	line-height: 1.3;
	border: solid 5px #999;
	margin: 1em 10px;
	padding: 0.5em 1em;
}
.kakomi-danwa {
}
.li_no_accent {
	background-image: none;
}
.indent_15px {
	margin: 15px;
}
.indent_20px {
	padding-leftt: 20px;
}
.indent_0dot5em {
	padding-left: 0.5em;
}
.indent_1em {
	padding-left: 1em;
}
.indent_2em {
	padding-left: 2em;
}
.indent_3em {
	padding-left: 3em;
}
.indent_4em {
	padding-left: 4em;
}
.indent_5em {
	padding-left: 5em;
}
.indent_6em {
	padding-left: 6em;
}
.indent_7em {
	padding-left: 7em;
}
.indent_8em {
	padding-left: 8em;
}
.indent_9em {
	padding-left: 9em;
}
.indent_10em {
	padding-left: 10em;
}
.indent_11em {
	padding-left: 11em;
}
.indent_12em {
	padding-left: 12em;
}
.indent_13em {
	padding-left: 13em;
}
.indent_14em {
	padding-left: 14em;
}
.indent_15em {
	padding-left: 15em;
}
.indent_16em {
	padding-left: 16em;
}
.moji-kankaku_0dot5em {
	letter-spacing: 0.5em;
}
.moji-kankaku_0dot75em {
	letter-spacing: 0.75em;
}
.moji-kankaku_1em {
	letter-spacing: 1em;
}
.moji-kankaku_1dot5em {
	letter-spacing: 1.5em;
}
.moji-kankaku_2em {
	letter-spacing: 2em;
}
.moji-kankaku_3em {
	letter-spacing: 3em;
}
.moji-kankaku_4em {
	letter-spacing: 4em;
}
.moji-kankaku_5em {
	letter-spacing: 5em;
}
.atamadashi_1em {
	text-indent: -1em;
}
.baseline_shift_text-top {
	vertical-align: text-top;
}
p.caption {
	font-size: 90%;
	background-color: #e8edea;
	text-align: center;
	margin-top: 0;
	padding-bottom: 0.5em;
}
.linkline {
	border-bottom: 1px dashed #666;
}
.mojikankaku-14 {
	letter-spacing: 1.4em;
}
.moji-kanka  .kiji-keikakomi {
	text-align: justify;
	border: solid 1px #09c;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
}
.kiji-keikakomi ul {
	font-size: 100%;
	padding-left: 0;
}
.kiji-keikakomi li {
	line-height: 1.5;
}
.kiji-keikakomi ul.youshi li {
	margin-left: 1em;
	margin-bottom: 0.5em;
}
.underline {
	text-decoration: underline;
}
.chuu-asterisk {
	font-size: 70%;
	color: #666;
	vertical-align: super;
}
#container .liststyle-none {
	liststyle: none;
	padding-left: 0.5em;
}

/* layout style class end */

/* 
======================
 photo layout style class
======================
*/

.photo_group {
	float: left;
	width: 100%;
	margin: 10px 0 1em;
}
.photo_right150 {
	font-size: 90%;
	line-height: 1.5em;
	width: 150px;
	float: right;
	margin-bottom: 15px;
	margin-left: 10px;
	padding-top: 0.5em;
}
.photo_right150 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_right200 {
	font-size: 90%;
	line-height: 1.5em;
	width: 200px;
	float: right;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 10px;
	padding-top: 0.5em;
}
.photo_right200 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_right250 {
	font-size: 90%;
	line-height: 1.5em;
	width: 250px;
	float: right;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 10px;
	padding-top: 0.5em;
}
.photo_right250 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_right300 {
	font-size: 90%;
	line-height: 1.5em;
	width: 300px;
	float: right;
	margin-bottom: 15px;
	margin-left: 1em;
	margin-right: 10px;
	padding-top: 0.5em;
}
.photo_right300 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_right350 {
	font-size: 90%;
	line-height: 1.5em;
	width: 350px;
	float: right;
	margin-bottom: 15px;
	margin-left: 10px;
	padding-top: 0.5em;
}
.photo_right350 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_right450 {
	font-size: 90%;
	line-height: 1.5em;
	width: 450px;
	float: right;
	margin-bottom: 15px;
	margin-left: 10px;
	padding-top: 0.5em;
}
.photo_right450 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_center300 {
	font-size: 90%;
	line-height: 1.5em;
	margin-bottom: 15px;
	margin-left: auto;
	padding-top: 0.5em;
	width: 300px;
	margin-right: auto;
}
.photo_center300 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_center350 {
	font-size: 90%;
	line-height: 1.5em;
	margin-bottom: 15px;
	margin-left: auto;
	padding-top: 0.5em;
	width: 350px;
	margin-right: auto;
}
.photo_center350 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_right500 {
	font-size: 90%;
	line-height: 1.5em;
	width: 500px;
	float: right;
	margin-bottom: 15px;
	margin-left: 10px;
	padding-top: 0.5em;
}
.photo_right500 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_center400 {
	font-size: 90%;
	line-height: 1.5em;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: auto;
	padding-top: 0.5em;
	width: 400px;
	margin-right: auto;
}
.photo_center400 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_center450 {
	font-size: 90%;
	line-height: 1.5em;
	width: 450px;
	margin: 15px auto 15px;
	padding-bottom: 0;
}
.photo_center450 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_left460 {
	font-size: 90%;
	line-height: 1.5em;
	width: 460px;
	float: left;
	margin: 15px 10px 15px;
	padding-bottom: 0;
}
.photo_left460 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_center550 {
	font-size: 90%;
	line-height: 1.5em;
	width: 550px;
	margin: 15px auto 15px;
	padding-bottom: 0;
}
.photo_center550 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_center620 {
	font-size: 90%;
	line-height: 1.5em;
	width: 620px;
	margin: 15px auto 15px;
	padding-bottom: 0;
}
.photo_center620 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_center720 {
	font-size: 90%;
	line-height: 1.5em;
	width: 720px;
	margin: 15px auto 15px;
	padding-bottom: 0;
}
.photo_center720 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_center820 {
	font-size: 90%;
	line-height: 1.5em;
	width: 820px;
	margin: 15px auto 15px;
	padding-bottom: 0;
}
.photo_center820 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}

.photo_left150 {
	font-size: 90%;
	line-height: 1.5em;
	width: 150px;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	padding-top: 0.5em;
}
.photo_left150 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_left250 {
	font-size: 90%;
	line-height: 1.5em;
	width: 250px;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	padding-top: 0.5em;
}
.photo_left250 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_left200 {
	font-size: 90%;
	line-height: 1.5em;
	width: 200px;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	padding-top: 0.5em;
}
.photo_left200 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 8px;
}
.photo_left300 {
	font-size: 90%;
	line-height: 1.5em;
	width: 300px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 15px;
	padding-top: 0.5em;
}
.photo_left300 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 3px;
}
.photo_left350 {
	font-size: 90%;
	line-height: 1.5em;
	width: 350px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 15px;
	padding-top: 0.5em;
}
.photo_left350 p {
	font-family: "ＭＳ Ｐゴシック";
	background-color: #e8edea;
	text-align: center;
	margin-top: -5px;
	padding: 3px;
}
.photo_group p.photo_set_caption {
clear:both;
	box-sizing:border-box;
	width: 98%;
	margin:0;
	padding: 0.3em 0.5em 0.3em;
	background-color: #e8efe9;
	text-align: left
}
#container img.keimaki {
	border: solid 1px #999;
}
/* 
======================
 clearfix  
======================
*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* clearfix for IE7-win IE5-mac */

.clearfix {
	display: inline;
}
/* Hides from IE-mac ¥*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* clearfix end */

/* 
======================
 pcview switch 
======================
*/

#pcview_switch {
	float: right;
	width: 60px;
	height: 20px;
}
#pcview_switch ul {
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding-left: 0;
	padding-right: 10px;
	padding-top: 8px;
}
#pcview_switch ul li {
	width: 20%;
	font-size: 90%;
	color: #BDBDBD;
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	border: 1px solid #999;
	background-color: #ededed;
}
#pcview_switch ul li#btn_SP {
	width: 60px;
	display: inline;
}
#pcview_switch ul li#btn_PC {
	width: 60px;
	text-align: center;
	display: none;
}
/* pcview switch end */


#footerindex #footerindex_inner .footerindex_aboutus p {
	font-size: 95%;
}
/* 
======================
 pagetop  
======================
*/

#gotopagetop {
	background-color: #fff;
	width: 960px;
	height: 60px;
	float: left;
}
#gotopagetop p {
	font-size: 90%;
	text-align: right;
	margin-right: 20px;
}
#return_top {
	font-size: 0.9em;
	text-align: right;
	float: right;
	clear: left;
	margin-top: 1em;
}
#pagetop {
	bottom: 30px;
	right: 30px;
	width: 57px;
	height: auto;
	position: fixed;
	z-index: 1000;
	float: right;
}
#pagetop img {
	float: right;
	opacity: 0.5;
	-moz-opacity: 0.5;
}
/* pagetop end */

/* 
======================
 footer banner  
======================
*/

#footerbanner {
	background-color: #fff;
	margin-right: 0;
	margin-left: 0;
	width: 960px;
	float: left;
	padding-bottom: 1em;
	padding-top: 30px;
	display: inline;
}
#footerbanner p {
	margin-top: 0;
}
#footerbanner .footerbanner_top {
	float: none;
	clear: left;
	padding-bottom : 20px;
}
#footerbanner .footerbanner_top p {
	float: left;
	padding-right: 5px;
}
#footerbanner .footerbanner_inner {
	width: 31%;
	border: 1px solid #999999;
	float: left;
	margin-top: 10px;
	margin-right: 1%;
	margin-left: 1%;
	padding-bottom: 1em;
}
#footerbanner .footerbanner_bottom {
	float: none;
	clear: left;
	padding-top : 20px;
}
#footerbanner .footerbanner_bottom p {
	float: left;
}
/* footer banner end */

/* 
======================
 breadcrumbs 
======================
*/

nav#breadcrumbs {
	width: 100%;
	margin-top: 0;
	float: left;
}
nav#breadcrumbs ol {
	width: 100%;
	text-align: left;
	font-size: 90%;
	margin-toop: 0;
	margin-left: 10px;
	padding: 0;
	margin-top: 5px;
}
nav#breadcrumbs ol li {
	display: inline;
	list-style-type: none;
}
nav#breadcrumbs ol li:before {
	content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
	content: "";
}
/* breadcrumbs end */

/* 
======================
 social button 
======================
*/

#social-button-header {
	padding-top: 10px;
}
div.social-button {
	float: left;
	padding-top: 20px;
}
ul.social-button {
	margin-top: 0;
	margin-left: 15px;
}
.social-button {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.social-button li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}
.social-button li div {
	display: inline;
}
.social-button:before, .social-button:after {
	content: " ";
	display: table;
}
.social-button:after {
	clear: both;
}
.social-button iframe.twitter-share-button {
	width: 90px !important;
}
li.facebook-like {
	margin-top: -4px;
	padding: 0 5px;
}
/* social button end */

/* fb share button */

.fb-share-button {
	clear: both;
	float: right;
	margin-right: 10px;
}
/* fb share button end */


/* 
======================
 kiji categoly 
======================
*/

.cat_seikatsu-roudou {
	background-image: url(../image/common/category_seikatsu-roudou-2.jpg);
	background-repeat: no-repeat;
	list-style-type: none;
}
.cat_seikatsu-roudou_recent {
	background-image: url(../image/common/category_seikatsu-roudou.jpg);
	background-repeat: no-repeat;
	list-style-type: none;
}
.cat_kenkai-yousei {
	background-image: url(../image/common/category_kenkai-yousei-2.jpg);
	background-repeat: no-repeat;
}
.cat_koza-sympo {
	background-image: url(../image/common/category_koza-sympo-2.jpg);
	background-repeat: no-repeat;
}
.cat_koza-sympo_recent {
	background-image: url(../image/common/category_koza-sympo.jpg);
	background-repeat: no-repeat;
}
.cat_peace-eco-human {
	background-image: url(../image/common/category_peace-eco-human-2.jpg);
	background-repeat: no-repeat;
}
.cat_peace-eco-human_recent {
	background-image: url(../image/common/category_peace-eco-human.jpg);
	background-repeat: no-repeat;
}
.cat_shakai-kouken {
	background-image: url(../image/common/category_shakai-kouken-2.jpg);
	background-repeat: no-repeat;
}
.cat_shuchou-teigen {
	background-image: url(../image/common/category_shuchou-teigen-2.jpg);
	background-repeat: no-repeat;
}
.cat_danjyo-kyousei {
	background-image: url(../image/common/category_danjyo-kyousei-2.jpg);
	background-repeat: no-repeat;
}
.cat_danjyo-kyousei_recent {
	background-image: url(../image/common/category_danjyo-kyousei.jpg);
	background-repeat: no-repeat;
}
.cat_chiiki-ivent {
	background-image: url(../image/common/category_chiiki-ivent-2.jpg);
	background-repeat: no-repeat;
}
.cat_chiiki-ivent_recent {
	background-image: url(../image/common/category_chiiki-ivent.jpg);
	background-repeat: no-repeat;
}
.cat_soshiki {
	background-image: url(../image/common/category_soshiki-2.jpg);
	background-repeat: no-repeat;
}
.cat_soshiki_recent {
	background-image: url(../image/common/category_soshiki.jpg);
	background-repeat: no-repeat;
}
.cat_seiji-senkyo {
	background-image: url(../image/common/category_seiji-senkyo-2.jpg);
	background-repeat: no-repeat;
}
.cat_seiji-senkyo_recent {
	background-image: url(../image/common/category_seiji-senkyo.jpg);
	background-repeat: no-repeat;
}
.cat_soudan {
	background-image: url(../image/common/category_soudan-2.jpg);
	background-repeat: no-repeat;
}
.cat_soudan_recent {
	background-image: url(../image/common/category_soudan.jpg);
	background-repeat: no-repeat;
}
.cat_column-photo {
	background-image: url(../image/common/category_column-photo-2.jpg);
	background-repeat: no-repeat;
}
.cat_kokusai {
	background-image: url(../image/common/category_kokusai-2.jpg);
	background-repeat: no-repeat;
}
.cat_shomei-kanpa {
	background-image: url(../image/common/category_shomei-kanpa-2.jpg);
	background-repeat: no-repeat;
}
.cat_shomei-kanpa_recent {
	background-image: url(../image/common/category_shomei-kanpa.jpg);
	background-repeat: no-repeat;
}
/* kiji categoly end */

/* 
======================
 old layout style  
======================
*/

#kakomi {
	line-height: 1.1;
	margin-right: 30px;
	margin-left: 10px;
	padding: 1em;
	border: solid 2px teal;
	outline: solid 5px #bbd8d1;
}
#kakomidot {
	font-size: 1.2em;
	line-height: 1.3em;
	background-color: #f3f0c5;
	width: 420px;
	float: none;
	margin: 2px 2px 2px 20px;
	padding: 10px;
	border: dotted 2px #6495ed;
}
#backhome img {
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}
#note {
	font-size: 95%;
	text-align: left;
	width: auto;
	clear: both;
	margin-top: 2em;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	border-top: 1px solid #333;
}
#contents_navi_link {
	background-color: #eceedd;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 30px;
}
#contents_navi_link p.next-link {
	float: right;
	margin-top: 3px;
	margin-bottom: 0;
	padding-right: 5px;
}
#contents_navi_link p.prev-link {
	float: left;
	margin-top: 3px;
	padding-left: 5px;
}
#photo {
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: right;
	width: 250px;
	float: right;
	margin-bottom: 5px;
	margin-left: 1em;
}
#photo img {
	margin-bottom: 2px;
	border-bottom: 1px solid white;
}
#photo_left {
	font-size: 0.8em;
	line-height: 1.5em;
	width: 200px;
	float: left;
	margin-right: 0.5em;
	margin-bottom: 1em;
}
#photo_left img {
	margin-bottom: 2px;
	border-bottom: 1px solid white;
}
#photo_right {
	font-size: 0.8em;
	line-height: 1.5em;
	width: 250px;
	float: right;
	clear: right;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 7px;
}
#photo_right img {
	margin-bottom: 0;
	border-bottom: 1px solid white;
}
.contents-box .honbun {
	padding-bottom: 2em;
}
.kaihou-shinbun {
	padding-top: 2em !important;
}



/* old lyout style end */