@charset "utf-8";

/*****************************************************************************/
/*                                                                           */
/* スタイルシート                                                            */
/*                                                                           */
/*****************************************************************************/

/*****************************************************************************/
/* 共通設定 */
/*****************************************************************************/

/* 全体に適用
-------------------------------*/
* {
	font-style: normal;
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

/* bodyに適用 */
body {
	font-size: 11px;
	font: 14px/1.6 "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: auto;
	color: #000;
	background-color: #fff;
}


/* 各種タグスタイル定義
-------------------------------*/
ul,ol,dl {
    list-style-type: none;
}
br {
    font-size: 1px;
    line-height: 0.1px;
    clear: both;
}

td {
	font-size: 12px;
	FONT-FAMILY: "メイリオ";
	padding: 6px;
}

/* link style
-------------------------------*/
a {
    color: #d70c19;
    text-decoration: none;
}
a:link {
    color: #d70c19;
    text-decoration: none;
}
a:visited {
    color: #d70c19;
    text-decoration: none;
}
a:hover {
    color: #d70c19;
    text-decoration: underline;
}

a img {
    border-style: none;
}

/*****************************************************************************/
/* 共通設定 END                                                              */
/*****************************************************************************/

/* Font size
-------------------------------*/
.px10 {
    font-size: 10px;
}
.px11 {
    font-size: 11px;
}
.px12 {
    font-size: 12px;
}
.px14 {
    font-size: 14px;
    FONT-FAMILY: "メイリオ";
}
.px14_2 {
    font-size: 14px;
    FONT-FAMILY: "メイリオ";
}

a:hover .alpha {
    filter: alpha(opacity=80);
    opacity: 0.80;      /* firefox, opera, safari */
}


/*****************************************************************************/
/* 全体枠定義
/*****************************************************************************/
#wrapper {
    margin: 0 auto;
    padding: 2px 2px 0 2px;
    text-align: center;
    width: 1050px;
    height: auto;
}
#wrapper h1 {
    text-indent: -9999px;
    font-size: 1px;
    line-height: 0.1;
}
#wrapper h2 {
    text-indent: -9999px;
    font-size: 1px;
    line-height: 0;
    display: none;
}

/*****************************************************************************/
/* ヘッダーテンプレートスタイル
/*****************************************************************************/
#header {
    width: 1050px;
    height: 70px;
    text-align: left;
    margin-bottom: 4px;
    color:#ffffff;

    background:linear-gradient(#c6c3c6, #fff);
    background: -moz-linear-gradient(top, #c6c3c6, #fff);/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#c6c3c6), to(#fff));　/* Safari,Google Chrome用 */
    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#c6c3c6, endcolorstr=#c6c3c6));
    /* IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#c6c3c6, endcolorstr=#c6c3c6))";
    zoom: 1;
}

#header .header_logo {
    float:left;
    width: 300px;
    height: 70px;
    text-align: left;
    background-color:#696969;
}

#header .header_logo a {
   	text-decoration: none;
	color: #ffffff;
}

#header .header_login {
    float:right;
    FONT-FAMILY: "メイリオ";
    font-size: 14px;
    color: #000;
}

#header .header_login .today_date {
    FONT-FAMILY: "メイリオ";
    font-size: 14px;
    color: #000;
    padding: 0 10px 0 0;
    text-align: right;
}

#header .header_login .login_info {
    FONT-FAMILY: "メイリオ";
    font-size: 14px;
    padding: 20px 10px 10px 0;
    color: #000;
}

/*****************************************************************************/
/* ヘッダーテンプレートスタイル
/*****************************************************************************/
#Header {
    width: 900px;
    padding: 2px 0 5px 0;
    height: auto;
    text-align: left;
}

#GlobalNavi {
    width: 1096px;
    margin: 0 auto;
}
#GlobalNavi .HeadMenu{
    width: 1080px;
    margin: 0 auto;
    height: 20px;
}
#GlobalNaviMain {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 10px;
}
#GlobalNaviMain ul {
    margin: 0;
    padding: 0;
    float: right;
    height: 58px;
}
#GlobalNaviMain li {
    margin: 0;
    padding: 0;
    float: right;
    display:inline;
    height: 41px;
}

/*****************************************************************************/
/* メインコンテンツ全体の枠定義
/*****************************************************************************/
#MainContents {
    padding-bottom: 20px;
    height: auto;
    text-align: left;
}
#MainContents .floatClear {
    clear:  both;
    display:    block;
}

/* メインコンテンツの中のコンテンツ定義 */
#MainContentsInner {
    padding-top: 22px;
    margin: 0 0 0 77px;
    height: auto;
    width: 1096px;
}

/* 中央コンテンツスタイル */
#content {
    float: left;
    width: 683px;
    height: auto;
    padding-top: 28px;
}
#content #contentinner {
    padding: 0 0 0 23px;
    height: auto;
}

.navi_title {
    margin     : 2px 0 5px 0;
    text-align: left;
    font-size: 14px;
    font-weight:bold;
    color: blue;
}

/* ログインユーザー名 */
.login_title {
    margin     : 0 0 0 0;
    text-align: right;
    font-size: 14px;
    font-weight:bold;
    color: blue;
}


/*****************************************************************************/
/* メインコンテンツ全体の枠定義
/*****************************************************************************/
#main {
    padding-bottom: 20px;
    height: auto;
    text-align: left;
}
#main .floatClear {
    clear:  both;
    display:    block;
}

.clear {
    clear:  both;
    display:    block;
}


/*****************************************************************************/
/* メインコンテンツ内のコンテンツ枠定義
/*****************************************************************************/
#contents {
    float: left;
    width: 1030px;
    min-height: 680px;
    height: auto;
    margin-top: 4px;
    padding: 8px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
#contents #contentinner {
    padding: 0 0 0 23px;
    height: auto;
}

.navi_title {
    margin     : 2px 0 5px 0;
    text-align: left;
    font-size: 14px;
    font-weight:bold;
    color: #000000;
    FONT-FAMILY: "メイリオ";
    background-color:#E0FFFF;
    border-top: 1px solid #000099;
    border-bottom: 1px solid #000099;
}
.navi_title a {
   text-decoration: none;
}

/*****************************************************************************/
/* フッターテンプレートスタイル（トップ、ブランド毎に定義）                  */
/*****************************************************************************/
#footer {
    margin: 3px 0 0 0;
    width: 1050px;
    height: auto;
    min-height: 80px;
    color: #000000;
    text-align: right;

    background-color:#696969;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

#footer .about {
    margin:0px 0 20px 0;
    font-size: 14px;
    text-align: center;
}

#footer .pagetop {
    font-size: 14px;
    float: right;
    padding: 2px;
}


/*****************************************************************************/
/*                                                                           */
/* ここから下は全ブランド共通定義                                            */
/*                                                                           */
/*****************************************************************************/

/*****************************************************************************/
/* その他のページの枠定義
/*****************************************************************************/
#OtherContents {
    padding-bottom: 20px;
    height: auto;
    background-image: url("../pc/images/other_bg.jpg");
    background-repeat: no-repeat;
}

/* その他のページの枠定義（内部コンテンツ） */
#OtherContentsInner {
    margin: 0 0 0 169px;
    height: auto;
    width: 910px;
    line-height: 1.8em;
}
#OtherContents .floatClear {
    clear:  both;
    display:    block;
}




.inputHeadLogin {
    padding          : 10px;
    color            : #000;
    background-color : #AAD5FF;
    font-size        : 11px;
    line-height      : 1.2em;
    text-align       : left;
}

.inputColLogin {
    padding          : 10px;
    background       : #ffffff;
    font-size        : 11px;
    line-height      : 1.2em;
    text-align       : left;
}

.inputHead {
	padding          : 8px;
	color            : #000000;
	background-color : #AAD5FF;
	FONT-FAMILY      : "メイリオ";
	font-size        : 12px;
	line-height      : 1.2em;
	text-align       : left;
	border:1px solid #778899;
}

.inputCol {
	padding          : 8px;
	background       : #ffffff;
	font-size        : 12px;
	FONT-FAMILY      : "メイリオ";
	line-height      : 1.0em;
	text-align       : left;
	border:1px solid #778899;
}

.inputColDisp {
    padding          : 5px;
    background       : #ffffff;
    font-size        : 10px;
    line-height      : 1.0em;
    text-align       : left;
    border:1px solid #778899;
}

.ListData {
    background       : #000;
    font-size        : 12px;
    line-height      : 1.8em;
    text-align       : left;
}


table#table_list {
    border-collapse: collapse;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}
table#table_list td { border-right: 1px solid #bbb; }
table#table_list tr.kisu {
    /*background-color: #faf0e6;*/
    background-color: #EFEFEF;
    font-size        : 12px;
    line-height      : 1.8em;
    text-align       : left;
}
table#table_list tr.gusu {
    background-color: #fffafa;
    font-size        : 12px;
    line-height      : 1.8em;
    text-align       : left;
}

.TableList {
/*  style="border:1px solid #778899;" */
    border:1px solid #778899;
    background-color:#ffffff;
}

.listHead {
  height:30px;
  margin           : 0;
  padding          : 2px;
  background-color : #0000A0;
  color            : #fff;
  text-align       : center ;
  font-size        : 14px;
}

.listCol2 {
  margin           : 0;
  padding          : 2px;
  height           : 30px;
  background-color : #fde;
  color            : #666;
  text-align       : center ;
}


/* 一覧リストのスタイル */
.list0 {
    background-color : #F9EEED;
    color            : #000000;
    padding          : 0.1em 0.1em 0.1em 0.1em;
    font-size        : 12px;
    line-height      : 1.8em;
}

.list1 {
    background-color : #dcdcdc;
    color            : #000000;
    padding          : 0.1em 0.5em 0.1em 0.5em;
    font-size        : 12px;
    line-height      : 1.8em;
}

.list00 {
    background-color : #16b26e;
    color            : #000000;
    padding          : 2px 2px 2px 2px;
    height           : 30px;
}


.textInput,textarea{    /* 通常の入力フォーム */
    background-color:#FFFFFF;
    border:1px solid #000;
}


.inputHighlighted{  /* ハイライト効果 */
/*      background-color:#317082;*/
/*      color:#FFF;*/

    background-color:#e6e600;
    color:#000;
    border:1px solid #000;
}

.guide_msg {
	font-size:12px;
	color: #808080;
}

/* テーブル（汎用）
---------------------------------------------------------------------------*/
.ta_common {
	width: 100%;
	margin-bottom: 5px;
}
.ta_common, .ta_common td, .ta_common th {
	border: 1px solid #eee;		/*テーブルの枠線の幅、線種、色*/
	padding: 4px;				/*ボックス内の余白*/
	font-size: 0.9rem;
	word-break: break-all;
}
/*左側ボックス*/
.ta_common th {
	width: 150px;
	text-align: left;			/*左よせ*/
	background: #aad5ff;		/*背景色*/
	color: #000;
	font-weight: normal;
	font-size: 12px;
}

/* テーブル（汎用）
---------------------------------------------------------------------------*/
.ta_list {
	width: 100%;
	margin-bottom: 5px;
}
.ta_list, .ta_list td, .ta_list th {
	border: 1px solid #eee;		/*テーブルの枠線の幅、線種、色*/
	padding: 4px;				/*ボックス内の余白*/
	font-size: 0.9rem;
	word-break: break-all;
}
/* 左側ボックス */
.ta_list th {
	width: 150px;
	text-align: left;			/*左よせ*/
	background: #c7d6d6;		/*背景色*/
	color: #000;
	font-weight: normal;
	font-size: 12px;
}

/* 一覧リストのタイトル */
.listTitle {
    padding : 4px;
    line-height: 16px;
    background: #0000a0;
    color: #fff;
    font-size : 12px;
    FONT-FAMILY      : "メイリオ";
	/*font-weight: bold;*/
    border: 1px solid #CCC;
}

/* 一覧リストのカラム */
.listCol {
	margin           : 0;
	padding          : 2px;
	color            : #000000;
	font-size        : 12px;
	FONT-FAMILY: "メイリオ", "Meiryo";
    border: 1px solid #CCC;
}

.al_center {
    text-align: center;
}
.al_left {
    text-align: left;
}
.al_right {
    text-align: right;
}

/* メインメニュー
-------------------------------*/
#menu {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background-color: #e2ebed;
	padding-bottom: 30px;
	line-height: 180%;
	border: solid 1px #000;
	z-index: 10;
}

#menu a {
	color: #000;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	cursor: pointer;
}

#menu ul {
	border: solid 10px #000;
	background-color: #fff;
	padding: 1px;
	z-index: 10;
}

#menu li {
	position: relative;
	float: left;
	margin: 0;
	padding: 5px;
	width: auto;
	height: 20px;
	list-style-type: none;	/* No bullets */
/*	border: solid 1px #ccc; /*メニューの枠線*/
/*	font-weight: bold;*/
}

/* 第一階層にマウスオーバー */
#menu li:hover {
	color: #ffffff;
	background-color: #317082;		/* マウスONしたときの色 */
	cursor: default;
}

/* リスト項目にマウスオーバーしたとき */
#menu li a:hover {
	color: #fff;
}

/* 第一階層に属するメニュー */
#menu li ul {
	display: none;
	position: absolute;
	top: 30px;
	left: -1px;
	width: 200px;
	background: #eee;
	border: solid 1px #000;
}

#menu li ul li {
	margin: 0;
	padding: 0;
	width: 200px;
	border: none;
	height: 25px;
}

/* リスト項目にマウスONしたとき */
#menu li ul li a {
	display: inline-block;
	width: 198px;
	height: 25px;
}

/* リスト項目にマウスオーバーしたとき */
#menu li ul li a:hover {
	background: #999;
	color: #fff;
}