@charset "utf-8";

@font-face {
	font-family				: 'Libre Baskerville',YuMincho, '游明朝', serif;
}

body {
	font-family				: 'Libre Baskerville',YuMincho, '游明朝', serif !important;
	line-height				: 1.4;
	width					: 100%;
	height					: 100%;
	color					: #000;
}

a {
	text-decoration			: none;
	color					: #000;
}

a:hover {
	color					: #7461BA;
	text-decoration			: underline;
}

header {
	display					: block;
	position				: fixed;
	left					: 0px;
	top						: 0px;
	width					: 100%;
	height					: 50px;
	z-index					: 10;
	text-align				: right;
}

header menu {
	display					: inline-block;
	margin					: 5px 15px 5px auto;
}

header menu li {
	display					: block;
	float					: left;
	list-style				: none;
	cursor					: pointer;
	margin-left				: 5px;
	min-width				: 30px;
	height					: 30px;
	font-weight				: bold;
}

header menu li p{
	font-size				: 10pt;
	margin-top				: 10px;
}

header menu li img {
	height					: 100%;
}

nav {
	text-align				: center;
	margin-top				: 30px;

}

nav li {
	display					: inline-block;
	font-size				: 11pt;
	font-weight				: bold;
	list-style				: none;
	width					: 6%;
	min-width				: 110px;
	cursor					: pointer;
}

nav li._selected { 
	text-decoration			: underline;
}

nav li:hover {
	text-decoration			: underline;
	color					: #7461BA;
}


._layerbutton {
	cursor					: pointer;
}

._ContentsWrapper {
	display					: block;
	position				: fixed;
	top						: 0px;
	max-width				: 1920px;
	width					: 100%;
	height					: 100%;
	margin					: 0px auto 0px auto;
}

._ContentsWrapper ._IndexPhoto {
	display					: block;
	min-width				: 350px;
	width					: 40%;
	max-width				: 530px;
	min-height				: 83%;
	background-color		: #f00;
	margin					: 0px auto 0px auto;
	background				: url(../../_img/_indeximg/image.jpg) no-repeat center top;
	background-size			: cover;
}

._ContentsWrapper ._IndexLogo {
	display					: block;
	min-width				: 350px;
	width					: 30%;
	max-width				: 490px;
	height					: 12%;
	background				: url(../../_img/cmmsrc/logo.png) no-repeat center center;
	margin					: 0px auto 0px auto;
	background-size			: contain;
}

._ContentsWrapper ._TitleLogo {
	width					: 100%;
	height					: 60px;
	margin-top				: 40px;
	text-align				: center;
}

._ContentsWrapper ._TitleLogo img{
	height					: 60px;
}


._ContentsWrapper ._docbody {
	display					: table;
	width					: 90%;
	max-width				: 1100px;
	min-width				: 800px;
	height					: 70%;
	margin					: 30px auto 0px auto;
}


._ContentsWrapper ._docbody ._profile{
	display					: inline-block;
	width					: 35%;
	min-height				: 75%;
	float					: left;
	font-size				: 10.5pt;
	letter-spacing			: normal;
	text-align				: left;
}

._ContentsWrapper ._docbody ._profile p{
	margin					: 10px 0px 10px 10px;
}

._ContentsWrapper ._docbody ._profile p.text_block{
	text-indent				: 1em;
}

._ContentsWrapper ._docbody ._profile h3{
	font-size				: 21pt;
	font-weight				: bold;

}

._ContentsWrapper ._docbody ._profile dl{
	margin-left				: 10px;
}

._ContentsWrapper ._docbody ._profile dt{
	display					: block;
	float					: left;
	width					: 4.5em;
	height					: 1.5em;
}

._ContentsWrapper ._docbody ._profile dd{
	display					: block;
	word-break				: break-all;
	font-size				: 8pt;
}

._ContentsWrapper ._docbody ._profile dd:after{
	display					: block;
	clear					: both;
    height					: 0px;
    visibility				: hidden;
    content					: ".";
}

._ContentsWrapper ._docbody ._profile:nth-child(2){
	width					: 30%;
	height					: 70%;
	text-align				: center;
	background				: url(../../_img/_profile/background.jpg) no-repeat left 20%;
	background-size			: contain;
}

._ContentsWrapper ._docbody ._profile:last-child{
	width					: 100%;
	max-height				: 100px;
	font-size				: 10.5pt;
	text-align				: center;

}

._ContentsWrapper ._docbody ._mainview{
	display					: table-cell;
	width					: 100%;
	height					: 100%;
	float					: left;
	background-size			: contain;
	background-position		: center top;
	background-repeat		: no-repeat;
}

._ContentsWrapper ._docbody ._list{
	display					: table-cell;
	width					: 240px;
	height					: 100%;
	margin					: 0px 0px 0px 0px;
	vertical-align			: top;
	text-align				: right;
}

._ContentsWrapper ._docbody ._list ul{
	display					: inline-block;
	margin-right			: 5px;
	text-align				: left;
}

._ContentsWrapper ._docbody ._list li{
	display					: inline-block;
	width					: 70px;
	height					: 70px;
	background-size			: cover;
	background-repeat		: no-repeat;
	background-postion		: center center;
	margin					: 0px 0px 0px 5px;
	
}

._ContentsWrapper ._docbody ._list li._navbutton{
	display					: inline-block;
	width					: 220px;
	margin-bottom			: 5px;
	height					: 20px;
	text-align				: center;
	opacity					: 0.3;
}

._ContentsWrapper ._docbody ._list li._active{
	cursor					: pointer;
	opacity					: 0.5;
	-o-transition-property				: opacity,background;
	-o-transition-duration				: 0.3s;
	-o-transition-timing-function		: ease-in;
	-moz-transition-property			: opacity,background;
	-moz-transition-duration			: 0.3s;
	-moz-transition-timing-function		: ease-in;
	-webkit-transition-property			: opacity,background;
	-webkit-transition-duration			: 0.3s;
	-webkit-transition-timing-function	: ease-in;
	transition-property					: opacity,background;
	transition-duration					: 0.3s;
	transition-timing-function			: ease-in;
}

._ContentsWrapper ._docbody ._list li._active:hover{
	background				: #ddd;
	opacity					: 1;
}

._ContentsWrapper ._topimg {
	width					: 90%;
	max-width				: 1100px;
	height					: 70%;
	max-height				: 630px;
	background				: url(../../_img/_topimg/image.jpg);
	background-size			: contain;
	background-repeat		: no-repeat;
	background-position		: center top;
}

footer {
	font-family 			: YuGothic, '游ゴシック', sans-serif;
	display					: block;
	position				: fixed;
	left					: 0px;
	bottom					: 0px;
	display					: block;
	width					: 100%;
	font-size				: 10pt;
	text-align				: right;
	color					: #999;
	background				: rgba(255,255,255,0.7);
}

footer p{
	margin					: 5px 15px 5px 15px;
}