@CHARSET "UTF-8";

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

* {
  margin:0;
  padding:0;
}

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

p {
  margin:0;
  padding:0;
}

div {
  border:0;
}

img {
  border:0;
}

table,tr,td,th {
  border:0;
  border-collapse:0;
  border-spacing:0;
}

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

button {
  background-color: #FFFFFF;
  background-image: url(../images/but_bk01.gif);
  background-repeat: repeat-x;
  height: 22px;
  width:150px;
  padding-right: 5px;
  padding-left: 5px;
  border: 1px solid #999999;
  cursor:pointer;
}

a{
  color:#004a67;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

/******************************************************************************
* レイアウトスタイル
******************************************************************************/

#Container {
  width:950px;
}

#Contents {
  clear:both;
  padding-top: 5px;
}

.Column2_260_Left {
  float: left;
  width: 250px;
  margin-right: 10px;
}

.Column2_640_Right {
  float: right;
  width: 640px;
}

.Column2_210_Left {
  float: left;
  width: 172px;
  margin-right: 8px;
}

.Column2_690_Right {
  float: right;
  width: 690px;
}

.Block260Top {
  width:250px;
  height:24px;
  background:url(../images/block_250_top.gif);
  background-repeat:no-repeat;
}

.Block260Middle {
  width:250px;
  background:url(../images/block_250_middle.gif);
  background-repeat:repeat-y;
}

.Block260Bottom {
  width:250px;
  height:15px;
  background:url(../images/block_250_bottom.gif);
  background-repeat:no-repeat;
}

.BlockTitle {
  padding: 5px 0px 0px 10px;
  font-weight: bold;
}

.BlockComment {
  padding:8px 0px 8px 20px;
}

.Block640Top {
  width:640px;
  height:24px;
  background:url(../images/block_640_top.gif);
  background-repeat:no-repeat;
}

.Block640Middle {
  width:640px;
  background:url(../images/block_640_middle.gif);
  background-repeat:repeat-y;
}

.Block640Bottom {
  width:640px;
  height:15px;
  background:url(../images/block_640_bottom.gif);
  background-repeat:no-repeat;
}

.Block690Top {
  width:690px;
  height:5px;
  background:url(../images/block_690_top.gif);
  background-repeat:no-repeat;
}

.Block690Middle {
  width:690px;
  background:url(../images/block_690_middle.gif);
  background-repeat:repeat-y;
}

.Block690Bottom {
  width:690px;
  height:5px;
  background:url(../images/block_690_bottom.gif);
  background-repeat:no-repeat;
}

.Block900Top {
  width:900px;
  height:24px;
  background:url(../images/block_900_top.gif);
  background-repeat:no-repeat;
}

.Block900Middle {
  width:900px;
  background:url(../images/block_900_middle.gif);
  background-repeat:repeat-y;
}

.Block900Bottom {
  width:900px;
  height:15px;
  background:url(../images/block_900_bottom.gif);
  background-repeat:no-repeat;
}

.BlockContents {
  padding: 10px;
}

.float_right {
  float: right;
}

.float_left {
  float: left;
}

.clear {
  clear:both;
}


/** Top **/

#LeftMenu {
  float:left;
  width:172px;
  margin-right:10px;
}

#RightContents {
  float:right;
  width:768px;
}

#LeftContents {
  float:left;
  width:586px;
  margin-right:10px;
}

#RightMenu {
  float:right;
  width:172px;
}

/******************************************************************************
* ボックス系スタイル
******************************************************************************/

/** 左メニュー **/

#LeftMenu .BoxSignService {
  height:25px;
  width:172px;
  background:url(../imgs/title/160/left/title_sign_service.gif) no-repeat center;
}

#LeftMenu .BoxMemberSupport {
  height:25px;
  width:172px;
  background:url(../imgs/title/160/left/title_member_support.gif) no-repeat center;
}

#LeftMenu .BoxAbout {
  height:25px;
  width:172px;
  background:url(../imgs/title/160/left/title_about.gif) no-repeat center;
}

#LeftMenu .BoxDeveloper {
  height:25px;
  width:172px;
  background:url(../imgs/title/160/left/title_developer.gif) no-repeat center;
}

#LeftMenu .BoxMiddle {
  width:172px;
  background:url(../imgs/title/160/left/title_middle.gif) repeat-y center;
}

#LeftMenu .BoxBottom {
  height:3px;
  width:172px;
  background:url(../imgs/title/160/left/title_bottom.gif) no-repeat center;
}

#LeftMenu .BoxContents {
  padding:5px;
}

#LeftMenu .BoxContents #BoxMenu ul li{
  border-bottom : 1px dotted #333333;
  height: 20px;
  padding: 5px 0 0 0;
  color : #333333;
}

#LeftMenu .BoxContents #BoxMenu ul li a{
  color : #333333;
}

#LeftMenu .BoxPrivacy{
  height:20px;
  width:172px;
  background:url(../imgs/title/160/right/title_privacy.gif) no-repeat center;
  /* 2011.08.04 */
  margin-top: 8px;
}


/** まん中コンテンツ **/

#LeftContents .BoxTop {
  height: 25px;
  background:url(../imgs/title/636/title_bar.gif) no-repeat center;
}

#LeftContents .BoxMiddle {
  background:url(../imgs/title/636/title_middle.gif) repeat-y center;
}

#LeftContents .BoxBottom {
  height:3px;
  background:url(../imgs/title/636/title_bottom.gif) no-repeat center;
}

#LeftContents .BoxTitle {
  padding:4px 0 0 6px;
  color : #003399;
  font-weight : bold;
  font-size : 14px;
}

#LeftContents .BoxContents {
  padding:5px;
}

.InnerBox {
  width:278px;
  height:90px;
  border:1px dotted #003399;
}



/** 右メニュー **/

#RightMenu .BoxService{
  height:25px;
  width:172px;
  background:url(../imgs/title/160/right/title_banner.gif) no-repeat center;
}

#RightMenu .BoxWebMail{
  height:32px;
  width:172px;
  background:url(../imgs/title/160/right/title_webmail.gif) no-repeat center;
}

/*
#RightMenu .BoxPrivacy{
  height:20px;
  width:172px;
  background:url(../imgs/title/160/right/title_privacy.gif) no-repeat center;
}
*/

#RightMenu .BoxMobile{
  height:29px;
  width:172px;
  background:url(../imgs/title/160/right/title_mobile.gif) no-repeat center;
}

#RightMenu .BoxWeather{
  height:32px;
  width:172px;
  background:url(../imgs/title/160/right/title_weather.gif) no-repeat center;
}

#RightMenu .BoxLink{
  height:28px;
  width:172px;
  background:url(../imgs/title/160/right/title_link.gif) no-repeat center;
}
#RightMenu .BoxMiddle {
  width:172px;
  background:url(../imgs/title/160/right/title_middle.gif) repeat-y center;
  /* 2011.08.04 */
  border-bottom: 1px solid #4866a6;
}

#RightMenu .BoxBottom {
  height:3px;
  width:172px;
  background:url(../imgs/title/160/right/title_bottom.gif) no-repeat center;
}

#RightMenu .BoxContents {
  padding:5px;
}

/******************************************************************************
* ボックス系スタイル
******************************************************************************/

/** 左メニュー **/

.Column2_210_Left .BoxSignService {
  height:25px;
  background:url(../imgs/title/160/left/title_sign_service.gif) no-repeat center;
}

.Column2_210_Left .BoxMemberSupport {
  height:25px;
  background:url(../imgs/title/160/left/title_member_support.gif) no-repeat center;
}

.Column2_210_Left .BoxAbout {
  height:25px;
  background:url(../imgs/title/160/left/title_about.gif) no-repeat center;
}

.Column2_210_Left .BoxDeveloper {
  height:40px;
  background:url(../imgs/title/160/left/title_developer.gif) no-repeat center;
}

.Column2_210_Left .BoxMiddle {
  background:url(../imgs/title/160/left/title_middle.gif) repeat-y center;
}

.Column2_210_Left .BoxBottom {
  height:3px;
  background:url(../imgs/title/160/left/title_bottom.gif) no-repeat center;
}

.Column2_210_Left .BoxContents {
  padding:10px;
}

.Column2_210_Left .BoxContents #BoxMenu ul li{
  border-bottom : 1px dotted #333333;
  line-height:25px;
}

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

#list{
}

#list table{
  border-collapse: 5px;
}

#list table tr{
  height: 25px;
}

#list table th{
  border: 1px solid #C0C0C0;
  background-color:#eeeeee;
  color:#666666;
  font-weight:bold;
  vartical-align: middle;
  text-align:center;
}

#list table td{
  border: 1px solid #C0C0C0;
  vartical-align: middle;
}

#nostyle {
}

#nostyle table{
  border-collapse: collapse;
}

#nostyle table th{
  border: 0px solid #ffffff;
}

#nostyle table td{
  border: 0px solid #ffffff;
}

.sunday {
  background-color: #ffbbbb;
}

.saturday {
  background-color: #bbbbff;
}

.now {
  background-color: #D0FFD0;
}

.workday {
  background-color: #D0FFD0;
}

.normal {
  background-color: #EEEEEE;
}

/******************************************************************************
* 共通スタイル
******************************************************************************/

.SubTitle {
  color:#3399CC;
  padding:3px 0px 3px 3px;
  margin-bottom:5px;
}

.Dotted {
  background:url(../images/border_dotted.gif);
  background-repeat:repeat-x;
  background-position:bottom;
}

.Dotted-Upper {
  background:url(../images/border_dotted.gif);
  background-repeat:repeat-x;
  background-position:top;
}

.NoList {
  text-align:center;
  margin:50px 0px;
}

.ButtonArea {
  widht:80%;
  background-color:#9a9a9a;
  margin:5px 0px;
  padding:5px 0px;
  text-align:center;
}

.MessageArea {
  text-align:center;
}

.MessageTitle {
  height:30px;
  width:555px;
  padding:15px 0px 0px 45px;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  color:blue;
  background:url(../images/icon_ok.png);
  background-repeat:no-repeat;
  background-position:left middle;
  border-bottom: 3px double blue;
}

.MessageDesc {
  width:570px;
  text-align:left;
  margin:5px 0px;
  padding:15px 15px;
  background-color:#eeeeee;
}

.WarningTitle {
  height:30px;
  width:555px;
  padding:15px 0px 0px 45px;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  color:orange;
  background:url(../images/icon_warning.png);
  background-repeat:no-repeat;
  background-position:left middle;
  border-bottom: 3px double orange;
}

.WarningDesc {
  width:570px;
  text-align:left;
  margin:5px 0px;
  padding:15px 15px;
  background-color:#eeeeee;
}

.AlertTitle {
  height:30px;
  width:555px;
  padding:15px 0px 0px 45px;
  font-size:18px;
  font-weight:bold;
  text-align:left;
  color:red;
  background:url(../images/icon_alert.png);
  background-repeat:no-repeat;
  background-position:left middle;
  border-bottom: 3px double red;
}

.AlertDesc {
  width:570px;
  text-align:left;
  margin:5px 0px;
  padding:15px 15px;
  background-color:#eeeeee;
}

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

#e-broad {
}

#e-broad #container {
  width:950px;
}

#e-broad #container #header {
  width       : 950px;
  height      : 19px;
  background  : url(../imgs/background/header_background.gif) no-repeat center;
}

#e-broad #container #logo {
  width       : 950px;
  margin      : 3px 0;
}

#e-broad #container #search {
  width       : 950px;
  height      : 81px;
  background  : url(../imgs/background/search_background.gif) no-repeat center;
}

#e-broad #container #search .menu {
  color       : #003399;
  text-align  : center;
  font-weight : bold;
  padding     : 16px 0 0 0;
}

#e-broad #container #search .menu a {
  color       : #003399;
}

#e-broad #container #search .engine {
  text-align  : center;
  padding     : 8px 0 0 0;
}


/******************************************************************************
* メニュースタイル
******************************************************************************/

#Menu {
  height:40px;
  background-image:url(../images/menu_background.gif);
  background-position:bottom;
  background-repeat:no-repeat;
}

/******************************************************************************
* ぱんくずリストスタイル
******************************************************************************/

#trace {
  padding:5px 0px 0px 10px;
}

#trace .select {
  color: red;
}

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

#e-broad #footer {
  width       : 950px;
  height      : 41px;
  background  : url(../imgs/background/footer_background.gif) no-repeat center;
}

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

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

.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_white {
  background-color: #ffffff;
}

.bg_green {
  background-color: #D0FFD0;
}

.bg_grey {
  background-color:#dcdcdc;
}

.bg_rightgrey {
  background-color:#eeeeee;
}

.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;
}

.memo {
  color:#666666;
}