/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
_/  CSS名       ：株式会社アルメディア・ネットワークHP common text/css        _/
_/  作成者      ：作間 洋人                                                   _/
_/  作成日      ：2009/04/14                                                  _/
_/  更新者      ：梶川 修平                                                   _/
_/  更新日      ：2012/01/19                                                  _/
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

/*---------- body --------------------------------------------*/
body, form, textarea {
    margin:0px;
    font-size:12px;
    font-family:"ＭＳ 明朝",monospace;
    line-height:1.4em;
}

table {
    width:475px;
}

#top{
    background:#ffffff url("../images/bg.jpg");
    width:900px;
    background-repeat:repeat-y;

}

#index {
    background:#000000;
    width:900px;
}

/*---------- ul --------------------------------------------*/
ul {
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

/*---------- li --------------------------------------------*/
li {
    margin:0px 0px 0px 0px;
}

/*---------- img ---------------------------------------------*/
img{
    border:0px;
}

/*------------- input ---------------------------------------------------*/
input {
    margin :  0px   0px   0px   0px;
    padding:  0px   0px   0px   0px;
}

/*------------- 線の設定 -----------------------------------------------------*/
hr{
    clear:both;
    border:1px dotted #dddddd;
}

/*------------- 背景設定 -----------------------------------------------------*/
#out{
    margin:0px 153px 0px 152px;
}
/*------------- 位置クリア ---------------------------------------------------*/
.clear{
    clear:both;
}

/*------------- メニュー項目設定----------------------------------------------*/
/*------------- トップページ(TOP) -------------*/
.main_menu{
    margin  :  0px   6px  15px   0px;
    padding :  0px   0px   0px   0px;
    display :block;
    float   :left;
    overflow:hidden;
    height  : 93px;
}
#p-top {
    width:113px;
}
#outline {
    width: 74px;
}
#work {
    width:119px;
}
#product {
    width: 74px;
}
#employment {
    width: 74px;
}
#matter {
    width: 74px;
}
#privacy {
    width:162px;
}
#logo {
    width:153px;
}

/*------------- メイン画面設定 -----------------------------------------------*/

/*------------- ヘッダー画像設定 ---------------*/
#tab{
    clear:both;
    margin:0px 0px -10px 0px;
}
#m-header{
    clear            :both;
    margin           :  0px   0px   0px   0px;
    padding          :  8px   0px   0px  36px;
    width            :559px;
    height           : 25px;
    background       :url("../images/m_header.gif");
    background-repeat:repeat-y;
}
#m-header img {
    display:block;
    margin :  0px   0px   0px   0px;
    padding:  0px   0px   0px   0px;
}

#catch-header{
    clear  :both;
    margin :  0px   0px   0px   0px;
    padding:  0px   0px   0px   0px;
    width  :595px;
    height :402px;
}

/*------------- 震災見舞い設定 -------------------*/
#expression_of_sympathy{
    clear  :both;
    margin :  0px   0px   0px   0px;
    padding:  0px   0px   0px   0px;
    width  :595px;
    height :55px;
}
/**************************************************/

/*------------- 白枠画像設定 -------------------*/
#m-details{
    clear:both;
    margin:0px;
    padding:20px 60px 40px 60px;
    width:475px;
    background:url("../images/bkbg.gif");
}

/*------------- 帯設定 -------------------*/
.ui-title {
    clear:both;
    margin     :  0px   0px   0px   0px;
    padding    :  5px   0px   3px   5px;
    background :#3b7891 url("../images/title_band.png");
    font-family:"ＭＳ ゴシック", monospace;
    font-size  : 14px;
    color      :#ededed;
    width      :470px;
}

/*------------- 帯設定 -------------------*/
.ui-ruby_title {
    clear:both;
    margin     :  0px   0px   0px   0px;
    padding    :  5px   0px   3px   5px;
    background :#3b7891 url("../images/ruby_title_band.png");
    font-family:"ＭＳ ゴシック", monospace;
    font-size  : 14px;
    color      :#ededed;
    width      :470px;
}

/*------------- ページ詳細タイトル設定 -------------------*/
.page_title_hd_long {
    clear:both;
    margin     :  0px   0px  12px   0px;
    padding    :  5px   0px   0px   0px;
    background :#000000 url("../images/common_det_hd_long.png");
    font-family:"ＭＳ ゴシック", monospace;
    font-size  : 14px;
    text-align :center;
    color      :#ededed;
    width      :329px;
    height     : 21px;
    overflow   :hidden;
}
.page_title_hd_short {
    clear:both;
    margin     :  0px   0px  12px   0px;
    padding    :  5px   0px   0px   0px;
    background :#000000 url("../images/common_det_hd_short.png");
    font-family:"ＭＳ ゴシック", monospace;
    font-size  : 14px;
    text-align :center;
    color      :#ededed;
    width      :180px;
    height     : 21px;
    overflow   :hidden;
}

/*------------- ボタン設定 -------------------*/
.page_button_long {
    display        :block;
    margin         :  0px   0px   0px 220px;
    padding        :  4px   0px   0px   0px;
    background     :#a2c8ea url("../images/common_button_long.png");
    font-family    :"ＭＳ ゴシック", monospace;
    font-size      : 12px;
    font-weight    :bold;
    text-align     :center;
    text-decoration: none;
    color          :#333333;
    width          :234px;
    height         : 19px;
    overflow       :hidden;
}

/*------------- フッダー画像設定 ---------------*/
#m-details-footer{
    clear:both;
    margin:0px;
    width:595px;
    height:31px;
    background:url("../images/m_footer.gif");
}

#footer{
    margin :  0px 122px   0px 123px;
    padding:  0px   0px  40px   0px;
}
#footer img {
    display:block;
    margin :  0px   0px   0px   0px;
    padding:  0px   0px   0px   0px;
}
#footer a {
    display:block;
    float  :left;
    margin :  5px   5px  20px   0px;
    padding:  0px   0px   0px   0px;
    width  :110px;
    height : 16px;
}

/*------------- フッダーアイコン設定------------------------------------------*/
/*------------- お問い合わせアイコン -----------*/
#inquiry{
    margin-left:0px;
}
/*------------- サイトポリシーアイコン ---------*/
#sitepolicy{
    margin:0px;
}
/*------------- サイトマップアイコン -----------*/
#sitemap{
    margin:0px;
}

/*---------- Bing検索ボックス設定 -----------------------------------------*/
#bing {
    clear:both;
    text-align: right;
    margin :  0px   0px   5px   0px;
    padding:  0px  20px   0px   0px;
    border: 0px;
    text-align: right;
}
/*---------- google検索ボックス設定 -----------------------------------------*/
#google-search {
    clear  :both;
    color  :#ffffff;
    margin :  0px   0px   0px   0px;
    padding:  0px   0px   0px 480px;
    border :  0px;
}

#img-google-search {
    display:block;
    float:left;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:97px;
    height:40px;
}

#text-google-search {
    display:block;
    float:left;
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 0px;
    width:12em;
}

#submit-google-search {
    display:block;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:7em;
}

/*------------- 文章の項目、インデント設定------------------------------------*/
/*------------- インデント設定 -----------------*/
.ind-1{
    margin-left:1em;
}
/*------------- 2階層用インデント設定 ----------*/
.ind-2{
    margin-left:2em;
}
/*------------- 3階層用インデント設定 ----------*/
.ind-3{
    margin-left:3em;
}
/*------------- 4階層用インデント設定 ----------*/
.ind-4{
    margin-left:4em;
}
/*------------- 5階層用インデント設定 ----------*/
.ind-5{
    margin-left:5em;
}

/*------------- 中項目設定 ---------------------*/
.middle-item{
    color:#336699;
    font-weight:bold;
}

/*------------- 文章整列設定 -------------------------------------------------*/
/*------------- 右寄せ -------------------------*/
.text-right{
    text-align:right;
}

/*---------- UPバーの設定-------------------------------------------------*/
/*---------- UPバーの線 --------------------*/
.up-line{
    clear:both;
    padding:  0px   0px   0px 458px;
    background: url("../images/line.gif");
    background-repeat: repeat-x;
    height:27px;
    text-align:right;
}
.up-line img {
    display:block;
}

/*------------- お問い合わせフォームボタン位置調整 ---------------------------*/
.inq-form-btn{
    text-align:right;
}
/*------------- お問い合わせフォームボタン位置調整（左寄せ） ---------------------------*/
.inq-form-btn-left{
    text-align:left;
}

