@charset "utf-8";
/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://
 * File name: base.css
 * Summary:   ベーススタイル
 * Author:    CrEa., Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    html & body
 *     =2    box model styles
 *     =3    float/align styles
 *     =4    text styles
 *     =5    link styles
 *     =6    list styles
 *     =7    heading styles
 *     =8    table styles
 *     =9    other selectors
 *     =10   clearfix
 *
 * ===============================================================
*/


/*==-----------------------------------------------
フルードメディア lightboxが効かなくなるので今回はのみ使用
-------------------------------------------------*/
#header img,#footer img,video {
    height: auto;
    max-width: 100%;
    vertical-align:bottom;
}


/** =1
 * ========================================
 * html & body
 * ========================================
 */

html {
	height: 100%;
}

body {
	height: 100%;
	line-height: 1.5;
	color: #333;
    font-size: 1.4rem;
	font-size: 14px;
	word-break: break-all;
	font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 599px) {
	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 600px) and (max-width: 999px) {
	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 1000px) {
	}


/** =2
 * ========================================
 * box model styles
 * ========================================
 */

#main article {
	clear: both;
	margin: 0 0 20px 0;
}

#main section {
	clear: both;
	margin: 0 10px 10px;
	font-size: 12px;
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 599px) {
	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 600px) and (max-width: 999px) {
	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 1000px) {
	}


/** =3
 * ========================================
 * float/align styles
 * ========================================
 */

.flo_left {
	float: left;
}
.flo_right {
	float: right;
}

.txt_left {
	text-align: left;
}
.txt_center {
	text-align: center;
}
.txt_right {
	text-align: right;
}



/** =4
 * ========================================
 * text styles
 * ========================================
 */

strong {
	font-weight: bold;
}


/** =5
 * ========================================
 * link styles
 * ========================================
 */

a, a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
	outline: none;
}
a {
	color: #de6217;
}
a:visited {
	color: #800080;
}
a:hover {
	color: #ff6000;
}
a:active {
	color: #ff6000;
}

.fcWhite{
  color: #d6d2c6;
}



/** =6
 * ========================================
 * list styles
 * ========================================
 */

ul li {
	list-style-type: none;
}
ol li {
	list-style-type: decimal;
}

ol{
	padding-left:20px;
}

#main section ul,
#main section ol,
#main section p{
	margin:0 0 10px 0;
}


/** =7
 * ========================================
 * heading styles
 * ========================================
 */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}



/** =8
 * ========================================
 * table styles
 * ========================================
 */

table {
	border-collapse: collapse;
}

th {
	font-weight: bold;
}



/** =9
 * ========================================
 * other selectors
 * ========================================
 */

hr {
	clear: both;
}



/** =10
 * ========================================
 * clearfix
 * ========================================
 */

/* For modern browsers */
.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
	content: "";
	display: table;
}

.clearfix:after,
.cf:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix,
.cf {
	zoom: 1;
}