@charset "UTF-8";
/* CSS Document */

body {
	font-size: 13px;
	line-height: 150%;
	color: #3F3F3F;
	text-align: justify;
	text-justify: inter-ideograph;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/common/bg.jpg);
	background-repeat: repeat-x;
}

h1 {margin:0; padding:0; display:none; font-weight:bold;}

h2,h4,h5,h6 {margin:0; padding:0;}

#No-View {display:none;}

/*ベース*/
#wrap {
	background-color: #FFFFFF;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #3F3F3F;
	border-left-color: #3F3F3F;
}

/*ヘッダー*/
#header {
	background-image: url(../img/common/header.jpg);
	background-repeat: no-repeat;
	height: 98px;
	width: 800px;
}
#header a {
	display: block;
	height: 70px;
	width: 340px;
	position: relative;
	top: 15px;
	left: 10px;
}

/*左側ボックス*/
#left-box {
	float: left;
	width: 253px;
}

/*ナビゲーション*/
#left-box #navi {
	padding-left: 6px;
}
#navi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#navi li {
	padding-left:2px;
	padding-bottom:4px;
	list-style-type: none;
}

/*ナビゲーション　HOME*/
#navi .home a {
	background-image: url(../img/common/navi/navi-home.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 244px;
	text-indent: -9800px;
	display: block;
}
#navi .home a:hover {
	background-image: url(../img/common/navi/navi-home-on.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 244px;
	text-indent: -9800px;
	display: block;
}

/*ナビゲーション　ダイオーズ*/
#navi .daiohs a {
	background-image: url(../img/common/navi/navi-daiohs.jpg);
	background-repeat: no-repeat;
	height: 86px;
	width: 245px;
	text-indent: -9800px;
	display: block;
}

/*ナビゲーション　OCS*/
#navi .ocs a {
	background-image: url(../img/common/navi/navi-ocs.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 244px;
	text-indent: -9800px;
	display: block;
}
#navi .ocs a:hover {
	background-image: url(../img/common/navi/navi-ocs-on.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 244px;
	text-indent: -9800px;
	display: block;
}

/*ナビゲーション　OCS無料*/
#navi .ocs-m a {
	background-image: url(../img/common/navi/navi-ocs-m.jpg);
	background-repeat: no-repeat;
	height: 96px;
	width: 245px;
	text-indent: -9800px;
	display: block;
}
#navi .ocs-m-dem2 a {
	background-image: url(../img/common/navi/navi-ocs-m-dem2.jpg);
	background-repeat: no-repeat;
	height: 96px;
	width: 245px;
	text-indent: -9800px;
	display: block;
}
#navi .ocs-m-pod1 a {
	background-image: url(../img/common/navi/navi-ocs-m-pod1.jpg);
	background-repeat: no-repeat;
	height: 96px;
	width: 245px;
	text-indent: -9800px;
	display: block;
}

/*ナビゲーション　ドリンク*/
#navi .drink a {
	background-image: url(../img/common/navi/navi-drink.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 244px;
	text-indent: -9800px;
	display: block;
}
#navi .drink a:hover {
	background-image: url(../img/common/navi/navi-drink-on.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 244px;
	text-indent: -9800px;
	display: block;
}

/*ナビゲーション　PW*/
#navi .pw a {
	background-image: url(../img/common/navi/navi-pw.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 244px;
	text-indent: -9800px;
	display: block;
}
#navi .pw a:hover {
	background-image: url(../img/common/navi/navi-pw-on.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 244px;
	text-indent: -9800px;
	display: block;
}

/*ナビゲーション　PW無料*/
#navi .pw-m a {
	background-image: url(../img/common/navi/navi-pw-m.jpg);
	background-repeat: no-repeat;
	height: 96px;
	width: 245px;
	text-indent: -9800px;
	display: block;
}

/*ナビゲーション　イベント*/
#navi .event a {
	background-image: url(../img/common/navi/navi-ocs-pw-event.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 244px;
	text-indent: -9800px;
	display: block;
}
#navi .event a:hover {
	background-image: url(../img/common/navi/navi-ocs-pw-event-on.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 244px;
	text-indent: -9800px;
	display: block;
}

/*ナビゲーション　TI商事オリジナル事業*/
#navi .banner-ti {
	background-image: url(../img/common/navi/banner-ti.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 246px;
}

/*ナビゲーション　自動販売機*/
#navi .vending a {
	background-image: url(../img/common/navi/navi-vending.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 244px;
	text-indent: -9800px;
	display: block;
}
#navi .vending a:hover {
	background-image: url(../img/common/navi/navi-vending-on.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 244px;
	text-indent: -9800px;
	display: block;
}

/*ナビゲーション　パチンコ*/
#navi .parlor a {
	background-image: url(../img/common/navi/navi-parlor.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 244px;
	text-indent: -9800px;
	display: block;
}
#navi .parlor a:hover {
	background-image: url(../img/common/navi/navi-parlor-on.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 244px;
	text-indent: -9800px;
	display: block;
}


/*フッター*/
#wrap #fotter {
	width: 790px;
	margin-right: auto;
	margin-left: auto;
}
#fotter #fotter-navi {
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}
#fotter #fotter-navi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#fotter #fotter-navi li {
	float:right;
	margin:0px;
	padding-left: 4px;
	padding-bottom:0px;
	padding-right:0px;
	padding-top:0px;
}
#fotter-navi .inquiry a {
	background-image: url(../img/common/navi-fotter/navi-inquiry.jpg);
	background-repeat: no-repeat;
	text-indent: -9800px;
	height: 20px;
	width: 93px;
	display: block;
}
#fotter-navi .company a {
	background-image: url(../img/common/navi-fotter/navi-company.jpg);
	background-repeat: no-repeat;
	text-indent: -9800px;
	height: 20px;
	width: 69px;
	display: block;
}
#fotter-navi .specific a {
	background-image: url(../img/common/navi-fotter/navi-specific.jpg);
	background-repeat: no-repeat;
	text-indent: -9800px;
	height: 20px;
	width: 140px;
	display: block;
}
#fotter-navi .home2 a {
	background-image: url(../img/common/navi-fotter/navi-home.jpg);
	background-repeat: no-repeat;
	text-indent: -9800px;
	height: 20px;
	width: 68px;
	display: block;
}
#fotter-navi .link a {
	background-image: url(../img/common/navi-fotter/navi-link.jpg);
	background-repeat: no-repeat;
	text-indent: -9800px;
	height: 20px;
	width: 68px;
	display: block;
}
#fotter #fotter-line {
	background-image: url(../img/common/navi-fotter/line.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 790px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 15px;
	text-align: right;
	color: #666666;
	font-size: 11px;
}
/*IE6*/* html #fotter #fotter-line {
	background-image: url(../img/common/navi-fotter/line.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 790px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 15px;
	text-align: right;
	color: #666666;
	font-size: 11px;
	margin-top:-5px;
}
/*IE7*/*:first-child+html #fotter #fotter-line {
	background-image: url(../img/common/navi-fotter/line.jpg);
	background-repeat: no-repeat;
	height: 15px;
	width: 790px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 15px;
	text-align: right;
	color: #666666;
	font-size: 11px;
	margin-top:-5px;
}

/*最下部スペース*/
#under-space {
	height: 30px;
}

/*右側ボックス*/
#wrap #right-box {
	float: left;
	width: 530px;
	padding-right: 8px;
	padding-left: 8px;
}

/*内部用*/
#wrap #main-img {
	height: 116px;
	width: 781px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
#wrap #pan {
	padding-right: 13px;
	margin-bottom: 5px;
	text-align: right;
	font-size: 11px;
	color: #666666;
	line-height: 100%;
}
#wrap #pan a {
	color: #990000;
}

/*上部に戻る方法*/
#backtop {
	text-align: right;
}
#backtop a {
	color: #994C1C;
	font-size: 12px;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}

