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

.site_header {
	width: 916px;
	margin-bottom: 10px;
}

#logo {
	margin-top: 22px;
	margin-left: 22px;
	z-index: 5;
}

#date {
	position: absolute;
	left: 670px;
	top: 23px;
}

#r_block .inner {
	width: 700: left;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
#nenshi {
	margin-bottom: 15px;
}


/* ---------- Menu -------------- */

#menu a {
	text-indent: -9999px;
	display: block;
	height: 60px; /*160226 48px */
	width: 204px;
}
#menu01 a {
	background-image: url(../img/menu/menu01_off.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#menu02 a {
	background-image: url(../img/menu/menu02_off.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#menu03 a {
	background-image: url(../img/menu/menu03_off.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#menu04 a {
	background-image: url(../img/menu/menu04_off.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#menu05 a {
	background-image: url(../img/menu/menu05_off.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#menu06 a {
	background-image: url(../img/menu/menu06_off.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#menu07 a {
	background-image: url(../img/menu/menu07_off.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#menu08 a {
	background-image: url(../img/menu/menu08_off.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#menu09 a {
	background-image: url(../img/menu/menu09_off.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#menu10 a {
	background-image: url(../img/menu/menu10_off.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}


#menu01 a:hover {
	background-image: url(../img/menu/menu01_mo.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#menu02 a:hover {
	background-image: url(../img/menu/menu02_mo.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#menu03 a:hover {
	background-image: url(../img/menu/menu03_mo.png);
	background-repeat: no-repeat;
	margin-bottom: 5px;
}
#menu04 a:hover {
	background-image: url(../img/menu/menu04_mo.png);
	background-repeat: no-repeat;
}
#menu05 a:hover {
	background-image: url(../img/menu/menu05_mo.png);
	background-repeat: no-repeat;
}
#menu06 a:hover {
	background-image: url(../img/menu/menu06_mo.png);
	background-repeat: no-repeat;
}
#menu07 a:hover {
	background-image: url(../img/menu/menu07_mo.png);
	background-repeat: no-repeat;
}
#menu08 a:hover {
	background-image: url(../img/menu/menu08_mo.png);
	background-repeat: no-repeat;
}
#menu09 a:hover {
	background-image: url(../img/menu/menu09_mo.png);
	background-repeat: no-repeat;
}
#menu10 a:hover {
	background-image: url(../img/menu/menu10_mo.png);
	background-repeat: no-repeat;
}


#otoiawase_banner{
    margin-top: 14px;
}

#open {
	font-size: 110%;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	line-height: 140%;
	margin-top: 8px;
    text-align: center;
}
#open_kome {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 100%;
	text-indent: 8px;
    text-align: center;
}


/*
----------Navi--------------*/
#nav {
	float: left;
	margin-top: 10px;
	margin-left: 22px;
}
.nav li {
	float: left;
}

.nav a {
	display: block;
	height: 73px;
	width: 125px;
	float: left;
	margin-right: 0px;
}

.nav a {
	text-indent: -9999px;
}
.nav #nav01 a {
	background-image: url(../img/nav01.png);
	background-repeat: no-repeat;
}
.nav #nav02 a {
	background-image: url(../img/nav02.png);
	background-repeat: no-repeat;
}
.nav #nav03 a {
	background-image: url(../img/nav03.png);
	background-repeat: no-repeat;
}
.nav #nav04 a {
	background-image: url(../img/nav04.png);
	background-repeat: no-repeat;
}
.nav #nav05 a {
	background-image: url(../img/nav05.png);
	background-repeat: no-repeat;
}
.nav #nav06 a {
	background-image: url(../img/nav06.png);
	background-repeat: no-repeat;
}
.nav #nav07 a {
	background-image: url(../img/nav07.png);
	background-repeat: no-repeat;
}



.nav #nav01 a:hover {
	background-image: url(../img/nav01_mo.png);
	background-repeat: no-repeat;
}
.nav #nav02 a:hover {
	background-image: url(../img/nav02_mo.png);
	background-repeat: no-repeat;
}
.nav #nav03 a:hover {
	background-image: url(../img/nav03_mo.png);
	background-repeat: no-repeat;
}
.nav #nav04 a:hover {
	background-image: url(../img/nav04_mo.png);
	background-repeat: no-repeat;
}
.nav #nav05 a:hover {
	background-image: url(../img/nav05_mo.png);
	background-repeat: no-repeat;
}
.nav #nav06 a:hover {
	background-image: url(../img/nav06_mo.png);
	background-repeat: no-repeat;
}
.nav #nav07 a:hover {
	background-image: url(../img/nav07_mo.png);
	background-repeat: no-repeat;
}

/*---------content-------------*/

#content {
	position: relative;
	width: 920px;
}
/*right*/
#r_block {
	float: right;
	padding: 0px;
	width: 695px;
}
#daiji {
	position: absolute;
	height: 60px;
	width: 120px;
	left: 230px;
	top: 375px; /* 160226 18px add 360 */
	z-index: 3;
}
#ocr_h3 {
	position: absolute;
	left: 430px;
	top: 655px; /* 160226 130px add 360 */
}
#maru {
	position: absolute;
	left: 210px;
	top: 622px; /* 160226 80px add 360  */
}
#qua_h3 {
	position: absolute;
	left: 275px;
	top: 1215px; /* 160226 690px add 360  */
}
#qua_txt {
	position: absolute;
	top: 1262px; /* 160226 737px add 360 */
	left: 280px;
}
#rekka {
	position: absolute;
	top: 910px; /* 160226 385px add 360 */
	left: 270px;
}
#free_btn {
	position: absolute;
	top: 1317px; /* 160226 778px add 360 */
	left: 370px;
}
#jisui p {
	width: 656px; /* 160226 446px */
	float: left;
	font-size: small;
	margin-top: 22px;
	margin-left: 22px;
}
#jisui img {
	float: right;
}
#jisui {
	margin-top: 45px;
	height: 112px;
	width: 695px;
	background-image: url(../img/jisui_bg.png);
	background-repeat: no-repeat;
}
.products__parts {
	margin: 0px 10px 0px 0px;
}
.products__parts__Container {
	overflow: hidden;
	margin: 0px 0px 30px 0px;
}


/*left*/
#rakutenBlock{
	border: 1px solid #C00;
	width: 201px;
	/*position: absolute;*/
	/*top: 929px; 759px*/
}
#rakutenBlock p.title{
 text-align:center;
	font-weight:bold;
	background-color:#C00;
	color:#FFF;
}
/*
#rakutenBlock div{
	padding:5px;
}
#rakutenBlock div p.banner{
 float:left;
}
#rakutenBlock div p.text{
 float:right;
 width:110px;
	font-size:12px;
	line-height:150%;
	font-weight:bold;
}
*/
#vanadium {
	/*position: absolute;*/
	height: 160px;
	width: 201px;
	/*top: 1052px; 882px*/
	/*left: -2px;*/
}

#scanner{
	padding:10px;
	border:1px dotted #C33;
	height:130px;
	margin-bottom:20px;
	background-image:url(../img/scanner_gb_gra.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

#scanner .ph{
	font-weight:bold;
	font-size:16px;
	line-height:1.2em;
	width:290px;
	text-align:center;
	float:left;
}
#scanner .ph span{
	font-weight:normal;
	font-size:13px;
}
#scanner .bun{
	margin-top:30px;
	margin-left:290px;
	width:350px;
	font-size:18px;
	font-weight:bold;
}
.cation__chosaku {
	margin-bottom: 20px;
}

.otoiawase_link{
	width: 100%;
	text-align: center!important;
}

.otoiawase_link p{
	text-align: center;
}

.otoiawase_link p a img{
	width: 100%;
	height: auto;
}