@charset "shift_jis";

/* =======================================================
	reset.css
	*This document validates as CSS level 3
	
	Author: Mamico Tosa
	Last modified: [ 2012/03/22 ]	
	CSS構成: 基本定義（リセット＆再定義＆汎用クラス）
	
	
	-----------------------------------------------------
	■フォントサイズ
	 root(html)には 62.5%(10px) で基準値を設定
	 body には 12px・1.2rem で12pxを設定
	 （※サイズ変更は、各要素に px・rem で指定）
	
======================================================= */

/*  
html5doctor.com Reset Stylesheet  v1.6.1  
Author: Richard Clark - http://richclarkdesign.com  
*/ 



/* 要素のフォントサイズ、マージン・パディングのリセット */
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 ;
    background : transparent ;
}


/* 新規追加要素をブロック要素へ変更 */
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 ;
}

/* body */
body {
	color : #333333 ;
	font-family : /* 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',*/ 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif ;
	font-size : 12px ; font-size : 1.2rem ;
	/*line-height : 1.2 ;*/
	line-height : 1.3 ;
	margin-bottom: 50px;
}
/*Chromeのみ対応（ルール外のイレギュラー対応）*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
body {
	font-size : 12px ;
}
}

/* 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 {
    margin : 0 ;
    padding : 0 ;
    font-size : 100% ;
    vertical-align : baseline ;
    background : transparent ;
	color : #3399cc ;
}
a:hover { color : #ff0000 ; }

/* 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 ; }


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

/* 文字装飾 */
.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 ; }

/* 水平配置 */
.A_Left { text-align : left ; }			/* 左 */
.A_Center { text-align : center ; }		/* 中 */
.A_Right { text-align : right ; }		/* 右 */


/* フォントサイズ */
.font_10 { font-size : 10px ; font-size : 1rem ; }


/* 日付データ */
.time {
	font-size : 10px ;
	font-size : 1rem ;
	color : #b19f80 ;
}



/* 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 ;/**/
}