/* site */
*{ margin:0; padding:0; }

#container {
  width:860px;
  margin:0 auto;  /* firefox向けセンタリング */
}

body {
  text-align:center; /* IE向けセンタリング */
  overflow-x:hidden;
}

a:link {
  color:#000099;
  text-decoration:none;
}

a:visited {
  color:#000099;
  text-decoration:none;
}

a:hover {
  color:#0000FF;
  text-decoration:none;
}

a:active {
  color:#0066FF;
  text-decoration:none;
}

input[type="text"],
select,
textarea {
	border:1px solid #474747;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.side-lists a:link {
  color:#333333;
  text-decoration:none;
}

.side-lists a:visited {
  color:#333333;
  text-decoration:none;
}

.side-lists a:hover {
  color:#333333;
  text-decoration:none;
}

.side-lists a:active {
  color:#333333;
  text-decoration:none;
}


/* header */
#header {
  float:left;
  width:860px;
  height: 80px;
  margin: 10px 0px; /* 上下に10pxのマージン */
  background-image:url(../img/site-top-border.gif);
  background-repeat:no-repeat;
  background-position:top;
}

#header-content {
  position:relative;
  background-image:url(../img/site-middle-border.gif);
  background-repeat:repeat-y;
  background-position:center;
  margin:7px 0px 0px 0px;
//  width:100%;
width:860px;
}

#logo {
  margin:0px 600px 0px 0px;
  display:block;
  width:400px;
  height:73px;
  background-image:url(../img/logo.gif);
  background-repeat:no-repeat;
  background-position:15px 8px;
}

#logo a.top-link {
  display:block;
  width:400px;
  height:73px;
  background-image:url(../img/logo.gif);
  background-repeat:no-repeat;
  background-position:15px 8px;
}

#logo2 {
  float:left;
  position:absolute;
  top:50px;
  left:683px;
  width:167px;
  height:13px;
  background-image:url(../img/poweredbycgmm.gif);
  background-repeat:no-repeat;
}

#select {
  float:left;
  position:absolute;
  top:0px;
  left:683px;
  background-repeat:no-repeat;
}

#logout {
  float:left;
  position:absolute;
  top:0px;
  left:790px;
}

#logout a.logout_link {
  display:block;
  width:60px;
  height:25px;
  background-image:url(../img/logout.gif);
  background-repeat:no-repeat;  
}

#selecter {
  float:left;
  position:absolute;
  top:25px;
  right:10px;
}

#logo-border {
  width:840px;
  height:10px;
  background-image:url(../img/header-border.gif);
  background-repeat:repeat-x;
  margin:0px 10px;
}
/* header end */

/* mainarea */
#main-area {
  float:left;
  width:860px;
  background-image:url(../img/site-middle-border.gif);
  background-repeat:repeat-y;
}

#main-area-content {
  width:860px;
//width:auto;
}

/* sidemenu */
#side-menu {
  float:left;
  width:auto;
  margin-left:10px;
  margin-top:10px;
}

#side-top {
  background-image:url(../img/side-head.gif);
  background-repeat:no-repeat;
  width:215px;
  height:37px;
  margin-bottom:0px;
}

#side-topHelp {
  background-image:url(../img/side-headHelp.gif);
  background-repeat:no-repeat;
  width:215px;
  height:37px;
  margin-bottom:0px;
}

#side-list-body {
  background-image:url(../img/side-middle.gif);
  background-repeat:repeat-y;
  background-position:center;
  width:215px;
  padding:5px 0px;
}

ul.side-lists li {
  background-image:url(../img/side-unselect.gif);
  background-repeat:no-repeat;
  width:auto;
  height:25px;
  margin:5px;
  cursor:pointer;
}

ul.side-lists li.selected {
  background-image:url(../img/side-selected.gif);
}

ul.side-lists li:hover {
  background-image:url(../img/side-mouseover.gif);
}

#side-bottom {
  background-image:url(../img/side-bottom.gif);
  background-repeat:no-repeat;
  width:215px;
  height:12px;
}

#side-twit {
  width:215px;
  height:12px;
}
/* sidemenu end */

/* コンテンツ */
#contents {
  float:left;
  width:auto;
  margin-top:10px;
  margin-left:10px;
  min-height:500px;
  height:auto !important;
  height:500px;
}

#contents-top {
  background-image:url(../img/contents-head.gif);
  background-repeat:no-repeat;
  width:612px;
  height:37px;
  text-align:left;
}

#contents-body {
  background-image:url(../img/contents-middle.gif);
  background-repeat:repeat-y;
  width:612px;
  margin-bottom:0px;
}

#contents-end {
  background-image:url(../img/contents-bottom.gif);
  width:612px;
  height:12px;
  clear:both;
}
#ClientValidationSummary {
	color:red;
}

#ClientValidationSummary a:hover {
	color:red;
}

#ClientValidationSummary a:link {
	color:red;
}

#ServerValidationSummary {
	color:red;
}
/* mainarea end */

/* footer */
.mainarea-border {
  background-image:url(../img/contents-list-border.gif);
  background-repeat:no-repeat;
  width:846px;
  height:2px;
  margin-left: auto;
  margin-right: auto;
}

#footer {
//width:auto;
  width:860px;
  height: auto;
}

#footer-top {
  background-image:url(../img/footer-top.gif);
  background-repeat:no-repeat;
  width:846px;
  height:11px;
  margin-bottom:0px;
  margin-left:auto;
  margin-right:auto;
  
}

#footer-middle {
  background-image:url(../img/footer-middle.gif);
  background-repeat:repeat-y;
  width:846px;
  margin-left:auto;
  margin-right:auto;
}

#footer-bottom{
  background-image:url(../img/footer-bottom.gif);
  background-repeat:no-repeat;
  width:846px;
  margin-left:auto;
  margin-right:auto;
  height:11px;  
}
/* footer end */

#mainarea-end {
  clear:both;
  width:100%;
  height:7px;
  margin:0px;
  margin-bottom:30px;
  background-image:url(../img/site-bottom-border.gif);
  background-repeat:no-repeat;
}

#login-area{
  padding:100px 0px;
}

#inputarea {
  width:300px;
  margin-left:auto;
  margin-right:auto;
  padding:30px 40px;
  border:1px solid #1381B4;
}

/* #03 layout
---------------------------------------------------------------------------- */

div#layout {
	background: #FFF url(../img/bg_layout.gif) no-repeat 0 0;
	margin: 8px auto 0 auto;
	width: 860px;
}

/* #06 pageBody
---------------------------------------------------------------------------- */

div#pageBody {
	border-right: 1px solid #424542;
	border-left: 1px solid #424542;
	clear: both;
	padding: 15px 0 0 0;
}

/* #07 primary
---------------------------------------------------------------------------- */

div#primary {
	float: right;
	padding: 0 0 0 0;
	width: 612px;
}
/*
dl.content {
	background: url(../img/bg_content_bottom.gif) no-repeat left bottom;
	padding: 0 0 12px 0;
}
*/
dl.content dt.contentTitle {
	background: url(../img/bg_content_top.gif) no-repeat 0 0;
	padding: 14px 0 0 30px;
	height: 23px;
	font-weight: bold;
}

dl.content dd {
	background: url(../img/bg_content_middle.gif) repeat-y 0 0;
	padding: 10px 10px 20px 10px
}

body#popup {
	background: none;
	padding: 8px 0 50px 0;
}

body#popup div#primary {
	float: none;
	margin: 0 auto;
	padding: 0;
}

table.basic tr.rowOther td {
	background: url(../img/bg_table_title.gif) repeat-x 0 0;
	font-weight: bold;
}

table.basic tr.bgNone td {
	border-bottom: none
}

table.basic tr td {
	border-bottom: 1px solid #CFCFCF;
	padding: 4px 0 4px 6px;
}

.sizeS {
	width: 140px;
}

.sizeM {
	width: 173px;
}

.sizeMM {
	width: 200px;
}

div#primary div.block  {
	padding: 0 7px 0 6px;
}

div#primary div.block p {
	float: left;
}

div#primary div.block ul.numberList {
	text-align: right;
}

div#primary div.block ul.numberList li {
	display: inline;
}

div#primary div.block ul.numberList li a {
	border-right: 1px solid #333;
	padding: 0 4px 0 0;
}

div#primary div.block ul.numberList li.last a {
	border: none;
	padding-right: 0;
}

div#primary p.rightTxt {
	clear: both;
	padding: 10px 7px 0 0;
	text-align: right;
}

div#primary p.lastTxt {
	padding: 10px 7px 10px 0;
}

div#primary p.rightTxt select {
	margin: 0 0 0 10px;
}

ul.linkList {
	clear: both;
	padding: 10px 0 0 0;
	text-align: center;
}

ul.linkList li {
	display: inline;
}

dl.content dd dl.block {
	background: url(../img/bg_block_bottom.gif) no-repeat left bottom;
	padding: 14px 0 5px 0;
	margin: 0 auto;
	width: 575px;
}

 
dl.content dd dl.block dt {
	background: url(../img/bg_block_top.gif) no-repeat 0 0;
	padding: 10px 0 0 11px;
	font-weight: bold;
}

dl.content dd dl.block dt img {
	float: left;
}

dl.content dd dl.block dd {
	border-left: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	background: none;
	padding: 20px 0 0 0;
}

table.style {
	width: 575px;
}

table.style th {
	padding: 5px 0 5px 11px;
	width: 108px;
}

table.style td {
	padding: 5px 0 5px 5px;
}

table.style td input {
	border: 1px solid #C7C7C7;
	margin: 0 8px 0 0;
	padding: 4px 0 4px 5px;
}

tr.rowLast td {
	border: none!important;
	text-align: center!important;
	width: auto!important;
}

table.style tr.rowLast td input {
	border: none;
	padding: 0;
}

table.style select {
	height: 20px;
	width: 120px;
}

p.registrationTxt {
	padding: 10px 0 0 10px;
}

div#primary ul.block {
	margin: 0 auto;
	padding: 5px 0 0 5px; 
	width: 530px;
}
 
div#primary ul.block li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 10px 0;
	width: 260px;
}

div#primary ul.block li.right {
	margin-right: 0;
}

div#primary ul.block li.last dl dd  ul {
	overflow: hidden;
	height: auto;
}

div#primary ul.block li dl dt {
	background: url(../img/bg_title.gif) repeat-x 0 0;
	padding: 5px 0 5px 0;
	font-weight: bold;
	text-align: center;
}

div#primary ul.block li dl dd {
	background: none;
	padding: 5px 0 0 0;
}

div#primary ul.block li dl dd ul li {
	background: url(../img/bg_dot.gif) repeat-x left bottom;
	padding: 5px 0 8px 0;
	height: auto;
}

div#primary ul.block li dl dd ul li img {
	float: left;
}

div#primary ul.block li dl dd ul li span {
	float: left;
	font-size: 90%;
	padding: 8px 0 0 8px;
	width: 190px;
}

div#primary ul.block li dl dd ul li span img {
	padding: 0 4px 0 0;
}

div#primary ul.block li.last dl dd ul li {
	background: none;
	text-align: center;
	padding: 0;
}

#add,
p.add {
	clear: both;
	padding: 8px 0 0 0;
	text-align: center;
}

p.pageTop {
	padding: 15px 0 0 0;
	text-align: center;
}