@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
html {
	overflow-y:auto;
}
iframe {
	overflow:hidden;
}
address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}
table	{
	border-collapse: collapse;	border-spacing: 0;
}
caption, th	{
	text-align: left;
}
q:before ,q:after	{
	content: '';
}
hr, legend	{
	display: none;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
img, abbr, acronym, fieldset	{
	border: 0;
}
img{
	border:none;
	vertical-align:bottom;
	max-width: 100%;
	height: auto;
}	

li	{
	list-style-type: none;
}
p, dd, blockquote	{
	text-align: justify;
	text-justify: inter-ideograph;
}
a:link {
text-decoration:none;
list-style:none;
}
a:visited{
text-decoration:none;
list-style:none;
}
a:hover{
text-decoration:none;
list-style:none;
}
a:active {
text-decoration:none;
list-style:none;
}

/*==========================================
 content
===========================================*/

#container {
	width: 1000px;
	margin: 0px auto;
	overflow: hidden;
}
/*==========================================
 トップページ　main
===========================================*/
#content {
	height: auto;
	float: right;
	width: 750px;
	margin-top: 10px;
}
#contents {
	width:750px;
}

/*==========================================
 content 240706
===========================================*/

#container1 {
	width: 1000px;
	margin: 0px auto;
	overflow: hidden;
}
/*==========================================
 トップページ　main 240706
===========================================*/
#content1 {
	height: auto;
	float: right;
	width: 750px;
	margin-top: 10px;
}
#contents1 {
	width:750px;
}



/*==========================================
 header
===========================================*/
#head-top-cover{
	border-top:5px solid #00b300;
	border-bottom:1px solid #00b300;
}
#head-top {
	width:1000px;
	margin:0 auto;
}
#head-top h1 {
	float:left;
	font-weight:normal;
	color:#4e1c01;
	padding-top:8px;
	font-size:90%;
}
#head-top #head-top-right {
	float:right;
}
#head-top #head-top-right li {
	float:left;
	margin:0 !important;
	padding:8px 5px 8px 5px;
	border-left:1px solid #eee6db;
	text-align:center;
	font-size:75%;
}
#head-top-right li a:link { color:#333333; list-style:none;}
#head-top-right li a:visited{ color:#333333; list-style:none; text-decoration:none;}
#head-top-right li a:hover{ color:#666666; list-style:none; text-decoration:none;}
#head-top-right li a:active { color:#333333; list-style:none; text-decoration:none;}
#head-top #head-top-right li img {
padding-right:2px;
}
#head-top #head-top-right li span.red {
color:#FF0000;
font-weight:bold;
}
.head-top-end{
	border-right:1px solid #eee6db;
	background-color:#FCE8E2;
	}
#header {
	width:1000px;
	margin:0px auto;
}
#head-bottom {
	background:url(https://www.otentosan.com/common_img/header/top1000%C3%97150px.jpg) no-repeat;
	height:150px;
	margin-top:10px;
	margin-bottom:10px;
}
#header h2 {
	float:left;
	padding-top:14px;*/
}
#header #head-right {
	float:right;
	/*padding-top:32px;*/
	/*padding-top:18px;*/
}
#header #head-right .head-navi {
	margin-bottom:15px;
}
#header li {
	float:left;
	margin:0 !important;
}
#header #head-right ul li {
	float:left;
}

/*==========================================
head search
===========================================*/

#containersearch {
	width:995px;
	height:46px;
	padding:2px 2px 2px 3px;
	margin:0px 0px 2px 0px;
	background:#eee;
}
#containersearch  div{
	float:left;
	margin:3px 0px 0px 0px;
}
#containersearch  input{
	vertical-align:middle;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
#containersearch  .search {
	width:496px;
	height:40px;
	margin:0px 2px 0px 2px;
	border:none;
}
#containersearch  ul{
	width:310px;
	float:right;
	background:#fff;
	margin:3px 4px 0px 2px;border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
#containersearch  ul li{
	padding:3px 2px 3px 0px;
	white-space:nowrap;
}
/*==========================================
 searchBox
===========================================*/
#searchBox {
	width: 210px;
	height: 120px;
	font-size: 12px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
	padding: 10px;
}
form#search {
	margin: 0;
}

/* --- 検索ワード入力 --- */
form#search input#textBox {
	width: 200px;
	background-color: #ffffff;
	color: #333;
	height: 40px;
	border: 1px solid #CCC;
	padding: 1px 5px;
}

/* --- 検索ボタン --- */
form#search input#btn {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 40px;
	width: 210px;
}
/* --- 注目ワード --- */
#searchBox ul{
	list-style-type: none;
	padding: 0;
	margin: 0 ;
}
#searchBox li{
	font-size: 11px;
	color: #333;
	line-height: 1.4em;
	float:left;
	padding-left:10px;
}
#searchBox a:link { color:#A1A1A1; list-style:none;}
#searchBox a:visited { color:#A1A1A1; list-style:none;}
#searchBox a:hover { color:#A1A1A1; list-style:none;}
#searchBox a:active { color:#A1A1A1; list-style:none;}


/*==========================================
 leftmenu
===========================================*/

#leftNav {
	width: 240px;
	background-color: #FFF;
	float: left;
	padding-bottom: 10px;
	margin-top: 10px;
	}
#leftNav dl {
    margin: 0px;
    padding:5px;
    width: 220px;
	border:1px #D9D9D9 solid;
}
#leftNav dt {
	background:url(https://www.otentosan.com/common_img/left/navi_bg.jpg)  no-repeat;
	width:220px;
	height:30px;
	margin:10px 0px 0px 0px;
	padding:5px 0px 5px 0px;
}
#leftNav dt span {
 font-size:16px;
 padding-left:10px;
 font-weight:bold;
}
#leftNav dt a:link { color:#333333; list-style:none;}
#leftNav dt a:visited { color:#333333; list-style:none;}
#leftNav dt a:hover { color:#333333; list-style:none;}
#leftNav dt a:active { color:#333333; list-style:none;}
	
#leftNav dd {
    font-size: 14px;
    height: 20px;
    margin: 0px;
	width:240px;
	color:#666;
}
#leftNav dd a {
    color:#333;
    text-decoration: none;
    padding:2px 0px 1px 15px;
	display: block;
	font-weight:bold;
}
#leftNav dd a:hover {
	text-decoration:underline;	
}
/* --- menu下バナー --- */
.sideBnr {
	width: 240px;
	margin-top: 8px;
}


/*==========================================
 footer
===========================================*/
#footerbg {
	width: 100%;
	clear: both;
	background-color: #ffffff;
	overflow: hidden;
	margin-top:20px;
}
#footerInner {
	width: 1000px;
	margin: 0px auto;
}
#footerInner h4{
	width: 986px;
	margin:0 auto;
	padding:5px;
	border:2px solid #00b300;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	color:#00b300;
/* ---	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;--- */
}
#footerInner h5{
	width: 240px;
	font-size: 90%;
	color: #333;
	margin-top: 5px;
	padding: 4px 2px;
	margin-bottom: 5px;
	font-weight:bold;
	content: '>';
}

#footerInner ul{
	list-style-type: none;
	padding: 0;
	margin: 0 ;
}

#footerInner li{
	width: 240px;
	font-size: 70%;
	color: #333;
	padding-right: 4px;
	padding-left: 4px;
	line-height: 1.4em;
}
#footerInner span{
	text-decoration:none;
	padding-left: 160px;
}
#footerInner span a{
	text-decoration: underline;
}

#footerInner span a:hover{
	color: #F00;
	text-decoration: underline;
}
#footerNavi01{
	float: left;
	width: 22%;
	margin:10px 15px;
	}
#footerNavi02{
	float: left;
	width: 22%;
	margin:10px 15px;
	}
#footerNavi03{
	float: left;
	width: 22%;
	margin:10px 15px;
	}
#footerNavi04{
	float: left;
	width: 22%;
	margin:10px 15px;
	}
/*==========================================
 footer copy
===========================================*/
#footerUnder {
	width: 100%;
	background-color: #00b300;
	clear: both;
	padding-top: 10px;
	padding-bottom: 20px;
}
#footerUnInner {
	width: 950px;
	margin:0px auto;
}

#footerUnInner ul{
	  	list-style-type:none;
	  	color:#ffffff;
	  	margin: 0px auto;
}
#footerUnInner li {
	float: left;
	list-style: none;
	font-size: 80%;
	color: #ffffff;
	text-decoration: none;	
	padding:0px 2px;
}


#footerUnInner li a{
	color: #ffffff;
	text-decoration: none;	
}

#footerUnInner li a:hover{
	color:#ffffff;
	text-decoration:underline;
}

#copyright {
	line-height: 1;
	font-size: 80%;
	color: #ffffff;
	margin:0 auto;
	text-align: right;
}

/*==========================================
 topに戻る
===========================================*/

#page_top{
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 40px;
  background:#ffa500;
  opacity: 0.8;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f102';
  font-size: 20px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -20px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'TOPへ';
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
/*==========================================
 Right Banner
===========================================*/
.fs-cartContent-container {
width:800px;
}

/* 右側 */
a.Side_Banner.right { right: -15px;} /*マウスを乗せた時に出てくる幅*/
a.Side_Banner.right:hover{ right: 0;}

/* 左側 */
a.Side_Banner.left { left: -15px;} /*マウスを乗せた時に出てくる幅*/
a.Side_Banner.left:hover{ left: 0;}

/* 並び位置 */
a.Side_Banner.top1 { top: 250px; }
a.Side_Banner.top2 { top: 370px; }
a.Side_Banner.top3 { top: 80px; }



/*==========================================
 2024.09.04　dokugeki
===========================================*/
.dokugeki_area {
border:5px #333333 solid;
padding:1rem;
margin-bottom:1rem;
}
.dokugeki_area p.red {
font-size: 2.0rem;
font-weight: bold;
color:#FF0000;
}
.dokugeki_area p.blue {
font-size:1.6rem;
text-align:center;
font-weight: bold;
color:#0066FF;
}
.dokugeki_area img{
text-align:center;
margin:1rem auto;

} 
.dokugeki_area a {
color:inherit;
text-decoration:none;

}
.dokugeki_area a:hover {
  opacity: 0.7;
}

@media (max-width:700px) {
.dokugeki_area {
border:none;
}
}