@charset "UTF-8";
/**
 * 1.0 - Normalize
 * 2.0 - Common
 * 3.0 - Header
 * 4.0 - Contents
 *    4.1 - Main
 *    4.2 - Side
 * 5.0 - Footer
 * 0.0 - Text
 * 7.0 - Mypage Top
 */
/*----------------------------------------------------
	1.0 - Normalize
----------------------------------------------------*/
/*HTML5 display definitions*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden], template {
 display: none;
}
/*Base*/
html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%;  /* 2 */
	-webkit-text-size-adjust: 100%;  /* 2 */
}
body {
	margin: 0;
}
/*Links*/
a {
	background: transparent;
}
a:focus {
	outline: thin dotted;
}
a:active, a:hover {
	outline: 0;
}
/*Typography*/
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
dfn {
	font-style: italic;
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}
mark {
	background: #ff0;
	color: #000;
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em;
}
pre {
	white-space: pre-wrap;
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
	font-size: 80%;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/*Embedded content*/
img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}
/*Figures*/
figure {
	margin: 0;
}
/*Forms*/
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

button, input, select, textarea {
/*	font-family: inherit; */
	font-size: 100%; 
	margin: 0; 
}

button, input {
	line-height: normal;
}
button, select {
	text-transform: none;
}
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}
button[disabled], html input[disabled] {
	cursor: default;
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}


button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

input, select, textarea {
	margin: 2px 2px 5px;
}
/*----------------------------------------------------
	2.0 - Common
----------------------------------------------------*/
html {
	font-size: 62.5%;  /* base-font-size:10px */
}
body {
	color:#000;
	font-size:16px;
	font-family:Avenir, Helvetica, Arial, Verdana, Roboto, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height:1.75;
	-webkit-text-size-adjust:100%;
/*	background-color: #F1EED9;*/
	background-color: #fff; 

}
#wrapper {
	margin:0 auto;
	padding:0 1%;
	width:98%;
	position:relative;
	background-color:#ff0000; /* #dbd7b4; */
/*
	background-position: center 75px;
	width: 100%;
	margin: 0 auto;
*/
}
header, #contents, footer {
	box-sizing: border-box;
	width: 100%;
}

[class*="_inner"] {
 width: 1000px;
 margin: 0 auto;
 position: relative;
}
body * {
	margin: 0;
	padding: 0;
}

div#container {
/*    width: 1000px; */
	width: 860px;
	margin: 40px auto 0px;
	margin-top: 0px;
	margin: 0 auto;
	text-align: left;
	border-top: 1px #666666 solid;
	border-left: 1px #666666 solid;
	border-right: 1px #666666 solid;
	border-bottom: 1px #222222 solid;
	background-color: #F9F9F9;
}

/*----------------------------------------------------
	3.0 - Header
----------------------------------------------------*/
header {
/* height:80px; */
/* background-color: #761726; */
/* background-image: url("../images/tricolore.png"); */
	background-repeat: no-repeat;
	width: 860px;
	margin: 0 auto;
	padding: 0;
	background: -moz-linear-gradient(top, #4A8EC4, #0362AC);
	background: -webkit-linear-gradient(top, #4A8EC4, #0362AC);
	background: linear-gradient(to bottom, #4A8EC4, #0362AC);
}
header h1{
	padding:0px 10px 0px;
	text-align:center;
}

.header_inner {
	position: relative;
	line-height:220%;
}
.site_title {
	box-sizing: border-box;
	display: table;
	margin: 0;
	padding: 0px 0 20px 0px;
	vertical-align: middle;
}
.site_title a {
	background-image: url(../images/bg_logo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	box-sizing: border-box;
	display: table-cell;
	margin: 0;
	padding: 0;
/*	text-indent: -3000px; */
	vertical-align: middle;
	width: 720px;
	height: 145px;
}

/*----------------------------------------------------
	4.0 - Contents
----------------------------------------------------*/
#contents {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	position: relative;
	display: table;
	z-index: 1;
}
#contents:after {
	background-color: #DBC880;
	border-left: 1px solid #b79100;
	border-right: 1px solid #b79100;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	box-sizing: border-box;
	content: " ";
	position: absolute;
	width: 250px;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
}
pre {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Arial", "Osaka", "Verdana", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
}
/*----------------------------------------------------
	4.1 - Main
----------------------------------------------------*/
#main {
	float: right;
	width: 750px;
}
#main a:hover img {
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	opacity: 0.70;
	transition: 0.3s;
}
article {
	position: relative;
	z-index: 1;
}
.title_cont {
/*	color: #E00D07; */
	font-size: 36px;
	font-size: 3.3rem;
	background-position: left bottom;
	box-sizing: border-box;
	line-height: 1.2;
	padding-top: 50px;
	text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff;
	text-align:center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Arial", "Osaka", "Verdana", sans-serif;
}
section {
	background-color: rgba(255,255,255,0.9);
	box-sizing: border-box;
	padding: 30px 0 30px 30px;
}
section h2 {
	background-color: #b79100;
	box-sizing: border-box;
	color: #fff;
	margin: 30px 0 20px;
	padding: 8px 15px 7px 32px;
	position: relative;
}
section h2:first-child {
	margin: 0 0 20px;
}
section h2:after {
	background-image: url(../img/common/bg_icon.png);
	background-repeat: no-repeat;
	background-position: 0px -20px;
	content: " ";
	position: absolute;
	top: 12px;
	left: 10px;
	width: 16px;
	height: 16px;
}
section h3 {
	margin: 20px 0 10px;
	padding: 0;
	position: relative;
	overflow: hidden;
}
section h4 {
	border-left: 4px solid #000;
	margin-bottom: 10px;
	padding: 3px 0 0 5px;
}
section p,.nosection p {
	margin-bottom: 15px;
}
section ul,section ol,section dl,
.nosection ul,.nosection ol,.nosection dl {
	margin: 0 0 15px;
}
section li,.nosection li {
	list-style-type: none;
}
section dt,section dd,
.nosection dt,.nosection dd {
	padding: 0;
}
section table,.nosection table {
	box-sizing: border-box;
	width: 100%;
}
section th,section td,
.nosection th,.nosection td {
	padding: 7px 12px 7px;
	border: 1px solid #333;
	margin: 0;
}
section th,.nosection th {
	background-color: #DBC87F;
	color: #111;
}
section td,.nosection td {
	background-color: #fff;
}
/*----------------------------------------------------
	4.2 - Side
----------------------------------------------------*/
#side {
	background-color: #b79100;
	box-sizing: border-box;
	float: right;
	margin-top: -185px;
	position: relative;
	width: 250px;
	height: 100%;
	z-index: 100;
}
#side h1 {
	border-left: 1px solid #b79100;
	border-right: 1px solid #b79100;
	margin-bottom: 2px;
	position: relative;
}
#side a:hover img {
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	opacity: 0.70;
	transition: 0.3s;
}
#side ul {
	padding: 0;
}
#side li {
	list-style-type: none;
}
.side_nav,#side .side_banner,#side .side_organizer {
	margin-bottom: 1px;
	position: relative;
}
#side h1:after,.side_nav:after,.side_banner:after,#side .side_organizer:after {
	background-color: #DBC880;
	content: " ";
	position: absolute;
	bottom: -2px;
	left: 0px;
	width: 248px;
	height: 1px;
}
/*navigation*/
nav {
}
#side .side_nav,#side .side_address,#side .side_banner,#side .side_organizer {
	background-color: #DBC880;
	border: 1px solid #b79100;
	box-sizing: border-box;
	padding: 4px;
}
.side_nav li,.side_banner li {
	margin-bottom: 5px;
}
.side_nav li:last-child,.side_banner li:last-child {
	margin-bottom: 0;
}
.side_nav li {
	color: #fff;
	display: table;
	width: 240px;
	height: 40px;
	position: relative;
	z-index: 100;
}
.side_nav li a,.side_nav li span {
	background-color: #ac2027;
	display: table-cell;
	overflow: hidden;
	padding-left: 30px;
	position: relative;
	text-decoration: none;
	vertical-align: middle;
	transition: 0.3s;
}
/*nav hover*/
.side_nav li a:hover,.side_nav li a.on {
	background-color: #231815;
	padding-left: 10px;
	transition: 0.3s;
}
.side_nav li a:before,.side_nav li span:before,
.side_nav li a:after,.side_nav li span:after {
	background-image: url(../img/common/bg_icon.png);
	background-repeat: no-repeat;
	content: " ";
	position: absolute;
	transition: 0.3s;
}
.side_nav li a:before,.side_nav li span:before {
	background-position: 0px 0px;
	width: 11px;
	height: 11px;
	top: 14px;
	left: 10px;
}
.side_nav li a:after {
	background-position: -20px 0px;
	width: 7px;
	height: 12px;
	top: 13px;
	left: auto;
	right: -10px;
}
.side_nav li a.on:after,.side_nav li a:hover:after {
	right: 10px;
}
.side_nav li a.on:before,.side_nav li a:hover:before {
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	opacity: 0;
	left: -11px;
}
#side .side_address {
	border-bottom: none;
}
.side_address dt {
	background-color: #231815;
	padding: 9px 0 7px 30px;
	padding-left: 30px;
	position: relative;
}
.side_address dt:after {
	background-image: url(../img/common/bg_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	content: " ";
	position: absolute;
	top: 14px;
	left: 10px;
	width: 11px;
	height: 11px;
}
.side_address dd {
	padding: 5px;
}

.side_organizer dt {
	background-color: #fff;
	border: 1px solid  #231815;
	padding: 5px 4px 4px 20px;
	position: relative;
}
.side_organizer dt:after {
	background-image: url(../img/common/bg_icon.png);
	background-repeat: no-repeat;
	background-position: -20px -20px;
	content: " ";
	position: absolute;
	top: 11px;
	left: 8px;
	width: 8px;
	height: 8px;
}
.side_organizer dd {
	box-sizing: border-box;
	display: table;
	width: 100%;
	padding: 5px 0 5px 2px;
	border-bottom: 1px dotted #fff;
}
.side_organizer dd:nth-of-type(even) {
	border-bottom: none;
}
.side_organizer dd a {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	text-decoration: none;
	color: #ccc;
}
.side_organizer dd img {
	float: right;
}


/*----------------------------------------------------
	5.0 - Footer
----------------------------------------------------*/
footer {
	background-color: #1970B3; /* #761726; */
	color: #fff;
}

footer {
	background-position: center bottom;
	clear: both;
	width: 860px;
	margin: 0 auto;
	padding: 0;
}
footer .foot_link {
	display: table;
	margin: 0 auto;
	padding: 20px 0 0;
}
footer .foot_link li {
	display: table-cell;
	list-style-type: none;
	padding: 0 15px;
}
footer .foot_link li:hover img {
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	opacity: 0.70;
	transition: 0.3s;
}
footer .copyright {
	color: #fff;
	text-align: center;
	padding: 0.9em 0;
}
.link_top,.link_top a {
	width: 60px;
	height: 60px;
}
.link_top {
	display: table;
	margin: 0;
	overflow: hidden;
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 100;
	font-weight: 700;
}
.link_top a {
	display: table-cell;
	line-height: 0;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	text-decoration: none;
}
.link_top a:link, .link_top a:visited {
	background-color: #b79100;
	color: #fff;
}
.link_top a:hover, .link_top a:active {
	background-color: #ac2027;
	transition: 0.3s;
}
/*----------------------------------------------------
	0.0 - Text
----------------------------------------------------*/
/*font*/
.head_nav_lang li,.side_address dt,.link_top,.info h1, 
.side_banner li a {	
	font-family: 'Vollkorn SC', serif;
}
/*position*/
.txLt {
	text-decoration: line-through;
}
.txUl {
	text-decoration: underline;
}
.txL {
	text-align: left;
}
.txR {
	text-align: right;
}
.txC {
	text-align: center;
}
.txT {
	vertical-align: top;
}
.txB {
	vertical-align: bottom;
}
.txM {
	vertical-align: middle;
}
/*color*/
.tx_red,section h3 {
	color: #E00D07;
}
.tx_green {
	color: #489F2B;
}
.tx_blue {
	color: #0069A9;
}
.tx_black {
	color: #222;
}
.tx_white,.head_nav_lang li a,.side_address dt {
	color: #fff;
}
.red    { color:#ff0000; }
.blue   { color:#0000ff; }
.orange { color:#ff6600;line-height:1em; }
.pink   { color:#ff0066; }
.black  { color:#ffffff; }
.green  { color:#32C102; }
.pink   {color:#Ff00cc;}


/*link color*/
a:link, a:visited {
	color: #ac2027;
}
a:hover, a:active {
	color: #b79100;
}




/*

.side_nav a:link,.side_nav a:visited {
	color: #fff;
}
.side_nav a:hover,.side_nav a:active,
.side_nav a.on:link,.side_nav a.on:visited {
	color: #dbaf23;
}
.side_organizer li a,.side_organizer dd a {
	color: #000;
}
footer a:link,footer  a:visited {
	color: #fcc700;
}
footer a:hover,footer  a:active {
	color: #fff;
}
*/
/*size*/
/*
.tx44 {
	font-size: 44px;
	font-size: 4.4rem;
}
.tx32 {
	font-size: 32px;
	font-size: 3.2rem;
}
.tx21,section h2 {
	font-size: 21px;
	font-size: 2.1rem;
}
.tx18,section h3,.sitemap dt {
	font-size: 18px;
	font-size: 1.8rem;
}
.tx16,section h4,.side_address dt {
	font-size: 16px;
	font-size: 1.6rem;
}
*/
.tx15,.side_nav li,section {
	font-size: 15px;
	font-size: 1.5rem;
}
.tx14,.info {
	font-size: 14px;
	font-size: 1.4rem;
}
.tx13,.side_organizer dt {
	font-size: 13px;
	font-size: 1.3rem;
}
.tx12,.side_address dd,.copyright,.side_organizer li,.side_organizer dd {
	font-size: 12px;
	font-size: 1.2rem;
}
/**line-height[1文字の領域は0.6、完全に余白をなくす場合は0]**/
/*
.lh00,#side h1 {
	line-height: 0;
}
.lh06,.side_banner li {
	line-height: 0.6;
}
.lh10 {
	line-height: 1.0;
}
.lh12,section h2,section h3,section h4,[class*="_nav"] li,.side_organizer li,.side_organizer dd {
	line-height: 1.2;
}
.lh17,.side_address dd {
	line-height: 1.7;
}
*/
