@charset "UTF-8";

/* 
  * 1.0 - Reset
  * 2.0 - Margin
  * 3.0 - Padding
  * 4.0 - Float
  * 5.0 - Font
  * 6.0 - Form
  * 7.0 - Column
  * 8.0 - Clearfix
*/

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

body {
	line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ul, dl {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

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

/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

/* 2.0 Margin
----------------------------------------------------------*/
/* margin-top */
.mg_t0 {
	margin-top: 0px !important;
}

.mg_t5 {
	margin-top: 5px !important;
}

.mg_t10 {
	margin-top: 10px !important;
}

.mg_t20 {
	margin-top: 20px !important;
}

.mg_t30 {
	margin-top: 30px !important;
}

.mg_t40 {
	margin-top: 40px !important;
}

.mg_t50 {
	margin-top: 50px !important;
}

.mg_t60 {
	margin-top: 60px !important;
}

.mg_t70 {
	margin-top: 70px !important;
}

.mg_t80 {
	margin-top: 80px !important;
}

.mg_t90 {
	margin-top: 90px !important;
}

.mg_t100 {
	margin-top: 100px !important;
}

/* margin-right */
.mg_r0 {
	margin-right: 0px !important;
}

.mg_r10 {
	margin-right: 10px !important;
}

.mg_r20 {
	margin-right: 20px !important;
}

.mg_r30 {
	margin-right: 30px !important;
}

.mg_r40 {
	margin-right: 40px !important;
}

.mg_r50 {
	margin-right: 50px !important;
}

.mg_r60 {
	margin-right: 60px !important;
}

.mg_r70 {
	margin-right: 70px !important;
}

.mg_r80 {
	margin-right: 80px !important;
}

.mg_r90 {
	margin-right: 90px !important;
}

.mg_r100 {
	margin-right: 100px !important;
}

/* margin-bottom */
.mg_b0 {
	margin-bottom: 0px !important;
}

.mg_b5 {
	margin-bottom: 5px !important;
}

.mg_b10 {
	margin-bottom: 10px !important;
}

.mg_b20 {
	margin-bottom: 20px !important;
}

.mg_b30 {
	margin-bottom: 30px !important;
}

.mg_b40 {
	margin-bottom: 40px !important;
}

.mg_b50 {
	margin-bottom: 50px !important;
}

.mg_b60 {
	margin-bottom: 60px !important;
}

.mg_b70 {
	margin-bottom: 70px !important;
}

.mg_b80 {
	margin-bottom: 80px !important;
}

.mg_b90 {
	margin-bottom: 90px !important;
}

.mg_b100 {
	margin-bottom: 100px !important;
}

/* margin-left */
.mg_l0 {
	margin-left: 0px !important;
}

.mg_l10 {
	margin-left: 10px !important;
}

.mg_l20 {
	margin-left: 20px !important;
}

.mg_l30 {
	margin-left: 30px !important;
}

.mg_l40 {
	margin-left: 40px !important;
}

.mg_l50 {
	margin-left: 50px !important;
}

.mg_l60 {
	margin-left: 60px !important;
}

.mg_l70 {
	margin-left: 70px !important;
}

.mg_l80 {
	margin-left: 80px !important;
}

.mg_l90 {
	margin-left: 90px !important;
}

.mg_l100 {
	margin-left: 100px !important;
}

/* 3.0 Padding
----------------------------------------------------------*/
/* padding-top */
.pd_t0 {
	padding-top: 0px !important;
}

.pd_t5 {
	padding-top: 5px !important;
}

.pd_t10 {
	padding-top: 10px !important;
}

.pd_t20 {
	padding-top: 20px !important;
}

.pd_t30 {
	padding-top: 30px !important;
}

.pd_t40 {
	padding-top: 40px !important;
}

.pd_t50 {
	padding-top: 50px !important;
}

.pd_t60 {
	padding-top: 60px !important;
}

.pd_t70 {
	padding-top: 70px !important;
}

.pd_t80 {
	padding-top: 80px !important;
}

.pd_t90 {
	padding-top: 90px !important;
}

.pd_t100 {
	padding-top: 100px !important;
}

/* padding-right */
.pd_r0 {
	padding-right: 0px !important;
}

.pd_r10 {
	padding-right: 10px !important;
}

.pd_r20 {
	padding-right: 20px !important;
}

.pd_r30 {
	padding-right: 30px !important;
}

.pd_r40 {
	padding-right: 40px !important;
}

.pd_r50 {
	padding-right: 50px !important;
}

.pd_r60 {
	padding-right: 60px !important;
}

.pd_r70 {
	padding-right: 70px !important;
}

.pd_r80 {
	padding-right: 80px !important;
}

.pd_r90 {
	padding-right: 90px !important;
}

.pd_r100 {
	padding-right: 100px !important;
}

/* padding-bottom */
.pd_b0 {
	padding-bottom: 0px !important;
}

.pd_b5 {
	padding-bottom: 5px !important;
}

.pd_b10 {
	padding-bottom: 10px !important;
}

.pd_b20 {
	padding-bottom: 20px !important;
}

.pd_b30 {
	padding-bottom: 30px !important;
}

.pd_b40 {
	padding-bottom: 40px !important;
}

.pd_b50 {
	padding-bottom: 50px !important;
}

.pd_b60 {
	padding-bottom: 60px !important;
}

.pd_b70 {
	padding-bottom: 70px !important;
}

.pd_b80 {
	padding-bottom: 80px !important;
}

.pd_b90 {
	padding-bottom: 90px !important;
}

.pd_b100 {
	padding-bottom: 100px !important;
}

/* padding-left */
.pd_l0 {
	padding-left: 0px !important;
}

.pd_l10 {
	padding-left: 10px !important;
}

.pd_l20 {
	padding-left: 20px !important;
}

.pd_l30 {
	padding-left: 30px !important;
}

.pd_l40 {
	padding-left: 40px !important;
}

.pd_l50 {
	padding-left: 50px !important;
}

.pd_l60 {
	padding-left: 60px !important;
}

.pd_l70 {
	padding-left: 70px !important;
}

.pd_l80 {
	padding-left: 80px !important;
}

.pd_l90 {
	padding-left: 90px !important;
}

.pd_l100 {
	padding-left: 100px !important;
}

/* 4.0 Float
----------------------------------------------------------*/
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin: 0px auto;
	clear: both;
}

img.alignleft {
	margin-right: 20px;
}

img.alignright {
	margin-left: 20px;
}

/* 5.0 Font
----------------------------------------------------------*/
/* font-size */
.fs_10 {
	font-size: 10px !important;
	font-size: 1.0rem !important;
}

.fs_11 {
	font-size: 11px !important;
	font-size: 1.1rem !important;
}

.fs_12 {
	font-size: 12px !important;
	font-size: 1.2rem !important;
}

.fs_13 {
	font-size: 13px !important;
	font-size: 1.3rem !important;
}

.fs_14 {
	font-size: 14px !important;
	font-size: 1.4rem !important;
}

.fs_15 {
	font-size: 15px !important;
	font-size: 1.5rem !important;
}

.fs_16 {
	font-size: 16px !important;
	font-size: 1.6rem !important;
}

.fs_17 {
	font-size: 17px !important;
	font-size: 1.7rem !important;
}

.fs_18 {
	font-size: 18px !important;
	font-size: 1.9rem !important;
}

.fs_19 {
	font-size: 19px !important;
	font-size: 1.9rem !important;
}

.fs_20 {
	font-size: 20px !important;
	font-size: 2.0rem !important;
}

.fs_22 {
	font-size: 22px !important;
	font-size: 2.2rem !important;
}

.fs_24 {
	font-size: 24px !important;
	font-size: 2.4rem !important;
}

.fs_26 {
	font-size: 26px !important;
	font-size: 2.6rem !important;
}

.fs_28 {
	font-size: 28px !important;
	font-size: 2.8rem !important;
}

.fs_30 {
	font-size: 30px !important;
	font-size: 3.0rem !important;
}

.fs_32 {
	font-size: 32px !important;
	font-size: 3.2rem !important;
}

.fs_34 {
	font-size: 34px !important;
	font-size: 3.4rem !important;
}

.fs_36 {
	font-size: 36px !important;
	font-size: 3.6rem !important;
}

.fs_38 {
	font-size: 38px !important;
	font-size: 3.8rem !important;
}

.fs_40 {
	font-size: 40px !important;
	font-size: 4.0rem !important;
}

/* font-weight */
.fw_b {
	font-weight: bold !important;	
}

.fw_n {
	font-weight: normal !important;	
}

/* line-height */
.lh_10 {
	line-height: 1 !important;
}

.lh_11 {
	line-height: 1.1 !important;
}

.lh_12 {
	line-height: 1.2 !important;
}

.lh_13 {
	line-height: 1.3 !important;
}

.lh_14 {
	line-height: 1.4 !important;
}

.lh_15 {
	line-height: 1.5 !important;
}

.lh_16 {
	line-height: 1.6 !important;
}

.lh_17 {
	line-height: 1.7 !important;
}

.lh_18 {
	line-height: 1.8 !important;
}

.lh_19 {
	line-height: 1.9 !important;
}

.lh_20 {
	line-height: 2 !important;
}

/* text-align */
.ta_left {
	text-align: left !important;
}

.ta_right {
	text-align: right !important;
}

.ta_center {
	text-align: center !important;
}

/* vertical-align */
.va_top {
	vertical-align: top !important;
}

.va_bottom {
	vertical-align: bottom !important;
}

.va_middle {
	vertical-align: middle !important;
}

/* 6.0 Form
----------------------------------------------------------*/
button,
input,
select,
textarea {
	max-width: 100%;
	box-sizing: border-box;
	font-size: 100%;
	vertical-align: baseline;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* テキスト・テキストエリア */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* ボタン */
button,
input[type="button"],
input[type="submit"] {
	padding: 10px 20px;
	color: #fff;
	border: 1px solid #000;
	background: #000;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="reset"] {
	padding: 10px 20px;
	color: #999;
	border: 1px solid #ccc;
	background: #fff;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
	cursor: pointer;
}

button[disabled],
input[type="button"][disabled],
input[type="reset"][disabled],
input[type="submit"][disabled] {
	filter: alpha(opacity=70);
	opacity: 0.7;
	cursor: default;
}

/* 7.0 Column
----------------------------------------------------------*/
.row {
	margin-right: -10px;
	margin-left: -10px;
}

.col2,
.col3,
.col4,
.col5,
.col6 {
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}

.col2:nth-child(2n+1),
.col3:nth-child(3n+1),
.col4:nth-child(4n+1),
.col5:nth-child(5n+1),
.col6:nth-child(6n+1) {
	clear: both;
}

.col2 {
	width: 50%;
}

.col3 {
	width: 33.33333%;
}

.col4 {
	width: 25%;
}

.col5 {
	width: 20%;
}

.col6 {
	width: 16.66666%;
}

/* 8.0 Clearfix
----------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

* html .clearfix {
	zoom: 1;
} /* IE6 */

*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */

.clear {
	clear: both;
}