@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

-------------------------------------------------------------------------------*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* basic
-------------------------------------------------------------------------------*/

a{
	color: #E61C24;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.fltL{ float: left; }
.fltR{ float: right; }
.alnC{ text-align:center; }
.caption{
	font-size: 12px;
	line-height: 1.6;
}

.mt45{ margin-top: 45px; }
.mt35{margin-top: 35px;}
.mt25{margin-top: 25px;}
.mt15{margin-top: 15px; }

.clrfx:after{
	content:"";
	display:table;
	clear:both;
}
.clrfx{zoom:1;}

.op:hover{
	opacity: 0.75;
	-ms-filter: "alpha(opacity=75)";
	filter: alpha(opacity=75);
}

/* layout
-------------------------------------------------------------------------------*/

body{
	padding:22px 0 ;
	font:12px/1.86 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing:.05em;
	background-color: #fff;
	color: #666;
}

.yodogawa{
	font:14px/1.86 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing:.05em;
	background-color: #fff;
	color: #000;
}

.wrapper{
	width:900px;
	margin:0 auto;
	background-color: #FFF;
	box-shadow: 0 0 22px rgba(0,0,0,0.2);
}

#header{
	position: relative;
	width: 900px;
	height: 250px;
	background:url(../images/head_bg.jpg) no-repeat;
}

#logo_hobo{
	position: absolute;
	top: 10px;
	left: 14px;
}

#logo_knit{
	position: absolute;
	top: 31px;
	right: 35px;
}

h1{
	position: absolute;
	bottom: 11px;
	left: 81px;
}

#lead{
	width: 600px;
	margin: 65px auto 80px auto;
}

.red {
	color: #EC1C24;
	font-size: 12px;
	font-weight:bold;
}

.lineup{
	margin-top: 85px;
	padding: 0 21px;
	border-top: 1px solid #929292;
}

h2{ position: relative; }

.shipment{
	position: absolute;
	top:27px;
	right:0;
}

.lineup ul {
	width: 900px;
	margin-left: -20px;
}

.lineup ul li{
	display: inline-block;
	width: 273px;
	margin:35px 0 60px 20px;
}

.lineup ul a{
	display: block;
	font:bold 24px/24px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: .05em;
	color: #000;
}
.lineup ul a:hover{ text-decoration: none; }

.lineup ul p{ margin-top: 8px; }

.lineup ul span{
	padding-left: 10px;
	font-size:13px;
	vertical-align: text-top;
}

.lineup div{
	margin-top: 20px;
	text-align: center;
}

.lineup div a{ display: inline; }

#footer{
	margin: 28px 0;
	padding: 45px 0;
	border-top: 1px solid #929292;
	text-align: center;
}

#nav{
	width:500px;
	text-align:center;
	margin: 0 auto;
}

.contents {
	padding-top: 30px; 
	padding-bottom: 30px; 
	margin: 0 auto;
	text-align:center;
	width:860px;
}

.foot ul {
	width: 800px;
	margin-left: -10px;
}

.foot ul li{
	display: inline-block;
	width: 170px;
	margin:35px 0 60px 20px;
}

.foot ul a{
	display: block;
	font:bold 24px/24px "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing: .05em;
	color: #000;
}
.foot ul a:hover{ text-decoration: none; }

.foot ul p{ margin-top: 8px; }

.foot ul span{
	padding-left: 10px;
	font-size:13px;
	vertical-align: text-top;
}

.foot div{
	margin-top: 20px;
	text-align: center;
}

.foot div a{ display: inline; }

.foot{
	margin-top: 40px;
	padding: 0 21px;
	border-top: 1px solid #929292;
}

.navitop {
	width: 850px;
	text-align: right;
	padding-top: 30px; 
	margin: 0 auto;
}

.navi_size{
	padding-left: 20px;
	margin-top: 20px;
	text-align: left !important;
}