@CHARSET "UTF-8";

/******************************************************************************
* タグ系スタイル
******************************************************************************/

* {
  margin:0;
  padding:0;
}

body {
  width:910px;
  font-family:"ＭＳ Ｐゴシック","arial","ヒラギノ角ゴ Pro W3";
  font-size:12px;
  line-height:140%;
  margin:0px auto;
  padding:0px;
  background-color:#eeeeee;
}

p {
  margin:0;
  padding:0;
}

img {
  border:0;
}

a.red:hover,
a.green:hover,
a.grey:hover,
a.white:hover,
a.orange:hover,
a.blue:hover{
  text-decoration:underline;
}

ul,li {
  margin:0;
  padding:0;
  list-style-type:none;
}

.caption_list{
  padding:3px 16px 3px 3px;
}

.caption_list ul li {
  padding: 2px 0 2px 12px;
  text-align:left;
  background : url(../imgs/icon/arrow_green_16.gif) no-repeat left center;
  border-bottom : 1px dotted #999;
}

.menu_list{
  padding:0px 3px 0px 3px;
  margin-bottom:5px;
}

.menu_list ul li {
  padding: 2px 0 2px 12px;
  text-align:left;
  background : url(../imgs/icon/arrow_orange_16.gif) no-repeat left center;
  border-bottom : 1px dotted #999;
}

input {
  height : 15px;
}

button {
  height : 22px;
  font-size:10px;
}

h1,h2,h3,h4,h5,h6,select {
  margin: 0;
  padding: 0;
  color:#000;
  font-size: 12px;
  font-weight: normal;
  font-family:  "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
}

/******************************************************************************
* ヘッダースタイル
******************************************************************************/

#container {
  width:910px;
  background-color:white;
  border-left:1px solid #ced5d9;
  border-right:1px solid #ced5d9;
}

#header {
  width     : 910px;
  margin-top: 5px;
  padding   : 0;
}

#header .logo {
  padding   : 10px 0px 10px 20px;
}

#header .menu {
  height    : 35px;
  background: url(../imgs/menu/menu_background.gif) no-repeat left top;
  text-align: center;
}

/******************************************************************************
* コンテンツスタイル
******************************************************************************/

#body {
  width     : 900px;
  padding   : 5px;
}

#body #contents {
  width        : 695px;
  float        : left;
  margin-right : 5px;
}

#body #contents .title {
  height            : 22px;
  width             : 690px;
  background-color  : #cbe4c1;
  padding           : 5px 0 0 5px;
  font-size         : 12px;
  font-weight       : bold;
  color             : #126334;
}

#body #menu {
  width     : 200px;
  float     : right;
}

#body #menu .block {
  width     : 198px;
  border    : 1px solid #111;
}

#body #menu .block .title{
  width             : 191px;
  height            : 20px;
  background-color  : #cbe4c1;
  padding           : 3px 0 0 5px;
  font-size         : 12px;
  font-weight       : bold;
  color             : #126334;
  margin            : 1px;
}

#body #menu .block .contents {
  padding   : 5px 4px;
}


#tabs{
  padding:0;
  margin:0;
  font-family:  "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
  font-size:12px;
  color:#FFF;
  font-weight:bold;
}
#tabs ul{
  list-style:none;
  margin:0;
  padding:0;
}
#tabs ul li{
  display:inline;
  margin:0;
  text-transform:capitalize;
}
#tabs ul li a{
  padding:5px 16px;
  color:#FFF;
  background:#E7A272;
  float:left;
  text-decoration:none;
  border-left:0;
  margin:0;
  text-transform:capitalize;
  border-right:5px solid white;
}
#tabs ul li a:hover{
  background:#EAEAEA;
  color:#7F9298;
  text-decoration:none;
}
#tabs ul li a.active{
  background:#EAEAEA;
  color:#7F9298;
}
#content{
  background:#A0A0A0;
  width:691px;
  clear:both;
  font-size:12px;
  color:#000;
  padding:2px;
  font-family:  "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, sans-serif;
}

#inner{
  background:#FFFFFF;
  width:671px;
  clear:both;
  font-size:12px;
  color:#000;
  padding:10px;
}

/******************************************************************************
* フッタースタイル
******************************************************************************/

#footer {
  width     : 910px;
  height    : 26px;
  padding   : 0;
  background: url(../imgs/footer.gif) no-repeat left top;
}

/******************************************************************************
* テーブルスタイル
******************************************************************************/

#form {
}

#form table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  padding:0;
  margin:0;
}

#form table tr {
  height: 25px;
  vertical-align:middle;
}

#form table th {
  width: 20%;
  text-align:center;
  vertical-align:middle;
  background-color:#eeeeee;
  color : #777777;
}

#form table td {
  width: 75%;
  vertical-align:middle;
  padding: 3px 2% 3px 3%;
  line-height:25px;
}

#form table td input[type="radio"],
#form table td input[type="checkbox"]{
  width: 20px;
  height:16px;
}

#form table td input{
  width: 90%;
  height:16px;
}

#form table td select{
  width: 90%;
  height:20px;
  height:16px;
}

#form table td .desc {
  font-size:10px;
  color: gray;
}

/***
**/
#form2 {
}

#form2 table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  padding:0;
  margin:0;
}

#form2 table tr {
  height: 25px;
  vertical-align:middle;
}

#form2 table th {
  width: 20%;
  text-align:center;
  vertical-align:middle;
  background-color:#eeeeee;
  color : #777777;
}

#form2 table td {
  width: 75%;
  vertical-align:middle;
  padding: 3px 2% 3px 3%;
  line-height:25px;
}


#form2 table td select{
  width: 90%;
  height:20px;
  height:16px;
}

#form2 table td .desc {
  font-size:10px;
  color: gray;
}



#env {
}

#env table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  padding:0;
  margin:0;
}

#env table tr {
  height: 25px;
  vertical-align:middle;
}

#env table th {
  width: 20%;
  text-align:center;
  vertical-align:middle;
  border: 1px solid #aaaaaa;
  background-color:#eeeeee;
  color : #333333;
}

#env table td {
  width: 75%;
  vertical-align:middle;
  padding: 3px 2% 3px 3%;
  border: 1px solid #aaaaaa;
  background-color:#ffffff;
  line-height:25px;
}

#env table td input[type="radio"],
#env table td input[type="checkbox"]{
  width: 20px;
  height:16px;
}

#env table td input{
  width: 90%;
  height:16px;
}

#env table td select{
  width: 90%;
  height:20px;
  height:16px;
}

#env table td .desc {
  font-size:10px;
  color: gray;
}

#list {
}

#list table {
  width: 100%;
  border-collapse: collapse;
  padding:0;
  margin:0;
}

#list table tr {
  height: 25px;
  vertical-align:middle;
}

#list table th {
  text-align:center;
  vertical-align:middle;
  background-color:#eeeeee;
  color : #777777;
  border : 1px solid #333333;
}

#list table td {
  vertical-align:middle;
  border : 1px solid #333333;
}

/******************************************************************************/
.list2 {
}

.list2 table {
  width: 100%;
  border-collapse: collapse;
  padding:0;
  margin:0;
  border-spacing:0px 5px;
}

.list2 table tr {
  height: 25px;
  vertical-align:middle;
}

.list2 table th {
  text-align:center;
  vertical-align:middle;
/*  background-color:#7fffff;*/
/*  color : #696969;*/
/*  border : 1px solid #7fffff;*/
}

.list2 table td {
  vertical-align:middle;
  background-repeat: no-repeat;
  background-position: center center;

/*  border : 1px solid #7fffff;*/
/*  background-color:#ffffff;*/
}

/******************************************************************************/
#list3 {
}

#list3 table {
  width: 100%;
  border-collapse: collapse;
  padding:0;
  margin:0;
}

#list3 table tr {
  height: 25px;
  vertical-align:middle;
}

#list3 table th {
  text-align:center;
  vertical-align:middle;
  background-color:#ffef6f;
  color : #404040;
  border : 1px solid #333333;
}

#list3 table td {
  vertical-align:middle;
  border : 1px solid #333333;
}

/******************************************************************************/

.error {
  background-color:#FFDAB9;
  border :1px solid red;
}

.half {
  width: 50%;
}

.quota {
  width: 25%;
}

/******************************************************************************
* ロールオーバー系スタイル
******************************************************************************/

#rollover a{
  display:block;
  width:200px;
  color:#F0027F;
  height:50px;
  line-height:50px;
  text-decoration:none;
  text-align:center;}

#rollover a:hover{
  color:orange;
}


/******************************************************************************
* エリア系スタイル
******************************************************************************/

.MessageArea {
  padding:20px 20px 0 20px;
}

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

/******************************************************************************
* DHTMLスタイル
******************************************************************************/

#preview{
  position:absolute;
  border:1px solid #ccc;
  background:#333;
  padding:5px;
  display:none;
  color:#fff;
}

/******************************************************************************
* カレンダー系スタイル
******************************************************************************/

input.alternate,
select.alternate {
  width: 99px;
}

button.alternate {
  background: url(../imgs/ajax/calendar/calendar-icon.gif);
  border: 0;
  cursor: pointer;
  height: 20px;
  margin-right: 6px;
  width: 20px;
}
button.alternate:hover,
button.alternate.active {
  background-position: 0 20px;
}

div.alternate {
  background: url(../imgs/ajax/calendar/calendar.png);
  height: 195px;
  padding: 0 6px;
  text-align: center;
  width: 147px;
}
  div.alternate * {
    margin: 0;
    padding: 0;
  }
  div.alternate div {
    background: none !important;
    cursor: move;
    height: 185px;
    overflow: hidden;
    padding-top: 10px;
    position: relative;
    width: 147px;
  }

  div.alternate caption {
    color: #333;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    overflow: hidden;
    text-align: center;
    width: 100%;
  }
  div.alternate caption a {
    cursor: pointer;
    display: block;
    height: 12px;
    overflow: hidden;
    position: absolute;
    text-indent: -100px;
    top: 17px;
    width: 11px;
  }
  div.alternate caption a.prev {
    background-image: url(../imgs/ajax/calendar/calendar-prev.gif);
    left: 0;
  }
  div.alternate caption a.next {
    background-image: url(../imgs/ajax/calendar/calendar-next.gif);
    right: 0;
  }
  div.alternate caption a:hover {
    background-position: 0 12px;
  }
  div.alternate caption span {
    padding-top: 6px;
    position: relative;
    text-align: center;
  }
  div.alternate caption span.month {
    float: left;
    width: 84px;
  }
  div.alternate caption span.month:after {
    content: '';
  }
  div.alternate caption span a {
    top: 8px;
  }
  div.alternate caption span.year {
    float: right;
    width: 63px;
  }

  div.alternate table {
    background: #FFF;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    cursor: default;
    margin: 0 auto;
    overflow: hidden;
    width: 147px;
  }
  div.alternate td,
  div.alternate th {
    border: 0;
    color: #0597DB;
    font: normal 12px Arial, Helvetica, sans-serif;
    height: 21px;
    text-align: center;
    width: 21px;
  }
  div.alternate td {
    background: url(../imgs/ajax/calendar/calendar-td.gif);
    color: #FFF;
    font-size: 11px;
  }
  div.alternate td.invalid {
    color: #999;
  }
  div.alternate td.valid {
    background: url(../imgs/ajax/calendar/calendar-valid.gif);
    color: #0597DB;
    cursor: pointer;
  }
  div.alternate td.hilite {
    background: url(../imgs/ajax/calendar/calendar-hilite.gif);
  }
  div.alternate td.inactive {
    background: url(../imgs/ajax/calendar/calendar-td.gif) 0 100%;
    color: #FFF;
  }
  div.alternate td.active,
  div.alternate td.hover {
    background: url(../imgs/ajax/calendar/calendar-valid.gif) 0 100%;
    color: #FFF;
    cursor: pointer;
  }

/******************************************************************************
* 色,フォント系スタイル
******************************************************************************/

.red {
  color:#FF5959;
  text-decoration:none;
}

.required {
  color:#FF5959;
}

.blue {
  color:#0000aa;
  text-decoration:none;
}

.white {
  color:#ffffff;
  text-decoration:none;
}

.green {
  color:#649B00;
  font-family:tahoma;
  padding: 2px 0px 2px 0px;
  text-decoration:none;
}

.grey{
  color:#9A9A9A;
  text-decoration:none;
}

.dark_grey {
  color:#A9A9A9;
  text-decoration:none;
}

.black{
  color:#222222;
  text-decoration:none;
}

.orange{
  color:#ff8000;
  text-decoration:none;
}

.beaju{
  color:#E4BC96;
  text-decoration:none;
}

.bg_green {
  background-color: #D0FFD0;
}

.bg_grey {
  background-color:#dcdcdc;
}

.bg_rightgrey {
  background-color:#dddddd;
}

.bg_red {
  background-color:#FFC6C6;
}

.bg_blue {
  background-color:#afeeee;
}

.bg_orange {
  background-color:#FFDDC8;
}

.txt_30 {
  font-size:30px;
}

.txt_28 {
  font-size:28px;
}

.txt_26 {
  font-size:26px;
}

.txt_24 {
  font-size:24px;
}

.txt_22 {
  font-size:22px;
}

.txt_20 {
  font-size:20px;
}

.txt_18 {
  font-size:18px;
}

.txt_16 {
  font-size:16px;
}

.txt_14 {
  font-size:14px;
}

.txt_12 {
  font-size:12px;
}

.txt_10 {
  font-size:10px;
}

.right {
  text-align:right;
}

.center {
  text-align:center;
}

.left {
  text-align:left;
}

.Description {
  color:#666666;
  padding:5px 5px;
}

.memo {
  color:#666666;
}

.form_memo {
  font-size:10px;
  color:#aaaaaa;
}

a:link, a:visited, a:hover, a:active{
  text-decoration:none;
  margin:0;
  padding:0;
  }

a:link {
  color:#333333;
}

a:visited {
  color:#333333;
}

a:hover {
  color: #204BE1;
}

a:active {
  color: #204BE1;
}

/******************************************************************************
* コンテンツ共通スタイル
******************************************************************************/

.dotted {
  border-bottom :1px dotted #333333;
}

.float_right {
  float: right;
}

.float_left {
  float: left;
}

.clear {
  clear:both;
}

/******************************************************************************
* サイドバー ロールオーバーボタン
******************************************************************************/


#link_tutorial {
	position: relative;
	width: 200px;
	heght: 85px;
    text-align:center;
}

#link_tutorial a {
	display: block;
	width: 200px;
	height: 85px;
	background-image:url(../imgs/help/home/tutorial.gif);
}
/* マウスアウト */
#link_tutorial a       { background-position:  0px   0px;}

/* オンオーバー */
#link_tutorial a:hover { background-position:  0px -85px;}