<!--
form{
	margin		: 0em ;
}
input
{
	font-size	: 9pt;
}
textarea
{
	font-size	: 9pt;
}
select
{
	font-size	: 9pt;
}

h2{
  font-size : 12px;
  font-weight : bold;
  color : #663300;
  text-align : center;
}
h3{
  font-size : 12px;
  font-weight : bold;
  color : #666666;
  text-align : center;
}
h4{
  font-size : 12px;
  font-weight : bold;
  color : maroon;
  text-align : center;
}

/* Main */
#menu{
	width: 200px;
	list-style: none;
	background: #111;
	background: -moz-linear-gradient(#444, #111);
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
	background: -webkit-linear-gradient(#444, #111);
	background: -o-linear-gradient(#444, #111);
	background: -ms-linear-gradient(#aaa, #ccc);
	-moz-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow: 0 2px 1px #9c9c9c;
	-webkit-box-shadow: 0 2px 1px #9c9c9c;
	box-shadow: 0 2px 1px #9c9c9c;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #FFF;
	color: #FFF;
	font-size: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border: 2px none #FFF;
}

#menu li{
	float: left;
	position: relative;
	clear: left;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	width: 176px;
	border: 2px solid #FFF;
	background-color: #EEE;
	color: #FFF;
	height: 30px;
}

#menu a{
	float: left;
	height: 25px;
	padding: 0 25px;
	color: #111;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial, Helvetica;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
}

#menu li:hover > a{
	color: #00F;
	background-color: #DDD;
	width: 176px;
	height: 30px;
}

*html #menu li a:hover{ /* IE6 */
}

#menu li:hover > ul{
	display: block;
}

#menu ul li{
	float: none;
	margin: 0;
	padding: 0;
	display: block;
	-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
	-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
	box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
	color: #FFF;
}

#menu ul li:last-child{   
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;    
}

#menu ul a{    
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu ul a{ /* IE6 */   
	height: 10px;
	width: 150px;
}

/* Sub-menu */

#menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	top: -50px;
	z-index: 99999;
	background: #444;
	background: -moz-linear-gradient(#444, #111);
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
	background: -webkit-linear-gradient(#444, #111);
	background: -o-linear-gradient(#444, #111);
	-moz-border-radius: 5px;
	border-radius: 5px;
	left: 176px;
	color: #FFF;
	background-color: #EEE;
	width: 100px;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

*:first-child+html #menu ul a{ /* IE7 */    
	height: 10px;
	width: 150px;
}

#menu ul a:hover{
	background: -o-linear-gradient(#04acec, #0186ba);
	background: -moz-linear-gradient(#04acec,  #0186ba);
	background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	background: -webkit-linear-gradient(#04acec,  #0186ba);
	background: -o-linear-gradient(#04acec,  #0186ba);
	color: #00F;
	background-color: #DDD;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 200px;
}

#menu ul li:first-child a{
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul li:first-child a:hover:after{
	background-color: #DDD;
}

#menu ul li:last-child a{
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

/* Category */
#site-box {
	width : 623px;
	border: 1px solid #999999;
	font-size: 12px;
	text-align: center;
 }
#a-box {
	background-color: #F5F5F5;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: double;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
 }
#b-box {
	float: left;
	width: 300px;
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 1px;
 }
#c-box {
	float: right;
	width: 320px;
	text-align: left;
	clear: right;
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 14px;
 }
 #d-box{
	clear : both;
	width : 623px;
	background-color: #FFFFD9;
	font-size: 14px;
	padding-top: 2px;
}

/* Main-box */
#main-box {
	width : 624px;
	border: 1px solid #999999;
	font-size: 12px;
	text-align: center;
 }
#main-abox {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: double;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	height: auto;
	width: 620px;
 }
#main-bbox {
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 1px;
	width: 624px;
 }
#main-cbox {
	clear : both;
	width : 624px;
	background-color: #FFFFD9;
	font-size: 14px;
	padding-top: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
 }

/* CSS トップへ戻るボタン */

#pageTop span{

display: block;

overflow: hidden;

width: 14px;

height: 12px;

background: url(https://www.inet-dan.com/cabinet/top-go3.jpg) no-repeat center center;

}


#pageTop{

border: 0px solid #000;

background: #999;

text-shadow: 0 1px 0 #333;

color:#fff;

padding: 16px 19px;

position:fixed;

bottom: 20px;

right: 20px;

top: auto;

left: auto;

-webkit-border-radius: 6px;

-moz-border-radius: 6px;

-icab-border-radius: 6px;

-khtml-border-radius: 6px;

border-radius: 6px;

box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,.4),inset 0 10px 10px rgba(255,255,255,.1);

}


#pageTop:hover{

transition: all .3s;

opacity: 0.8;

filter: alpha(opacity=80);

}

a:hover {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


-->