@charset "utf-8";

/*
Theme Name: 新日本観光
Description: 
Version: 1.0
Author: Oookie!
Author URI: http://oookie.jp/
*/




/* base
---------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
	height: 100%;
}

body {
	color: #2f2f2f;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Verdana, Osaka, "メイリオ", Meiryo, "MS PGothic", "ＭＳ　Ｐゴシック", sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}

ul {
	list-style: none;
}

a {
	color: #4b96c8;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

img {
	border: 0;
}

a img:hover {
	opacity: 0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
}

address {
	font-style: normal;
}

p {
	line-height: 150%;
}

/* border-none */
.border_none {
	border: none !important;
}
.border_b_none {
	border-bottom: none !important;
}
.border_l_none {
	border-left: none !important;
}
.border_r_none {
	border-right: none !important;
}
.border_t_none {
	border-top: none !important;
}

.mar0 {
	margin: 0 !important;
}

.mar-r0 {
	margin-right: 0 !important;
}

/* clearfix */
.clear {
	clear: both;
}
.clearfix:after {
	clear: both;
	content: "";
	display: block;
	overflow: hidden;
}

/* float */
.floatL {
	float: left;
}

.floatR {
	float: right;
}

/* font-size */
.mini {
	font-size: 0.85em;
}

/* align */
.tAlign-l {
	text-align: left !important;
}
.tAlign-c {
	text-align: center !important;
}
.tAlign-r {
	text-align: right !important;
}

/* google chrome input button padding */
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::-webkit-file-upload-button, button {
	padding: 1px 6px;
}
.imgBox {
	font-size: 0;
	line-height: 0;
}

.blue {
	color: #2f7dbe;
}

.red {
	color: #d1444b;
}

.green {
	color: #079240;
}


.caution {
	color: #f00;
}

.need {
	color: #ff7800;
}

.disabled {
	ime-mode: disabled;
}



/* header
---------------------------------------- */
#header {
	background: url("images/header-bg.png") repeat-x 0 0;
	height: 121px;
	position: relative;
	z-index: 1000;
}

#header .inner {
	margin: 0 auto;
	text-align: left;
	width: 960px;
}

#header .box {
	height: 64px;
}

#logo {
	float: left;
	padding-top: 11px;
}

#header .box p {
	float: right;
	padding-top: 22px;
}




/* gNav
---------------------------------------- */
#gNav li {
	float: left;
	width: 137px;
	height: 55px;
	position: relative;
}

#gNav li.nav07 {
	width: 138px;
}



#gNav li a {
	background: url("images/nav.jpg") no-repeat 0 0;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	width: 100%;
	height: 100%;
}


#gNav li.nav01 a {
	background-position: 0 0;
}

#gNav li.nav01 a.on,
#gNav li.nav01 a:hover,
body.top #gNav li.nav01 a {
	background-position: 0 -55px;
}


#gNav li.nav02 a {
	background-position: -137px 0;
}

#gNav li.nav02 a.on,
#gNav li.nav02 a:hover,
body.page-greeting #gNav li.nav02 a {
	background-position: -137px -55px !important;
}


#gNav li.nav03 a {
	background-position: -274px 0;
}

#gNav li.nav03 a.on,
#gNav li.nav03 a:hover,
body.page-company #gNav li.nav03 a {
	background-position: -274px -55px;
}


#gNav li.nav04 a {
	background-position: -411px 0;
}

#gNav li.nav04 a.on,
#gNav li.nav04 a:hover,
body.page-history #gNav li.nav04 a {
	background-position: -411px -55px;
}


#gNav li.nav05 a {
	background-position: -548px 0;
}

#gNav li.nav05 a.on,
#gNav li.nav05 a:hover,
body.page-corporation #gNav li.nav05 a {
	background-position: -548px -55px;
}


#gNav li.nav06 a {
	background-position: -685px 0;
}

#gNav li.nav06 a.on,
#gNav li.nav06 a:hover,
body.page-engagement #gNav li.nav06 a {
	background-position: -685px -55px;
}


#gNav li.nav07 a {
	background-position: -822px 0;
}

#gNav li.nav07 a.on,
#gNav li.nav07 a:hover,
body.page-contact #gNav li.nav07 a {
	background-position: -822px -55px;
}



#gNav li ul {
	display: none;
	height: auto;
	position: absolute;
	left: 1px;
	top: 58px;
}

#gNav li ul li {
	border-bottom: 1px solid #444;
	width: auto;
	height: auto;
}

#gNav li ul li a {
	background: #2f2f2f;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	overflow: visible;
	text-indent: 0;
	padding: 10px 15px 10px 15px;
	width: 130px;
}




/* footer
---------------------------------------- */
#footer {
	clear: both;
	margin: 0 auto;
	padding-top: 26px;
	text-align: left;
	width: 964px;
}

#footer .fTop {
	background: url("images/footer-top.gif") no-repeat 0 0;
	width: 964px;
	height: 13px;
}

#footer .inner {
	background: url("images/footer-bg.gif") repeat-y 0 0;
	height: 100%;
}

#footer ul {
	padding: 10px 0 50px 24px;
}

#footer ul li {
	float: left;
	margin-right: 5px;
}




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



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



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



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




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