@charset "utf-8";
/* =======================================================
	CSS構成	: 基本定義（CSSリセット＆再定義＆汎用クラス）
	Editor	: DOTCOM MARKETING
	-----------------------------------------------------
	This document validates as CSS level 3
	■ フォントサイズ
	  root(html) には 62.5%(10px) で基準値を設定
	  body には 12px(1.2em) を設定
======================================================= */

/* 要素のフォントサイズ、マージン・パディングのリセット */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin : 0 ;
	padding : 0 ;
	border : 0 ;
	outline : 0 ;
	font-size : 100% ;
	vertical-align : baseline ;
}


/* 新規追加要素をブロック要素へ変更 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display : block ; }


/* ////////////////////////////////////////////////////////////////  ベース・リセット */

/* html */
html {
	font-size : 62.5% ; /* 10px 基準値 */
	/*overflow-y : scroll ;*/ /* FFスクロールバー */
	background : #ffffff ;
	overflow: auto;
}

/* body */
body {
	color : #6C3319 ;
	font-family : 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',  'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif ;
	/* font-size : 12px ; font-size : 1.2em ; */
	font-size : 14px ; font-size : 1.4em ;
	background: url(../img/bg.png) repeat;
	overflow: hidden;
}

/* heading */
h1, h2, h3, h4, h5, h6 { font-weight : normal ; }


/* img */
img {
	border : none ;
	vertical-align : top ;
	font-size : 0 ;
	line-height : 0 ;
}

/* リスト */
ol, ul { list-style : none ; }

/* 引用符 */
blockquote, q { quotes : none ; }
blockquote:before, blockquote:after,
q:before, q:after {
	content :'' ;
	content :none ;
}

/* a */
a {
	color: #36C;
	margin : 0 ;
	padding : 0 ;
	font-size : 100% ;
	vertical-align : baseline ;
	text-decoration : none ;
}
a:hover { text-decoration : underline ; }
a:hover img {
	/* IE7以下 */
	filter:alpha(opacity=50);
	/* IE8用 */
	-ms-filter: "alpha(opacity=50)";
	opacity: 0.5;

	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;

}


/* ins（利用時に背景色・文字色を再定義する） */
ins { text-decoration : none ; }

/* mark（利用時に背景色・文字色を再定義する） */
mark {  }

del { text-decoration : line-through ; }

/*IEでの点線下線・オーバー時にヘルプカーソル表示 */
abbr[title], dfn[title] {
	border-bottom : 1px dotted ;
	cursor : help ;
}

em { font-style : normal ; }

/* table */
/* セル罫線結合 */
table {
	border-collapse : collapse ;
	border-spacing : 0 ;
}
table { /font-size : 100% ; }

/* hr */
hr {
	display : block ;
	height : 1px ;
	border : 0 ;
	border-top : 1px solid #cccccc ;
	margin : 1em 0 ;
	padding : 0 ;
}


/* form */
button, fieldset, form, input, label, legend, select, textarea {
	font-family : inherit ;
	font-size : 100% ;
	font-style : inherit ;
	font-weight : inherit ;
	margin : 0 ;
	padding : 0 ;
	vertical-align : baseline ;
}

/* 縦中央揃え */
input, select { vertical-align : middle ; }
/* label */
label { cursor : pointer ; }

p {
	font-size: 13px;
	line-height: 1.8;
}


/* ////////////////////////////////////////////////////////////////  汎用クラス */
.clear { clear : both ; overflow : hidden; }

/* 文字装飾 */
.bold { font-weight : bold ; }
.italic { font-style : italic ; }
.normal { font-weight : normal ; }

/* 左右配置 */
.Left,
.Left_box,
.Left_item { float : left ; }
.Right,
.Right_box,
.Right_item { float : right ; }


/* clearfix */
.clearfix{
	zoom : 1 ; /*for IE 5.5-7*/
}
.clearfix:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
* html .clearfix{
	display : inline-table ;
	/*\*/display : block ;/**/
}