/* CSS Document */
@charset "Shift_JIS";
/*------head------*/




#header {
	margin:0 auto;
	padding:0;
	text-align:left;
	background-image: url(https://maruchoku.com/images/other/header_bg2.gif);
	background-repeat:repeat-x;
    background-position: left top;
	height: 170px;}

#header p{padding:0; margin:0;}
	
	
#header #h-title {width:980px;
	margin:0 auto;
	background-image: url(https://maruchoku.com/images/other/h-titlebg.gif);
	background-repeat:repeat-x;
	background-position: left top;
	height: 130px;}



#header #h-title p.hLogo {
	width:173px;
	float:left; padding-top:10px;}

#header #h-title p.titleonline{float:left;  padding:14px 0 0 20px;}


#header #h-title h1{
	width:431px;
	float:left;
	padding:10px 0 0 30px; color:#666666; font-size:12px;}
	
#header #h-title p.marusan{float:right; padding:5px 10px 0 0;}

.cl{ clear:both;}

#header #h-title p.tel{float:left; padding-top:15px;}
#header #h-title .headright{float:right;}

#header #h-title .headright ul li{list-style:none; display:inline-block;}

.pl10{padding-left:10px;}
.pt5{padding-top:5px;}
.mb0{margin-bottom:0px;}



/*navi menu---------------------------------------------------*/


#header .navimenu{
	width: 100%;
	padding-bottom: 0px;
	background-image: url(https://maruchoku.com/images/other/navi_bk.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 41px;
	margin: 0 0 0 -20px;}


#header .head-menu{width:980px; margin:0 auto;}

#header .head-menu li{float: left;  height: 41px; list-style:none; }




/*2017---------------------------------------------------*/




#header2 {
	margin:0 auto;
	padding:0;
	text-align:left;
	background-image: url(https://maruchoku.com/images/other/header_bg2017.gif);
	background-repeat:repeat-x;
    background-position: left top;
	height:248px;}

#header2 p{padding:0; margin:0;}
	
	
#header2 #h-title {width:980px;
	margin:0 auto;
	background-image: url(https://maruchoku.com/images/other/h-titlebg.gif);
	background-repeat:repeat-x;
	background-position: left top;
	height: 208px;
	position:relative;}


#header2 .headLeft{float:left;}
#header2 #h-title p.hLogo {
	width:173px;
	float:left; padding-top:10px;}

#header2 #h-title p.titleonline{float:left;  padding:14px 0 0 20px;}


#header2 #h-title h1{
	width:431px;
	float:left;
	padding:10px 0 0 30px; color:#666666; font-size:12px;}
	
#header2 #h-title p.marusan{float:right; padding:5px 10px 0 0;}

.cl{ clear:both;}

/*#header2 #h-title p.tel{float:left; padding-top:15px;}*/
#header2 #h-title p.tel{padding-top:10px;}
#header2 #h-title .headright{float:right;}

#header2 #h-title .headright ul li,#header2 #h-title .headLeft ul li{list-style:none; display:inline-block;}

.pl10{padding-left:10px;}
.pt5{padding-top:5px;}
.mb0{margin-bottom:0px;}


.gasyou{position:absolute; top:78px; right:0px;}


/*navi menu---------------------------------------------------*/


#header2 .navimenu{
	width: 100%;
	padding-bottom: 0px;
	background-image: url(https://maruchoku.com/images/other/navi_bk.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 41px;
	margin: 0 0 0 -20px;}


#header2 .head-menu{width:980px; margin:0 auto;}

#header2 .head-menu li{float: left;  height: 41px; list-style:none; }



/*2017---------------------------------------------------*/






#head {
	width:760px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#head #htitle {
	background-image: url(../images/other/head_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 53px;
	width: 760px;
}
#head #htitle h1 {
	width:181px;
	text-align:center;
	float:left;
	padding-top:13px;
	margin-left:4px;
	display:inline;	
}

#head #htitle h2 {
	width: 430px;
	float: left;
	text-align: left;
	margin-left:5px;
	padding-top:5px;
	display:inline;
}
#head #htitle span {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #666666;
	line-height:100%;
}
#head #htitle .marusan {
	width:96px;
	float:right;
	margin-right:6px;
	padding-top:5px;
	display:inline;
}

/*140507追加*/
#head #htitle p.hLogo {
	width:181px;
	text-align:center;
	float:left;
	padding-top:13px;
	margin-left:4px;
	display:inline;	
}

#head #htitle .hTxt {
	width: 430px;
	float: left;
	text-align: left;
	margin-left:5px;
	padding-top:5px;
	display:inline;
	font-size:10px;
}

#head #htitle .hTxt h1.hTxt02 {
	width:430px;
	text-align:left;
	float:none;
	padding-top:0;
	margin-left:0;	
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	line-height:100%;
}
/*140507追加↑*/


/*cart+tell*/
#head ul#hTop li.hTell{width:625px; height:39px; float:left;}
#head ul#hTop li.hCart{width:135px; height:39px; float:right;}

/*navi*/
div.navi{width:760px;border-top:3px solid #FF9900; padding-top:3px;}
div.navi ul{width:100%; height:24px; clear:both; background:url(../images/top_images/navi_bg.gif) repeat-x 0 0;}
div.navi ul li{float:left;}
div.navi ul li.newnabi{text-align:left; font-size:10px; padding:6px 0 0 5px;}


#head ul.hBnBox{width:756px; padding-top:15px; clear:both; margin:0 auto;}
#head ul.hBnBox li{width:252px;float:left;}
#head a{color:#FF9900;}


/*スライド*/
#slideshow {
	margin: 0 auto;
	width: 760px;
	text-align: left;
	padding-bottom:30px;
}
#slideshow div {
	width: 760px;
	height: 241px;
	overflow: hidden;
	position: relative;
	margin-bottom:5px;
}
#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
}

#slideshow ul {
	width: 760px;
}

#slideshow ul li {
	width: 248px;
	float: left;
	display: inline;
	margin-left:8px;
}
#slideshow ul li.none {margin-left:0;}


#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
#slideshow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slideshow ul {
	display: inline-block;
	overflow: hidden;
}


/*------foot------*/
#foot{
 width:760px;
 margin:0 auto;
 clear:both;
}
#foot *{
 margin:0;
 padding:0;
 list-style-type:none;
}
#foot ul{
 width:760px;
 background:#FF9966;
 padding:5px 0 0;
}
#foot ul:after{
 content:"";
 display:block;
 height:0;
 clear:both;
}
#foot ul li{
 float:left;
 border-top:1px solid #FFFFFF;
 padding:5px 0 0;
}
#foot h6{
 clear:both;
 text-align:center;
 padding:3px 3px 0;
}
#foot p{
 text-align:center;
 font:normal 75%/100% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 color:#FF9966;
 padding:3px;
}
#foot p.copy{
 clear:both;
 text-align:center;
 padding:3px 3px 0;
 color:#666;
}

#foot p a{
 color:#FF3333;
}
#foot p.line{
 background:url(../images/top_images/dot_line_l.gif) no-repeat top center;
 padding-top:10px;
}


/*------main------*/





#main{
	width:980px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
#main:after{
 content:"";
 display:block;
 height:0;
 clear:both;
}
#main *{
	margin:0;
	list-style-type:none;
}
#main #contents{
 width:560px;
 float:left;
}
#main .banner{
 width:560px;
 padding:10px 0;
}
#main .banner:after{
 content:"";
 display:block;
 height:0;
 clear:both;
}
#main .banner .left{
 width:270px;
 float:left;
}
#main .banner .right{
 width:270px;
 float:right;
}
#main .recommend{
 width:560px;
 padding:0 0 10px;
}
#main .recommend ul{
 background:url('../images/other/top-icon01.gif') no-repeat 0 0;
 padding:0 0 0 120px;
}
#main .recommend li{
 width:440px;
 font:82%/190% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#main .recommend ul li a{
 color:#339900;
}
#main .bon{
 font:82%/190% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 padding:10px 15px 0 15px;
}
#main .bon1{
 padding:15px 0 0 10px;
}

/*------side------*/

#main #side{
	width:193px;
	float:right;
	background-color: #EFEBE7;
}
#main #side *{
 margin:0;
 padding:0;
 list-style-type:none;
}
#main #side .banner{
	width:193px;
	padding:0;
	text-align: center;
}
#main #side .banner p{
}
#main #side p.top{
 background:url(../images/top_images/dot_line_s.gif) no-repeat center bottom;
 padding:0 0 5px;
}
#main #side .news{
 width:180px;
}
#main #side .news .ns-txt{
 background:#EFEBE7;
 padding:0 3px;
}
#main #side .news .ns-txt ul{
 border-left:1px solid #DED6CD;
 border-right:1px solid #DED6CD;
 background:#FFFFFF url('../images/other/side-icon01.gif') no-repeat 5px 5px;
}
#main #side .news .ns-txt ul li{
 padding:5px 5px 5px 25px;
 font:82%/140% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 color:#669900;
}
#main #side .news .ns-txt dl{
 border-left:1px solid #DED6CD;
 border-right:1px solid #DED6CD;
 background:#FFFFFF;
 padding:0 0 5px;
}
#main #side .news .ns-txt dl dt{
 padding:5px;
 font:bold 82%/140% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 color:#FF6600;
}
#main #side .news .ns-txt dl dd{
 width:155px;
 margin:5px 5px 0 5px;
 font:82%/140% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#main #side .open{
	width:180px;
	background:#EFEBE7;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
}
#main #side .open .cal{
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
#main #side .open table{
 width:140px;
 background:#999999;
}
#main #side .open td{
 background:#FFFFFF;
 font:82%/140% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 text-align:center;
 padding:1px 2px;
}
#main #side .open td.hol{
 background:#FF9933;
 color:#FFFFFF;
}
#main #side .open th{
 background:#FFFFFF;
 font:bold 82%/140% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 padding:1px 2px;
}
#main #side .open .op-txt{
 padding:5px 25px;
 font:82%/130% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#main #side .open .op-txt strong{
 color:#FF9933;
}
#main #side .inlineC{
 text-align:center;
}

/*------lp------*/


#wrapLP{
margin-left:auto;
margin-right:auto;
width:760px;
text-align:left;}

/*newsarea 121024*/
#newsArea{width:756px;border-left:2px solid #E6E6E6; border-right:2px solid #E6E6E6; padding-top:10px; background:#FFFFFF;}
#newsBox{width:550px;float:left; margin-left:17px; display:inline;}
#newsArea table{float:right; margin-right:17px; display:inline;}
#newsArea table td{border:1px solid #FF680D; border-top:none; padding:5px 0;}
dl#newsTx{width:450px; font-size:12px; line-height:1.5;}
dl#newsTx dt{font-weight:bold; color:#FF6600; padding:10px 0 5px;}
dl#newsTx dd{padding:0 0 3px 10px;}

#main #contents .newnews .ns-txt,#wrapLP #main #contents .newnews .ns-txt {
	width: 542px;
}

#main #contents .newnews .ns-txt ul,#wrapLP #main #contents .newnews .ns-txt ul{
 border-left:1px solid #DED6CD;
 border-right:1px solid #DED6CD;
 background:#FFFFFF url('../images/other/side-icon01.gif') no-repeat 5px 5px;
}
#main #contents .newnews .ns-txt ul li,#wrapLP #main #contents .newnews .ns-txt ul li{
 padding:5px 5px 5px 25px;
 font:82%/140% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 color:#669900;
}
#main #contents .newnews .news .ns-txt dl,#wrapLP #main #contents .newnews .news .ns-txt dl{
 border-left:1px solid #DED6CD;
 border-right:1px solid #DED6CD;
 background:#FFFFFF;
 padding:0 0 5px;
}
#main #contents .newnews .ns-txt dl dt,#wrapLP #main #contents .newnews .ns-txt dl dt{
	font:bold 82%/140% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#FF6600;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 5px;
	padding-left: 12px;
}
#main #contents .newnews .ns-txt dl dd,#wrapLP #main #contents .newnews .ns-txt dl dd{
	font:82%/140% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}
#main #contents .newnews .ns-txt div,#wrapLP #main #contents .newnews .ns-txt div {
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E6;
	border-left-color: #E6E6E6;
}
#main #contents .newnews,#wrapLP #main #contents .newnews {
	padding-left: 7px;
	margin-top: 15px;
}
/*#main #contents .banner2,#wrapLP #main #contents .banner2 {
	padding-left: 20px;
}*/


#main #side .banner dl,#wrapLP #main #side .banner dl {
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 12px;
	margin-left: 8px;
	text-align: left;
	background-color: #F9F5F0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#main #side .banner dt ,#wrapLP #main #side .banner dt{
	font-size: 12px;
	color: #663300;
	line-height: 20px;
	margin-top: 0px;
	padding-top: 5px;
	padding-left: 5px;

}
#main #side .banner dd,#wrapLP #main #side .banner dd {
	background-image: url(../images/top_images/icon_mame.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 4px;
	padding-left: 18px;
	margin-left: 3px;
}
#main #side .banner a,#wrapLP #main #side .banner a {
	color: #FF6600;
	text-decoration: none;
	text-align: left;
	font-size: 12px;
}
#main #side .banner .guide ,#wrapLP #main #side .banner .guide{
	background-color: #F9F5F0;
	padding-top: 5px;
	padding-bottom: 5px;
}

#main #side .banner .guide dd,#wrapLP #main #side .banner .guide dd {
	background-image: url(../images/top_images/icon_square.jpg);
	background-position: 4px 4px;
}
#main #contents .newnews .ns-txt dl,#wrapLP #main #contents .newnews .ns-txt dl {
	width: 370px;
	float:left;
}
#main #contents .newnews .ns-txt td,#wrapLP #main #contents .newnews .ns-txt td {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF680D;
	border-left-color: #FF680D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF680D;
}
#main #contents .newnews .ns-txt table,#wrapLP #main #contents .newnews .ns-txt table {

}
#main #contents .newnews .ns-txt table,#wrapLP #main #contents .newnews .ns-txt table {
	float: right;
	width: 142px;
	margin-right: 15px;
	margin-top: 15px;
	text-align:center;
	display:inline;
}
#main #contents .newnews .ns-txt table,#wrapLP #main #contents .newnews .ns-txt div {
}


/*20150831追加*/

.mainbanner{margin:0 auto;}

.main_imgae{ width: 980px;
    padding: 20px 0px 0px;
    margin: 0px auto;
}