@charset "utf-8";
/*
web font
@font-face {
	font-family: 'Hina2ndGrade';
	src: url('../font/Hina2ndGrade.ttf.html') format('truetype');
}
*/

/*
標準スタイルを生かしたほうがコーディングが楽なので
リセットファイルは読まない。
スタイルをリセットしたい要素には、.resetstyle を適用する。
*/

.resetstyle {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	line-height: 1.5;
	font-size: 1em;
	color: #7c7c7c; /* body color */
}

/*
===========================================================
*/

html {
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #fdfbf7 url("../../wp/wp-content/themes/msj2014b/images/body-back.png") repeat center;
	color: #555;
	text-align: center;
	line-height: 1.3;
	font-size: 14px;
	font-family: 'Montserrat',メイリオ,Meiryo,sans-serif;
}
h2{font-family:'Montserrat';}

img {
	border: 0;
}

.gothic {
	font-family: メイリオ,Meiryo, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
.mincho {
	font-family: "Hiragino Mincho Pro", "HGP明朝B", "ＭＳ Ｐ明朝", serif;
}

html ,
body ,
#gheader ,
#gfooter ,
#gwrap {
	width: auto;
	text-align: center;
}

.ginner ,
#ghinner ,
#center ,
#gfinner {
	position: relative;
	width: 920px;
	margin: 0 auto;
	text-align: left;
}

.nav ul ,
.nav ol ,
.nav dl {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav li ,
.nav dd {
	margin: 0;
	padding; 0;
}
.nav a {
	text-decoration: none;
}

a {
	color: #45b086;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

img {
	border: 0;
	vertical-align: bottom;
}

/*
===========================================================
global header
*/

#gheader {
	height: 190px;
	margin: 0 0 2.4em;
	background: #fefcf8 url("../../wp/wp-content/themes/msj2014b/images/gheader-back1.png") no-repeat center top;
	color: #fff;
}

#gheader .ginner {
	position: relative;
}

#gheader h1 {
	box-shadow: 0.01em 0.01em 0.3em rgba(0,0,0,0.3);

}

#gheader h1 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 65px 0 0 50px;
	/* background: #fff; */
}

#gheader h1 ,
#gheader h1 img {
	/* border-radius: 0 0 5px 5px; */
	width: 191px;
}

#gheader h2 {
	margin: 0 0 0 224px;
	padding: 11px 0 0;
	line-height: 1;
}
#gheader h3 {
	margin: 0 0 0 225px;
	padding: 0;
	line-height: 1;
}

#gheader .gotoSite {
	position: absolute;
	top: 10px;
	right: 0;
}

/*
-----------------------------------------------------------
topicpath
*/

.column3 .topicpath {
	margin: 0 215px 1em 215px;
}
.column2 .topicpath {
	margin: 0 0 1em 5px;
}
.column1 .topicpath {
	margin: 0 0 1em;
}

.topicpath {
	font-size: 0.9em;
}
.topicpath li {
	display: inline-block;
}
.ltie9 .topicpath li {
	display: inline;
}
.topicpath li:after {
	display: inline-block;
	content: ">";
	margin: 0 0.2em 0 0.5em;
}
.ltie9 .topicpath li:after {
	display: inline;
}
.topicpath li.active:after ,
.topicpath li:last-child:after {
	content: "";
	margin-right: 0;
}

.topicpath li.active {
	font-weight: bolder;
}

/*
===========================================================
sidebar
*/

.sidebar .shadow {
	box-shadow: 0.01em 0.05em 0.4em rgba(0,0,0,0.2);
}

/*
-----------------------------------------------------------
barLeft
*/

.column1 #center #barLeft {
	display: none;
}

#center #barLeft {
	float: left;
	width: 190px;
}

#center .sidebar .globalNav a {
	text-decoration: none;
}

#center .sidebar .globalNav .title {
	padding: 0;
	margin: 0 0 0.6em
	color: #fff;
	font-size: 1.1em;
	font-weight: bolder;
}
#center .sidebar .globalNav .desc {
	font-size: 0.86em;
}

#center .sidebar .globalNav .desc p {
	margin: 0;
}

#center .sidebar .globalNav .title {
	color: #fff;
	margin: 0 0 0.4em;
}

#center .sidebar .globalNav .main li ,
#center .sidebar .globalNav .sub {
	box-shadow: 0.01em 0.05em 0.4em rgba(0,0,0,0.2);
}
#center .sidebar .globalNav .main li:first-child ,
#center .sidebar .globalNav .sub:first-child {
	box-shadow: 0.01em 0.1em 0.5em rgba(0,0,0,0.3);
}
#center .sidebar .globalNav .main li:nth-of-type(2) ,
#center .sidebar .globalNav .sub:nth-of-type(2) {
	box-shadow: 0.01em 0.1em 0.5em rgba(0,0,0,0.3);
}

#center .sidebar .globalNav .main li {
	margin: 0 0 1em;
	padding: 0.6em 1em;
	border-radius: 5px;
	background: #2f993d;
}

#center .sidebar .globalNav .main .desc {
	color: #86d691;
}

#center .sidebar .globalNav .main li.msjf {
	background-image: url("../../wp/wp-content/themes/msj2014b/images/gn-mark-msj.png");
	background-repeat: no-repeat;
	background-position: 121px 15px
}
#center .sidebar .globalNav .main .link {
	font-size: 1em;
	font-weight: bolder;
	padding-top: 7px;
}

#center .sidebar .globalNav .main .link a {
	color: #ffffff;
	margin-right: 5px;
}

#center .sidebar .globalNav .main .link a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#center .sidebar .globalNav .sub {
	margin: 0 0 1em;
	padding: 0;
	border-radius: 5px;
	background: #6fd47c;
}
#center .sidebar .globalNav .sub .desc {
	color: #2f993d;
}

#center .sidebar .globalNav .sub li {
	border-bottom: 1px solid #fff;
	padding: 0.6em 1em 0.6em;
}
#center .sidebar .globalNav .sub li:last-child {
	border-bottom: 0;
}

/*
-----------------------------------------------------------
barRight
*/

.column2 #center #barRight ,
.column1 #center #barRight {
	display: none;
}

#center #barRight {
	float: right;
	width: 190px;
}

/*
navSNS
*/

#center .navSNS {
	margin: -1.2em 0 1em;/* margin-top：#gheader margin-bottomの半分 */
}

#center .navSNS ul {
	text-align: right;
}

#center .navSNS li {
	display: inline-block;
	margin: 0 0 0.5em 0.5em;
}
.ltie9 #center .navSNS li {
	display: inline;
}

#center .navSNS li.mail {
	margin: 0 0 0.5em 0;
	padding: 0;
}

/*
navLinks
*/

#center .navLinks li {
	margin: 0 0 0.8em;
	box-shadow: 0.01em 0.05em 0.4em rgba(0,0,0,0.2);
}

#center .navLinks li img ,
#center .navLinks li {
	border-radius: 2px;
}

#center .navLinks li img {
	max-width: 190px;
}

/*
===========================================================
contentNav goldstarの場合
*/

.goldstar .contentNav {
	width: 920px;
	margin: 0 0 10px 0px;
	background: #d8d1bf url("../../wp/wp-content/themes/msj2014b/images/goldstar-contnav-border.png") repeat-x 0 0;
	border-radius: 0.25em;
	text-align: center;
	box-shadow: 0.1em 0.1em 0.5em rgba(0,0,0,0.2);
}

.goldstar .contentNav li:first-child ,
.goldstar .contentNav li:first-child a {
	border-radius: 0.25em 0 0 0.25em;
}
.goldstar .contentNav li:last-child ,
.goldstar .contentNav li:last-child a {
	border-radius: 0 0.25em 0.25em 0;
}

.goldstar .contentNav li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	background: url("../../wp/wp-content/themes/msj2014b/images/goldstar-contnav-back-top.png") repeat-x center top;
}
.goldstar .contentNav li:last-child {
	margin-right: 0;
}
.goldstar .contentNav li:hover {
	background-image: url("../../wp/wp-content/themes/msj2014b/images/goldstar-contnav-back-hover-top.png");
}
.goldstar .contentNav li a {
	display: block;
	padding: 0.7em 0;
	background: url("../../wp/wp-content/themes/msj2014b/images/goldstar-contnav-back-bottom.png") repeat-x center bottom;
	color: #030102;
	font-weight: bolder;
	font-size: 1.06em;
	text-decoration: none;
}
.goldstar .contentNav li a:hover {
	background-image: url("../../wp/wp-content/themes/msj2014b/images/goldstar-contnav-back-hover-bottom.png");
}

/*
===========================================================
content
*/

.column3 #content {
	float: left;
	width: 560px;
	margin: 0 0 0 25px;
}
.column2 #content {
	width: 800px;
	min-height:630px;
	background-repeat: no-repeat;
	margin: 0px auto;
	background-color: #fff;
	text-align:left; 
}
.column2 #content_nobg {
	width: 800px;
	height:auto;
	padding-top: 5px;
	padding-bottom: 20px;
	margin: 0px auto;
	background-color: #fff;
}
.column1 #content {
	margin: 0 0;
}

#content {
	padding: 0 20px 2em;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0.01em 0.05em 0.4em rgba(0,0,0,0.2);
}

#content .pic img {
	max-width: 100%;
}

#commentform #submit {
	padding: 1em 2em;
	font-size: 1.2em;
	font-weight: bolder;
	border: 1px solid #d9d9d9;
	border-radius: 0.3em;
}


#content .gototop {
	text-align: right;
	font-size: 12px;
}

#content .gototop  a {
	color: #999;
}

#content .gototop  a span {
	font-weight: bolder;
}


/*
===========================================================
global footer
*/

#gfooter {
	margin: 3em 0 0;
	background: #eeebe5;
	position:relative;
	display:block;
	width:100%;
	text-align: center;
}

#gfooter .nav a {
	color: #555;
}

#gfooter .globalNav {
	width: 100%;
	padding: 30px 0 0;
	margin: 0 0 2em;
	text-align: center;
}

#gfooter .globalNav li {
	display: inline-block;
	margin: 0.5em;
}
.ltie9 #gfooter .globalNav li {
	display: inline;
}

#gfooter .globalNav li a {
	font-size:11px;
	font-weight: bolder;
}

#gfooter .copyright {
	margin: 0;
	padding: 0 0 25px;
	text-align: center;
}

#gfooter .copyright .image {
	display: block;
	text-align: center;
	margin: 0 auto;
}

#gfooter .copyright .text {
	font-size: 0.7em;
}

/*
===========================================================
hack
※このcssに登場する属性のみを指定。
*/

/* float bug fix */

.goldstar .contentNav ul:after ,
#center:after ,
.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}

*+html .goldstar .contentNav ul ,
*+html #center ,
*+html .clearfix {
	zoom: 1;
}

/*\*/
* html .goldstar .contentNav ul ,
* html #center ,
* html .clearfix {
	height: 0;
	overflow: visible;
}
/**/