@charset "utf-8";

/* ==================================================================
	Box Elements
===================================================================== */
.flBox {
	display: inline;
	float: left;
}

.box {
	padding: 0.5em;
	border: 1px solid #ccc;
}

/* ==================================================================
	Text Decoration
===================================================================== */
em {
	font-style: normal;
	font-weight: bold;
}

strong {
	color: #d90000;
}

.underline {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
	font-weight: normal;
}

.fix10 {
	/* !SHOULD NOT */
	font-family: 'Lucida Grande', Verdana; /* for IE7 font-size bug only Japanese text */
	font-size: 10px;
}

.fix11 {
	/* !SHOULD NOT */
	font-family: 'Lucida Grande', Verdana; /* for IE7 font-size bug only Japanese text */
	font-size: 11px;
}

sup {
	position: relative;
	top: -0.9em;
	right: 0.15em;
	vertical-align: baseline;
	font-size: 50%;
}

/* ==================================================================
	Anchor Decoration
===================================================================== */
/* PDFアイコン ------------------------------------------------------ */
a.ico-pdf {
	padding-left: 20px;
	background-image: url("images/ico-pdf.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

/* ポップアップアイコン --------------------------------------------- */
a.popup {
	padding-right: 20px;
	background-image: url("images/ico-popup.gif");
	background-repeat: no-repeat;
	background-position: right center;
}

/* ==================================================================
	List Decoration
===================================================================== */
/* 基本マーカー ------------------------------------------------------ */
.marker {
	margin: 1em 0;
}

.marker li {
	margin-left: 2em;
	list-style-type: disc;
}

/* 数字マーカー ----------------------------------------------------- */
ol {
	margin: 1em 0;
}

ol li {
	margin-left: 2em;
	list-style-type: decimal;
}

/* 画像マーカー ----------------------------------------------------- */
.imgMarker {
	margin: 1em 0;
}

.imgMarker li {
	padding-left: 15px;
	/*
	 *  Refer to "/css/themes/XXX/images/misc/imgmarker.gif".
	 *  and describe background-image property in "/css/themes/XXX/style.css".
	 */
	background-repeat: no-repeat;
	background-position: left 0.4em;
}

/* フロートリスト --------------------------------------------------- */
ul.flist li {
	display: inline;
	float: left;
}

/* "|"区切りリスト -------------------------------------------------- */
ul.barlist li {
	margin-left: -1px;
	margin-bottom: 0.5em;
	padding: 0 6px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	height: 13px;
	line-height: 13px;
}

/* only IE6 */
* html ul.barlist {
	!important;
	padding: 0 5px;/* 要）適宜調節 */
}

/* only IE7 */
*:first-child+html ul.barlist {
	!important;
	padding: 0 5px;/* 要）適宜調節 */
}

/* ==================================================================
	Image Decoration
===================================================================== */
img.photo {
	/* doesn't work on IE6 */
	padding: 2px;
	border: 1px solid #ccc;
}

/* ==================================================================
	Diplay
===================================================================== */
.hidden {
	display: none;
}

.invisi {
	visibility: hidden;
}

.accessibility {
	display: none;
}

/* ==================================================================
	フロート解除
===================================================================== */
.clearfix {
	min-height: 0;
	display: inline-table;
}
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
}
/* hide MacIE \*/
* html .clearfix {
	height: 0;
}
.clearfix {
	display: block;
}
/* */

/* ==================================================================
	MISC.
===================================================================== */
hr {
	height: 1px;
	border: none;
	background-color: #ccc;
}

/* ==================================================================
	CSS3 Property
===================================================================== */
/* Firefox2+ && Safari3.1+ ONLY USE !MUST NOT */

/* Column Layout ---------------------------------------------------- */
.css3-Column {
	padding: 0 10px;
	/* Gecko */
	-moz-column-count: 2;		/* カラムの数 */
	-moz-column-width: 100px;	/* カラムの幅 */
	-moz-column-gap: 10px;		/* カラム間の距離 */
	
	/* Webkit */
	-webkit-column-count: 2;		/* カラムの数 */
	-webkit-column-width: 100px;	/* カラムの幅 */
	-webkit-column-gap: 10px;		/* カラム間の距離 */
}

/* Rounded Border --------------------------------------------------- */
.css3-RoundBox {
	padding: 10px;
	border: 1px solid #ccc;
	
	/* Gecko */
	-moz-border-radius: 5px;
	/* -moz-border-radius-topleft */
	/* -moz-border-radius-topright */
	/* -moz-border-radius-bottomleft */
	/* -moz-border-radius-bottomright */
	
	/* Webkit */
	-webkit-border-radius: 5px;
	/* -webkit-border-top-left-radius */
	/* -webkit-border-top-right-radius */
	/* -webkit-border-bottom-left-radius */
	/* -webkit-border-bottom-right-radius */
}