@charset "UTF-8";

/*----------------------------------------------------------
RESET
----------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td {
	margin:0;
	padding:0;
	font-size: 100%;
	font-weight: normal;
	list-style-type: none;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

table {
    border-collapse:collapse;
	border-spacing:0;
	border: none;
	empty-cells:show;
}
fieldset,img,abbr {
    border:0;
}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var {
    font-style:normal;
	font-weight:normal;
}
caption,th { 
    text-align:left;
}
li,dl {
    list-style:none;
}
img {
	vertical-align:bottom;
	border: none;
	display: block;
}

legend {
	display:none;
}

hr{
	display: none;
	clear: both;
}


/*----------------------------------------------------------
CLEARFIX
----------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*----------------------------------------------------------
全体＆レイアウト
----------------------------------------------------------*/
body{
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 8px;
}
#headerbg{
	background-image: url(img/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
}
#wrapper{
	width: 770px;
	margin-right: auto;
	margin-left: auto;
}
#contents{
	float: left;
	width: 461px;
}
#header{
	margin-top: 28px;
	margin-left: 30px;
	padding-bottom: 28px;
}
#introduction ul{
	margin-left: 41px;
	background-image: url(img/line.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 38px;
	height: 103px;
}
#introduction ul li{
	float: right;
}
.want{
	*margin-bottom: -1px;
}
#tokuten{
	margin-left: 30px;
}
#tokuten p{
	float: left;
}

#mobile{
	float: right;
	width: 250px;
	background-image: url(img/mobile_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 772px;
	padding-top: 75px;
	padding-left: 26px;
	padding-right: 33px;
}
iframe{
	height: 765px;
	width: 242px;
	overflow-x: hidden;
	margin-left: 5px;
}
iframe table{
	width: 100%;
}

#access{
	background-image: url(img/access_bg.jpg);
	background-repeat: no-repeat;
	background-position: left 21px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
}
#access #qr{
	float: left;
	width: 417px;
	padding-top: 39px;
	padding-left: 20px;
}
#access #qr #txt{
	float: left;
}
#access #qr #qrcord{
	float: right;
}
#access #odekakekun{
	float: right;
	width: 245px;
}

#footerbg{
	width: 100%;
	background-color: #614303;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #493201;
	padding-top: 14px;
	padding-bottom: 50px;
}
#footer{
	width: 710px;
	margin-right: auto;
	margin-left: auto;
}
#footer .copy{
	float: left;
}
#footer .produce{
	float: right;
}