/*--------------------------------------
 * css(プロトタイプ)
 *------------------------------------*/
/*--------------------------------------
 * 全体の定義
 * ページ背景色・背景画像
 * 文字色・サイズ
 *------------------------------------*/
body {
    background-color:#f7f7f3;
    color:#666666;
    font-size:13px;
    line-height:130%;
    margin: 0px;
    padding: 0px;
    text-align:center;
    font-family: verdana, arial, helvetica, sans-serif;
}
tr,td,th,div {
    color: #666666;
    font-size: 13px;
    line-height: 130%;
}
form {
    margin: 0px;
    padding: 0px;
}
img {
    border:0px;
}
hr {
    color:#afaeae;
    border-style:dotted;
    height:1px;
}

hr.line2 {
	outline: none;
	border: none;
	background: #dbdbdb;
	height: 1px;
	width: 100%;
	padding: 0;
	margin: 2px 0 27px;
}

ul.list {
    color: #676769;
    line-height: 1.65;
    list-style: outside none none;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0 0 0 20px;
    position: relative;
    text-indent: -1.2em;
}


.t10    { font-size: 10px;line-height: 130%; }
.t13    { font-size: 13px;line-height: 130%; }
.t15    { font-size: 15px;line-height: 130%; }
.t18    { font-size: 18px;line-height: 130%; }

.col-sm-3,
.col-sm-6,
.col-xs-6,
.col-md-3
  { position: relative;
    min-height: 1px;
/*    padding-left: 15px;
    padding-right: 15px;*/
  }

.col-md-3 {
	float:left;
    width: 21%;
  }

.col-sm-6
  { float: left;
    width:50%;}

.col-xs-6
  { float: left;
    width:50%;}

.row {
  margin:0;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.row:after {
  clear: both;
}



/*--------------------------------------
 * マージン設定
 *------------------------------------*/

.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px;}

.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt50{margin-top:50px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}

/*--------------------------------------
 * リンク 通常時(link,visited,active)
 * リンク マウスが当たっている時(hover)
 *------------------------------------*/
a:link    { color:#1a9bd2; text-decoration:underline; }
a:visited { color:#1a9bd2; text-decoration:underline; }
a:active  { color:#1a9bd2; text-decoration:underline; }
a:hover   { color:#b57100; text-decoration:underline; background-color:#fff7b2; }
a.blocklink {width:100%;}

/*--------------------------------------
 * input box / text area / select menu
 *------------------------------------*/
.frm_num {
    font-size:13px;
    color:#333333;
    background-color:#ffffef;
    ime-mode: disabled;
}

.frm_str {
    font-size:13px;
    color:#333333;
    background-color:#ffffef;
}

.frm_area {
    font-size:13px;
    color:#333333;
    background-color:#ffffef;
    overflow-y:auto;
}

/*--------------------------------------
 * 外枠
 *------------------------------------*/
#wrapper {
    background-color:#ffffff;
    width: 810px;
    margin: 0px auto;
}

/*--------------------------------------
 * ヘッダ
 *------------------------------------*/
#header_area {
    background: #2f3133 url(/ori/50615/etc_img/patternbg.jpg) 0 0 repeat;
    border-top:solid 1px;
    border-left:solid 1px;
    border-right:solid 1px;
    border-bottom:solid 1px;
    border-color:#afaeae;
    padding: 0px 0px 0px 0px;
    text-align: center;
    position: relative;
}
#header_logo_area {
    margin: 0 auto;
    padding:45px 0 5px 0;
}
.header_logo {
    font-size: 22px;
    font-weight: bold;
    color: #666666;
}
.header_logo img {
    max-width:150px;
}
#header_lang_select_area {
    float: right;
    padding:10px;
}

#header_area a:link    { color:#1a9bd2; text-decoration:underline; }
#header_area a:visited { color:#1a9bd2; text-decoration:underline; }
#header_area a:active  { color:#1a9bd2; text-decoration:underline; }
#header_area a:hover   { color:#b57100; text-decoration:underline; background-color:#fff7b2; }

#header_menu_area {
    background-color: #ffffff;
    padding: 10px;
    text-align: right;
}

/*--------------------------------------
 * フッタ
 *------------------------------------*/
#footer_area {
    border-top: 1px solid #afaeae;
    margin-top: 50px;
    padding: 20px 0;
    text-align: center;
}
.footer {
    font-size: 13px;
    color: #909090;
}

/*--------------------------------------
 * メインコンテンツ
 *------------------------------------*/
#main_area {
    background-color:#ffffff;
    border-left:solid 1px;
    border-right:solid 1px;
    border-color:#afaeae;
    margin: 0px;
    text-align:center;
}
#main_area2 {
    background-position: top left;
    background-repeat: repeat-y;
    background-color:#ffffff;
    border-left:solid 1px;
    border-right:solid 1px;
    border-color:#afaeae;
    margin: 0px;
    text-align:center;
}
#main_cont {
    background-color:#ffffff;
    text-align:left;
    padding:10px 60px 20px 60px;
}
#main_cont2 {
    background-color:#ffffff;
    text-align:left;
    margin-left: 130px;
    padding:10px 20px 20px 20px;
}
.clearing {
    height: 0;
    clear: both;
}
/*--------------------------------------
 * サイドバー
 *------------------------------------*/
#sidebar_area {
    background-color:#ffffff;
    text-align:left;
    margin:0px;
    padding:0px;
    width:150px;
    float: left;
}
.sidebardl {
    padding: 0 0 10px 0;
    margin: 0;
}
.sidebardl dt {
    background: #e0e0e0;
    color: #666666;
    font-size: 13px;
    font-weight: bold;
    padding: 4px 10px;
}
.sidebardl dd {
    background: #f0f0f0;
    padding: 4px 10px;
    margin: 1px 0 0 0;
}
.sidebardl dd:hover {
    background: #e9e9e9;
    padding: 4px 10px;
    margin: 1px 0 0 0;
}

#sidebar_area a:link    { color:#1a9bd2; text-decoration:none; }
#sidebar_area a:visited { color:#1a9bd2; text-decoration:none; }
#sidebar_area a:active  { color:#1a9bd2; text-decoration:underline; }
#sidebar_area a:hover   { color:#b57100; text-decoration:underline; background-color:#fff7b2; }

/*--------------------------------------
 * 共通枠
 *------------------------------------*/
.waku {
    border: 1px solid;
    border-color: #afaeae;
    padding:10px;
    margin:0px auto;
}

/*--------------------------------------
 * チャート
 *------------------------------------*/

.chart{
	height: 350px;
	padding:10px;
  margin-bottom:20px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 6px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  display: block;
}
.chart img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.chart .caption {
  color: #333333;
}

.flow{
	padding-right:20px;
	background:url(/ori/50615/etc_img/flow_arr_r.gif) no-repeat right center;
}


/*--------------------------------------
 * ページタイトル
 *------------------------------------*/
.title {
    font-weight: bold;
    font-size: 15px;
    color: #383838;
    background-color: #f0f0f0;
    border: 1px solid #dcdcdc;
    padding: 5px 3px 3px 0.5em;
    margin:8px 0px 8px 0px;
}

/*--------------------------------------
 * テーブル
 *------------------------------------*/
/* テーブル枠 */
.tbl {
    background-color:#afaeae;
}
/* タイトル部 */
.cell_t {
    color:#666666;
    background-color:#f7f7f3;
    padding: 3px;
    white-space:nowrap;
}
/* データ部 */
.cell_d {
    color:#666666;
    background-color:#ffffff;
    padding: 3px;
}

.table {
  width: 100%;
  margin-bottom: 20px;
  color: #676769;
  border-collapse: collapse;
  border-spacing: 0;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
  background-color: #d0e9c6;
  border-color: #c9e2b3;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
  border-color: #eed3d7;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
  background-color: #ebcccc;
  border-color: #e6c1c7;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
  background-color: #faf2cc;
  border-color: #f8e5be;
}

/*--------------------------------------
 * 強調文字
 *------------------------------------*/
.stress {
    color: #cc0000;
    font-weight: bold;
}

/*--------------------------------------
 * フォーム注意書き文字
 *------------------------------------*/
.note {            /* stress */
    font-size: 10px;
    color: #ff0000;
}
.note2 {        /* normal */
    font-size: 10px;
    color: #666666;
}

/*--------------------------------------
 * エラーメッセージボックス
 *------------------------------------*/
.errbox {
    background: #ffffcc url(/tpl_img/proto_ja/alert.gif) 4px 4px no-repeat;
    border: 1px solid;
    border-color: #ff0000;
    padding: 5px 5px 5px 32px;
    margin:10px auto;
    text-align: left;
    color:#ff0000;
    font-size:13px;
}

/*--------------------------------------
 * 商品リストボックス
 *------------------------------------*/
/* 一覧形式 */
.goodslist_box {
    background-color:#f7f7f3;
    border: 1px solid;
    border-color: #afaeae;
    padding:10px;
    margin:10px 0px 10px 0px;
}
/* マス目形式 */
.goodslist_box2 {
    float:left;
    padding:10px;
}
/* 文字サイズ */
.goodsname {font-size: 11px;}

/*--------------------------------------
 * 商品リストサムネイル枠
 *------------------------------------*/
.thumbnail {
    background-color:#ffffff;
    border: 1px solid;
    border-color: #afaeae;
    width: 100px;
    height: 100px;
    text-align: center;
}


/*--------------------------------------
 * リンク抑制文字色
 *------------------------------------*/
.linkoff {
    color: #c0c0c0;
    text-decoration: underline;
}

/*--------------------------------------
 * other table bug
 *------------------------------------*/
/* 3px IE bug hack hidden from IE5-mac */
* html #header_area { height: 1%; }
* html #main_cont { height: 1%; }
* html #main_cont2 { height: 1%; }
/* End hide from IE5-mac */



/*--------------------------------------
 * 写真指定
 *------------------------------------*/
.w_pic { width:270px; }
.w_pic_100{ width:100px; }
.mb_10{margin-bottom:10px; }
.mt_50{margin-top:50px; }
.mr_20{margin-right:20px;}