/* 
PC Support service Stylesheet
v1.0.1
Last Updated: 2015-04-01
Author: Porukichi - http://vill-pc.com 
*/
body{
	margin: 0;
	padding: 4.9em 0 1.35em 0;
	font-family: メイリオ, ヒラギノ角ゴシック ProN;
}
* html body{
	overflow: hidden;
}
.font-e {
	font-family:Georgia, "Times New Roman", Times, serif;
}
.li01 {
	text-align:left;
	margin-left:1em;
}
.li02 {
	text-align:left;
	margin-left:2em;
}
header {
	position: fixed !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	color: #4169e1;
}
footer {
	position: fixed !important;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	color: #4169e1;
	font-size:1em;
	text-align:center;
}
footer p{
	letter-spacing:0.05em;
	width:900px;
	background: linear-gradient(#f0f8ff,#90ee90);
	margin:0 auto;
	padding:0.2em;
}
* html section#main{
	height: 100%;
	overflow: auto;
}
#title {
	font-size:1.75em;
	padding:0.125em 0 0 0;
	text-align:center;
	width:900px;
	background: linear-gradient(#90ee90,#f8f8ff);
	margin:0 auto;

}
#title a {
	text-decoration:none;
	color:#4169e1;
	font-weight:normal;
	letter-spacing:0.1em;
}
#subtitle {
	font-size:1em;
	font-weight:normal;
	letter-spacing:0.1em;
	padding:0.125em 0 0.25em 0;
	text-align:center;
	width:900px;
	margin:0 auto;
	background: linear-gradient(#f8f8ff,#f0f8ff);

}
.main {
	width:900px;
	margin:0 auto;
	background: rgb(240,249,255); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(240,249,255,1) 0%, rgba(203,235,255,1) 50%, rgba(247,249,219,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(240,249,255,1)), color-stop(50%,rgba(203,235,255,1)), color-stop(100%,rgba(247,249,219,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 50%,rgba(247,249,219,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 50%,rgba(247,249,219,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 50%,rgba(247,249,219,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(240,249,255,1) 0%,rgba(203,235,255,1) 50%,rgba(247,249,219,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#f7f9db',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.menu ul{
  margin:0;
  padding:0;
}
.menu ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:1em;
  letter-spacing:1px;
  float: left;
  position: relative;
  width: 180px;/*親メニューの幅*/
  height: 25px;/*親メニューの高さ*/
  line-height: 25px;
  background:#add8e6;/*親メニューの背景色*/
  color: #4D4D4D;/*親メニューの文字色*/
  text-align:center;
  font-weight:bold;
}
.menu ul li a {
  color: #4D4D4D;
  display: block;
  text-decoration: none;
  font-weight:normal;
}
.menu ul li a.none{
	cursor:default;
}

.menu ul li:hover, .menu ul li a:hover {
  background:#EA2839;/*ホバー時の親メニューの背景色*/
  color:#fff;/*ホバー時の親メニューの文字色*/
}
.menu ul li ul {
  position: absolute;
  top: 25px;/*親メニューの高さと同じにする*/
  width: 180px;
  z-index: 100;
}
.menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 180px;/*サブメニューの幅*/
  height: 0;
  background:#FFDAD7;/*サブメニューの背景色*/
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  background:#FFAFA9;/*ホバー時のサブメニューの背景色*/
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:25px;/*サブメニューの高さ*/
  z-index: 10;
}
.menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
nav {
	margin:0 auto;
	width:900px;
}
.ctitle1 {
	font-size:1.25em;
	font-weight:normal;
	letter-spacing:1px;
	color:blue;
	padding:0.75em 0 0 1em;
}
.ctitle2 {
	font-size:1em;
	font-weight:normal;
	letter-spacing:1px;
	color:blue;
	padding:0 0 1em 2.5em;
}
.cform {
	padding:0 100px 100px 100px
}
.main h1 {
	font-size:1em;
	color:blue;
	margin:0.5em 0 0.5em 0.5em;
}
.wnL {
	width:350px;
	border:1px #666666 solid;
	float:left;
	margin-left:30px;
	background:#FFFFEC
}
.wnR {
	width:455px;
	border:1px #666666 solid;
	float:right;
	margin-right:30px;
	background:#FFFFEC

}
.floatclear {
	clear:both;
}
.p01 {
	text-align:right;
	font-size:0.75em;
	color:red;
	padding:0.5em 0 0.5em 0;
}
table {
	width:100%;
}
tr {
	text-align:center;
	height:80px;
}
td {
	vertical-align:bottom;
}
.pic {
	width:800px;
	height:450px;
	margin:auto;
	background-image:url('../item/pic001.jpg')
}
.pic p {
	background-color: rgba(255,255,255,0.75);
	width:75%;
	margin:auto;
	padding:10px;
	text-align:center;
}
.op {
	margin:auto;
	font-size:1.25em;
}
.op tr {
	text-align:left;
	height:auto;
}
.op td {
	vertical-align:top;
	padding:0.5em;
	line-height:1.25em;
	letter-spacing:0.1em;
}