@charset "utf-8";

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


body {
	margin:auto;
	width:900px;
}


/***********************************************************************************************************************************************************************************************

																                トップページ

***********************************************************************************************************************************************************************************************/

.header {
	background:url(../images/yagou1.gif) no-repeat;
	width:900px;
	height:100px;
}


.header .maroka {
	text-indent:-9999px;
	float:left;
	width:400px;
	height:70px;
}

.header .place {
	color:#FFFFFF;
	width:270px;
	float:right;
	margin-top:50px;
}

.header2 {
	height:250px;
	width:900px;
}

.header2 .explanation {
	background:url(../images/setumei.gif) no-repeat;
	float:left;
	width:550px;
	height:190px;
	margin-left:30px;
	margin-top:50px;
	text-indent:-9999px;
}

.header2 p {
	float:right;
}
/**********************************************************globalnavi start************************************************************************************************************/
.globalnavi {
	height:180px;
	width:900px;
}

.globalnavi ul {
	width:900px;
	height:180px;
}

.globalnavi ul li {
	text-indent:-9999px;
	list-style:none;
	float:left;
	height:180px;
}

.globalnavi ul li.top {
	background:url(../images/item.gif) no-repeat;
	background-position:0px -175px;
	width:220px;
}
.globalnavi ul li.top a {
	display:block;
	height:170px;
	width:220px;
}
	
.globalnavi ul li.introduction {
	width:154px;
}

.globalnavi ul li.introduction a {
	background:url(../images/item.gif) no-repeat;
	background-position:-220px 0px;
	display:block;
	height:180px;
	width:154px;
}

.globalnavi ul li.introduction a:hover {
	background-position:-220px -175px;
}

.globalnavi ul li.Process {
	width:178px;
}

.globalnavi ul li.Process a {
	background:url(../images/item.gif) no-repeat;
	background-position:-370px 0px;
	display:block;
	height:160px;
	width:178px;
}

.globalnavi ul li.Process a:hover {
	background-position:-370px -175px;
}


.globalnavi ul li.recipe {
	width:154px;
}

.globalnavi ul li.recipe a {
	background:url(../images/item.gif) no-repeat;
	background-position:-546px 0px;
	display:block;
	height:180px;
	width:154px;
}

.globalnavi ul li.recipe a:hover {
	background-position:-546px -175px;
}



.globalnavi ul li.Inquiry {
	width:190px;
}

.globalnavi ul li.Inquiry a {
	background:url(../images/item.gif) no-repeat;
	background-position:-700px 0px;
	display:block;
	height:180px;
	width:190px;
}

.globalnavi ul li.Inquiry a:hover {
	background-position:-700px -175px;
}


/**********************************************************navi end**************************************************************/
/**********************************************************main start********************************************************/

.main {
	width:400px;
	height:650px;
	float:left;
}

.main .navi {
	width:200px;
	float:left;
	margin-top:50px;
}

.main .navi ul li.order {
	text-indent:-9999px;
	list-style:none;
	height:130px;
}

.main .navi ul li.voice {
	text-indent:-9999px;
	list-style:none;
	height:130px;
}

.main .navi ul li.blog {
	text-indent:-9999px;
	list-style:none;
	height:130px;
}



.main .navi ul li.order {
	height:126px;
	width:200px;
}

.main .navi ul li.order a {
	display:block;
	background:url(../images/navi_01.gif) no-repeat;
	height:126px;
	width:200px;
}

.main .navi ul li.order a:hover {
	background-position:-194px 0px;
}



.main .navi ul li.voice {
	height:117px;
	width:205px;
	background:url(../images/navi_02.gif) no-repeat;
}

.main .navi ul li.voice a {
	display:block;
	background:url(../images/navi_02.gif) no-repeat;
	height:126px;
	width:200px;
}

.main .navi ul li.voice a:hover {
	background-position:-194px 0px;
}


.main .navi ul li.blog {
	height:126px;
	width:210px;
	background:url(../images/navi_03.gif) no-repeat;
}

.main .navi ul li.blog a {
	display:block;
	background:url(../images/navi_03.gif) no-repeat;
	height:126px;
	width:200px;
}

.main .navi ul li.blog a:hover {
	background-position:-194px 0px;
}


.main .photo2 {
	width:150px;
	float:right;
	margin-top:50px;
}


.main .tel {
	width:350px;
	height:200px;
	margin-top:120px;
	float:right;
}

.main .tel h3 {
	text-indent:-9999px;
}

.main .tel .tel2 {
	text-indent:-9999px;
}

.main .tel .tel3 {
	text-indent:-9999px;
}
/**********************************************************side start************************************************************************************************************/

.side {
	width:500px;
	height:750px;
	float:right;
}

.side .reason {
	color:#666666;
	float:right;
	width:460px;
	height:390px;
	margin-top:50px;
}

.side .reason h4 {
	background:url(../images/top-riyuu.gif) no-repeat;
	height:40px;
	text-indent:-9999px;
	margin-bottom:20px;
}

.side .reason dl {
	padding-left:25px;
}



.side .reason dt {
	color:#009245;
	font-weight:600;
	list-style:none;
	padding-left:20px;
	margin-bottom:13px;
	background-image:url(../images/icon2.gif);
	background-repeat: no-repeat;
	background-position:left center;
	
}

.side .reason dl dd {
	font-size:14px;
	padding-left:30px;
	padding-bottom:20px;
}


.side .information {
	width:460px;
	height:270px;
	color:#666666;
	margin-top:50px;
	float:right;
}


.side .information table td {
	background:url(../images/line8.gif) no-repeat;
	background-position:bottom;
	padding-top:3px;
	padding-bottom:19px;
	padding-left:30px;
}


.side .information h5 {
	background:url(../images/top-news.gif) no-repeat;
	height:20px;
	text-indent:-9999px;
}


/**********************************************************footer start************************************************************************************************************/

.footer {
	background:url(../images/footer.gif) no-repeat;
	margin-top:25px;
	width:900px;
	height:75px;
	float:left;
}

.footer ul {
	margin-top:45px;
	width:510px;
	float:right;
}

.footer ul li {
	list-style:none;
	float:left;
	width:170px;
}

.footer ul li a {
	text-decoration:none;
	color:#FFFFFF;
}




/**********************************************************copyright start************************************************************************************************************/

.copyright {
	width:900px;
	float:left;
}



.copyright p {
	height:50px;
	width:900px;
	text-align:right;
	float:left;
}

.copyright ul {
	height:30px;
}


.copyright ul li {
	display:inline;
	font-size:11px;
	width:90px;
	margin-left:1px;
	height:15px;
}

.copyright ul li a {
	background:url(../images/icon1.gif) no-repeat;
	padding-left:7px;
	background-position:left;
	text-decoration:none;
	color:#666666;
}