@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    heading styles
 *     =7    paragraph styles
 *     =8    list styles
 *     =9    definition list styles
 *     =10   table styles
 *     =11   form selectors
 *     =12   other selectors
 *     =13   clearfix
 *
 * ===============================================================
*/



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

html {
	height: 100%;
	font-size: 62.5%; /*基準10px=1em*/
}

body {
	background:url(/event/omoutsubo/src/image/common/back.png) 0 0 repeat;
	height: 100%;
	line-height: 1.5;
	color: #444444;
	font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break: break-all;
	font-size: 15px; /*CSS3未対応ブラウザ対策*/
	font-size: 1.5rem; /*CSS3単位 実質14px*/
}
* + html body {
	font-family: "メイリオ","Meiryo";
}


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

		body {
			font-size: 12px; /*CSS3未対応ブラウザ対策*/
			font-size: 1.2rem; /*CSS3単位 実質14px*/
		}
	}

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

		body {
		}
	}

	/* -- >>> styles for wide layout ----- */
	@media screen and (min-width: 960px) {
		html {
		}

		body {
		}
	}



/** =2
 * ========================================
 * box model styles
 * ========================================
 */
#contents article {
	clear: both;
}
#contents article h2 {
	text-align: center;
}

#contents section{
	clear: both;
	margin: 0 10px 10px;
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 599px) {
		#contents article{
			margin: 0 0 20px 0;
		}
		#contents section {
		}
	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 600px) and (max-width: 959px) {
		#contents article {
			margin: 0 0 30px 0;
		}

		#contents section {
		}
	}

	/* -- >>> styles for wide layout ----- */
	@media screen and (min-width: 960px) {
		#contents article {
			margin: 0 0 40px 0;
		}
		#contents section {
		}
	}


/** =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;
}
.txt_l{
	font-size:125%;
}
.txt_s{
	font-size:90%;
}
.attention{
	color:#C00;
}


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

a, a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
	outline: none;
}
a {
	color: #0000FF;
}
a:visited {
	color: #800080;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #FF0000;
}


/** =6
 * ========================================
 * heading styles
 * ========================================
 */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin:0 0 10px 0;
}
/* ---- #contents #main ---- */
#contents #main h1{
	text-align: center;
	padding-top:20px;
	border-top:dotted 2px #AAA;
}
#contents #main h2{}
#contents #main h3{}
#contents #main h4{}
#contents #main h5{}
#contents #main h6{}


	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 599px) {
		#contents #main h1{
			padding-top:10px;
		}
	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 600px) and (max-width: 959px) {
		#contents #main h1{
			padding-top:15px;
		}
	}

	/* -- >>> styles for wide layout ----- */
	@media screen and (min-width: 960px) {
		#contents #main h1{
			margin:0 0 20px 0;
		}
	}


/** =7
 * ========================================
 * paragraph styles
 * ========================================
 */

p{}

#contents p{
	margin:0 0 10px 0;
}


/** =8
 * ========================================
 * list styles
 * ========================================
 */

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

#contents #main ul,
#contents #main ol{
	margin:0 0 10px 0;
}
#contents #main ul li{
	padding-left:17px;
	background:url(/event/omoutsubo/src/image/common/icon.png) 0 5px no-repeat;
}
#contents #main ol li{
	padding-left:2em;	
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 599px) {
		#contents #main ul li{
			padding-left:16px;
			background:url(/event/omoutsubo/src/image/common/icon.png) 0 4px no-repeat;
			background-size:10px 10px;
		}
	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 600px) and (max-width: 959px) {
		#contents #main ul li{
			padding-left:16px;
			background:url(/event/omoutsubo/src/image/common/icon.png) 0 4px no-repeat;
			background-size:10px 10px;
		}
	}

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


/** =9
 * ========================================
 * definition list styles
 * ========================================
 */

dl{}
dt{
	font-weight: bold;
}
dd{}

#contents dl{
	margin:0 0 15px 0;
	clear:both;
}
#contents dl dt{
	font-weight: bold;
}
#contents dl dd{
	margin:0 0 10px 0;
}

#contents dl dd dl{
	clear:right;
	paddgin:0 0 15px 0;
	border-bottom: dotted 1px #CCC;
}
#contents dl dd dl dt{
	color:#105c91;
}

	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 599px) {
		#contents dl dt{
			width:150px;
		}
	}

	/* -- >>> styles for medium layout ----- */
	@media screen and (min-width: 600px) and (max-width: 959px) {
		#contents dl dt{
			float:left;
			width:180px;
		}
		#contents dl dd{
			padding-left:200px;
		}
		#contents dl dd dl dt{
			float:none;
		}
		#contents dl dd dl dd{
			padding:0;
		}
	}

	/* -- >>> styles for wide layout ----- */
	@media screen and (min-width: 960px) {
		#contents dl dt{
			float:left;
			width:210px;
		}
		#contents dl dd{
			padding-left:250px;
		}
	}

/** =10
 * ========================================
 * table styles
 * ========================================
 */

#contents table {
	border-collapse: collapse;
}

#contents th {
	font-weight: bold;
}
	/* -- >>> styles for narrow layout ----- */
	@media screen and (max-width: 599px) {
	}

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

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

/** =11
 * ========================================
 * 
 * ========================================
 */

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

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

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


/** =12
 * ========================================
 * other selectors
 * ========================================
 */

hr {
	clear: both;
	margin: 0;
}
img {
    max-width: 100%;　/* Flexible Images */
    height: auto;
    width /***/:auto;　/* IE8のみ適用 */
	vertical-align:bottom;
}

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