@charset "UTF-8";
/*Copyright © Caronima Inc.(http://www.caronima.com/)*/

/*リセット*/
* { padding: 0; margin: 0; }
section, article, header, nav, aside, footer, canvas, details, figure, figcaption, hgroup, menu, summary { display: block; }
img { border: none; }
a { color: #000; text-decoration: none; }
a:hover { color: #3665C3; }
ul, ol { list-style: none; }
/*汎用*/
body {
	font-family: "Open Sans", "Noto Sans JP", "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 200;
	font-size: 13px;
	line-height: 2em;
	color: #666666;
	background: #F2F2F2;
}

object {
	width: 100%;
	height: 100%;
}

a .linkArea {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}

a object {
	pointer-events: none;
}

a.globalNav {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 134px;
	text-decoration: none;
	font-size: 2.1em;
	font-weight: 300;
	font-style: italic;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-opacity: 0.7;
	opacity: 0.7;
}

a.globalNav:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
	transition-duration: 0.8s;
}

a.globalNav .linkArea {
	letter-spacing: 1px;
	text-shadow: 1px 1px 0 #F2F2F2;
}

a.globalNav:hover .linkArea {
	transition-duration: 0.8s;
	letter-spacing: 0px;
}

a.globalNav object {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

a.globalNav:hover object {
	transition-duration: 1.6s;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
}

a.logo object {
	width: 86%;
	height: 86%;
	padding: 7%;
}

a:hover.logo object {
	transition-duration: 0.2s;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
}

.alpha10 {
	opacity: 0.1;
	-moz-opacity: 0.1;
	-webkit-opacity: 0.1;
	filter: alpha(opacity=10);
}

.alpha20 {
	opacity: 0.2;
	-moz-opacity: 0.2;
	-webkit-opacity: 0.2;
	filter: alpha(opacity=20);
}

.alpha30 {
	opacity: 0.3;
	-moz-opacity: 0.3;
	-webkit-opacity: 0.3;
	filter: alpha(opacity=30);
}

.alpha60 {
	opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	filter: alpha(opacity=60);
}

.alpha80 {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	filter: alpha(opacity=80);
}

a.navCurrent {
	font-size: 2.8em;
	font-weight: 100;
	font-style: italic;
	letter-spacing: 0px;
	line-height: 1.5em;
}

a:hover.navCurrent {
	letter-spacing: 2px;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	opacity: 0.6;
	transition-duration: 0.8s;
}

a.logoButton {
	display: block;
	width: 52px/*Safariハック*/
	;
	height: 52px/*Safariハック*/
	;
	line-height: 0;
	margin: 0 2%;
	position: absolute;
	z-index: 100;
}

a.logoButton img {
	width: 100%;
}

.gridWrap {
	margin: 5px auto;
	position: relative;
}

.grid {
	float: left;
	width: 134px;
	height: 134px;
	position: relative;
	margin: 5px;
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	transition: top 1s ease, left 1s ease;
}

.grid img {
	width: 100%;
}

#pageTheme {
	background: #fafafa;
	border-bottom: #e8e8e8 1px solid;
	margin: 0 0 2em 0;
	display: inline-block;
	width: 100%;
	padding: 1% 0;
	text-align: center;
}

#mainCont {
	padding: 0 6%;
	max-width: 1366px;
	margin: 0 auto;
	text-align: justify;
	box-sizing: border-box;
}

.comWrap {
	width: 100%;
	display: inline-block;
}

.comWrap h1 {
	margin: 0.75em 0 1em 0;
	font-size: 1.3em;
	font-weight: 400;
	line-height: 2em;
}

.comWrap h2 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: 200;
	line-height: 2em;
}

.comWrap h3 {
	margin: 0.5em 0 1.75em 0;
	font-size: 1em;
	font-weight: 200;
	line-height: 1.8em;
}

.comWrap p {
	margin: 0.75em 0;
	font-size: 0.9em;
	font-weight: 200;
	line-height: 1.85em;
}

.comOne1 {
	width: 100%;
}

.comOne2 {
	float: left;
	width: 50%;
}

.comOne3 {
	float: left;
	width: 33.33%;
}

.container {
  background: #f8f8f8;
}

.oneWrap {
	margin: 6%;
}

#mainCont .reportWrap {
	font-size: 120%;
	line-height: 2em;
	max-width: 680px;
	text-align: justify;
	padding: 0% 2%;
	margin: 1% auto 2% auto;
}

#mainCont .reportWrap p {
	margin: 0.5em 0;
}


/*フッター注意書き*/

footer {
	width: 100%;
	text-align: center;
	padding: 7px 0;
	clear: both;
	background: #333;
	color: #fff;
}

#copyright {
	font-size: 77%;
}

#copyright a {
	text-decoration: none;
	color: #fff;
}

/*Google+共有ボタン*/

.gPlusWrap {
	margin: 4%;
}

.linkButton {
	text-align: center;
	margin: 2em 0;
}

.linkButton a {
	display: inline-block;
	padding: 0.5em 1em;
	background: #fafafa;
	border: 1px solid #ccc;
}

.linkButton a:hover {
	background: #fff;
	border-color: #888;
}

.lineBreak {
	display: block;
}


/*汎用文字関係*/

.sizeMini {
	font-size: 88% !important;
}

.sizeBig {
	font-size: 110% !important;
}

.typeItalic {
	font-style: italic !important;
}

.typeBold {
	font-weight: 400 !important;
}

.cent {
	text-align: center !important;
}

.fontRed {
	color: red;
}


/* progress */

#progress {
	margin: 2% 0;
	padding: 2%;
	background: #fff;
	border: 1px solid #ddd;
	text-align: center;
}

.projectOne li {
	font-size: 1.3em;
}

.stateOne {
	margin: 2% 0;
	padding: 2%;
}

.stateOne li {
	font-size: 1em;
	margin-bottom: 2em;
}

.stateOne li a,
.stateOne li .view-wrap {
	display: block;
	padding: 1% 2%;
	background: #ddd;
	border: 1px solid #ccc;
	color: #000;
}

.stateOne li a:hover {
	background: #111;
	border: 1px solid #000;
	color: #fff;
}

.folderPreview {
	font-size: 108%;
	font-weight: 600;
}

.previewNum {
	font-weight: 700;
}

.folderVersion {
	font-size: 85%;
	font-style: italic;
}

.folderDate {
	font-size: 80%;
}

.folderlegacy {
	display: none;
}

.versionUpData {
	display: none;
}

.stateOne li a.dl-preview:hover {
	background: #ddd;
	border: 1px solid #ccc;
	color: #000;
	cursor: default;
}

.dl-preview input,
.view-preview input {
	letter-spacing: 0.15em;
	margin: 0 0 10px 0;
	padding: 3px 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	min-width: 190px;
	padding: 10px;
	font-size: 77%;
}

.dl-preview input:hover,
.view-preview input:hover {
	color: #fff;
	background: #333;
	border: 1px solid #000;
}

input.dl-get {
	background: #0E98AF;
	border: 1px solid #05859B;
	color: #fff;
}

/*画面横幅が480px以下の場合*/

@media only screen and (max-width: 768px) {
	#addressHeader {
		text-align: center;
	}
	.projectOne li {
		font-size: 100%;
	}
	dl#loginDL {}
	dl#loginDL dt {
		width: 98%;
		padding: 1%;
		text-align: center;
	}
	dl#loginDL dd {
		width: 100%;
		padding: 0;
		text-align: center;
	}
	#contact input[type=text],
	#contact textarea,
	.checkDd {
		text-align: center;
	}
}