@charset "utf-8";

/* ClearFix
--------------------------------------------------------------------------------*/
ul:before,ul:after,#header:before,#header:after,#footer:before,#footer:after{content:"";display:table;}
ul:after,#header:after,#footer:after{clear:both;}
ul,#header,#footer{zoom:1;}

.clearfix:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
.clearfix { zoom: 100%; }

/* HTML Redefinition
--------------------------------------------------------------------------------*/
html,
body {
	min-width: 924px;
  color: #000;
  background: #FFF;
  text-align: left;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  margin: 0;
  padding: 0;
  font-size:100%;
}
html {
	overflow-y: scroll;
	background: #fff;
	color: #000;
}
body {
	font: 13px/1.231;
	*font-size: small;
	*font: x-small;
	text-align: center;
}
* html body {
	vertical-align: baseline;
	text-align: center;
} /* for lte ie6 */
*:first-child+html body {
} /* for ie7 */
html>/**/body {
} /* for ie8 */
html:not(:target) body {
	font: 13px/1.231;
} /* for modern browser not ie8 */

li img {
	vertical-align: top;
}
a:link, a:visited {
	text-decoration: none;
	color: inherit;
	*color: #00f;
}
a:hover, a:active {
	text-decoration: none;
	color: inherit;
	*color: #00f;
}
a:focus {
	outline: 0;
}
iframe {
	border: 0;
}

/* Basic Structure
--------------------------------------------------------------------------------*/
#wrapper {
	text-align: left;
	overflow: hidden;
}
#header,
#footer {
	background: #fff;
	color: #000;
	font-family: sans-serif;
}
#header {
	position: relative;
	z-index: 1000;
}
#contents,
#header .inner,
#footer .inner {
	margin: 0 auto;
	position: relative;
}
#contents,
#header .inner,
#footer .inner {
	max-width: 900px;
}


/* Header
--------------------------------------------------------------------------------*/

#header{
	border-bottom: 1px solid #ccc;
}

#header h1 {
	vertical-align:top;
	margin:0 0 0 12px;
	display:inline-block;
	/display:inline;
	zoom:100%;
	line-height:0;
	font-size:0;
	position: relative;
}
#header h1 img {
	vertical-align:top;
}
#header h1 #head_uri {
	position: absolute;
	top: 23px;
	left: 199px;
}
#head_bar {
	background:#fff;
	height:64px;
  width:940px;
	min-width: 740px;
	width: expression(document.body.clientWidth < 742? "740px" : "auto");
  margin:0 auto;
  text-align:left;
}
#head_bar p {
	vertical-align:top;
	margin:36px 0 0 230px;
	display:inline-block;
	/display:inline;
	zoom:100%;
}
#head_bar .head_navi01 {
	position: absolute;
	top: 26px;
	right: 20px;
}
#head_bar .head_navi01 li {
	vertical-align: bottom;
	font-size:0;
}
#head_bar .head_navi01 li a {
	display: block;
}
#header li {
	line-height: 0;
	font-size:0;
}
#header li img {
	vertical-align:top;
}
#head_bar {
	position:relative;
}
#head_bar p {
	margin:0;
	display:block;
	position:absolute;
	right: 21px;
	top: 37px;
}

#recommend {
	height: 35px;
	position: relative;
}
.reccomend-inner {
  margin: 0 auto;
  max-width: 960px;
  text-align: right;
}
#recommend p {
	padding: 0;
	position: relative;
	top: 13px;
}

/* Footer
--------------------------------------------------------------------------------*/

#footer{

}
#footer ul {
	margin: 60px 0;
}
#footer li {
	padding: 0 15px;
	font-size: 70%;
	list-style-type: none;
	float: left;
}
#footer li:first-child{
  padding-left: 0;
}
#footer li:first-child,
#footer li:nth-child(2) {
	border-right: 1px solid #535353;
}
#footer #copyright,
#footer #eco-style {
	float: right;
	margin-right: 0;
}
#eco-style {
	clear: right;
}
#copyright a,
#eco-style a {
	display: block;
	text-indent: -9999px;
}
#copyright a {
	width: 331px;
	height: 9px;
	background: url(../img/img_copyright.png) no-repeat;
}

/* Common
--------------------------------------------------------------------------------*/
.nodisp {
	display: none !important;
}
noscript .caution,
#notice {
	min-height: 33px;
	width: 100%;
	padding: 7px 5px 5px 60px;
	text-align: left;
	font-weight: bold;
	box-shadow: 0 0 10px #fff;
	background: #fff url(../img/normal/icon.png) no-repeat 10px -35px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.icon-win {
	display: inline-block;
	width: 20px;
	height: 17px;
	background: url(../img/normal/icon.png) no-repeat 4px -15px;
}
.ico-ast {
	vertical-align:middle;
	display:inline-block;
	height:9px;
	zoom:1;
}