@charset "utf-8";
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, section, details, summary, address {
	display: block;
}
img, object, embed {
	max-width: 100%;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
ol {
	margin-left: 30px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */




/* =INITIAL
-------------------------------------------------------------- */

.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}
.text_bold {
	font-weight: bold;
}
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.clear {
	clear: both;
}
/* =GLOBAL
-------------------------------------------------------------- */





body {
	font-size: 14px;
	line-height: 20px;
	color: #343434;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, sans-serif, arial, verdana;
	background-color: #DCDBDB;
}
a:link, a:visited {
	color:#424242;
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:none;
	color: #f08e23;
}
.container {
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
}
/* =HEADER
-------------------------------------------------------------- */
#header {
	height: 140px;
	position:relative;
	background-color: #fff;
	width: 950px;
}
#header .logo {
	background-image: url(../images/header/logo.png);
	background-repeat: no-repeat;
	display: block;
	height: 98px;
	width: 380px;
	top: 20px;
	position:absolute;
}
#header .contact {
	width: 360px;
	height: 100px;
	display: block;
	position:absolute;
	top: 26px;
	right: 15px;
}
#header .tel {
	background-image: url(../images/header/tell.png);
	display: block;
	height: 60px;
	width: 360px;
}
#header .mail {
	background-image: url(../images/header/mail.png);
	display: block;
	height: 40px;
	width: 360px;
}
#header .mail:hover {
	background-position: left bottom;
}
/* =LAYOUT
-------------------------------------------------------------- */

.main {
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat-y;
	position:relative;
}
.main_col {
	width: 768px;
	margin-right: 30px;
	float: left;
	height:auto;
}
.side_col {
	right: 0px;
	position:absolute;
	top:0;
	display:block;
	overflow: hidden;
}
/* =MAIN_COL
-------------------------------------------------------------- */

.top_banner {
	position: relative;
	width: 768px;
	height: 417px;
}
.top_banner #slider {
	position: absolute;
	z-index: 1;
}
.top_banner .text1 {
	background-image: url(../images/top%20banner/bannertitle.png);
	height: 347px;
	width: 758px;
	position: absolute;
	z-index: 2;
	top: 5px;
	left: 5px;
}
/*-- main_nav --*/
.main_nav {
	height: 62px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 768px;
	z-index: 3;
	background-image: url(../images/menu/menu.png);
	background-repeat: repeat-x;
}
.main_nav li a {
	width: 152px;
	float: left;
	display:block;
	background-repeat: no-repeat;
	height: 62px;
	background-position: center center;
	border-right: solid 2px #fff;
}
.main_nav li a:hover {
	background-color: rgba(255, 255, 255, 0.7);
}
.main_nav #nav1 {
	width: 151px;
	float: left;
	display:block;
	background-repeat: no-repeat;
	height: 62px;
	background-position: center center;
	border-right: solid 2px #fff;
	background-image: url(../images/menu/menu_1.png);
}
.main_nav #nav1:hover {
	background-color: rgba(255, 255, 255, 0.7);
}
.main_nav #nav2 {
	background-image: url(../images/menu/menu_2.png);
}
.main_nav #nav3 {
	background-image: url(../images/menu/menu_3.png);
}
.main_nav #nav4 {
	background-image: url(../images/menu/menu_4.png);
}
.main_nav #nav5 {
	background-image: url(../images/menu/menu_5.png);
}
/*-- contact_banner --*/
.contact_banner {
	background-image: url(../images/contact_banner/obi_base.png);
	display: block;
	height: 96px;
	width: 768px;
	position:relative;
}
.contact_banner .logo {
	background-image: url(../images/contact_banner/obi_ace.png);
	display: block;
	height: 80px;
	width: 304px;
	position: absolute;
	left: 8px;
	top: 8px;
}
.contact_banner .inquiry {
	background-image: url(../images/contact_banner/obi_form.png);
	display: block;
	height: 64px;
	width: 160px;
	position: absolute;
	right: 15px;
	top: 16px;
}
.contact_banner .inquiry:hover {
	background-position: left bottom;
}
/*-- tabs2 --*/

#tabs2 .title {
	background-image: url(../images/content/tabs2_title.gif);
	display: block;
	height: 36px;
	width: 193px;
	text-indent: -9999px;
	margin: 40px 25px;
}
#tabs2 .images li {
	float: left;
	width: 25%;
	text-align: center;
	margin-bottom: 30px;
}
/*-- tabs3 --*/



#tabs3 .title {
	background-image: url(../images/content/tabs3_title.gif);
	display: block;
	height: 36px;
	width: 129px;
	text-indent: -9999px;
	/*margin: 25px;*/	margin: 40px 25px 40px 25px;
}

#tabs3 .slide_box .box{
	margin-left: 2px;	
}

#tabs3 .thumb {
	width: 176px;
	margin-right: 12px;
	float: left;
	margin-bottom: 10px;
	background: #fff;
}


#tabs3 .thumb img {
	background:#fff;
	display:block;
	width: 176px;
	height: 176px;
	margin-left:auto;
	margin-right:auto;
}
#tab3 .images img {
	margin: 0px;
	padding: 0px;
}
/*-- tabs4 --*/

#tabs4 {
	background-image: url(../images/content/tabs4/content4.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 728px;
	width: 768px;
}
#tabs4 .title {
	background-image: url(../images/content/tabs4_title.gif);
	display: block;
	height: 36px;
	width: 161px;
	text-indent: -9999px;
	/*margin: 25px;*/	margin: 50px 25px 25px 25px;	position: absolute;
}
/*-- tabs5 --*/
#tabs5 {
	background-image: url(../images/content/tabs5/content5.jpg);
	display: block;
	height: 836px;
	width: 768px;
}
#tabs5 .title {
	background-image: url(../images/content/tabs5_title.png);
	display: block;
	height: 36px;
	width: 225px;
	text-indent: -9999px;
	/*margin: 25px;*/	margin: 55px 25px 25px 25px;	position: absolute;
}
/* =SIDE_COL
-------------------------------------------------------------- */
.side_col .banner a{		display:block;		background:#fff;		margin-bottom: 10px;}.side_col .banner a img{	display:block;	}
.btn_top {
	position:fixed;
	bottom: 30px;
	right: 15px;
	background:url(../images/btn_top.png);
	background-repeat:no-repeat;
	width:43px;
	height:43px;
	display:block;
	background-position: top;
}
.btn_top:hover {
	background-position:bottom;
}
/* =Slidebox
-------------------------------------------------------------- */

.slide_box {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:1;
	overflow:hidden;
	background:url(../images/bg_black.jpg);
	background-repeat: repeat;
	/*padding: 10px 10px;*/
}
.slide_box .inside_box {
	width:99999px;
	position:relative;
	left:-768px;
	margin:15px 10px 10px 10px;
}
.slide_box .block {
	padding: 0px 0px;
}
.slide_box .box {
	width:768px;
	float:left;
}
.slide_box .thumb img {
	cursor:pointer;
}
.slide_box .control #prev {
	position:absolute;
	top: 47%;
	left: 4px;
	z-index:1000;
	background-image: url(../images/arrow-left.png);
	background-repeat: no-repeat;
	display: block;
	height: 56px;
	width: 57px;
	text-indent: -9999px;
}
.slide_box .control #next {
	position:absolute;
	top: 47%;
	right: 4px;
	z-index:1000;
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	display: block;
	height: 56px;
	width: 57px;
	text-indent: -9999px;
}
.slide_box .control #prev:hover, .slide_box .control #next:hover {
	background-position: bottom;
}
.slide_box .page {
	color:#fff;
	width: 100px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
}
.box830 {
	height:830px;	
}.box820 {	height:820px;	}
.box360 {
	height:370px;	
}
.boxpagetop {	
	text-align:center;
	width:100% !important;
}
.boxpagefooter {
	position:absolute;
	top:785px;
	text-align:center;
	width:100% !important;
}
/* =SINGLE IMAGE
-------------------------------------------------------------- */

.bg_single_image {
	background:url(../images/bg_black.jpg);
	padding: 0px 0px;
	background-repeat: repeat;
	display:none;
	position:relative;
}
.single_image {
	width:720px;
	position:relative;
	overflow:hidden;
	margin-left:25px;
}
.single_image .inside_single_box {
	width:999999px;
	position:relative;
}.single_image #inside_single_box_2 {	margin-top:17px;}
.single_image .box {
	width:720px;
	float:left;
}


#tabs2 .bg_single_image .control #prev {
	position:absolute;
	top: 45%;
	left: 4px;
	z-index:1000;
	background-image: url(../images/arrow-left.png);
	background-repeat: no-repeat;
	display: block;
	height: 56px;
	width: 57px;
	text-indent: -9999px;
}
#tabs2 .bg_single_image .control #next {
	position:absolute;
	top: 45%;
	right: 4px;
	z-index:1000;
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	display: block;
	height: 56px;
	width: 57px;
	text-indent: -9999px;
}


#tabs2 .control #next:hover, #tabs2 .control #prev:hover {
	background-position:bottom;
}

.single_image .control #prev {
	position:absolute;
	top: 45%;
	left: 0px;
	z-index:1000;
	background-image: url(../images/arrow-left.png);
	background-repeat: no-repeat;
	display: block;
	height: 56px;
	width: 57px;
	text-indent: -9999px;
}
.single_image .control #next {
	position:absolute;
	top: 45%;
	right: 0px;
	z-index:1000;
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	display: block;
	height: 56px;
	width: 57px;
	text-indent: -9999px;
}


#tabs3 .bg_single_image .control #prev2 {
	position:absolute;
	top: 47%;
	left: 4px;
	z-index:1000;
	background-image: url(../images/arrow-left.png);
	background-repeat: no-repeat;
	display: block;
	height: 56px;
	width: 57px;
	text-indent: -9999px;
}
#tabs3 .bg_single_image .control #next2 {
	position:absolute;
	top: 47%;
	right: 4px;
	z-index:1000;
	background-image: url(../images/arrow-right.png);
	background-repeat: no-repeat;
	display: block;
	height: 56px;
	width: 57px;
	text-indent: -9999px;
}
#tabs3 .bg_single_image .control #prev:hover, #tabs3 .bg_single_image .control #next:hover {
	background-position: bottom;
}
#tabs3 .bg_single_image .control #prev2:hover, #tabs3 .bg_single_image .control #next2:hover {
	background-position: bottom;
}
.single_image .close a {
	width: 17px;
	float: none;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 17px;
	position: absolute;
	top: 0px;
	right: 20px;
	display:block;
	cursor: pointer;
	text-indent:-9999px;
}
#tabs2 .close a {
	width: 17px;
	float: none;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 17px;
	position: absolute;
	top: 13px;
	right: 13px;
	display:block;
	cursor: pointer;
	text-indent:-9999px;
}
#tabs2 .single_image .close a {
	top: 20px;
}
#tabs2 .close a:hover {
	background-position: left bottom;
}
#tabs3 .close a {
	width: 17px;
	float: none;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 17px;
	position: absolute;
	top: 13px;
	right: 13px;
	display:block;
	cursor: pointer;
	text-indent:-9999px;
}
#tabs3 .single_image .close a {
	top: 20px;
}
#tabs3 .close a:hover {
	background-position: left bottom;
}
#tabs2 .single_image .close a {
	background-image: url(../images/close.png);
}
.bg_single_image .page {
	color:#fff;
	text-align:center;
	margin-bottom: 5px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
}
#tabs2 .box {
	text-align:center;
}
/* =FOOTER
-------------------------------------------------------------- */
#footer {
	margin-top: -2px;
}
#footer .inside {
	background: #0c84bf;
	padding: 30px;
	color: #fff;
	width: 890px;
}


#footer .copyrights {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}