@charset "utf-8";

/* {X^C
---------------------------------------------*/

body {
margin: 0;
	padding: 0;
	bottom: 0px;
	font-size: 75%;
	font-family: "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", "lr oSVbN", sans-serif;
	line-height: 1.4;
	color: #333333;
	
	text-align: center;
}

a {
	color: #003399;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #0066CC;
}
img {
	border: none;
	vertical-align: top;
}
#wrapper {
	/*width: 870px;*/
	width: 910px;
	background: #FFFFFF;
	padding-top: 10px;
}

#naviwaku {
    position : relative;
	
	width: 910px;
	border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
	border-left: solid 1px #333333;
	border-right: solid 1px #333333; 
	padding-top: 0px; 
	padding-bottom: 0px;
	margin-bottom: 10px;
}

#logo {
	float: left;
	padding-left: 7px;
	width: 126px;
}

#logo-right {
	float: left;
	width: 362px;
	height: 55px;
	padding-top: 20px;
}

#logo-center {
	float: left;
	padding-left: 30px;
	width: 362px;
}

div#menu {
	padding: 5px;
	background: #245386;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	height: 25px;
}
div#menu ul{
	margin: 0px;
	padding: 0px;
}
div#menu li{
	float: left;
	padding: 0px;
	margin-left: 10px;
	color: #FFFFFF;
	list-style-type: none;
}
div#menu a{
	color: #FFFFFF;
	text-decoration: none;
}
div#menu a:hover{
color: #000000;
	background: #D7E1EC;
}
div#main {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 440px;
	margin: 0px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 0px 0px 10px 0px;
	background: #FFFFFF;
	float: left;
	text-align: left;
	

}
div#main p {
	margin: 0px 20px 20px 20px;
}
div#main ul {
	margin-left: 30px;
	margin-bottom: 0px;
	margin-right: 20px;
}
div#main li{
border-bottom: 1px dashed #999999;
	clear: both;
	margin-bottom: 6px;
}

div#submenu-right {
/*overflow: auto !important;*/
overflow : hidden;
font-size: 88%;
line-height: 1.5;
	width: 210px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	float: center;

}

div#submenu-right table{
padding:  0px 5px 0px 5px;
}


div#submenu {
/*overflow: auto !important;*/
	overflow : hidden;
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	float: left;

}

div#submenu ul{
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	padding:  3px 15px 3px 15px;
	color: #245386;
}
div#submenu li{
border-bottom: 1px dashed #999999;
	padding: 0px 0px 0px;
	clear: both;
}

div#submenu p{
	margin: 0px 0px 0px;
}
div#foot {
	clear: both;
	color: #FFFFFF;
	background: #333333;
}
	

div#foot p{
	margin: 5px 0px 0px;
	padding: 5px 0px;

}
strong {
	color: #CC3333;
}

h1 {
	font-size: 100%;
	padding: -20px 0px 0px;
	border-bottom: 1px solid #CCCCCC;
	background: #FFFFFF;
	font-weight: normal;
}
h2 {
	font-size: 110%;
	margin: 0px 20px 20px;
	color: #333333;
	border-bottom: 1px dashed #999999;
	padding: 0px 0px 5px;
	clear: both;
	text-align: center;
}
dl {
	margin: 0px 0px 50px 40px;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 10px;
}
.imgbox {
	margin: 0px 0px 1em 40px;
}
.imgbox img{
	border: 1px solid #666666;
}
.imgbox_f {
	margin: 0px 10px 1em;
	float: right;
}
.imgbox_f img{
	border: 1px solid #666666;
}

#clink {
	padding-right: 10px;
	text-align: right;
	font-size: 70%;
}

#foot a:link{ color:#fff; text-decoration:none;}
#foot a:visited{ color:#fff; text-decoration:none;}
#foot a:hover{ color:#FF0000; text-decoration:none; }

#tabMenu02 {
position : relative;
margin-bottom:-20px;
/*padding-top:46px;*/
/**margin-right: -10px; **/


}

#tabMenu02 li {

list-style:none;
 float:right;
 width:140px;
 height:46px;
 text-indent: -1000px;
 
}

#tabMenu02 li a{
 display:block;
 width:140px;
 height:46px;
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

#tabMenu02 li a:hover{
/*idがtabMenu02の中のliタグの中のaタグのマウスを乗せた時、背景画像を30pxずらぁE/
position : relative;
  top: 1px; /* 下に動く大きさ */
  left: 1px; /* 右に動く大きさ */

 
}


#menu01{
 background-image: url(../img/navi/tab-dolcepiatto-shopping.jpg);
}
#menu02{
 background-image: url(../img/navi/tab-granpiattokichen.jpg);
}
#menu03{
 
 background-image: url(../img/navi/tab-top.jpg);
}

#main-navi {
    width: 730px;
	float: center;
	border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
	padding-top: 0px; 
	padding-bottom: 0px;
	margin-bottom: 10px;
	margin-top: 30px;
}
