@charset "utf-8";
/**************************************************************************************************
Initialization
**************************************************************************************************/
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
table,td,th,
pre,code,
form,fieldset,legend,input,textarea,
p{
	margin			: 0;
	padding			: 0;
}
blockquote {
    margin-left: 1em;
    margin-right: 0;
    padding: 1em;
    border-left: 5px solid #D1C898;
    background: #F7EDE0;/*background: #DEE1F1 url(../_shared/bottom_right.png) no-repeat right bottom;*/
    color: #000000;
}
body {
	font-size		: small;
}
table {
	border-collapse	: collapse;
	border-spacing	: 0;
}
fieldset,img {
	border			: 0;
}
address,caption,cite,code,dfn,th,var {
	font-style		: normal;
	font-weight		: normal;
}
ol,ul { 
	list-style		: none;
}
caption,th {
	text-align		: left;
}
input, textarea, select {
	font-family		: inherit;
	font-weight		: inherit;
	font-size		: 100%;
}
h1,h2,h3,h4,h5,h6 { 
	font-size		: 100%;
}
img {
	vertical-align	: top;
}

/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.clearfix:after {
	display			: block;
	clear			: both;
	height			: 0;
	content			: "";
	overflow		: hidden;
}
.clearfix {
	overflow		: hidden;
}
/* FOR MAC IE \*/
* html .clearfix {
	height			: 1%;
	overflow		: visible;
}
.clearfix {
	display			: block;
}
/* END OF FOR MAC IE */

/* LINK
-------------------------------------------------------------------------------------------------*/
a:link,
a:active,
a:visited {
	color			: #333333;
	text-decoration	: none;
}
a:hover,
a:focus {
	color			: #333333;
	text-decoration	: underline;
}

/* Mouseover */
a:hover img.over,
a:focus img.over {
	opacity			: 0.7;
	filter			: alpha(opacity=70);
	-moz-opacity	: 0.7;
}

/* OUTLINE
-------------------------------------------------------------------------------------------------*/
body {
	line-height		: 1.1;
	background		: url(http://sushi-suigun.co.jp/common/images/body_bg.jpg) repeat-x 0 0;
}
/*
body#top {
	background-image: url(../images/common/body_bg_idx.jpg);
}
*/
#fb {
	background: #FFF;
}

#home #main {
	position		: relative;/**/
}

#header,
#pageFlow,
#main,
#pagetop,
#footer div.inner {
	margin			: 0 auto;
	width			: 900px;
	padding			: 0 27px;
}


/* header
-------------------------------------------------------------------------------------------------*/
#header {background: url(http://sushi-suigun.co.jp/_test/images/common/h_bg.jpg) no-repeat 550px bottom;padding-top: 0px;overflow: hidden;height: 115px;}
#header div {float: left;width: 270px;margin: 14px 37px 0 0;display: block; /**/}
#header div p {margin: 0 0 9px;}
#header .logo {float: left;margin: 14px 0 0;width: 250px;}	
#header p.headBtn {float: right;margin: 14px 8px 0 0;display: block;top: 10px;right: 14px;}
#header p.headBtn input,#header p.headBtn img{height: 27px;width: 124px;}

#pageFlow {
	height	: 45px; /*4*/
	display: block; /**/
	margin			: 0px 0px 10px;
}
	#pageFlow ul {
	margin			: 0px 0px 0px -21px;
	}
		#pageFlow ul li {
			float			: left;
			padding			: 0 21px 0 0;
			background		: url(http://sushi-suigun.co.jp/common/images/flow_arrow.jpg) no-repeat right 0;
		}
		#pageFlow ul li.on {
			background-image: url(http://sushi-suigun.co.jp/common/images/flow_arrow3.jpg);
		}
		#pageFlow ul li.last {
			padding			: 0;
		}


/* main
-------------------------------------------------------------------------------------------------*/
#main {
	line-height		: 1.5;
	margin-bottom	: 30px;
	margin-top		: 18px;
}
	#main p {
	margin-left: 8px;
	color: #666666;
}

#home #main {
	position		: relative;
}

#fb #main {
	margin			: 0 auto;
	width			: 800px;
	padding			: 0px;
}

#pagetop p {
	text-align		: right;
	margin			: 0 8px 14px;
}

/* contents
-------------------------------------------------------------------------------------------------*/
#contents {float: left;width: 650px;font-size: 114%;margin: 7px 0 0;}
#contents .tit{ height: 80px; width: 650px; background: url(../images/common/contents_bg.png) no-repeat 0px 0px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size: 1px;}
	#ControlRecommend5{position: relative;}
	#contents .c_tit_bt{position: absolute;height: 20px;width: 70px;display: block;top: 0px;right: 0px;
	background: #BE9E52;padding: 2px;border-radius: 3px;text-align: center;}
	#contents .c_tit_bt a{font-size: 80%;line-height: 20px;color: #FFF;}
	
#fb #contents {
	float			: left;
	width			: 650px;
	font-size		: 114%; 
	margin			: 7px 0 0;
	background: #FFF; !important
}

#top #kanban {width: 900px; margin: 0 auto; padding: 10px 0 0; position: relative;}
#top #kanban img{width: 100%;max-width: 100%;height: auto;border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; }

/* pankuzu navi
-------------------------------------------------------------------------------------------------*/
#topicPath {
        list-style: none;
        overflow: hidden;
        color: white;
		font-size : 80%;
        margin   : 0 0 10px;
        background: #fff;
		border-radius: 10px;
}
#topicPath li {
        float: left;
        line-height: 20px;
}
#topicPath li a {
        color: #fff;
        text-decoration: none;
        padding: 0 10px 0 15px;
        background: #c0a45a;
        display: block;
        float: left;
}
#topicPath li a::after {
        position: relative;
        display: block;
        margin-top: -10px;
        margin-left: auto;
        margin-right: -15px;
        height: 10px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(-30deg);
        background:  #c0a45a;
        border-right: 2px solid white;
}
#topicPath li a::before {
        float: right;
        display: block;
        margin-bottom: -10px;
        margin-left: auto;
        margin-right: -15px;
        height: 10px;
        width: 10px;
        content: " ";
        -webkit-transform: skew(30deg);
        background:  #c0a45a;
        border-right: 2px solid white;
}
#topicPath li:first-child a {
        font-weight: 900;
        padding-left: 10px;
        background:  #ac872c;
}
#topicPath li:first-child a::before,
#topicPath li:first-child a::after {background:  #ac872c;}
#topicPath li:last-child {
        padding-left: 15px;
        background: transparent !important;
        color: #333;
}
#topicPath li a:hover,
#topicPath li a:hover::before,
#topicPath li a:hover::after {background: #8dbfc9;}
#topicPath li:first-child a:hover,
#topicPath li:first-child a:hover::before,
#topicPath li:first-child a:hover::after {background: #8dbfc9;}
#topicPath li.scope a,
#topicPath li.scope a::before,
#topicPath li.scope a::after {background: #333;}
#topicPath li.scope a:hover,
#topicPath li.scope a:hover::before,
#topicPath li.scope a:hover::after {background: #333;}

/* sidebar
-------------------------------------------------------------------------------------------------*/
#sidebar {
	float			: right;
	width			: 230px;
	margin-top: 7px;
}
#home #sidebar {
	width			: 237px;
	margin:0px; /**/
}
#fb #sidebar {
	float			: right;
	width			: 145px;
}

	#sidebar ul.linkMenu {}
		#sidebar ul.linkMenu li {
			margin			: 0 0 8px;
			text-align		: right;
			padding-top: 0px;/**/
			background		: none;/**/
		}
	#sidebar dl.category {}
		#sidebar dl.category dt {
			margin			: 0 0 2px -8px;
		}
		#sidebar dl.category dd.bnr {}
			#sidebar dl.category dd.bnr ul li {
				margin			: 0 0 12px;
			}
		#sidebar dl.category dd.menu {}
			#sidebar dl.category dd.menu ul,#sidebar dl.category dd.menu #ctl00_Menu3Category {
				border-top	: 1px solid #CBC7BC;
			}
				#sidebar dl.category dd.menu ul li,
				#sidebar dl.category dd.menu #ctl00_Menu3Category span,
				#sidebar dl.category dd.menu #ctl00_Menu3Category td td{
					padding			: 1px 0;
					border-bottom	: 1px solid #CBC7BC;
					display			: block;

				}
					#sidebar dl.category dd.menu ul li a,
					#sidebar dl.category dd.menu #ctl00_Menu3Category a{
						color			: #333333;
						display			: block;
						background		: url(http://sushi-suigun.co.jp/common/images/i_side.gif) no-repeat 14px center;
						padding			: 5px 0 5px 38px;
					}
					#sidebar dl.category dd.menu ul li.on a,
					#sidebar dl.category dd.menu ul li a:hover,
					#sidebar dl.category dd.menu #ctl00_Menu3Category a:hover{
						text-decoration	: none;
						background		: #F7F1E8 url(http://sushi-suigun.co.jp/common/images/i_side_ov.gif) no-repeat 14px center;
						font-weight		: bold;
						color			: #8F7736;
					}
		
	#sidebar dl.subMenu {
		margin			: 0 0 14px;
	}
#fb #sidebar dl.subMenu dt{}
		#fb #sidebar dl.subMenu dt {
	text-align: center;
	color: #09C;
	font-size: 16px;
	font-weight: bold;
}
		#sidebar dl.subMenu dd {}
			#sidebar dl.subMenu dd ul {}
				#sidebar dl.subMenu dd ul li {
					padding			: 1px 0;
					border-bottom	: 1px solid #CBC7BC;
				}
					#sidebar dl.subMenu dd ul li a {
						color			: #333333;
						display			: block;
						background		: url(http://sushi-suigun.co.jp/common/images/i_side.gif) no-repeat 14px center;
						padding			: 5px 0 5px 38px;
					}
					#sidebar dl.subMenu dd ul li.on a,
					#sidebar dl.subMenu dd ul li a:hover {
						text-decoration	: none;
						background		: #F7F1E8 url(http://sushi-suigun.co.jp/common/images/i_side_ov.gif) no-repeat 14px center;
						font-weight		: bold;
						color			: #8F7736;
					}
#ct100_ServicePanel  {
	display : block; /**/
	margin-bottom: 10px;
}

#ctl00_PanelLogin {display : block;}
#ctl00_PanelLogin dl.guide dt {background: url(../images/common/side_guide_top.jpg) no-repeat 0 0;padding	: 40px 0 0 75px;height: 40px;line-height: 40px;font-size: 110%;}
#ctl00_PanelLoggedin {display : block;}
#ctl00_PanelLoggedin dl.guide dt {background: url(../images/common/side_guide_top.jpg) no-repeat 0 0;padding	: 40px 0 0 75px;height: 40px;line-height: 40px;font-size: 110%;}

#ctl00_PanelShopSelect{display: block;}
#ctl00_PanelShopSelect dl.guide dt {background: url(../images/common/side_guide_shop.jpg) no-repeat 0 0;padding	: 40px 0 0 20px;height: 30px;line-height	: 30px;color: #666;}
#ctl00_PanelShopSelect td{font-size: 105%;line-height: 150%;color: #333;letter-spacing: 0.1em;padding-left: 10px;}
#ctl00_PanelShopSelect dl.guide {background: url(../images/common/side_guide_bg02.jpg) repeat-y 0 0;}
#ctl00_PanelShopSelect dl.guide dd {background: url(../images/common/side_guide_bt02.jpg) no-repeat 0 bottom;padding: 0 10px 20px;}

#ctl00_PanelSelectCategory{display: block;}
#ctl00_PanelSelectCategory dl.guide dt {background: url(../images/common/side_guide_menu.jpg) no-repeat 0 0;padding	: 0px 0px 0px 10px;height: 30px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size: 1px;}
#ctl00_PanelSelectCategory img{margin: 0px 5px 3px;}
		
#sidebar dl.subMenu,#sidebar dl.mobile{
	display: block; 
}

	dl.guide {
		background		: url(../images/common/side_guide_bg.jpg) repeat-y 0 0;
		width			: 230px;
		margin			: 0 0 20px;
	
	}

		dl.guide > dt {
			height			: auto;
			min-height		: 40px;
		}
		dl.guide dd {
	background		: url(../images/common/side_guide_bt.jpg) no-repeat 0 bottom;
	padding			: 0 10px 10px;
		}
			dl.guide dd p ul{
				margin			: 0px;
			}

				dl.guide dd ul li {
					background		: url(../images/common/i_side_ov.gif) no-repeat 0 0.4em;
					padding			: 0 0 0 13px;
					margin			: 0 0 2px;
				}

/* footer
-------------------------------------------------------------------------------------------------*/
#footer {
	overflow		: hidden;
	background		: url(http://sushi-suigun.co.jp/common/images/f_bg.jpg) repeat-x 0 0;
	border-bottom	: 1px solid #E7E7E7;
	margin-bottom	: 10px;
	display: block; /**/
}
	#footer ul.bnLink {
		text-align		: center;
		padding			: 15px 0;
		display: block; /**/

	}
		#footer ul.bnLink li {
			margin			: 0 6px;
			display			: inline-block;
			background		: #ffffff;	
			vertical-align	: top;
		}
		* html #footer ul.bnLink li {
			display		: inline;
			zoom		: 1;
		}
		*+html #footer ul.bnLink li {
			display		: inline;
			zoom		: 1;
		}
	
	#footer ul.menu {
		float			: left;
		width			: 550px;
		padding			: 12px 0;
		color			: #C3C3C3;
		font-size		: 92%;
	}
		#footer ul.menu li {
			float			: left;
			white-space		: nowrap;
			margin			: 0 5px 0 0;
		}
			#footer ul.menu li a {
				text-decoration	: underline;
				margin			: 0 5px 0 0;
			}
	#footer address {
		float			: left;
		width			: 314px;
		padding			: 17px 6px 14px 0;
	}
#footer dl {margin: 8px 0px 0px;width: 321px;float:right;}
#footer dt,#footer dd {float: left; margin: 0 4px 0 0;}

#footer ul.menu {float : left;width	: 550px;font-size		: 92%;}
#footer ul.menu li {float: left;}
	


/* Media Queries */

@media only screen and (max-width: 481px) {
/* OUTLINE
-------------------------------------------------------------------------------------------------*/
#header,
#pageFlow,
#main,
#pagetop,
#footer div.inner {width: 100%; /*900px*/ padding: 0px;/*0 27px*/ position: relative;}
body#top {background-image: url(http://sushi-suigun.co.jp/common/images/body_bg.jpg) !important;}

/* header
-------------------------------------------------------------------------------------------------*/
#header {background: url(none);padding-top: 0px; height: 115px;}
#header div {display: none;}
#header .logo {float :none;/**/ margin :25px auto 0;/*11px 0 0*/ width	: 220px;}
#header .logo img {width: 220px;}
#header p.headBtn{display: block;position: absolute;top: -10px;/*10px*/right: 0px;/*14px*/}
#header p.headBtn input,#header p.headBtn img{height: auto;/*27px*/width: 100px;/*124px*/}
		
#pageFlow {
	height : 0px; /*45px*/
	display: none; /**/
}

#topicPath {
width: 90%;
margin: 0px auto 10px;
}

/* main
-------------------------------------------------------------------------------------------------*/
#main {margin-top: 5px;margin-bottom: 10px;}
#main p {margin-left: 15px;/*8px*/
}

/* contents
-------------------------------------------------------------------------------------------------*/
#contents {width: 100%; /*650px*/font-size: 100%; /*114%*/margin: 7px auto 10px;/**/float: none}

#contents .tit{height: 40px;width: 100%;background: url(../images/common/contents_bg02.png) no-repeat center 0px;}
#top #kanban {width: 100% !important ;/**/height:auto;/**/}

/* sidebar
-------------------------------------------------------------------------------------------------*/
#sidebar {
	width: 100%;/*230px*/
	margin: 0px auto 0px; /**/
	padding: 20px 0px 0px 0px; /**/
	border-top	: 2px solid #CBC7BC;
}


#ctl00_PanelLogin {
}

#home #sidebar {
	width			: 100%;/*237px*/
}
	#sidebar ul.linkMenu {
	background		: url(http://sushi-suigun.co.jp/common/images/body_bg02.jpg) repeat-x 0 0;/**/
	padding: 10px 0 0 0;/**/
	}
		#sidebar ul.linkMenu li {
			margin			: 0 auto 8px;/*0 0 8px*/
			width:230px;/**/
		}
		
	#sidebar dl.category dd.menu {}
			#sidebar dl.category dd.menu #ctl00_Menu3Category {
				border-top		: 1px solid #CBC7BC;
				width			: 100%;
			}
				#sidebar dl.category dd.menu #ctl00_Menu3Category span,
				#sidebar dl.category dd.menu #ctl00_Menu3Category td td {
					padding			: 1px 0;
					border-bottom	: 1px solid #CBC7BC;
					display			: block;
				}
					#sidebar dl.category dd.menu #ctl00_Menu3Category a {
						color			: #333333;
						display			: block;
						background		: url(http://sushi-suigun.co.jp/common/images/i_side.gif) no-repeat 14px center;
						padding			: 5px 0 5px 38px;
					}
					#sidebar dl.category dd.menu #ctl00_Menu3Category a:hover {
						text-decoration	: none;
						background		: #F7F1E8 url(http://sushi-suigun.co.jp/common/images/i_side_ov.gif) no-repeat 14px center;
						font-weight		: bold;
						color			: #8F7736;
					}
						#sidebar dl.category dd.menu a img {
							display			: none;
						}
				#sidebar dl.category dd.menu #ctl00_Menu3Category br {
					display			: none;
				}
#sidebar dl.subMenu,#sidebar dl.mobile {
	display			: none;
}	
		
dl.guide {margin: 0 auto 20px;}

/*dl.guide dd ul {
			margin			: 0 0 15px;
		}*/
			/*dl.guide dd ul li {
				background		: url(../images/common/i_side_ov.gif) no-repeat 0 0.4em;
				padding			: 0 0 0 13px;
				margin			: 0 0 2px;
			}*/

/* footer
-------------------------------------------------------------------------------------------------*/
#footer ul.bnLink {
	display: none;/**/
}


#footer ul.menu {
	float			: none;/**/
	text-align		: center;/**/
	width			: 100%;/*550px*/
}
#footer ul.menu li {
	float			: none;/**/
}

}