@charset "UTF-8";
/* index用 */





html  {
	overflow: hidden;
	background: #d9dde0 url(images/ichiem_index_image.gif) no-repeat;
}

body.index  {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #b7b7ba;
}

#x_axis {
	position: absolute;
	top: 37%;
	width: 100%;
	height: 1px;
/*
	border-top: 1px dotted #ccc;
*/
}


#y_axis {
	position: absolute;
	left: 40%;
	height: 100%;
	width: 1px;
}

#y_axis_line {
	position: absolute;
	left: 40%;
	top: 0px;
	height: 100%;
	width: 1px;
/*
	border-left: 1px dotted #ccc;
*/
}

#links a {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

.index #links a {
	opacity:0.5;
}

.index a {
	text-decoration: none;
	color: #ddd;
}

.index a:hover {
	color: #fff;
	opacity: 0.8;
}

a.red {
	font-size: 20px;
	text-decoration: none;
	color: #fff;
}

a:hover.red {
	text-decoration: none;
	color: #fff;
}

a.green {
	font-size: 50px;
	text-decoration: none;
	color: #fff;
}

a:hover.green {
	text-decoration: none;
	color: #fff;
}

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

a:hover.blue {
	text-decoration: none;
	color: #fff;
}

a.yellow {
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}

a:hover.yellow {
	text-decoration: none;
	color: #fff;
}

a.gray {
	font-size: 50px;
	text-decoration: none;
	color: #fff;
}

a:hover.gray {
	text-decoration: none;
	color: #fff;
}

a.pink {
	font-size: 25px;
	text-decoration: none;
	color: #fff;
}

a:hover.pink {
	text-decoration: none;
	color: #fff;
}





.menu {
	position: fixed;
	top: 25px;
	left: 1px;
	width: 133px;
	color: #fff;
	background: #7d7d7d url(images/menu_bg.jpg) repeat-x;
	line-height: 2;
}

.menu .companyName {
	font-size: 1.8rem;
	font-weight: normal;
	padding: 25px 0px 15px 30px;
}

.menu ul {
	text-indent: 0;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 20px 0px;
}

.menu ul li {
	list-style: none;
	font-size: 1.3rem;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.menu ul li a {
	color: #ccc;
	text-decoration: none;
}

.menu ul li a:hover {
	color: #fff;
}





.index .footer {
	position: fixed;
	bottom: 20px;
	left: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana;
	color: #777;
	font-size: 1.2rem;
	line-height: 1.5;
}

.footer span {
	font-size: 1.1rem;
	color: #aaa;
}






/*______________________________
801px以上の画面　スマートフォン用コンテンツの非表示*/

.sm {
	display: none;
}





/*______________________________
800px以下の画面*/
@media only screen and (max-width: 800px){


	.sm {
	display: block;
	}

	html  {
		background: #d9dde0 url(images/ichiem_index_image.gif) no-repeat;
		background-position: ;
		background-size: auto 800px;
	}

	.index .menu .companyName {
		display: block;
	}

	#x_axis,
	#y_axis,
	#y_axis_line,
	#links a {
		display: none;
	}

	.index .footer {
		bottom: 20px;
		left: 0px;
		width: 96%;
		margin: 0px 0px 0px 0px;
		padding: 0% 2% 0% 2%;
	}

}





/*______________________________
600px以下の画面*/
@media only screen and (max-width: 600px){

	html  {
		background: #d9dde0 url(images/ichiem_index_image.gif) no-repeat;
		background-position: ;
		background-size: auto 600px;
	}

}