@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 ;
}

/* body */
body {
	color : #000 ;
	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 ;
}

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

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


/* margin-top */
.mt0  { margin-top:  0   !important; }
.mt5  { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }

/* margin-bottom */
.mb0  { margin-bottom:  0   !important; }
.mb5  { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }

/* margin-left */
.ml0  { margin-left:  0   !important; }
.ml5  { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }

/* margin-right */
.mr0  { margin-right:  0   !important; }
.mr5  { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }