@charset"shift_jis";

@import url(/common/css/jtb_site_970.css);

/* 共通設定　*/

#contentsArea{
	width:950px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
 }

#contentsArea table{
	border-collapse:collapse;
}
#contentsArea tr{
	vertical-align:baseline;
 }
#contentsArea td{
	vertical-align:baseline;
}

#contentsArea{
	overflow: hidden;
	background-color: #FFF;
}




/*　ロールオーバー明度設定　*/
.linkBT a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}


/*----------------------------------------*/
/* 注釈フォント指定*/
/*----------------------------------------*/
.notes {
	font-size:12px;
	text-indent: -1em;
	padding-left: 1em;
	margin:3px 0 0 0;
	line-height: 1.3;
}


/*----------------------------------------*/
/* フォント位置指定*/
/*----------------------------------------*/
.fcenter {
	text-align:center;
}
.fleft {
	text-align:left;
}
.fright {
	text-align:right;
	padding-right:3px;
}

/*----------------------------------------*/
/* フォントサイズ １０ポイント*/
/*----------------------------------------*/
.f10 {
	font-size:76%;
	font-weight:normal;
}
.f10w {
	font-size:76%;
	color:#FFF;
	font-weight:normal;
}
.f10r {
	font-size:76%;
	color:#F00;
	font-weight:normal;
}
.f10b {
	font-size:76%;
	font-weight:bold;
}
.f10bw {
	font-size:76%;
	font-weight:bold;
	color:#FFF;
}
.f10br {
	font-size:76%;
	font-weight:bold;
	color:#F00;
}

/*----------------------------------------*/
/* フォントサイズ １１ポイント*/
/*----------------------------------------*/
.f11 {
	font-size:82%;
	font-weight:normal;
}
.f11w {
	font-size:82%;
	color:#FFF;
	font-weight:normal;
}
.f11r {
	font-size:82%;
	color:#F00;
	font-weight:normal;
}
.f11b {
	font-size:82%;
	font-weight:bold;
}
.f11bw {
	font-size:82%;
	font-weight:bold;
	color:#FFF;
}
.f11br {
	font-size:82%;
	font-weight:bold;
	color:#F00;
}

/*----------------------------------------*/
/* フォントサイズ １２ポイント*/
/*----------------------------------------*/
.f12 {
	font-size:92%;
	font-weight:normal;
}
.f12w {
	font-size:92%;
	color:#FFF;
	font-weight:normal;
}
.f12r {
	font-size:92%;
	color:#F00;
	font-weight:normal;
}
.f12b {
	font-size:92%;
	font-weight:bold;
}
.f12bw {
	font-size:92%;
	font-weight:bold;
	color:#FFF;
}
.f12br {
	font-size:92%;
	font-weight:bold;
	color:#F00;
}


/*----------------------------------------*/
/* フォントサイズ １４ポイント*/
/*----------------------------------------*/
.f14 {
	font-size:100%;
	font-weight:normal;
}
.f14w {
	font-size:100%;
	color:#FFF;
	font-weight:normal;
}
.f14r {
	font-size:100%;
	color:#F00;
	font-weight:normal;
}
.f14b {
	font-size:100%;
	font-weight:bold;
}
.f14bw {
	font-size:100%;
	font-weight:bold;
	color:#FFF;
}
.f14br {
	font-size:100%;
	font-weight:bold;
	color:#F00;
}



/*----------------------------------------*/
/* フォントサイズ １６ポイント*/
/*----------------------------------------*/
.f16 {
	font-size:113%;
	font-weight:normal;
}
.f16w {
	font-size:113%;
	color:#FFF;
	font-weight:normal;
}
.f16r {
	font-size:113%;
	color:#F00;
	font-weight:normal;
}
.f16b {
	font-size:113%;
	font-weight:bold;
}
.f16bw {
	font-size:113%;
	font-weight:bold;
	color:#FFF;
}
.f16br {
	font-size:113%;
	font-weight:bold;
	color:#F00;
}


.f18 {
	font-size:127%;
	font-weight:normal;
}
.f18b {
	font-size:127%;
	font-weight:bold;
}

.f19b {
    line-height:120%;
	font-size:250%;
	font-weight:bold;
	color:#ff0000;
}

/*----------------------------------------*/
/* フォントサイズ ボールド*/
/*----------------------------------------*/
.bold {
	font-weight:bold;
	font-size:100%;
}


/*----------------------------------------*/
/*  カーソルアイコン */
/*----------------------------------------*/
a.cursor { 
	padding:2px 0px 2px 16px;
	margin-left:10px;
	margin-right:20px;
	background : transparent url(../image/pochi.gif) no-repeat left center;
}

/* overwrite IE7*/
*+html body a.cursor {
	display:inline-block ;
}
/* overwrite IE6,5.5*/
* html body a.cursor {
	display:inline-block ;
}

/*----------------------------------------*/
/* BLANKアイコン */
/*----------------------------------------*/
a.blank { 
	padding:2px 18px 2px 0;
	background : transparent url(../image/blank.gif) no-repeat right center;
}

/* overwrite IE7*/
*+html body a.blank {
	display:inline-block ;
}
/* overwrite IE6,5.5*/
* html body a.blank {
	display:inline-block ;
}


/* float clear
---------------------------------------------------- */
.c-both {
	clear: both;
}

/* 画像周りの余白を消す　Mac用　safari、FireFoxバグ対策
---------------------------------------------------- */
.cimg img {
  margin:0;
  padding:0;
  display: block;
}


/* float左設定
---------------------------------------------------- */
.fleft {
	float:left;
}

/* float右設定
---------------------------------------------------- */
.fright {
	float:right;
}


/* titleArea
---------------------------------------------------- */
#titleArea {
	width: 950px;
	display: block;
	padding: 0px;
	position: relative;
	display: block;
	margin: 0px;
}
#titleArea img{
	margin: 0;
	padding: 0;
}
#titleArea .navibox{
	display: block;
	margin: 0;
	height: 37px;
	width: 950px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	background-image: url(../images/common/navi_bg.jpg);
	background-repeat: no-repeat;
}
#titleArea .navibox a:hover img {
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
}


#titleArea ul{
	display: block;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

#titleArea ul li{
	float: left;
}

#main{
	width: 950px;
	margin: 0px;
	padding: 0px;
	position: relative;
	background-image: url(../images/common/slide_bg.jpg);
	height: 306px;
	}
#main .photo{
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 35px;
	top: 0px;
		}
.backGR {
	width: 700px;
	height: 290px;
	overflow:hidden;
}
#imgholder-a {
	position: relative;
	display: block;
	width: 320px;
	height: 200px;
	margin: 0px;
	padding: 0px;
}
#imgholder-a .photo-mask01{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
	background-image: url(../images/common/mask01.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 200px;
}
#imgholder {
	position: relative;
	display: block;
	width: 147px;
	height: 133px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#imgholder .photo-mask02{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 147px;
	background-image: url(../images/common/mask02.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 133px;
	float: left;
}


#contentsArea h3 {
	float: right;
	margin: 0 20px 0 0;
}
#contentsArea h3 img{
	display: block;
	margin: 0;
	padding: 0;
}

/* ランキング　バナーエリア
---------------------------------------------------- */
#Banner {
	width:200px;
	margin: 0 15px 0 0px;
	float:right;
}
#Banner p{
	width:200px;
	margin: 10px 0 0px 0;
	padding:0;
	text-align:center;
}
#Banner p img {
	display:block;
	margin: 0 auto;
	padding:0;
}

#Banner a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#Banner ul.foreign, #Banner ul.domestic {
	font-size: 12px;
	line-height: 1.6;
	font-weight:bold;
	width:200px;
	overflow: hidden;
	margin: 15px 0 15px 0;
	padding: 0 0 5px 0;
}

#Banner ul.foreign li.pamp, #Banner ul.domestic li.pamp {
	width:100px;
	float: left;
}
#Banner ul.foreign li.txt, #Banner ul.domestic li.txt {
	width: 90px;
	margin: 0 0 0 10px;
	float: left;
}
#Banner ul.foreign li.txt {
	padding-top: 25px;
	text-decoration: underline;
	background-image: url(../images/common/foreign.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#Banner ul.domestic li.txt {
	padding-top: 25px;
	text-decoration: underline;
	background-image: url(../images/common/domestic.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#Banner ul.foreign li.pamp, #Banner ul.domestic li.pamp {
	width:100px;
	float: left;
}
#Banner a:link {text-decoration: underline; color:#000; }
#Banner a:visited{text-decoration: underline; color:#000; }
#Banner a:hover {text-decoration: underline; color:#000; }
#Banner a:active{text-decoration: underline; color:#000; }

#Banner ul.foreign li.icon, #Banner ul.domestic li.icon {
	width: 30px;
	margin: 10px 0 0 10px;
	float: left;
}








/* ページTOPへ戻る設定
---------------------------------------------------- */
.pageTOP{
	width: 935px;
	margin: 0px;
	padding: 0px;
	clear: both;
	text-align: right;
	overflow: hidden;
}
.pageTOP p {
	display:block;
	margin:0;
	padding:0;
	width:84px;
	height:14px;
	overflow:hidden;
	float: right;
}
.pageTOP p img {
	display: block;
	margin: 0;
	padding: 0;
}
.pageTOP p a:hover img {
	margin-top:-14px;
}

/* リンクの座標設定
---------------------------------------------------- */
.link-master { position: relative; display:block; z-index: 10;
	font-family: Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size: 14px;
	line-height: 1.5;
}
.link-master p { margin: 0; padding:0; display:block; position:absolute; }
.link-master ul { margin: 0; padding:0; display:block; position:absolute; list-style: none;}
.link-master table { margin: 0; padding:0; display:block; position:absolute; }
.link-master a:hover img {
    opacity:0.0;
    filter: alpha(opacity=0);
}



/* #Gfooter
---------------------------------------------------- */
#Gfooter {
	width: 950px;
	padding-bottom: 20px;
	background-image: url(../images/footer/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 0px;
	float: left;
}
#Gfooter p {
	display: block;
	margin: 0 auto;
	padding: 0;
}
#Gfooter ul {
	width: 890px;
	height: 25px;
	margin: 5px 0 10px 35px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#Gfooter ul li {
	position: absolute;
}
#Gfooter ul li.btn1 { left:0px; }
#Gfooter ul li.btn2 { left:100px; }
#Gfooter ul li.btn3 { left:212px; }
#Gfooter ul li.btn4 { left:323px; }
#Gfooter ul li.btn5 { left:438px; }
#Gfooter ul li.btn6 { left:545px; }
#Gfooter ul li.btn7 { left:667px; }
#Gfooter ul li.btn8 { left:768px; }

#Gfooter ul li a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=0);
}


#Gfooter p img{
	display: block;
	margin: 0;
	padding: 0;
}
#Gfooter p.no01 {
	width: 890px;
	margin-top: 120px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
#Gfooter p.no02 { width: 880px; margin: 0 0 0 35px; }
#Gfooter p.no03 { width: 880px; margin: 0 0 0 35px; }
#Gfooter p.line { width: 950px; margin-top: 5px; margin-bottom: 5px; }

.anc_p {
	display:block;
	width: 700px;
	clear: both;
}