body {
	background-image: url(../image/background_top.jpg_);
}



/**********************************************************/
/***** HEADER ********************************************/

#header {
	margin-bottom: 40px; /* 30px; */
	color: black;
}

#header .title {
	background-image: url(/common/image/header_title.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 31px;
	width: 300px;         /* デフォルト値。要変更 */
	margin-left: 10px; /* 10px; */
	padding-top:  40px; /* 30px; */
}

#header .site_name {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 88px;
	float: left;
}

#header .service_name {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 31px;
}

#header a {
	margin: 0px;
	padding: 0px;
}

/*
#header .site_name:hover,
#header .service_name:hover {
	border: 1px solid orange;
}
*/
/**********************************************************/
/***** MAIN ***********************************************/

#main {
	clear: both;

}


/**********************************************************/
/***** MENU ***********************************************/

#menu {
	margin-right: 30px;	
	padding-top: 5px;
}

#menu .menu_top {
}

#menu .item {
	height: 18px;
	margin-bottom: 20px;
	text-align: left;
	margin-left: 20px; /* 10px; */
}


#menu .menu_bottom {
	margin-top: 50px;
}


#menu a {
	font-size: 13px;
	font-family: Arial;
	color: #777;
	margin-right: 25px;
	font-weight: bold;
}

#menu a:hover,
#menu .selected a:hover {
	color: orange;
	text-decoration: none;
	font-weight: bold;
}

#menu .selected a {
	color: black;
	font-weight: bold;
}

#menu .selected {
	background-image: url(/common/image/menu_item_selected.gif);
	background-position: right;
	background-repeat: no-repeat;
}	


#menu .acces_counter {
	margin-top: 50px;
}


/**********************************************************/
/***** CONTENTS *******************************************/


#contents {
}

#contents h3 { /* タイトル行 */
	font-size: 25px;
	font-weight:normal;
	color: #555;
	margin-bottom: 30px;
	line-height: 1;
}

#contents .title {
	font-weight:bold;
	color: orange;
}

#contents .explain {
	color: black;
	padding-left: 5px;
	margin-bottom: 20px;
}


#contents .annotation { /* 入力方法の説明 */
	color: black;
}


/**********************************************************/
/***** FOOTER ********************************************/

#footer .copyright {
	font-size: 11px;
	color: #555;
	margin-left: 20px;
}


/**********************************************************/
/***** フォーム *******************************************/

#form {
	font-size: 14px;
	color: black;
}

input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	border-radius:5px;
	-moz-border-radius:5px;
	background-color:#fff;
	font-weight: bold;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
	color: black;
}


/*********  input type=text  move to ./css/SERVICE_NAME.css
#y,
#m,
#d {
	padding:3px;
	border-top:1px solid #aaa;
	border-right:1px solid #f1f1f1;
	border-bottom:1px solid #f1f1f1;
	border-left:1px solid #aaa;
}

#y {
	width:50px;
}

#m,
#d {
	width:30px;
}
****************/

#button,
.submit,
.reset {
	padding:3px;
	width:100px;
	border-top:1px solid #f1f1f1;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	border-left:1px solid #f1f1f1;
	border-radius:5px;
	-moz-border-radius:5px;
	cursor:pointer;
}

#button,
.submit {
	background-color:#eee;
	font-weight: bold;
}

#button:hover,
.submit:hover {
    background-color:#ddd;
}

.reset {
	background-color:#ddd;
	font-weight: normal;
}
.reset:hover {
    background-color:#eee;
}


/***** バリデーションエラー表示 *****/

div#ClientValidationSummary,
div#valid_msg {
	padding:10px;
	width:350px;
	background-color:#e55;
	border-radius:5px;
	-moz-border-radius:5px;
	color:#fff;
	display:none;
	font-size: 14px;
	text-align: left;
}

div#ClientValidationSummary a,
div#valid_msg a {
	color:white;
}

#ClientValidationSummary ul,
#valid_msg ul {
	margin-left: 30px;
}

/***** // バリデーションエラー表示 *****/