/* CSS Document */




/* ウェブサービスチーム _2010 January
-------------------------------------------------------- */
/* reset _
-------------------------------------------------------- */
div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
 margin: 0em 0px;
 padding: 0em 0px;
}


img {
 border: none;
 margin:0;
 padding:0;
}

ul, ol li{
 list-style: none;
}

table {
 border-collapse: separate;
 border-spacing: 0;
}

hr {
 display: none;
}



/* body
--------------------------------------------------------*/
body {
 margin-top:0;
 color: #000;
 font: 75%/140% "ＭＳＰゴシック", "Osaka" ,"Hiragino Kaku Gothic Pro", arial, helvetica, verdana ,sans-serif;
}



/* magin, padding
--------------------------------------------------------*/
.m20_r { margin-right:20px;}
.m0_b{margin-top:0;}
.m10_t{ margin-top:10px;}

/* text
--------------------------------------------------------*/


/* Link
***************************************************************/
a:link {color:#0000ff;}
a:visited {color:#0000ff;} 
a:hover {color:#ff0079;} 

.txt_blk a:link {color:#333333;}
.txt_blk a:visited {color:#333333;} 
.txt_blk a:hover {color:#ff0079;}
/* Clearfix
***************************************************************/
.hidden {
	display: none;
}
.clearfix {
	clear: both;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-table;
}
/* HIDE IEmac-5 */
* html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clearfix {display:block;}
/* */


.clearfix02 {
	margin:0;
	padding:0;
	clear:both;
}

/* Header
***************************************************************/
#header {
	width: 950px;
	height: 85px;
	margin: 0 auto;
	position: relative;
	background: transparent url('../../../img_common/head_basePic.jpg') no-repeat 130px 0px;
}
#header-logo {
	position: absolute;
}
#header-text {
	position: absolute;
	left: 145px;
	bottom: 0px;
}
*:first-child+html #header-text {
	bottom: 20px;
}
#header-text h1 {
	font-size: 80%;
	line-height: 140%;
	font-weight: bold;
}

#header-text #header-caption {
	font-size: 80%;
	line-height: 140%;
	overflow: hidden;
	display: block;
}

*html #header-text #header-caption {
	font-size: 77%;
	line-height: 160%;
	overflow: hidden;
	display: block;
}

#header-text #header-caption strong {
	font-weight: normal;
}
#header-search {
	position: absolute;
	right: 0px;
}
#header-search #search {
	margin-top: 5px;
	padding-left: 84px;
	float: right;
	background: transparent url('../../../img_common/head_search_tit.gif') no-repeat 0px 5px;
}
#header-search input#searchText {
	width: 180px;
	margin: 4px 7px 0 0;
	float: left;
}
#header-search input#searchBtn {
	float: left;
}
#header-search ul#headerLinks {
	margin-top: 5px;
	line-height: 140%;
	float: right;
}
#header-search ul#headerLinks li {
	display: inline;
}


/* Breadcrumb
***************************************************************/
#breadcrumb {
	width: 950px;
	margin: 0 auto;
	padding: 7px 0;
	font-size: 100%;
	line-height: 100%;
}
#breadcrumb a {
}
#breadcrumb a:hover {
}

/* Footer
***************************************************************/
ul#footer-top {
	width: 100%;
	margin: 5px 0 0;
	line-height: 22px;
	color: #FFF;
	text-align: center;
	background-color: #333399;
}
ul#footer-top li {
	display: inline;
}
ul#footer-top a:link  { color: #FFF; text-decoration: none; }
ul#footer-top a:visited  { color: #FFF; text-decoration: none; }
ul#footer-top a:hover  { color: #FFFF00; text-decoration: underline; }
#footer-links {
	width: 950px;
	font-size: 80%;
	text-align: center;
}
#footer-links li {
	display: inline;
}
p#footer-copy {
	width: 950px;
	margin: 0 auto;
	padding: 5px 0;
	text-align: center;
}

/* First layer, Common setting
***************************************************************/
.gnav-out { margin: 5px auto 0 auto; width: 954px; height: 45px; background: transparent url('../../../img_common/gnv_test.gif') no-repeat; font-size: 12px; z-index: 100; }
.gnav-out img#gnv-title { float: left; }
.gnav-out ul.nav { z-index: 100; position: relative; float: left; }
.gnav-out ul li { display: block; float: left; position: relative; }
.gnav-out ul li a.title { display: block; overflow: hidden; text-indent: -9999px; height: 45px; }

/* Second layer
***************************************************************/
.gnav-out a:link  { color: #333; text-decoration: none; }
.gnav-out a:visited  { color: #333; text-decoration: none; }
.gnav-out a:hover  { color: #0000ff; text-decoration: none; }

.gnav-out ul ul { opacity: 0.9999; display: block; background: #CCE48C url('../../../img_common/gnv001_menuBase.gif') no-repeat 0px 0px; width: 162px; position: absolute; top: -999em; left: 0px; }
.gnav-out ul#gnv-air ul { left: 2px; }
.gnav-out ul#gnv-ichiba ul { left: -30px; }
.gnav-out ul#gnv-corp ul { left: -94px; }
.gnav-out ul li:hover ul,
.gnav-out ul li.sfHover ul { top: 45px; padding: 2px 0 1px 2px; }
.gnav-out ul ul li { float: none; width: 160px; height: 22px; background: #FFF url('../../../img_common/gnv001_menuEach.gif') no-repeat 0px 0px; _background-image: none; border-bottom: 1px solid #90B427; }
.gnav-out ul ul li a { display: block; overflow: hidden; width: 150px; padding: 5px 0 0 10px; }
.gnav-out ul ul li a:hover { background: #E5E5E5 url('../../../img_common/gnv001_menuEach.gif') no-repeat 0px -24px; _background-image: none; }

/* First layer Buttons
***************************************************************/
.gnav-out ul li:hover a.title,
.gnav-out ul li.sfHover a.title { background: transparent url('../../../img_common/gnv_test.gif') no-repeat; }

.gnav-out ul#gnv-air li a.title { width: 86px; cursor: default; }
.gnav-out ul#gnv-air li:hover a.title,
.gnav-out ul#gnv-air li.sfHover a.title { background-position: 0px -45px; }
.gnav-out ul#gnv-ciao li a.title { width: 77px; cursor: default; }
.gnav-out ul#gnv-ciao li:hover a.title,
.gnav-out ul#gnv-ciao li.sfHover a.title { background-position: -86px -45px; }
.gnav-out ul#gnv-imp li a.title { width: 148px; cursor: default; }
.gnav-out ul#gnv-imp li:hover a.title,
.gnav-out ul#gnv-imp li.sfHover a.title { background-position: -163px -45px; }
.gnav-out ul#gnv-hotel li a.title { width: 78px; }
.gnav-out ul#gnv-hotel li:hover a.title,
.gnav-out ul#gnv-hotel li.sfHover a.title { background-position: -311px -45px; }
.gnav-out ul#gnv-op li a.title { width: 114px; cursor: default; }
.gnav-out ul#gnv-op li:hover a.title,
.gnav-out ul#gnv-op li.sfHover a.title { background-position: -389px -45px; }
.gnav-out ul#gnv-rent li a.title { width: 105px; }
.gnav-out ul#gnv-rent li:hover a.title,
.gnav-out ul#gnv-rent li.sfHover a.title { background-position: -503px -45px; }
.gnav-out ul#gnv-kaito li a.title { width: 91px; cursor: default; }
.gnav-out ul#gnv-kaito li:hover a.title,
.gnav-out ul#gnv-kaito li.sfHover a.title { background-position: -608px -45px; }
.gnav-out ul#gnv-info li a.title { width: 92px; cursor: default; }
.gnav-out ul#gnv-info li:hover a.title,
.gnav-out ul#gnv-info li.sfHover a.title { background-position: -699px -45px; }
.gnav-out ul#gnv-ichiba li a.title { width: 91px; }
.gnav-out ul#gnv-ichiba li:hover a.title,
.gnav-out ul#gnv-ichiba li.sfHover a.title { background-position: -791px -45px; }
.gnav-out ul#gnv-corp li a.title { width: 72px; }
.gnav-out ul#gnv-corp li:hover a.title,
.gnav-out ul#gnv-corp li.sfHover a.title { background-position: -882px -45px; }


/* mataby
--------------------------------------------------------*/
#memories {
 width:950px;
 font-size:12px;
 margin:0;
 padding:0;
 clear:both;
}

#memories:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#memories ul{
 margin:0;
 padding:0;
}
  
#memories li{
 float:left;

}

#memories li img{
 margin:0;
 padding:0;
 line-height:0;
 vertical-align:top;
}

h3{
 background:url(../img/mark.gif); 
 background-repeat:no-repeat;
 background-position:0px 5px;
 line-height:1.4em;
 text-indent:12px;
 padding:0px 0 2px 0;
}

#txt_vol1{
 background:url(../img/mataby_03_2.jpg);
 background-repeat:no-repeat;
 width:228px;
 height:73px;
 padding:150px 0 0 10px;
}

#txt_vol2{
 background:url(../img/mataby_03_4.jpg);
 background-repeat:no-repeat;
 width:228px;
 height:73px;
 padding:150px 0 0 10px;
}


#txt_vol3{
 background:url(../img/mataby_03_6.jpg);
 background-repeat:no-repeat;
 width:228px;
 height:73px;
 padding:150px 0 0 10px;
}


#txt_vol4{
 background:url(../img/mataby_03_9.jpg);
 background-repeat:no-repeat;
 width:228px;
 height:84px;
 padding:150px 0 0 10px;
}

#txt_vol5{
 background:url(../img/mataby_03_11.jpg);
 background-repeat:no-repeat;
 width:228px;
 height:84px;
 padding:150px 0 0 10px;
}

#txt_vol6{
 background:url(../img/mataby_03_13.jpg);
 background-repeat:no-repeat;
 width:228px;
 height:84px;
 padding:150px 0 0 10px;
}


h5 {
 font-weight:bold;
 margin:0;
 padding:0;
}



.link {
 background:url(img/arrow_02.gif);
 float:right;
 background-repeat:no-repeat;
 text-indent:8px;
 padding:0;
 margin-top:3px;
 }
 
#content_bg { 
 background:#FEFCCB;
 }
 
  
 
/* 注意事項 
----------------------*/ 
#bg_bottom{
 width:947px;
 margin:0 auto;
  border:#CCCCCC 3px double;
 }

#notice{
 background:#FFFFFF;
 width:620px;
 clear:both;
 margin:0 auto;
 padding:10px;
 }
 

.dst_foot {
 width:950px;
 margin:0 auto;
 }
/* go
--------------------------------------------------------*/

.go {
 text-align:right;
 margin-right:25px;
 margin-top:3px;
 }

    
/* common
--------------------------------------------------------*/ 
.float_l{ float:left;}
.float_r{ float:right;}
.c_r{ clear:right;}

.dotted {
 width:100%;
 background:url(img/line_dot.gif);
 padding:0;
 height:11px;
 clear:both;
 }


.dotted02 {
 width:100%;
 background:url(img/line_dot.gif);
 padding:0;
 height:11px;
 clear:both;
 margin:5px 0 5px 0;
 }
 
 
.txt_b{ font-weight:bold;}

a.txt_bb:link,
a.txt_bb:visited,
a.txt_bb:hover{ font-weight:bold; }

a.txt16_r:link,
a.txt16_r:visited { font-size:16px; color:#FF0000; }
a.txt16_r:hover{ font-size:16px; color:#0000ff; }


a.txt16_rb:link,
a.txt16_rb:visited { font-size:16px; color:#FF0000; font-weight:bold;}
a.txt16_rb:hover{ font-size:16px; color:#0000ff; }

h5 { line-height:2.0em; font-weight:normal;}
h5 a:link,
h5 a:visited { text-decoration: none;}
h5 a:hover   { text-decoration: underline;}