@charset "utf-8";
/* CSS Document */

/*--------------------------------------
				基本設定
--------------------------------------*/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Reset　ブラウザー固有のスタイルをリセットする↓　*/

body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
}

ul,ol,li {
	list-style: none;
}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Fonts　フォントサイズを相対指定する↓　*/

body{
	font: 13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    *font-size: small;/* IE用 */
    *font: x-small;/* IE 互換モード用 */
	color: #555555;
	background-image: url(../images/back.png);
	background-attachment: fixed;
}

/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/

/*　↓リンクに対する共通設定↓　*/

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

a:hover {
	color: #B3B3B3;
}

header a:hover {
	color: #fff;
}

/*　↓HTML5　新要素をブロック化する↓　*/

header, section, footer, aside, nav, article, figure, hgroup { 
	margin: 0;
	padding: 0;
	display: block;
}

/*　↓画像を左寄せにする↓　*/

.img_left {
	float: left;
	margin: 0 40px 0 10px;
}

/*　↓画像を右寄せにする↓　*/

.img_right {
	float: right;
	margin: 0 10px 0 40px;
}

/*　↓float解除用　clearfix↓　*/

.clearfix:after { /*for modern browser*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { zoom:1; /*for IE 5.5-7*/ }