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


/*共通設定----------------------------------------------------*/

* {
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px;
}

a img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:hover img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
address {
	font-size: 70%;
	color: #FFFFFF;
	text-align: right;
}

/*共通設定ここまで----------------------------------------------*/


/*５ページ物Iriedesign----------------------------------------------------*/
#glo1 body {
	background-color: #790000;
	padding-top: 20px;
}
#glo1 #main {
	background-image: url(../imag/hpsample/page5-1/back.png);
	background-repeat: no-repeat;
	height: 700px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	float: none;
}
#glo1 #maintop {
	clear: both;
	height: 630px;
	width: 1000px;
	float: none;
}
#glo1 h1  {
	font-size: 70%;
	color: #FFFFFF;
	text-align: center;
	clear: both;
	display: block;
}
#glo1 #mainpage2 {
	clear: both;
	height: 630px;
	width: 1000px;
	background-image: url(../imag/hpsample/page5-1/page2back.png);
	background-repeat: no-repeat;
}
#glo1 #mainpage2 p {
	color: #FFFFFF;
	width: 450px;
	padding-top: 350px;
	margin-left: 50px;
	line-height: 1.8em;
}
#glo1 #undermenu {
	clear: both;
	height: 70px;
	width: 1000px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #790000;
}
#glo1 #undermenu ul li {
	height: 70px;
	width: 200px;
	list-style-type: none;
	float: left;
}

#glo1 #undermenu ul li a {
	height: 70px;
	width: 200px;
	list-style-type: none;
	float: left;
}




#glo1 #main #hpsam1con {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
#glo1 #main #hpsam1con p {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	line-height: 1.8em;
	color: #FFFFFF;
	padding-top: 320px;
}
#glo1 #main #hpsam2con {
	clear: both;
	height: 300px;
	width: 1000px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #790000;
}
#glo1 #hpsam2con img {
	position: relative;
	top: 230px;
}
#main #hpsam3con {
	width: 1000px;
	clear: both;
	height: 630px;
}
#glo1 #hpsam3con table {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#glo1 #hpsam3con table td {
	width: 200px;
}
#glo1 #hpsam3con table p {
	line-height: 1.5em;
	color: #FFFFFF;
	margin: 10px;
	font-size: 85%;
}
#glo1 #access img {
	position: absolute;
	top: 230px;
}
#glo1 #hpsam4con {
	background-image: url(../imag/hpsample/page5-1/page3back.png);
	background-repeat: no-repeat;
	clear: both;
	height: 630px;
	width: 1000px;
}
#glo1 #hpsam4con  p {
	color: #FFFFFF;
	width: 450px;
	padding-top: 350px;
	line-height: 1.8em;
	float: right;
	margin-right: 50px;
}
/*５ページ物iriedesignここまで-----------------------------------------------*/


/*-１ページ物和-------------------------------------------------------------*/

body#glo2 {
	background-image: url(../imag/hpsample/page1-1/bodyback.png);
	background-repeat: repeat;
}
#glo2 #wrap {
	background-image: url(../imag/hpsample/page1-1/mainback.png);
	background-repeat: no-repeat;
	clear: both;
	height: 1000px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#glo2 img {
	margin: 0px;
	padding: 0px;
}
#glo2 #wrap #main {
	height: 1000px;
	width: 980px;
	margin-left: 10px;
}
#glo2 #wrap #main h1 {
	height: 100px;
	width: 230px;
	margin-top: 20px;
	float: left;
}
#glo2 #wrap #main address {
	float: right;
	height: 100px;
	width: 300px;
	margin-top: 20px;
	margin-right: 20px;
	font-size: 80%;
}
#glo2 #wrap #main #cookcon3 h4 {
	float: left;
}
#cookcon {
	height: 180px;
	width: 980px;
	clear: both;
}
#cookcon ul {
	float: left;
	width: 325px;
	display: block;
}
#glo2 #wrap #main #cookcon ul li {
	list-style-type: none;
	list-style-position: inside;
	text-indent: 20px;
	margin-top: 5px;
	font-size: 95%;
	line-height: 1.3em;
}
#cookcon2 {
	clear: both;
	width: 1000px;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 150px;
}
#cookcon2 ul {
	display: block;
	float: left;
	width: 325px;
}
#cookcon2 ul li {
	font-size: 90%;
	list-style-type: none;
	line-height: 1.5em;
	text-indent: 10px;
}
#cookcon3 {
	height: 200px;
	width: 980px;
	clear: both;
}
#cookcon3 #map {
	float: right;
	height: 200px;
	width: 320px;
}
#cookcon3 ul {
	display: block;
	float: left;
	width: 330px;
}
#cookcon3 ul li {
	font-size: 90%;
	line-height: 1.5em;
	text-indent: 10px;
	list-style-position: inside;
	list-style-type: disc;
}

/*１ページ物和ここまで*/


#glo3 {
	background-color: #007E95;
}
#glo3 #wrap {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #004E5C;
	clear: both;
	height: 750px;
}
#glo3 #wrap #main #cafecon {
	background-image: url(../imag/hpsample/page1-2/mainback.png);
	background-repeat: no-repeat;
	clear: both;
	height: 480px;
	width: 956px;
	margin-left: auto;
	margin-right: auto;
}
#glo3 #lunch {
	background-image: url(../imag/hpsample/page1-2/lunchmenuback.png);
	background-repeat: no-repeat;
	height: 210px;
	width: 525px;
	float: left;
	margin-top: 15px;
}
#glo3 h2,
#glo3 h3,
#glo3 h4,
#glo3 h5 {
	text-indent: -9999px;
}
#lunch ul {
	margin-top: 30px;
	float: left;
	width: 300px;
}
#lunch ul li {
	font-size: 100%;
	text-indent: 30px;
	list-style-type: none;
	line-height: 2.8em;
}
#lunch img {
	margin-top: 25px;
}
#glo3 #sweets {
	background-image: url(../imag/hpsample/page1-2/sweetsmenu.png);
	background-repeat: no-repeat;
	height: 210px;
	width: 200px;
	float: left;
	margin-top: 15px;
}
#sweets ul {
	width: 200px;
	margin-top: 30px;
}
#sweets ul li {
	font-size: 90%;
	text-align: center;
	list-style-type: none;
}
#sweets img {
	margin-top: 15px;
}
#glo3 #diner {
	background-image: url(../imag/hpsample/page1-2/dinermenuback.png);
	height: 210px;
	width: 525px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 15px;
}
#diner ul {
	height: 180px;
	width: 310px;
	margin-top: 30px;
	float: left;
}
#diner ul li {
	line-height: 2.8em;
	text-indent: 30px;
	list-style-type: none;
	font-size: 100%;
}
#diner img {
	margin-top: 25px;
}
#glo3 #drink {
	background-image: url(../imag/hpsample/page1-2/drinkmenuback.png);
	background-repeat: no-repeat;
	float: left;
	height: 210px;
	width: 200px;
	margin-top: 15px;
}
#drink ul {
	width: 200px;
	margin-top: 40px;
}
#drink ul li {
	font-size: 80%;
	line-height: 1.5em;
	text-align: center;
	list-style-type: none;
}
#glo3 #info {
	float: right;
	width: 220px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	height: 480px;
}
#glo3 #wrap #main #cafecon #back {
	float: left;
	width: 725px;
	height: 422px;
}
#glo3 #info address {
	vertical-align: bottom;
}
#glo3 #info img {
	margin-top: 5px;
}
#glo3 #info p {
	font-size: 90%;
	line-height: 1.2em;
	color: #333333;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#glo4 {
	background-image: url(../imag/hpsample/page1-3/wrapback.png);
	background-repeat: repeat;
}
#glo4  h1 {
	text-indent: -9999px;
}
#glo4 #wrap {
	background-image: url(../imag/hpsample/page1-3/mainback.png);
	background-repeat: no-repeat;
	float: none;
	height: 700px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	position: relative;
}
#glo4 #menu {
	height: 270px;
	width: 1000px;
}
#glo4 #menu ul li#blog {
	height: 129px;
	width: 133px;
	list-style-type: none;
	display: block;
	position: absolute;
	left: 350px;
	top: 30px;
}


#glo4 #menu ul li#mail {
	height: 101px;
	width: 104px;
	list-style-type: none;
	display: block;
	position: absolute;
	left: 480px;
	top: 155px;
}

#glo4 #menu ul li#myspace {
	height: 170px;
	width: 170px;
	list-style-type: none;
	display: block;
	position: relative;
	left: 610px;
	top: 10px;
}
#glo4 #info {
	clear: both;
	height: 250px;
	width: 1000px;
	left: 0px;
}
#glo4 #profile dl {
	width: 350px;
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333333;
	margin-top: 40px;
	margin-left: 30px;
}
#glo4 #profile dl dt {
	float: left;
	font-size: 80%;
	margin-left: 10px;
}
#glo4 #profile dl dd {
	width: 250px;
	display: block;
	float: left;
	font-size: 80%;
	margin-left: 15px;
}
#glo4 #liveinfo dl {
	float: left;
	width: 370px;
	margin-top: 40px;
	font-size: 90%;
	color: #333333;
}
#glo4 #liveinfo dt {
	float: left;
	display: block;
	font-size: 80%;
	margin-left: 20px;
	margin-bottom: 15px;
}
#glo4 #liveinfo dl dd {
	float: left;
	font-size: 80%;
	margin-left: 15px;
	width: 250px;
	clear: right;
	margin-bottom: 15px;
}