/********************
1. Common Setting
2. Library
3. Basic layout

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

/********************
1. Common Setting
********************/

body {
	width: 100%;
	background: url(../images/bg_top-body.png) no-repeat top center;
	color: #fff;
	line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
}
h1,
h2,
h3 {/* margin: 1.5em 0 0;*/
}
h1 {
	font-size: 182%;
}
h2 {
	font-size: 116%;
}
h3 {
	font-size: 100%;
}
h4,
h5,
h6 {
	font-size: 85%;
}
p {
}
em {
}
strong {
}
/*
Hypertext
-------------------*/
a {
	color: #836333;
}
a:hover {
	color: #C9984E;
}
a:visited {
	color: #FFF;
}
/*
List
-------------------*/
ul {
}
ol {
}
ul,
li {
}
ol,
li {
}
dl {
}
dl dt {
}
dl dd {
}
/*
Tables
-------------------*/
table {
	width: 100%;
}
tr {
}
/*td,
th {
	border: 1px solid #FFF;
	padding: 0.5em;
	text-align: center;
}
*//*
images
-------------------*/
img {
	vertical-align: bottom;
}
a img {
}
/*
forms
-------------------*/



/********************
2.Library
********************/
.rollover75:hover {
	opacity: 0.75;
}
.rollover75:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1, Style=0, Opacity=60);
}
/*IE*/
.rollover75 {/* Firefox */ -moz-transition: 0.3s; /* WebKit */ -webkit-transition: 0.3s; /* Opera */ -o-transition: 0.3s; /* Standard */ transition: 0.3s;
}
.float_l {
	display: inline;
	float: left;
}
.float_r {
	display: inline;
	float: right;
}
.clr {
	clear: both;
}
.align_l {
	text-align: left;
}
.align_r {
	text-align: right;
}
.align_c {
	text-align: center;
}
.hdn {
	visibility: hidden;
}
.none {
	display: none;
}
.accent1 {
	color: #900;
}
.accent2 {
	color: #004;
}
.accent3 {
	color: #21663b;
	font-family: Arial;
	font-size: 153.9%;
}
.clr1 {
	color: #482f17;
}
.clr2 {
	color: #6b6a46;
}
.clr3 {
	color: #745122;
}
.alt {
	display: none;
}
/* Margin
------------------------------------------ */
.mgt0 {
	margin-top: 0 !important;
}
.mgt1 {
	margin-top: 1px !important;
}
.mgt2 {
	margin-top: 2px !important;
}
.mgt3 {
	margin-top: 3px !important;
}
.mgt4 {
	margin-top: 4px !important;
}
.mgt5 {
	margin-top: 5px !important;
}
.mgt8 {
	margin-top: 8px !important;
}
.mgt10 {
	margin-top: 10px !important;
}
.mgt15 {
	margin-top: 15px !important;
}
.mgt20 {
	margin-top: 20px !important;
}
.mgt25 {
	margin-top: 25px !important;
}
.mgt30 {
	margin-top: 30px !important;
}
.mgt35 {
	margin-top: 35px !important;
}
.mgt40 {
	margin-top: 40px !important;
}
.mgt50 {
	margin-top: 50px !important;
}
/* Padding
------------------------------------------ */
.pdt0 {
	padding-top: 0px !important;
}
.pdt1 {
	padding-top: 1px !important;
}
.pdt2 {
	padding-top: 2px !important;
}
.pdt3 {
	padding-top: 3px !important;
}
.pdt4 {
	padding-top: 4px !important;
}
.pdt5 {
	padding-top: 5px !important;
}
.pdt8 {
	padding-top: 8px !important;
}
.pdt10 {
	padding-top: 10px !important;
}
.pdt15 {
	padding-top: 15px !important;
}
.pdt20 {
	padding-top: 20px !important;
}
.pdt25 {
	padding-top: 25px !important;
}
.pdt30 {
	padding-top: 30px !important;
}
.pdt35 {
	padding-top: 35px !important;
}
.pdt40 {
	padding-top: 40px !important;
}
.pdt50 {
	padding-top: 50px !important;
}
/********************
3. Basic layout
********************/

/* top.html
------------------------------------------ */
#index {
	background: #000;
}
#flash {
	width: 100%;
	height: 810px;
	min-width: 1080px;
	text-align: center;/*	background: url(../images/dummy_flash.jpg) center top no-repeat;*/
}

/* 
------------------------------------------ */
#wrap {
	width: 1010px;
	margin: 0 auto;
}
#content-wrap {
	background-color: #000000;
}
#left {
	width: 180px;
	min-height: 970px;
	display: inline;
	float: left;
	background: url(../images/bg_left.png) no-repeat top left #2e1f0a;
	position: relative;
}



#left .goindex {
	height: 390px;
	width: 100px;
	position: absolute;
	top: 100px;
	left: 35px;
}
#left .goindex a {
	display: block;
	height: 100%;
	width: 100%;
	background: url(../images/icon_goindex.png) no-repeat;
	text-indent: -9999em;
}

#left .goindex a:link,
#left .goindex a:visited {
	background-position: 0px 330px;
}
#left .goindex a:hover {
	background-position: -100px 330px;
}
#left .goindex a:active {
	background-position: -100px 330px;
}

#left .subtitle {
}

#content {
	width: 830px;
	display: inline;
	float: left;
}

#header {
	position: relative;
	width: 830px;
}
.subtitle {
	position: absolute;
	top: 10px;
	left: -130px;
	margin: 0;
}
.plann {
	position: absolute;
	top: 0;
	left: 0px;
	margin: 0;
}


/********************
Nvigation Setting
********************/
#phone_num {
	width: 240px;
	height: 40px;
	margin: 0 0 0 540px;
}

#navi1 {
	width: 420px;
	height: 52px;
	margin: 0 0 0 360px;
}

#navi1 li {
	display: inline;
	float: left;
}

#navi11,
#navi12 {
	width: 120px;
	height: 30px;
}

#navi13 {
	width: 180px;
	height: 52px;
}

#navi1 li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url('../images/common/navi01.jpg') no-repeat;
	text-indent: -9999px;
}

#navi11 a:link,
#navi11 a:visited {
	background-position: 0 0;
}
#navi11 a:hover {
	background-position: 0 -25px;
}
#navi11 a:active {
	background-position: 0 -50px;
}

#navi12 a:link,
#navi12 a:visited {
	background-position: -120px 0;
}
#navi12 a:hover {
	background-position: -120px -25px;
}
#navi12 a:active {
	background-position: -120px -50px;
}

#navi13 a {
	background: url('../images/common/btn_contact.jpg') no-repeat !important;
}

#navi13 a:link,
#navi13 a:visited {
	background-position: 0 0 !important;
}
#navi13 a:hover {
	background-position: 0 -52px !important;
}
#navi13 a:active {
	background-position: 0 -104px !important;
}


#navi2 {
	width: 720px;
	height: 60px;
	margin: 0 0 0 60px;
	position: relative;
}

#navi2 li {
	display: inline;
	float: left;
	width: 180px;
	height: 30px;
}

#navi2 li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url('../images/common/navi02.jpg') no-repeat;
	text-indent: -9999px;
}

#navi21 a:link,
#navi21 a:visited {
	background-position: 0    0;
}
#page2 #navi21 a {
	background-position: 0 -120px;
}
#navi21 a:hover {
	background-position: 0  -60px;
}
#navi21 a:active {
	background-position: 0 -120px;
}

#navi22 a:link,
#navi22 a:visited {
	background-position: -180px   0;
}
#page3 #navi22 a {
	background-position: -180px -120px;
}
#navi22 a:hover {
	background-position: -180px  -60px;
}
#navi22 a:active {
	background-position: -180px -120px;
}

#navi23 a:link,
#navi23 a:visited {
	background-position: -360px 0;
}
#page4 #navi23 a {
	background-position: -360px -120px;
}
#navi23 a:hover {
	background-position: -360px  -60px;
}
#navi23 a:active {
	background-position: -360px -120px;
}

#navi24 a:link,
#navi24 a:visited {
	background-position: -540px 0;
}
#page5 #navi24 a {
	background-position: -540px -120px;
}
#navi24 a:hover {
	background-position: -540px  -60px;
}
#navi24 a:active {
	background-position: -540px -120px;
}

#navi25 a:link,
#navi25 a:visited {
	background-position: 0  -30px;
}
#page6 #navi25 a {
	background-position: 0 -150px;
}
#navi25 a:hover {
	background-position: 0  -90px;
}
#navi25 a:active {
	background-position: 0 -150px;
}

#navi26 a:link,
#navi26 a:visited {
	background-position: -180px -30px;
}
#page7 #navi26 a {
	background-position: -180px -150px;
}
#navi26 a:hover {
	background-position: -180px -90px;
}
#navi26 a:active {
	background-position: -180px -150px;
}

#navi27 a:link,
#navi27 a:visited {
	background-position: -360px -30px;
}
#page9 #navi27 a {
	background-position: -360px -150px;
}
#navi27 a:hover {
	background-position: -360px -90px;
}
#navi27 a:active {
	background-position: -360px -150px;
}

#navi28 a:link,
#navi28 a:visited {
	background-position: -540px -30px;
}
#navi28 a:hover {
	background-position: -540px -90px;
}
#navi28 a:active {
	background-position: -540px -150px;
}





#footer-wrap {
	background: url(../images/bg_top-footer.png);
	min-width: 1010px;
}
#footer {
	width: 1010px;
	height: 160px;
	margin: 0 auto;
}
#footer .address {
	width: 160px;
	height: 140px;
	background: url(../images/bg_top-footer-adress.png);
	display: inline;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	padding: 20px 10px 0 10px;
}
#footer .f-menu {
	display: inline;
	float: left;
	width: 800px;
	font-size: 93%;
	text-align: center;
}
#footer .f-navi {
	color: #FFFFFF;
	margin: 30px 0;
}
#footer .f-navi li {
	display: inline;
}
#footer .f-navi li a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer .f-navi li a:before {
	content: "▶ ";
}
#footer .f-navi li a:hover {
	text-decoration: underline;
}
#footer .copy {
	color: #FFF;
	margin: 0 auto;
	text-align: center;
}

.gotop {
	text-align: right;
	margin: 0 40px 20px 0;
}
.gotop a {
	color: #FFF;
	text-decoration: none;
}
.gotop a:hover {
	text-decoration: underline;
}
.gotop a:before {
	content: "▲ "
}


/********************
Contents Setting
********************/


.content-inner {
	padding: 0 10px;
}

.col_l,
.col_r {
	display: inline;
	float: left;
}

div.hr {
	height: 6px;
	width: 780px;
	background: url(../images/icon_hr.png) no-repeat center top;
	margin: 20px 0;
	border: none;
}


#fancybox-title table {
	background: none;
}
.onsensyugi {
	padding: 550px 0 0 35px;
}