@charset "utf-8";

/**  common.css Menu *********************************************

  ・ヘッダー
  ・パンクズ
  ・コンテンツ
  ・右カラム
  ・フッター

*******************************************************************/



/*-----------------------------------------------------------------

  共通スタイル

------------------------------------------------------------------*/

/* ヘッダー
--------------------------------------*/
div#headerWrapper{
background:#acd7fc url(../images/header_line.gif) repeat-x bottom;
height:64px;
line-height:normal;
}
div#headerWrapper .header{
background:url(../images/header_bg.gif) no-repeat;
height:60px;
width:950px;
margin-right:auto;
margin-left:auto;
position:relative;
}

div#headerWrapper .header .logo{
float:left;
}
div#headerWrapper .header .online{
position: absolute;
left: 417px;
}
div#headerWrapper .header .listArea{
float:right;
margin-top:10px;
width:375px;
}
div#headerWrapper .header .listArea .btn{
margin-bottom:8px;
float:right;
width:375px;
}
div#headerWrapper .header .listArea .btn img{
float:right;
margin-left:3px;
}
div#headerWrapper .header .listArea .link{
float:right;
width:375px;
text-align:right;
}
div#headerWrapper .header .listArea .link a{
color:#333333;
}



div#headerWrapper .header .headerSearchArea{
position: absolute;
left: 208px;
top: 20px;
}

div#headerWrapper .header .headerSearchArea .headerForm{
height: 18px;
width: 144px;
float: left;
margin-right: 5px;
line-height: 18px;
}

div#headerWrapper .header .headerSearchArea .searchBtn{
float: left;
}



h1.headCommentsArea{
background:#f4f4f4;
border-bottom:1px solid #eaeaea;
font-weight:normal;
padding:5px;
line-height:100%;
}
h1.headCommentsArea .txtArea{
display:block;
width:950px;
margin-right:auto;
margin-left:auto;
text-align:right;
color:#999999;
font-size:83.3%;
}



/* コンテンツ
--------------------------------------*/
div#contentWrapper{
width:950px;
position:relative;
margin-top:0px;
margin-right:auto;
margin-left:auto;
}


/* グローバルナビ */
div#globalNav{
margin-top:10px;
}
div#globalNav ul li{
float:left;
}
div#globalNav ul li img{
vertical-align:top;
}


/* パンクズ */
p#breadCrumb{
font-size:83.3%;
margin-top:10px;
line-height:100%;
}


/* ページトップに戻る */
div#contentWrapper .totop{
text-align:right;
clear:both;
margin-bottom:10px;
}
div#contentWrapper .totop .icon{
background:url(../images/txt_totop.gif) no-repeat left;
padding-left:16px;
line-height:120%;
float:right;
padding-top:2px;
}


/* メインコンテンツエリア */
div#mainContent{
width:950px;
margin-top:15px;
margin-bottom:30px;
}



/* 中央カラム
--------------------------------------*/
div#columnCenter{
width:950px;
margin-bottom:14px;
}

/* メインヘッダー（グレー枠） */
div#mainHeader{
background:url(../images/bg_white_950.gif) no-repeat -1900px 100%;
padding-bottom:10px;
width:950px;
margin:0 auto;
}
div#mainHeader .inner{
background:url(../images/bg_white_950.gif) no-repeat -950px 0;
padding:10px 0 0 0;
width:950px;
}
div#mainHeader .inner .inner{
background:url(../images/bg_white_950.gif) repeat-y 0 0;
padding:0 0 0 10px;
width:940px;
}
* html div#mainHeader .inner .inner{/*width:950px;*/}

div#mainHeader img{
vertical-align:middle;
}

div#mainHeader .flash{
float:left;
margin-bottom:9px;
}

div#mainHeader .banner{
float:right;
display:inline;
background:url(../images/bg_gray_220.gif) no-repeat 0 0;
margin:0 10px 9px 0;
padding:1px 10px 0;
height:234px;
}
div#mainHeader .banner li{
margin:10px 0 0;
}
div#mainHeader .image{
margin-bottom:9px;
}
div#mainHeader .map{
float:right;
display:inline;
margin:0 10px 9px 0;
}

div#mainHeader .description{
clear:both;
background:url(../images/bg_yellow_regimental.gif) repeat 0 0;
margin:0 10px 9px 0;
padding:4px 5px;
}
div#mainHeader .description .floatleft{
margin:1px 10px 0 0;
}

div#mainHeader ul.nav{
clear:both;
}
div#mainHeader ul.nav li{
float:left;
margin-right:2px;
position:relative;
line-height:0;
}
div#mainHeader ul.nav li img{
vertical-align:top;
font-size:0;
}
div#mainHeader ul.nav li ul{
position:absolute;
left:0;
top:31px;
border:1px solid #7abd3f;
background:#fff;
padding-top:1px;
margin:0;
width:98px;
}
div#mainHeader ul.nav li ul li{
float:none;
display:inline;
margin:0;
font-size:100%;
line-height:1;
}
div#mainHeader ul.nav li ul li a{
display:block;
border:1px solid #fff;
border-top:none;
background:#daf0a1;
padding:5px 5px 4px;
color:#58b602;
}
div#mainHeader ul.nav li ul li a:hover{
background:#58b602;
color:#fff;
}
.flash .attention_flash{
background: #F4F4F4;
padding:5px;
font-size: 11px;
}
.flash .attention_flash .red-txt{
color: #d01e1e;
font-weight: bold;
margin-right: 3px;
}
.flash .attention_flash img{
vertical-align: top !important;
}

/* 左カラム
--------------------------------------*/
div#columnLeft{
float:left;
width:708px;
}
div#columnLeft.narrow{
width:630px;
}



/* 右カラム
--------------------------------------*/
div#columnRight{
float:right;
width:228px;
}
div#columnRight.wide{
width:301px;
}





/* フッター
--------------------------------------*/
div#footer{
width:950px;
margin-right:auto;
margin-left:auto;
line-height:normal;
}

div#footer .titleArea{
background:#79bec8;
padding:6px 5px 3px;
line-height:100%;
font-weight:bold;
color:#FFFFFF;
}

div#footer .listArea{
background:#e4f0f2;
margin-bottom:10px;
line-height:120%;
}
div#footer .listArea .txt01{
font-weight:bold;
color:#79bec8;
}
div#footer .listArea .tourList1{
width:160px; padding:12px 0 12px 15px; float:left;
}
div#footer .listArea .tourList2{
width:240px; padding:12px 0 12px 15px; float:left;
}
div#footer .listArea .tourList3{
width:220px; padding:12px 0 12px 15px; float:left;
}
div#footer .listArea .tourList4{
width:270px; padding:12px 0 12px 15px; float:left;
}

div#footer .listArea ul{
margin-top:8px; float:left;
}
div#footer .listArea ul.tourListLeft{
margin-top:8px; padding-right:20px; float:left;
}
div#footer .listArea ul li{
padding-left:14px;
background:url(../images/footer_link_icon.gif) no-repeat left 2px;
margin-top:5px;
}

div#footer a:link{color:#666;text-decoration:none;}
div#footer a:visited{color:#666;text-decoration:none;}
div#footer a:active{color:#666;text-decoration:underline;}
div#footer a:hover{color:#666;text-decoration:underline;}

div#footer .linkArea{
width:950px;
padding-bottom:20px;
}
div#footer .linkArea .link{
float:left;
}
div#footer .linkArea address{
float:right;
font-style:normal;
font-weight:normal;
}