/* 共通 */
/* chromeで選択時に黄色のボーダー表示になるのを消す */
*
{  outline: none;
    /*font-family: Meiryo, 'メイリオ','ＭＳ Ｐゴシック',tahoma, arial, verdana, sans-serif;*/
    /*font-size: 13px;*/
}
/*html,body {width:100% }*/
html,body {font-size: 13px; }
body
{   
    margin:0;
    padding:0;
    font-family: 'ＭＳ Ｐゴシック', Arial, sans-serif;
    /*overflow:hidden;*/
    text-align:center;
    /*
    background-color: rgb(66, 65, 77);
    */
    background-image: url('../image/body-bg.png');
    background-repeat: repeat;
    
}
#page
{
    /*width:900px;*/
    width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    position: relative;
}

#content
{
    width:auto;
    min-width:865px;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    position: relative;
    height:auto;
    /*min-height:585px;
    max-height:1200px;
    */border:solid 0px black;
}

/************************************************************************/
/*************************** ＴＯＰ・ヘッダー ***************************/
/************************************************************************/
#header-div
{
    /*
    background-color:#ffffff;
    */
    background-image: url('../image/header-bg.png');
    background-repeat: repeat-x;
    
}

#header-div a{
    color:white;
    font-size:13px;
}


/************************************************************************/
/************************* ＴＯＰ・右コンテンツ *************************/
/************************************************************************/
#right-content
{
    position: relative;
    float: right;
    width:305px;
}
#right-content .oneContent
{
   position: relative;
   padding:20px 0px 10px 0px;
   width:280px;
}
#right-content .div-header
{
    border: 3px solid #0066cc;
    background-color: #0066cc;
    height:25px;
    width:280px;
    display: block;
    text-align:center;
    border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
    /*    background-image: url('../image/divTitle.png');
    background-repeat: repeat-x;
    color:white;
*/    

}
#right-content .div-header span
{
    position: relative;
    top: 9px;
    color:White;
    font-size:18px;
}
#right-content .div-content
{
    border: 3px solid #0066cc;
    padding: 8px 10px;
    width:260px;
    display: block;
    top: 15px;
    left: 20px;
    font-size: 13px;
    /*background-color:rgb(139, 147, 157);*/
    background-color:#ffffff;
    border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;
/*    background-image: url('../image/body-bg.png');
    background-repeat: repeat;
*/    
}
#right-content .div-accountarea
{
    padding: 5px 10px;
    /*background-color: rgb(139, 147, 157);*/
}
#right-content .div-inputfield
{
    padding:3px 0px;
}
#right-content .div-inputfield label
{
    position:relative;
    top:0px;
    width:80px;
    height:19px;
    float:left;
    background-color: #0066cc;
    color:White;
    border-style:solid;
    border-color:#0066cc;
    border-width:1px;
}
#right-content .div-inputfield label span
{
    position:relative;
    top:4px;
    left:5px;
    width:80px;
    height:20px;
}
#right-content .div-inputfield input
{
    position:relative;
    right:3px;
}

#bt-inquiry
{
    border:groove 3px #ffffff;
}
#bt-inquiry:active
{
    border-width:4px;
    border-style:ridge;
}

/************************************************************************/
/*********************** ＴＯＰ・中央コンテンツ ***********************/
/************************************************************************/
#center-content
{
    margin-right:355px;
    padding:0px 10px;
}
#center-content .oneContent
{
    position: relative;
    padding-top:25px; 
}
#center-content .bottom-links
{
    position: relative;
    padding:5px 0px 10px 20px;
    font-size:13px;
}
#center-content .bottom-links a
{
    color:White;
    position: relative;
    top:-3px;
}
#center-content .bottom-links a:link,
#center-content .bottom-links a:visited
{
    color:Blue;
}
#center-content .bottom-links a:active
{
    color:red;
}
#center-content .div-header
{
    display: block;
    background-color:#B9DCFF;
    color:Black;
/*    background-image: url('../image/divTitle.png');
    background-repeat: repeat-x;
*/    
    font-weight: bold;
    border: 1px solid #808080;
    height:30px;
    /*width:500px;
    width:50%;
    min-width:500px;
    */padding:0px 10px;
}
#center-content .header-title span
{
    position: relative;
    top: 9px;
    left: 10px;
    font-size:16px;
}
#center-content .header-tool
{
    float: right;
    position:relative;
    top:3px;
    left:15px;
    width:100px;
    height:30px;
}
#center-content .header-tool button,
#center-content .header-tool input
{
    width:80px;
    height:25px;
    color: #000000;
    font-weight: bold;
    position:relative;
    background-color: #FFECFF;
}
#center-content .header-tool button span

{
    color: #000000;
    background-color:#FFECFF;
    font-weight: bold;
    width:80px;
    text-align: center;
}
#center-content .div-content
{
    background-color:White;
/*    background-image: url('../image/body-bg.png');
    background-repeat: repeat;
*/    border: 1px solid #808080;
    /*width:500px;*/
    display:block;
    top: 15px;
    left: 20px;
    font-size: 13px;
    padding:10px;
}
#center-content .div-content .tr
{
    height:23px;
}
#center-content .div-content .date
{
    width:120px;
    float:left;
}
#center-content .div-content .title
{
    position:relative;
    left:3px;
}
#center-content .div-content a:link,
#center-content .div-content a:visited
{
    color:Blue;
}
#center-content .div-content a:active
{
    color:red;
}
#center-content .div-content .icon-new
{
    position:relative;
    top:-2px;
}


/* 以下サンプル */


/* ログアウトボタン色変更(IE9) */
.x-nlg .x-bt-logout.x-btn-default-small,
.x-nlg .x-bt-logout.x-btn-default-small-mc{
  background-image: url('../image/header/btn-default-small-over-bg.png');
}
/* ログアウトボタン色変更(Chrome) */
.x-bt-logout.x-btn-default-small{
  border-color: #aa0000;
  background-image: none;
  background-color: #CC0000;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #CC0000), color-stop(48%, #aa0000), color-stop(52%, #770000), color-stop(100%, #990000));
  background-image: -webkit-linear-gradient(top, #CC0000, #aa0000 48%, #770000 52%, #990000);
  background-image: -moz-linear-gradient(top, #CC0000, #aa0000 48%, #770000 52%, #990000);
  background-image: -o-linear-gradient(top, #CC0000, #aa0000 48%, #770000 52%, #990000);
  background-image: -ms-linear-gradient(top, #CC0000, #aa0000 48%, #770000 52%, #990000);
  background-image: linear-gradient(top, #CC0000, #aa0000 48%, #770000 52%, #990000);
  background-repeat: repeat-x;
/*  background-image: url('../Scripts/ext-4.1.3/resources/themes/images/access/btn/btn-default-small-over-bg.gif'); } */
}

/************************************************************************/
/******************************* パンくず *******************************/
/************************************************************************/
#Breadcrumb
{
    padding:5px 0px;
    font-size:13px;
}
#Breadcrumb a:link,
#Breadcrumb a:visited
{
    color:Blue;
}
#Breadcrumb a:active
{
    color:red;
}

/************************************************************************/
/***************************** 掲載情報一覧 *****************************/
/************************************************************************/
#infomation-content
{
    margin-right:355px;
    padding:0px 10px 10px 10px;
}
#infomation-content .div-header
{
    display: block;
    background-color:#0066cc;
    color:White;
/*    background-image: url('../image/divTitle.png');
    background-repeat: repeat-x;
    color:white;
*/    
    font-weight: bold;
    border: 1px solid #0066cc;
    height:30px;
    /*width:500px;
    width:50%;
    min-width:500px;
    */
    padding:0px 10px;
    /*border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;*/
}
#infomation-content .header-title span
{
    position: relative;
    top: 9px;
    left: 10px;
    font-size:16px;
}
#infomation-content .div-content
{
    background-color:White;
/*    background-image: url('../image/body-bg.png');
    background-repeat: repeat;
*/    border: 1px solid #808080;
    /*width:500px;*/
    display:block;
    top: 15px;
    left: 20px;
    font-size: 13px;
    padding:10px;
    min-height:20px;
    /*border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;*/
}
#infomation-content .div-content .tr
{
    padding-top:15px;
    line-height:20px;
    border-bottom:solid 1px black;
    border-bottom-style:dotted;
}
#infomation-content .div-content .date
{
    width:120px;
    float:left;
}
#infomation-content .div-content .title
{
    position:relative;
    left:3px;
    top:-3px;
}
#infomation-content .div-content a:link,
#infomation-content .div-content a:visited
{
    color:Blue;
}
#infomation-content .div-content a:active
{
    color:red;
}
#infomation-content .div-content .icon-new
{
    position:relative;
    top:-2px;
}
/************************************************************************/
/***************************** 掲載情報詳細 *****************************/
/************************************************************************/
#infomationDetail-content
{
    margin-right:355px;
    padding:0px 10px;
}
#infomationDetail-content .div-header
{
    display: block;
    background-color:#0066cc;
    color:White;
/*    background-image: url('../image/divTitle.png');
    background-repeat: repeat-x;
    color:white;
*/    
    font-weight: bold;
    border: 1px solid #0066cc;
    height:30px;
    /*width:500px;
    width:50%;
    min-width:500px;
    */
    padding:0px 10px;
    /*border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;*/
}
#infomationDetail-content .header-title span
{
    position: relative;
    top: 9px;
    left: 10px;
    font-size:16px;
}

#infomationDetail-content .header-date span
{
    float: right;
    position:relative;
    top:9px;
    width:100px;
    height:30px;
}
#infomationDetail-content .div-content
{
    position:relative;
    background-color:White;
/*    background-image: url('../image/body-bg.png');
    background-repeat: repeat;
*/    border: 1px solid #808080;
    /*width:500px;*/
    display:block;
    font-size:14px !important;
    line-height:20px;
    /*height:450px;*/
    margin-bottom:10px;
    overflow-x:hidden;
    overflow-y:auto;
    /*border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;*/
}
#infomationDetail-content .div-content .content-main
{
    position:relative;
    font-size:14px;
    min-height:370px;
    padding:10px;
}
#infomationDetail-content .div-content a:link,
#infomationDetail-content .div-content a:visited
{
    color:Blue;
}
#infomationDetail-content .div-content a:active
{
    color:red;
}
#infomationDetail-content .div-content .to-page-top
{
    position:relative;
    text-align:right;
    font-size:13px;
    line-height:50px;
    padding-right:15px;
    /*top:10px;
    right:15px;*/
}

/************************************************************************/
/***************************** お問い合わせ *****************************/
/************************************************************************/
#inquiry-content
{
    margin-right:455px;
    padding:0px 10px;
}
#inquiry-content .div-header
{
    display: block;
    background-color:#0066cc;
    color:White;
/*    background-image: url('../image/divTitle.png');
    background-repeat: repeat-x;
    color:white;
*/    
    font-weight: bold;
    border: 1px solid #0066cc;
    height:30px;
    /*width:500px;
    width:50%;
    min-width:500px;
    */
    padding:0px 10px;
    /*border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;*/
}
#inquiry-content .header-title span
{
    position: relative;
    top: 9px;
    left: 10px;
    font-size:16px;
}
#inquiry-content .div-content
{
    position:relative;
    background-color:White;
/*    background-image: url('../image/body-bg.png');
    background-repeat: repeat;
*/    border: 1px solid #808080;
    /*width:500px;*/
    display:block;
    font-size: 13px;
    line-height:15px;
    /*height:500px;*/
    margin-bottom:10px;
    overflow-x:hidden;
    overflow-y:auto;
    /*border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px;*/
}

#inquiry-content .div-content .label
{
    width:135px;
    background-color:#0066cc;
    color:#ffffff;
    padding-left:5px;
    font-weight:normal;
    text-align:left;
    height:55px;
}
#inquiry-content .div-content .label .mark-hissu
{
    float:right;
    color:Red;
}
#inquiry-content .div-content .field
{
    width:350px;
    background-color:#FFFFFF;
    text-align:center;
}

#inquiry-content .div-content .field input,
#inquiry-content .div-content .field textarea,
#inquiry-content .div-content .field div
{
    width:270px;
}
#inquiry-content .div-content .field div
{
    margin-left:auto;
    margin-right:auto;
    line-height:15px;
    text-align:left;
}
#inquiry-content .div-content .error-massage
{
    color:Red;
}
#inquiry-content .div-content .error-icon
{
    position:relative;
    height:15px;
    top:2px;
}
#inquiry-content .div-content a:link,
#inquiry-content .div-content a:visited
{
    color:Blue;
}
#inquiry-content .div-content a:active
{
    color:red;
}

.x-mask {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  width: 100%;
  height: 100%;
  zoom: 1;
  background: #cccccc;
}
.x-mask-msg {
  z-index: 20001;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  margin-left:-50px;
  margin-top:-18px;
  padding: 2px;
  border: 1px solid;
  border-color: #222233;
  background-image: none;
  background-color: #3f4757;
}
.x-mask-msg div {
    padding: 5px 10px;
    cursor: wait;
    border: 1px solid #555566;
    background-color: #232d38;
    color: white;
    font-size: 13px;
    font-family: Meiryo, 'メイリオ','ＭＳ Ｐゴシック',tahoma, arial, verdana, sans-serif;
}