@charset "utf-8";

*{
	margin: 0; padding: 0;
}

body{
  background-color: #cccccc;
  font-size: 95%;
  font-family: "MSゴシック",sans-serif;
  line-height: 150%;
  color: #333333;
}

div#pagebody{
	width: 1000px; margin: 0 auto;
	background-color: white;
}

div#header{
	width: 76px; height: 80px;
	margin: 0px 40px 20px 0px;
	float: right;
}

div#header_contact{
	width: 400px; height: 80px;
	margin: 10px 10px;
	float: left;
}

div#header h1{
	padding: 10px 0px 0px 20px;
}

ul#menu{
	clear: both;
	width: 960px; height: 50px;
	margin: 20px 20px 10px 20px;	
}

#menu li{
  list-style-type: none;
  display: inline;
  float: left;
}

#menu li a{
	background-color: #cc0033;
	color: white;
	display: block;
	width: 191px; height: 35px;
	padding: 10px 0px 10px 0px;
	text-align: center;
	text-decoration: none;
	border-left: solid 1px white;
	border-radius: 3px;
}

#menu li a:hover{
	background-color: red;
}

#img_index{
	position: relative;
	width: 960px;
	margin: 5px 20px;
	
}

#text_index{
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 10px;
	color: white;
}

#img_subpage{
	width: 960px;
	margin: 5px 20px;
}

#info{
	width: 540px;	/*height距離計算要*/
	margin: 20px 20px auto 20px;
	float: left;
}

#infoimg_index{
	width: 380px; height: 300px;	/*eight距離計算要*/
	margin: 20px 20px auto 20px;
	float: right;
}

h2{
	width: 260px;
	padding: 0px 0px 20px 0px;
}

h3{
	width: 260px; height: 30px;
	padding-top: 20px;
}

hr{
	clear: both;
}

#submenu{
	width: 260px;
	margin: 10px 10px 10px 20px;
	float: left;
}

#submenu ul li{
	list-style-type: none;
}

#submenu ul li:first-child a{
	border-top: 1px dotted gray;
}

#submenu ul li a{
	display: block;
	height: 45px;
	padding: 15px 0px 15px 30px;
	text-decoration: none;
	border-bottom: 1px dotted gray;
	border-radius: 3px;
	background-color: #ffe4e1;
	color: #333333;
}

#submenu ul li a:hover{
	text-decoration: underline;
}

#info_product{
	width: 660px;
	margin-top: 35px;
	float: left;
}

.infoimg_product{
	width: 200px; height: 150px;
	margin: 0px 0px 20px 20px;
	float: right;
}

#info_application{
	width: 660px;
	margin-top: 30px;
	float: left;
}

.infoimg_application{
	margin: 0px 0px 20px 0px;
}

#info_profile{
	width: 690px;
	margin-top: 30px;
	float: left;
}

#info_contact{
	width: 690px;
	margin-top: 30px;
	float: left;
}

#footer{
	clear: both;
	height: 40px;
	padding: 10px 0px 0px 0px;
	text-align: center;
}