@charset "UTF-8";

/****** siteIndex *******/

.siteIndex #mainContents .corner {
	margin-bottom:20px;
	padding:10px 20px;
	border:1px solid #cccccc;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	position:relative;
}
.siteIndex #mainContents .c1 {
	background:url(../img/bg1.jpg) no-repeat right;
}
.siteIndex #mainContents .c2 {
	background:url(../img/bg2.jpg) no-repeat right;
}
.siteIndex #mainContents .c3 {
	background:url(../img/bg3.jpg) no-repeat right;
}
.siteIndex #mainContents .c4 {
	background:url(../img/bg4.jpg) no-repeat right;
}
.siteIndex #mainContents .c5 {
	background:url(../img/bg5.jpg) no-repeat right;
}
@media screen and (max-width: 480px) {
	.siteIndex #mainContents .corner {
		background:none;
	}
}
.siteIndex #mainContents .corner h3 {
	margin:0 0 10px 0;
	padding:10px 0 0 0;
	border:none;
	background:none;
	filter:progid:DXImageTransform.Microsoft.gradient(Enabled=0);
	font-size:200%;
	font-weight:normal;
	line-height:100%;
}
.siteIndex #mainContents .corner h3 a {
	text-decoration:none;
}
.siteIndex #mainContents .corner ul {
	margin-right:20px;
	list-style:none;
	font-size:90%;
}
.siteIndex #mainContents .corner p.lead {
	margin-right:20px;
}
.siteIndex #mainContents .corner p.time {
	float:left;
	width:100px;
	color:#999999;
}
.siteIndex #mainContents .corner p.title {
	margin-left:100px;
}

/****** aboutIndex *******/

.aboutIndex #mainContents section p {
	margin-bottom:1em;
	line-height:160%;
}
.aboutIndex #mainContents section ul {
	margin-bottom:1em;
	line-height:160%;
}
.aboutIndex #mainContents section li {
	margin-left:20px;
}

/****** searchIndex *******/

.searchIndex #mainContents #cse {
	width:100%;
}
.searchIndex #mainContents .gsc-control-cse {
	padding:0;
	border-color:#ffffff;
	background-color:#ffffff;
}
.searchIndex #mainContents .gsc-tabHeader.gsc-tabhInactive {
	border-color:#e9e9e9;
	background-color:#e9e9e9;
}
.searchIndex #mainContents .gsc-tabHeader.gsc-tabhActive {
	border-top-color:#ff9900;
	border-left-color:#e9e9e9;
	border-right-color:#e9e9e9;
	background-color:#ffffff;
}
.searchIndex #mainContents .gsc-tabsArea {
	border-color:#e9e9e9;
}
.searchIndex #mainContents .gsc-webResult.gsc-result,
.searchIndex #mainContents .gsc-results .gsc-imageResult {
	border-color:#ffffff;
	background-color:#ffffff;
}
.searchIndex #mainContents .gsc-webResult.gsc-result:hover,
.searchIndex #mainContents .gsc-imageResult:hover {
	border-color:#ffffff;
	background-color:#ffffff;
}
.searchIndex #mainContents .gs-webResult.gs-result a.gs-title:link,
.searchIndex #mainContents .gs-webResult.gs-result a.gs-title:link b,
.searchIndex #mainContents .gs-imageResult a.gs-title:link,
.searchIndex #mainContents .gs-imageResult a.gs-title:link b {
	color:#2b63ae;
}
.searchIndex #mainContents .gs-webResult.gs-result a.gs-title:visited,
.searchIndex #mainContents .gs-webResult.gs-result a.gs-title:visited b,
.searchIndex #mainContents .gs-imageResult a.gs-title:visited,
.searchIndex #mainContents .gs-imageResult a.gs-title:visited b {
	color:#5a7ead;
}
.searchIndex #mainContents .gs-webResult.gs-result a.gs-title:hover,
.searchIndex #mainContents .gs-webResult.gs-result a.gs-title:hover b,
.searchIndex #mainContents .gs-imageResult a.gs-title:hover,
.searchIndex #mainContents .gs-imageResult a.gs-title:hover b {
	color:#3e90fa;
}
.searchIndex #mainContents .gs-webResult.gs-result a.gs-title:active,
.searchIndex #mainContents .gs-webResult.gs-result a.gs-title:active b,
.searchIndex #mainContents .gs-imageResult a.gs-title:active,
.searchIndex #mainContents .gs-imageResult a.gs-title:active b {
	color:#3e90fa;
}
.searchIndex #mainContents .gsc-cursor-page {
	color:#2b63ae;
}
a.gsc-trailing-more-results:link {
	color:#2b63ae;
}
.searchIndex #mainContents .gs-webResult .gs-snippet,
.searchIndex #mainContents .gs-imageResult .gs-snippet,
.searchIndex #mainContents .gs-fileFormatType {
	color:#333333;
}
.searchIndex #mainContents .gs-webResult div.gs-visibleUrl,
.searchIndex #mainContents .gs-imageResult div.gs-visibleUrl {
	color:#008000;
}
.searchIndex #mainContents .gs-webResult div.gs-visibleUrl-short {
	color:#008000;
}
.searchIndex #mainContents .gs-webResult div.gs-visibleUrl-short {
	display:none;
}
.searchIndex #mainContents .gs-webResult div.gs-visibleUrl-long {
	display:block;
}
.searchIndex #mainContents .gsc-cursor-box {
	border-color:#ffffff;
}
.searchIndex #mainContents .gsc-results .gsc-cursor-box .gsc-cursor-page {
	border-color:#e9e9e9;
	background-color:#ffffff;
	color:#2b63ae;
}
.searchIndex #mainContents .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	border-color:#ff9900;
	background-color:#ffffff;
	color:#2b63ae;
}
.searchIndex #mainContents .gs-promotion {
	border-color:#ffffff;
	background-color:#ffffff;
}
.searchIndex #mainContents .gs-promotion a.gs-title:link,
.searchIndex #mainContents .gs-promotion a.gs-title:link *,
.searchIndex #mainContents .gs-promotion .gs-snippet a:link {
	color:#2b63ae;
}
.searchIndex #mainContents .gs-promotion a.gs-title:visited,
.searchIndex #mainContents .gs-promotion a.gs-title:visited *,
.searchIndex #mainContents .gs-promotion .gs-snippet a:visited {
	color:#5a7ead;
}
.searchIndex #mainContents .gs-promotion a.gs-title:hover,
.searchIndex #mainContents .gs-promotion a.gs-title:hover *,
.searchIndex #mainContents .gs-promotion .gs-snippet a:hover {
	color:#3e90fa;
}
.searchIndex #mainContents .gs-promotion a.gs-title:active,
.searchIndex #mainContents .gs-promotion a.gs-title:active *,
.searchIndex #mainContents .gs-promotion .gs-snippet a:active {
	color:#3e90fa;
}
.searchIndex #mainContents .gs-promotion .gs-snippet,
.searchIndex #mainContents .gs-promotion .gs-title .gs-promotion-title-right,
.searchIndex #mainContents .gs-promotion .gs-title .gs-promotion-title-right *{
	color:#333333;
}
.searchIndex #mainContents .gs-promotion .gs-visibleUrl,
.searchIndex #mainContents .gs-promotion .gs-visibleUrl-short {
	color:#008000;
}

/****** mailIndex *******/

.mailIndex form dd {
	margin-bottom:1em;
	color:#006666;
}
.mailIndex form #inputName,
.mailIndex form #inputMail {
	width:250px;
}
.mailIndex form #inputComment {
	width:420px;
	height:150px;
}
.mailIndex form #inputButton,
.mailIndex form #inputButton2 {
	padding:5px;
}
@media screen and (max-width: 480px) {
	.mailIndex form #inputName,
	.mailIndex form #inputMail,
	.mailIndex form #inputComment {
		width:100%;
	}
}
.mailIndex .lead {
	margin-bottom:20px;
}
.mailIndex .errorMessage {
	margin:0 0 20px 30px;
	color:#ff0000;
}
