@charset "utf-8";

/* 基本
---------------------------------------------*/
body {
    color: black;
	font-size: 75%;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS@pro w3","‚l‚r@‚oƒSƒVƒbƒN",sans-serif;
	background-image: url("../images/haikei.jpg");
	scrollbar-base-color: #ffffff; 

	}
	
#logo{
margin: 0 0 10px 20px;;
height: 30px;
width: 755;
background: url(../images/h1haikei.jpg) right no-repeat;
}

/* Žž•\Ž¦----------------------------------*/
#time {
padding: 0px 5px 0 5px;
margin-bottom: 5px;
font-size: x-large;
font-weight: bold;
color: red;
background-color: silver;

}
#logo img {
float: left;
	
}
a {
	color: #0000ff;
}
a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: red; }
a:active { color: yellow; }

#wrapper {
	width: 800px;
	border: 1px solid gray;
	background: white;
	line-height: 1;
	margin: 20px auto;
}


#header {
	position: relative;
	padding-bottom: 4px;
	}
	
	
#content {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 16px;
}

#content a{

}


#content #primary {
	float: right;
	width: 600px;
background: url(../images/primary-haikei.jpg) right top no-repeat;
}

#content #primary h2{
margin-top: 1px;
font-size: medium;
font-weight: bold;
background: #ffffff url(../images/gn_bg.gif) left bottom repeat-x;

}
#content p {
	margin: 7px 10px 18px 10px;
	line-height: 1.5;
}

#content #menu {
	float: left;
	width: 180px;
	background: #white;
	border: 0px ;
	padding-left: 5px;
	
	
}
#footer {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 50px;
}

.section{

margin: 10px 10px 30px 30px;
}

/* ロゴとユーティγƒͺγƒ†γ‚£γƒŠγƒ“γ‚²γƒΌγ‚·γƒ§γƒ³
---------------------------------------------*/
#logo {
	padding: 11px 0;
}

/* ƒOƒ[ƒoƒ‹ƒiƒrƒQ[ƒVƒ‡ƒ“
---------------------------------------------*/
#globalNavigation {
	float: left;
	width: 788px;	
	padding: 3px 10px 0 2px;
   	background: #ffffff url(../images/gn_bg.gif) left bottom repeat-x;

}
#globalNavigation li {
	float: left;
	padding-left: 4px;
	background: url(../images/gn_li_bg.gif) no-repeat;
	border-bottom: glay;
	
	
}
#globalNavigation li a {
	display: block;
	float: left; /* for WinIE6 */
	padding: 10px 15px 10px 11px;
	background: url(../images/gn_li_a_bg.gif) right top no-repeat;
	border-bottom: 1px glay;
	
	color: black;
	text-decoration: none;
}
#globalNavigation li a:hover,
#globalNavigation li a:focus {
	color: gray;
}
#globalNavigation li.current {
	background: url(../images/gn_li_current_bg.gif) no-repeat;
}
#globalNavigation li.current a {
	background:  url(../images/gn_li_current_a_bg.gif) right top no-repeat;
	padding: 10px 15px 11px 11px;
	border-bottom: none;
	color: red;
}



/* ί‚ΖŒ©o‚΅
---------------------------------------------*/
.sectionBlock01 h2{
color: white;
}

#primary .sectionBlock01 {
	margin: 0 0 10px 0;
	padding: 0px 0px 10px 15px;

}

#menu .sectionBlock01 {
	border:1px solid #0000ff ;
	margin: 0 0 10px 0;
	padding: 5px 0px 10px 5px;

}
#menu .sectionBlock01 h2 {
	padding: 7px 8px;
	border-bottom: 1px solid #c0c0c0;
	background: #ccccff;
	line-height: 1;
}

}
#copyright {
	clear: both;
	width: 726px; /* for WinIE6,7 */
	padding: 20px 17px;
	background: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	font-size: 90%;
	line-height: 1;
}

/*ƒtƒH[ƒ€‚b‚f‚h*/



label {
	width:142px;
	height:20px;
	margin-top:3px;
	margin-right:2px;
	padding-top:5px;
	padding-left:10px;
	background-color:#CCCCCC;
	float:left;
	color:black;
}
.form {
	margin:0;
	padding:0;
}
#container {
	width:750px;
	margin:auto;
	padding:10px;
}
#top {
	width:680px;
	height:50px;
}
#leftside {
	width:550px;
	padding-top:30px;
	float:left;
}
#rightSide {
	background-color:#fff;
	width:200px;
	padding:5px;
	margin-top:40px;
	float:right;
	border:1px solid #CCC;
	font:normal 15px Arial;
	color:#666666
}
.clear {
	clear:both;
}
.holder {
	background-color:#fff;

}
.div_texbox {
	width:347px;
	float:right;
	background-color:#E6E6E6;
	height:21px;
	margin-top:3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
}

.div_checkbox {
	width:347px;
	float:right;
	background-color:#E6E6E6;

	margin-top:3px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
}
.textbox {
	background-image: url(images/16t.png);
	background-repeat: no-repeat;
	background-position:left;
	width:300px;
	font:normal 15px Arial;
	color: black;
	padding:0px 5px 0px 19px;
}

.textbox1 {
font:normal 15px Arial;
	color: black;
}


.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}


.name {
    	background-image: url(images/16m.png);
    	background-repeat: no-repeat;
    	background-position:left;
	width:285px;
    	font:normal 15px Arial;
    	color: #999999;
    	padding:0px 5px 0px 19px;
}
.name:focus, .username:hover {
	background-color:#F0FFE6;
}
   
.emal {
    	background-image: url(images/16s.png);
    	background-repeat: no-repeat;
   	background-position:left;
	width:285px;
    	font:normal 15px Arial;
    	color: #999999;
    	padding:0px 5px 0px 19px;
}
.eamil:focus, .eamil:hover {
	background-color:#F0FFE6;
}

.button_div {
	width:287px;
	float:right;
	background-color:#fff;
	border:1px solid #ccc;
	text-align:right;
	height:35px;
	margin-top:3px;
	padding:5px 32px 3px;
}
.buttons {
	background: #e3e3db;
	font-size:12px; 
	color: black; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}

#box {
float:left;
}

fieldset {
	border:1px solid #CCC;
	padding:10px;
}

legend {
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;