/* ____ これはkaitori.alii.jp用のcssファイルです  ____*/

*{ 
   margin: 0; 
   padding: 0;
 }
 
 /* ____ 例：文字サイズ / 背景グレー斜線画像 ____ */
body {
    margin:0;
    padding:0;
    font: 12px "ＭＳ Ｐゴシック", Osaka,arial,sans-serif;
    line-height: 20px;
    text-align: center;
    color:#333333;
    background-image: url(../img/bg_glay.gif);
 }
 
 /* ____ リンクカラー(訪問前と後） ____ */
a:link {
    color:#003399; 
    text-decoration:none;
}

a:visited {
    color: #003399; 
    text-decoration:none;
}

a.link2:link { 
    color: #444444; 
    text-decoration:none;
}

a.link2:visited {
     color: #444444; 
     text-decoration:none;
}

/* ____ 下記のタグのtextは左によせる ____ */
div,td,th,h1,p {
    text-align: left;
}

/* ____ 画像の周りに空白・ラインが入らないように ____ */
img {
    border-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

/* ____ Pタグの最後に勝手に改行が入らないように ____ */
p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    padding-left:6px;
     
}

h1 {
    font-size: 12px;
    line-height: normal;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
    font-weight: normal;
    padding-left:6px;
}

h2 {
    font-size: 12px;
    color: #000099;
    line-height: normal;
    margin-bottom: 16px;
    text-align: left;
    font-weight: normal;
}

.line_glay{
    border-top-style: ridge;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #CCCCCC;
}

.line_dot{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dotted;
    border-left-style: none;
    border-top-color: #999999;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-right-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
}



/*********************************************
    全体の枠・レイアウトを設定する (共通部分）
*********************************************/

/* ____ 背景と#wrapperの間に白い背景を作るため ____ */

#container{
    overflow:auto!important;
    overflow /**/: hidden;
    width: 860px;
    margin: 0px auto;
　　padding: 0px;
    background: #ffffff ;
}

/* ____ 780pxのメイン部分の大枠 ____*/

#wrapper{
    width:780px;
    margin: 0 auto;
    padding: 0px;
}

#header{
    width:780px;
    height:90px;
    margin:0 auto;
    background-image: url(../img/kadomaru.gif);
    background-repeat: no-repeat;
    position: relative;
}

#header #toiawase-company {
    position: absolute;
    top: 0px;
    right: 0;
    font-size: 13px;
}

#header #toiawase-tel {
    position: absolute;
    top: 18px;
    right: 0;
    font: bold 38px/1.1 Arial, Helvetica, sans-serif;
    color: #372B99;
}

#header #toiawase-mail {
    position: absolute;
    top: 61px;
    left: 528px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

#menu{
    width:781px;
    height: 20px;
    padding:0px ;
    margin: 0px; 
}
#mainimg{
    width:780px;
    padding:0px ;
    margin-bottom: 10px; 
}

#footer{
    clear:both;
    width:780px;
    padding-top:5px ;

}

#footer p{
　 font-size: 12px;
   text-align: center;

}

/*********************************************
    topのデザイン設定
*********************************************/

.ana {
    background-image: url(../img/ana_box.jpg);
    background-repeat: no-repeat;
    
}

.ana-travel {
    background-image: url(../img/ana_box_travel.png);
    background-repeat: no-repeat;
    
}


.jal {
    background-image: url(../img/jal_box.jpg);
    background-repeat: no-repeat;
}


.jal-travel {
    background-image: url(../img/jal_box_travel.png);
    background-repeat: no-repeat;
}


.sfj {
    background-image: url(../img/sfj_box.jpg);
    background-repeat: no-repeat;
}

.sna {
    background-image: url(../img/sna_box.jpg);
    background-repeat: no-repeat;
}
.ado {
    background-image: url(../img/ado_box.jpg);
    background-repeat: no-repeat;
}
.adosna {
    background-image: url(../img/ado_sna_box.png);
    background-repeat: no-repeat;
}


.first {
    margin-top: 5px;
}

.box-left {
    margin-top: 36px;
    float: left;
    width: 360px;
    height: 190px;
    padding-right:60px;
}

.box-right {
    margin-top: 36px;
    float: right;
    width: 360px;
    height: 190px;
}


.banner-r {
    margin-top: 36px;
    float: left;
    width: 360px;
    height: 162px;
    padding: 0;
}

.banner-l {
    margin-top: 36px;
    float: left;
    width: 360px;
    height: 162px;
    padding-right:60px;
}
/*
div#banner a:hover img {
    opacity:0.5;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    background: #fff;
}*/

.box-left h3, .box-right h3 {
     font-size: 14px;
    line-height: 30px;
    padding-top: 80px;
    padding-left:20px;
    font-weight: bold;
}

.box-left p, .box-right p {
     font-size: 14px;
    line-height: 30px;
    padding-top: 0;
    padding-left:20px;
    font-weight: bold;
}

.ana_text14{
    font-size: 14px;
    line-height: 36px;
    padding-left:36px;
    font-weight: bold;
}


.red30{
    font-size: 30px;
    font-weight: bold;
    color: #990000;
}

.red20{
    font-size: 20px;
    font-weight: bold;
    color: #990000;
}

#kaitori{
    clear:both;
    width: 780px;
    padding-top:50px;
}

#kaitori_left {
    float: left;
    padding-right:30px;
    width: 360px;

}

#kaitori_right {
    float: right;
    width: 360px;
    
}

.kaitori_text{
　  font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left:12px;
}

.kaitori_price{
　  font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left:20px;
    color: #990000;
}

#notes {
    clear:both;
    padding-bottom:20px;
    width: 780px;

}

#notes li{
    font-size: 12px;
    line-height: 20px;

}

/*********************************************
    innerページのデザイン設定
*********************************************/

.table_text{
　  font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 12px;
    line-height: 16px;
}

.gray14 {
    font-size: 14px;
    font-style: normal;
    color: #333333;
}





#add{
    width: 780px;
    height:210px;
    margin-top:10px;    
    margin-bottom:40px;
    background:url(../img/add.gif);no-repeat;fixed;
}

#add p{
　  font-size: 14px;
    line-height: 20px;
    padding-top: 64px;
    padding-left:60px;
}



.red30 {
    font-size: 30px;
    font-family: 12px "ＭＳ Ｐゴシック", Osaka,arial,sans-serif;
    font-style: normal;
    color: #990000;
　　font-weight: bold;
}

.red12 {
    font-size: 12px;
    font-style: normal;
    color: #990000;
    font-weight: bold;
    font-weight: normal;
}

.red12 {
    font-size: 12px;
    font-style: normal;
    color: #990000;
    font-weight: bold;
    font-weight: normal;
}

.red16{
    font-size: 16px;
    font-weight: bold;
    color:#990000;
}

.green12 {
    font-size: 12px;
    font-style: normal;
    color: #008400;
    　　font-weight: bold;
    font-weight: normal;
}

.blue12 {
    font-size: 12px;
    font-style: normal;
    color: #000066;
    　　font-weight: bold;
    font-weight: normal;
}

.blue16{
    font-size: 16px;
    font-weight: bold;
    color:#000066;
}

.kaitori {
    font-size: 12px;
    font-style: normal;
    color: #333333;
    padding-left: 90px;
    padding-top: 6px;
}

.bottom_20px {
    margin-bottom: 20px;
}

span.marker {
    padding: 0 5px;
}


/***** 新券、旧券の入れ替え時の処置  *********/

div#ana-oldest,
div#ana-oldest-space,
div#jal-oldest,
div#jal-oldest-space  {
    /* display: none; */
}

/********* 2016年5月14日の引っ越しのお知らせ  ***********/

.iten1 {
        border: 1px dotted #880000;
        padding: 5px;
        background-color: #FFEEEE;
        margin-bottom: 20px;
}

.iten2 {
        border: 1px dotted #880000;
        padding: 5px;
        background-color: #FFEEEE;
        margin-bottom: 20px;
        margin-top: -20px;
}

/********* 個人情報同意文  ***********/

div.privacy {
    margin: 30px auto;
    width: 86%
}

div.privacy h3 {
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}