﻿@charset "utf-8";
/*----------------------------------------------------


	File Name: module.css
	Style Info: ヘッダー・フッター・サイドナビ


----------------------------------------------------*/

#suggest {
	position: absolute;
	background-color: #FFFFFF;
	border: 1px solid #CCCCFF;
	top: 476px;
	left:235px;
	width: 167px;
	max-height: 120px;
	overflow: auto;
}
#suggest div {
	display: block;
	width: 160px;
	overflow: hidden;
	white-space: nowrap;
}

#suggest div.over {
	background-color: #99CCFF;
}

#suggest div.select {
	background-color: #99CCFF;
}

#chg_text{
	position: absolute;
	display: block;
	top:92px;
	left:26px;
	padding:0px 0px 0px;
	margin:0;
	width: 200px;
	height:25px;
}
#chg_text dl{
	margin:0; 
	padding:0;
}
#chg_text dt, #chg_text dd{
	display:inline;
	margin:0;
	padding:0 2px;
}

/*----------------------------------------------------

	▼グローバルナビ

----------------------------------------------------*/

#gnavi {
	width:967px;
/*	height:45px;
	line-height:45px; */
	height:20px;
	line-height:20px;
	position:absolute;
	top:116px;
	left: 25px;
	font-size: 0.9em;
	z-index: 999;
}

.gnavi_inner {
	position:relative;
}


/*----------第1階層----------*/

#gnavi ul.navi_01 li
{
	float:left;
	/* width:235px; */
	width:161px;
	background-image:url(../image/bg_gnavi.gif);
	background-position:bottom;
	background-repeat: no-repeat;
}

#gnavi ul.navi_01 li.menu01 a {
	/* background: url(../image/gnavi_01.gif) no-repeat top; */
	/* height:45px; */
	height:20px;
	display: block;
	overflow: hidden;
	/* text-indent: -9999px; */
/*	background-color:#036; */
	background-color:#069;
	text-align:center;
	text-decoration:none;
	color:#FFF;
}


/*----------第2階層----------*/

#gnavi dl dt a {
	/* width:235px; */
	width:161px;
	/* height:45px; */
	height:20px;
	display: block;
	overflow: hidden;
	/* text-indent: -9999px; */
	background-color:#069;
	text-align:center;
	text-decoration:none;
	color:#FFF;
}

#gnavi dl dt.menu02 a {
	/* background: url(../image/gnavi_02.gif) no-repeat top; */
}

#gnavi dl dt.menu03 a {
	/* background: url(../image/gnavi_03.gif) no-repeat top; */
}

#gnavi dl dt.menu04 a {
	/* background: url(../image/gnavi_04.gif) no-repeat top; */
}

#gnavi ul.navi_01 li.menu01.selected a,
#gnavi dl dt.selected a {
	background-color:#036;
	/* background-position: center bottom; */
}

#gnavi ul.navi_01 li.menu01 a:hover,
#gnavi dl dt a:hover,
#gnavi dl:hover dt.menu02 dd {
	background-position: center center;
	background-color:#9CF;
	color:#003;
}

#menu_img_01,
#menu_img_02,
#menu_img_03 {
	display:none;
	position:relative;
}

#menu_img_01 img,
#menu_img_02 img,
#menu_img_03 img {
	position:absolute;
	top:-45px;
	left:0;
}

/*----------第3階層----------*/

#gnavi ul.menu_03 {
	display:none;
}

#gnavi ul.menu_03 li {
	background-image:url(../image/arrow_link_a01.gif);
	background-position:10px 8px;
	background-repeat: no-repeat;
	line-height:130%;
	border-bottom:1px dotted #663300;
	width:155px;
}


#gnavi ul.menu_03 li.child {
	background:url(../image/arrow_link_b01.gif) no-repeat 10px 8px;
	padding:5px 0 0 23px;
	width:130px;
}

#gnavi ul.menu_03 li.child span {
	display:block;
	padding-bottom:5px;
}

#gnavi ul.menu_03 li.sub:hover,
#gnavi ul.menu_03 li.sub a:hover,
#gnavi ul.menu_03 li.sub a:focus {
	background-image:url(../image/arrow_link_sub.gif) no-repeat 10px 8px;
}

#gnavi ul.menu_03 li a {
	display:block;
	/* width:205px; */
	width:130px;
	padding:5px 5px 5px 23px;
}

#gnavi ul.menu_03 li a:focus {
	background-image:url(../image/arrow_link_a02.gif) no-repeat 10px 8px;
	width:130px;
}

#gnavi ul.menu_03 li.end {
	border:0;

}

/*----------第4階層----------*/


#gnavi ul.menu_03 li ul.navi_02 {
	background-color: #fff;
	width:120px;
}

#gnavi ul.menu_03 li ul.navi_02 li {
	width:211px;
	border:0;
	border-top:1px dotted #663300;
	background:url(../image/arrow_link_a01.gif) no-repeat 5px 8px;
	width:132px;
}

#gnavi ul.menu_03 li ul.navi_02 li.top {
	border-top:none;
	margin-top:0;
}

#gnavi ul.menu_03 li ul.navi_02 li a {
	padding:5px 0 5px 18px;
	/* width:193px; */
	width:120px;
	display:block;
}

#gnavi ul.menu_03 li ul.navi_02 li a:hover,
#gnavi ul.menu_03 li ul.navi_02 li a:focus {
	background-image:url(../image/arrow_link_a02.gif) no-repeat 10px 8px;
}

#gnavi ul.menu_03 li ul.navi_02.ro_01 {
	width:211px;
	position:absolute;
	top:100px;
	left:235px;
	border:1px solid #999;
	display:none;
}

#gnavi ul.menu_03 li ul.navi_02.ro_02 {
	display:block;
	width:211px;
	position:absolute;
	top:128px;
	left:235px;
	border:1px solid #999;
	display:none;
}


/*----------------------------------------------------

	▼ヘッダーメニュー

----------------------------------------------------*/

.kaian_logo a:hover {
	background-color: transparent;
}

#header_info ul li {
	overflow: hidden;
	text-indent: -9999px;
}

.orrnet {
	width: 139px;
	height:41px;
	/* background: #fff url(../image/bn_orr.gif) no-repeat left top; */
	position:absolute;
	top:16px;
	left: 180px;
}

.orrnet a:hover {
	background-color: transparent;
}


#header_info ul li.toko_info_bnr a {
	display: block;
	width: 139px;
	height:30px;
	background: #fff url(../image/bnr_contents_11.gif) no-repeat left top;
	position:absolute;
	top:49px;
	left: 180px;
}

#header_info ul li.toko_info_bnr a:hover {
	background-color: transparent;
}

#header_info ul li.orrnet_tabireg_bnr a {
	display: block;
	width: 220px;
	height:74px;
	background: #fff url(../image/bnr_orrnet_big.gif) no-repeat left top;
	position:absolute;
	top: 5px;
	left: 111px;
}

#header_info ul li.orrnet_tabireg_bnr a:hover {
	background-color: transparent;
}


#header dl dt.mobile a {
	display: block;
/*	width: 80px;
	height:22px; */
	position:absolute;
	top:92px;
	left: 215px;
}

#header dl dt.smartphone a {
	display: block;
/*	width: 170px;
	height:22px; */
	position:absolute;
	top:92px;
	left: 300px;
}


#header dl dt.not_japanese a {
	display: block;
/*	width: 170px;
	height:22px; */
	position:absolute;
	top:92px;
	left: 300px;
}


#header dl dt.top_not_japanese a {
	display: block;
/*	width: 170px;
	height:22px; */
	position:absolute;
	top:92px;
	left: 441px;
}

#header_info ul li.support_tool a {
	display: block;
	width: 110px;
	height:48px;
	background: #fff url(../image/bt_support_tool.gif) no-repeat left top;
	position:absolute;
	top:10px;
	left: 0px;
}

#header_info ul li.mail a {
	display: block;
	width: 50px;
	height:48px;
	background: #fff url(../image/bt_mail.gif) no-repeat left top;
	position:absolute;
	top:10px;
	left: 70px;
}
#header_info ul li.foma a {
	display: block;
	width: 131px;
	height:79px;
	background: #fff url(../image/bnr_foma.gif) no-repeat left top;
	position:absolute;
	top:0px;
	left: 336px;
}

#header_info ul li.foma a:hover {
	background-color: transparent;
}


/*----------キーワード検索----------*/

#cse-search-box dt.keyword {
	background: #fff url(../image/text_keyword.gif) no-repeat left top;
	width:85px;
	height:20px;
	position:absolute;
	top:85px;
	left: 90px;
	text-indent:-9999px;
}

#cse-search-box dd.textfield {
	position:absolute;
	top:85px;
	left: 181px;
	width:160px;
}

#cse-search-box dd.bt_search {
	position:absolute;
	top:85px;
	left: 358px;
}

#cse-search-box dd.bt_use {
	position:absolute;
	top:85px;
	left: 413px;
}

#cse-search-box dd.bt_use a:hover {
	background-color: transparent;
}

/*----------------------------------------------------

	▼左ナビ

----------------------------------------------------*/

#snavi{
	background: #f7f0dd url(../image/bg_sidenavi.gif) no-repeat left bottom;
	width:190px;
	position:relative;
}

#snavi dl {
	width:190px;
	padding-bottom:0px;
}

#snavi dl dt {
	width:190px;
	height:30px;
	text-indent:-9999px;
}

#snavi dl dt.avian_flu {
	background: #f7f0dd url(../image/title_avian_flu.gif) no-repeat left top;
}

#snavi dl dt.topic_info {
	background: #663300 no-repeat left top;
	color: #ffffff;
	text-indent: 0px;
	font-size: 11pt;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

#snavi dl dt.important_info {
	/* background: #f7f0dd url(../image/title_important_info.gif) no-repeat left top; */
	background: #663300 no-repeat left top;
	color: #ffffff;
	text-indent: 0px;
	font-size: 11pt;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

#snavi dl dt.mail_info {
	background: #663300 no-repeat left top;
	color: #ffffff;
	text-indent: 0px;
	font-size: 11pt;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

#snavi dl dt.title_travel_info {
	background:url(../image/title_travel_info.gif) no-repeat left top;
}

#snavi dl dt.useful_info {
	background: #f7f0dd url(../image/title_useful_info.gif) no-repeat left top;
}

#snavi dl dt.info_search {
	background: #f7f0dd url(../image/title_info_search.gif) no-repeat left top;
}

#snavi dl dd {
	background:url(../image/arrow_link_a01.gif) no-repeat 10px 8px;
	line-height:130%;
	border-bottom:1px dotted #663300;
}

#snavi dl dd.child {
	padding:5px 10px 0 23px;
	background:url(../image/arrow_link_b01.gif) no-repeat 10px 8px;
}

#snavi dl dd a {
	display:block;
	width:162px;
	padding:5px 5px 5px 23px;
}


#snavi dl dd.end {
	border-bottom:none;
}

#contents_left #snavi dl dd ul {
	margin-top:5px;
}

#contents_left #snavi dl dd ul li a {
	width:145px;
	padding:5px 0 5px 18px;
}

#contents_left #snavi dl dd ul li {
	border-top:1px dotted #663300;
	background:url(../image/arrow_link_a01.gif) no-repeat 5px 9px;
}


#contents_left #snavi dl dd ul li a:hover {
	background:url(../image/arrow_link_a02.gif) no-repeat 5px 8px;
}

#contents_left #campaign a:hover {
	background-color: transparent;
}

#contents_left #sochi a:hover {
	background-color: transparent;
}

#contents_left #backnumber {
	text-align: right;
}


/*----------------------------------------------------

	▼フッター

----------------------------------------------------*/

#fnavi {
	width: 500px;
	float: left;
}

#fnavi ul {
	text-align: left;
}

#fnavi ul li {
	display: inline;
	margin-right: 5px;
	padding-left: 10px;
	background: url(../image/arrow_line.gif) no-repeat left center;
	line-height: 150%;
}

#fnavi ul li#first {
	background-image:none;
}

#footer_inner ul li.foma2 a {
	position:relative;
	display: block;
	width: 140px;
	height:85px;
	top: -10px;
	right: 0px;
	background: #fff url(../image/bnr_foma.gif) no-repeat left top;
	float: right;
}

/*----------------------------------------------------

	▼パンくず
	
----------------------------------------------------*/

#topicpath {
	width:730px;
	height: 25px;
	background-color: #FFFFFF;
}

#topicpath ul {

}

#topicpath ul li {
	display: inline;
	font-size:90%;
	margin-right: 5px;
	padding-left: 12px;
	background:url(../image/arrow_topicpath.gif) no-repeat left center;
	line-height: 110%;
}

#topicpath  ul li strong{
	font-weight:normal;
}


/*----------------------------------------------------

	▼メニュースキップ
	
----------------------------------------------------*/

.menu_skip {
	position:absolute;
	text-indent:-9999px;

}

.right_regist_site {
	margin: 30px 10px;
	padding: 10px;
	border: medium solid #663300;
}