@charset "utf-8";

/***********************************************************
	base.css
	- Modified: 2013-06-06 ol,ul の margin-left, margin-right を0に（IE7向け）
	- Modified: 2013-05-10 .markを追加（◎○△×などの記号が小さく表示される箇所に使用）
	- Modified: 2013-05-02 pタグ・dtタグの margin を調整
	- Modified: 2013-03-18 .icon を追加
	- Modified: 2013-03-14 hover時の transition を追加（a img opacity .25s, a color .1s）
	- Modified: 2013-02-25 list-horizontal, alignleft, alignright の inline-blockを最適化
	- Modified: 2013-01-23 photoboxにIE6対策を追加
	- Modified: 2012-12-18 font-family から Helvetica を削除
	- Modified: 2012-11-27 table関連を追加・修正
***********************************************************/

/***********************************************************
	FONTS
	- based on "YUI CSS" and "Twitter Bootstrap"
***********************************************************/

body {
	font-size: 14px;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
	line-height: 20px;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Arial, Meiryo, 'メイリオ', sans-serif;
}

select, input, button, textarea {
	font-size: 99%;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Arial, Meiryo, 'メイリオ', sans-serif;
}

table {
	font-size:inherit;
	font:100%;
}

pre, code, kbd, samp, tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/***********************************************************
	CLEARFIX
***********************************************************/

.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px; /*\*//*/height: auto;overflow: hidden;/**/}


/***********************************************************
	GENERAL
***********************************************************/
html, body {
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	text-justify: inter-ideograph;
}

#wrap {
	width: 100%;
}
/**************************************/

address {
	font-style: normal;
}

p {
	margin: 10px 0;
}

em {
	font-style: normal;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

small {
	font-size: 85%;
}

/**************************************/

.ref {
	padding-left: 1em;
	text-indent: -1em;
}

.red {
	color: #e50000;
}

.inner {
	padding: 10px;
}

.mark {
	font-family: "ＭＳ Ｐゴシック";
}

/**************************************/
/* TABLE - default, .table-bordered, .table-unbordered */
/**************************************/

table {
	margin: 10px 0;
	border-collapse: collapse;
}

th,td {
	padding: 7px 10px;
	border-bottom: 1px dashed #8a8a8a;
	text-align: left;
}

thead th, thead td {
	border-bottom: 1px solid #ddd;
}

.table-full {
	width: 100%;
}

.table-aligncenter th,
.table-aligncenter td {
	text-align: center;
}

.table-bordered {
	border: 1px solid #ddd;
}

.table-bordered th,
.table-bordered td {
	border: 1px solid #ddd;
}

.table-unbordered th,
.table-unbordered td {
	border: none;
}

table .text {
	text-align: left;
}

table .value {
	text-align: right;
}

/**************************************/

img {
	vertical-align: text-bottom;
}

.icon {
	vertical-align: middle;
}

/**************************************/

a img {
	-webkit-transition: opacity .25s ease-in-out;
		 -moz-transition: opacity .25s ease-in-out;
			transition: opacity .25s ease-in-out;
}

a {
	-webkit-transition: color .1s ease-in-out;
		 -moz-transition: color .1s ease-in-out;
			transition: color .1s ease-in-out;
}

ol {
	margin-right: 0;
	margin-left: 0;
	padding-left: 22px;
}

ul {
	margin-right: 0;
	margin-left: 0;
	padding-left: 20px;
}

ol.unstyled,
ul.unstyled {
	list-style-type: none;
	padding: 0;
}

li {
	margin: 5px 0;
}

dt {
	margin: 10px 0 3px;
	font-weight: bold;
}

dd {
	margin-left: 15px;
}

.list-horizontal {
	overflow: hidden;
	padding-left: 0;
}

ol.list-horizontal,
ul.list-horizontal {
	letter-spacing: -0.4em;	/* <li>間の隙間を削除 */
}

.list-horizontal>li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	letter-spacing: normal;	/* <li>間の隙間を削除 */
	vertical-align: top;
}

.list-horizontal>dt {
	clear: left;
	float: left;
	margin: 0 0 0.5em;
}

.list-horizontal>dd {
	overflow: hidden;
	*zoom: 1;
	margin-bottom: 0.5em;
}

/**************************************/

.photobox {
	/* 文字と画像を横並びにするときに使用。clearfixと同等の効果 */
	overflow: hidden;
	*zoom: 1;
}

.aligncenter {
	display: block;
	margin: 5px auto;
}

.alignleft {
	float: left;
	margin: 0 20px 5px 0;
}

.alignright {
	float: right;
	margin: 0 0 5px 20px;
}

.no-wrap {
	overflow: hidden;
	*zoom: 1;
}

/*--- ↓あとでstyle.css へ ---*/

a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}