@charset "utf-8";
/**
 *   makeを書き換え、importするcssを書き込む。
 *
 *   file     :  import.css
 *   make     :  emi makino (2008.9.11)
 *   revise   :  
 *   Copyright PREX co,ltd ,
 **/
@import "/css/locomill_ver3/locomill_ver3.css";/**削除不可*/
@import "/themes/form/default/css/form.css";/**削除不可*/
@import "/themes/custom/gifucomi/css/images.css";/**削除不可*/
/**@import "marathon.css";ページで使用するcss*/
  
#kome{
	font-size:11px;}

/* Layout
------------------------------*/

#cont{
	width:700px;
	height:100%;
	float:left;
	}

.nodis{
	display:none;
	}

h6.title{
	background:url(../image/title.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:180px;
	}
h4.title2{
	background:url(../image/quo.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:200px;
	}

p.textstyle{
	font-size:14px;
	padding:0px 0px 10px 10px;
	width:700px;
	letter-spacing:0.1em;
	line-height:1.2em;
	color:#333333;
	}
ul.textstyle{
list-style:disc;
	font-size:14px;
	padding:10px 0px 10px 20px;
	width:680px;
	letter-spacing:0.1em;
	line-height:1.2em;
	color:#333333;
	}

#box0 h5.obi{
	margin-top:10px;
	background-image:url(../image/obi7.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:30px;
	}

#box0 p.photo{
	margin:10px 0px 0px 10px;
	background-image:url(../image/total.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:300px;
	}
#box0 ul{
	width:700px;
	margin-left:110px;
	list-style:none;
	height:100px;
	}
#box0 ul li a{
	margin:10px;
	list-style:none;
	float: left;
}

#box0 li a span {
	display: none;
	}

#box0 ul li.b1 a{
	background-image:url(../image/button2.jpg);
	background-repeat:no-repeat;
	width:450px;
	height:80px;
	background-position:top;
	}
	
#box0 ul li.b1 a:hover{
	background-image:url(../image/button2.jpg);
	background-repeat:no-repeat;
	width:450px;
	height:80px;
	background-position:bottom;
	}

#box1 h5.obi{
	margin-top:10px;
	background-image:url(../image/obi1.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:30px;
	}
	
#box1 p{
	width:350px;
	margin-right:20px;
	float:left;
	}
	
#box1 img{
	margin-top:10px;
	}
	
#box2 h5.obi{
	margin-top:10px;
	background-image:url(../image/obi2.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:30px;
	}
	
#box3 h5.obi{
	margin-top:10px;
	background-image:url(../image/obi3.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:30px;
	}
	
#box4 h5.obi{
	margin-top:10px;
	background-image:url(../image/obi4.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:30px;
	}
	
#box5 h5.obi{
	margin-top:10px;
	background-image:url(../image/obi5.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:30px;
	}
	
#box6 h5.obi{
	margin-top:20px;
	background-image:url(../image/obi6.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:30px;
	}

#box6 ul{
	width:700px;
	list-style:none;
	height:100px;
	margin-left:20px;
	}
	
#box6 ul li a{
	margin-top:10px;
	list-style:none;
	float: left;
	}

#box6 li a span {
	display: none;
	}
	
#box6 ul li.b1 a{
	background-image:url(../image/sakura.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:43px;
	margin-left:10px;
	background-position:top;
	}
	
#box6 li.b1 a:hover{
	background-image:url(../image/sakura.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:43px;
	margin-left:10px;
	background-position:bottom;
	}
	
#box6 li.b2 a{
	background-image:url(../image/quo.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:43px;
	margin-left:10px;
	background-position:top;
	}
	
#box6 li.b2 a:hover{
	background-image:url(../image/quo.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:43px;
		margin-left:10px;
	background-position:bottom;
	}
#box6 li.b3 a{
	background-image:url(../image/shuncole.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:43px;
		margin-left:10px;
	background-position:top;
	}
#box6 li.b3 a:hover{
	background-image:url(../image/shuncole.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:43px;
		margin-left:10px;
	background-position:bottom;
	}
#box6 li.b4 a{
	background-image:url(../image/ramen.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:43px;
		margin-left:10px;
	background-position:top;
	}
	
#box6 li.b4 a:hover{
	background-image:url(../image/ramen.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:43px;
		margin-left:10px;
	background-position:bottom;
	}



	
#box7 h5.obi{
	margin-top:10px;
	background-image:url(../image/obi7.jpg);
	background-repeat:no-repeat;
	width:700px;
	height:30px;
	}

#button{
	width:700px;
	height:210px;
	margin:10px 0px 10px 0px;
	}
	
#button ul {
list-style:none;
padding-left:200px;
	background-image:url(../image/bg.jpg);
	background-repeat:no-repeat;
	width: 700px;
	height: 200px;
}

#button ul li a{
	margin:10px;
	list-style:none;
	float: left;
}

#button li a span {
	display: none;
}


#button .b1 a{
	background-image:url(../image/button1.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:125px;
	background-position:top;
	}
	
#button .b1 a:hover{
	background-image:url(../image/button1.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:125px;
	background-position:bottom;
	}
#button .b2 a{
	background-image:url(../image/button2.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:80px;
	background-position:top;
	}
	
#button .b2 a:hover{
	background-image:url(../image/button2.jpg);
	background-repeat:no-repeat;
	width:290px;
	height:80px;
	background-position:bottom;
	}
