/* ==========================================================================
   Common
   ========================================================================== */

	html {
		min-width: 980px;
		font-size: 90%;
		background: url(../img/base/bg.png);
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.center {
		text-align: center;
	}

	ul, li {
		margin: 0;
		padding: 0;
		list-style: none;
	}



	/* --------------------------------------------------- */



	#header-wrapper {
		height: 118px;
		margin: 0;
		padding: 0;
		background: url(../img/base/bg_header.png) repeat-x top;
		overflow: hidden;
	}
	header {
		position: relative;
		width: 1000px;
		height: 118px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}
	header h1 {
		position: absolute;
		top: 25px;
		left: 15px;
		margin: 0;
		font-size: 70%;
		font-weight: normal;
	}



	/* --------------------------------------------------- */



	nav {
		padding-bottom: 3px;
		overflow: hidden;
	}
		nav ul {
			position: absolute;
			top: 70px;
			left: 0;
			width: 1020px;
			margin: 0;
			padding: 0;
		}
		nav li {
			float: left;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}



	/* --------------------------------------------------- */



	#banner-footer {
		clear: both;
	}



	/* --------------------------------------------------- */



	#footer-wrapper {
		position: relative;
		width: 100%;
		height: 400px;
		background: url(../img/base/bg_footer.png);
	}
	footer {
		width: 980px;
		margin: 0 auto;
		overflow: hidden;
	}
		footer ul {
			margin: 20px 0 60px 0;
			padding: 0;
		}
		footer ul li {
			float: left;
			margin: 0 20px 0 0;
			padding: 0;
			list-style: none;
			font-size: 80%;
		}
		footer ul li a {
		}
		footer #footer-spec {
			clear: both;
			font-size: 65%;
		}
		footer #copyright {
			clear: both;
			color: #666;
			text-align: left;
			font-size: 65%;
			font-family :Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		}
		#footer-wrapper a#pagetop {
			position: absolute;
			right: 5px;
			top: -28px;
			padding: 6px 15px;
			border-radius: 3px 3px 0 0;
			font-size: 85%;
			color: #fff;
			text-decoration: none;
			background: url(../img/base/bg_black_80.png);
		}
			#footer-wrapper a#pagetop:hover {
				background: url(../img/base/bg_black_60.png);
			}


	/* --------------------------------------------------- */



	#main-container {
		position: relative;
		width: 980px;
		margin: 0 auto;
		padding-bottom: 30px;
	}
		#main-container:after
		{
			clear: both;
			content:".";
			display: block;
			height: 0;
			visibility: hidden;
		}

	article {
		float: left;
		width: 720px;
		margin: -20px 0 20px 0;
		padding: 0;
		overflow: hidden;
	}

	section {
		clear: both;
		display: block;
		margin-bottom: 40px;
		line-height: 160%;
		font-size: 95%;
	}
		section:after
		{
			clear: both;
			content:".";
			display: block;
			height: 0;
			visibility: hidden;
		}



	/* --------------------------------------------------- */



	aside {
		width: 180px;
		float: right;
		padding: 10px;
	}
		aside,
		aside p {
			font-size: 90%;
		}
		aside ul,
		aside li {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		aside > ul > li {
			margin-bottom: 20px;
			overflow: hidden;
		}

		/* タイトル */
		aside li h4 {
			margin: 0 0 5px 0;
			padding: 5px;
			border-radius: 3px;
			text-align: center;
			font-weight: normal;
			font-size: 100%;
			color: #fff;
			background: url(../img/base/bg_black_80.png);
		}

		/* Box */
		aside li.box {
			margin-bottom: 20px;
			padding: 5px 10px;
			border-radius: 3px;
			border: 1px solid #711F1F;
			color: #fff;
			background: url(../img/base/bg_black_30.png);
		}

		/* news */
		aside li#aside-news li {
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px dotted #ccc;
		}
			aside li#aside-news li .aside-news-date {
				font-size: 85%;
			}

		/* bland */
		aside li#aside-bland li img {
			width: 50%;
			float: left;
		}


	/* タイトル
	--------------------------------------------------- */
	h2.tit {
		margin: 0 -20px 40px -20px;
		padding: 10px 20px;
		font-size: 120%;
		color: #fff;
		background: #000;
	}
	h3.tit {
		padding: 3px 0 3px 10px;
		border-left: 5px solid #ccc;
	}
	h3.copy {
		padding-left: 10px;
		border-left: 5px solid #cc0000;
	}



	/* ボタン
	--------------------------------------------------- */
	.btn a {
		padding: 5px 10px;
		border-radius: 3px;
		text-decoration: none;
		font-size: 90%;
		color: #fff;
		background: url(../img/base/bg_black_70.png);
	}
	.btn a:hover {
		background: url(../img/base/bg_black_50.png);
	}
	img.btn-more {
		width: 100px;
		margin: 10px auto;
	}



	/* ライン
	--------------------------------------------------- */
	.line {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
	}
	.dotline {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px dotted #ccc;
	}


	/* ボックス
	--------------------------------------------------- */
	.box {
		padding: 20px;
		border: 1px solid #ddd;
		background: #fafafa;
	}



	/* サムネイル
	--------------------------------------------------- */
	ul.thumb {
		margin-left: -30px;
	}
		ul.thumb li {
			float: left;
			margin: 0 0 30px 30px;
		}
		ul.thumb li img {
			width: 100%;
		}
	ul.thumb-mini {
		margin-left: -23px;
	}
		ul.thumb-mini li {
			width: 100px;
			float: left;
			margin: 0 0 20px 23px;
		}
		ul.thumb-mini li img {
			width: 100%;
		}



	/* 写真
	--------------------------------------------------- */
	.photoframe img {
		border: 4px solid #fff;
		border-radius: 3px;
		-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
		 -moz-box-shadow:   0 1px 5px rgba(0, 0, 0, 0.4);
		      box-shadow:   0 1px 5px rgba(0, 0, 0, 0.4);
	}



	/* フォーム
	--------------------------------------------------- */
	.form-text,
	.form-textarea {
		width: 300px;
		margin-right: 10px;
		padding: 8px;
		border-radius: 3px;
		border: 1px solid #ddd;
	}
	.form-textarea {
		height: 150px;
	}
	.form-must {
		padding: 3px 5px;
		border-radius: 3px;
		font-size: 90%;
		color: #fff;
		background: #cc0000;
	}
	.form-submit {
		padding: 10px 20px;
	}
	.form-error {
		display: none;
		color: #cc0000;
		font-size: 90%;
	}
	.form-ex {
		font-size: 80%;
		color: #666;
	}
	.form-btn {
		border: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin: -5px 0 0 0;
		padding: 8px 10px;
		border-radius: 3px;
		text-decoration: none;
		font-size: 90%;
	}
	.form-btn-submit {
		color: #fff;
		background: #cc0000;
	}
		.form-btn-submit:hover {
			background: #ff0000;
		}
	input:focus,
	textarea:focus {
	}
	::-webkit-input-placeholder { color: #fefefe; }
	:-moz-placeholder { color: #fefefe; }
	.form-error-list {
		padding-top: 10px;
		border-top: 1px dotted #ccc;
	}
	.form-error-list li {
		margin-bottom: 10px;
		padding: 0 0 10px 20px;
		border-bottom: 1px dotted #ccc;
	}
	#err-msg {
		width: 80%;
		margin: 0 auto;
		text-align: center;
		background: #FFF0F2;
		border: 1px solid #cc0000;
	}


	/* ページャー
	--------------------------------------------------- */
	.page-numbers {
		padding: 5px 10px;
		border-radius: 3px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		background: #24407C;
	}
	.current {
		background: #316AE3;
	}

	/* テーブル
	--------------------------------------------------- */
	/* テーブル初期化 */
	table {
		max-width: 100%;
		background-color: transparent;
		border-collapse: collapse;
		border-spacing: 0;
	}
	table th,
	table td {
		font-weight: normal;
	}


	.table {
	  width: 100%;
	  margin-bottom: 20px;
	}

	.table th,
	.table td {
	padding: 8px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

	.table th {
	width: 20%;
	vertical-align: middle;
	}
	
	.table td {
	width: 80%;
	}

	.table thead th {
	vertical-align: bottom;
	}

	.table caption + thead tr:first-child th,
	.table caption + thead tr:first-child td,
	.table colgroup + thead tr:first-child th,
	.table colgroup + thead tr:first-child td,
	.table thead:first-child tr:first-child th,
	.table thead:first-child tr:first-child td {
	border-top: 0;
	}

	.table tbody + tbody {
	border-top: 2px solid #98837e;
	}

	.table .table {
	background-color: #ffffff;
	}

	.table-condensed th,
	.table-condensed td {
	padding: 4px 5px;
	}

	/* 枠線設定 */
	.table-bordered {
	border: 1px solid #98837e;
	border-collapse: separate;
	*border-collapse: collapse;
	border-left: 0;
	-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	      border-radius: 4px;
	}
	.table-bordered th,
	.table-bordered td {
	border-left: 1px solid #98837e;
	}

	.table-bordered caption + thead tr:first-child th,
	.table-bordered caption + tbody tr:first-child th,
	.table-bordered caption + tbody tr:first-child td,
	.table-bordered colgroup + thead tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child th,
	.table-bordered colgroup + tbody tr:first-child td,
	.table-bordered thead:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child td {
	border-top: 0;
	}

	.table-bordered thead:first-child tr:first-child > th:first-child,
	.table-bordered tbody:first-child tr:first-child > td:first-child {
	-webkit-border-top-left-radius: 4px;
	      border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	}

	.table-bordered thead:first-child tr:first-child > th:last-child,
	.table-bordered tbody:first-child tr:first-child > td:last-child {
	-webkit-border-top-right-radius: 4px;
	      border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	}

	.table-bordered thead:last-child tr:last-child > th:first-child,
	.table-bordered tbody:last-child tr:last-child > td:first-child,
	.table-bordered tfoot:last-child tr:last-child > td:first-child {
	-webkit-border-bottom-left-radius: 4px;
	      border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	}

	.table-bordered thead:last-child tr:last-child > th:last-child,
	.table-bordered tbody:last-child tr:last-child > td:last-child,
	.table-bordered tfoot:last-child tr:last-child > td:last-child {
	-webkit-border-bottom-right-radius: 4px;
	      border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	}

	.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
	-webkit-border-bottom-left-radius: 0;
	      border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	}

	.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
	-webkit-border-bottom-right-radius: 0;
	      border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	}

	.table-bordered caption + thead tr:first-child th:first-child,
	.table-bordered caption + tbody tr:first-child td:first-child,
	.table-bordered colgroup + thead tr:first-child th:first-child,
	.table-bordered colgroup + tbody tr:first-child td:first-child {
	-webkit-border-top-left-radius: 4px;
	      border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	}

	.table-bordered caption + thead tr:first-child th:last-child,
	.table-bordered caption + tbody tr:first-child td:last-child,
	.table-bordered colgroup + thead tr:first-child th:last-child,
	.table-bordered colgroup + tbody tr:first-child td:last-child {
	-webkit-border-top-right-radius: 4px;
	      border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	}

	/* ストライプ設定 */
	.table-striped tbody > tr:nth-child(odd) > td,
	.table-striped tbody > tr:nth-child(odd) > th {
	background-color: #f9f9f9;
	}

	.table-hover tbody tr:hover td,
	.table-hover tbody tr:hover th {
	background-color: #f5f5f5;
	}

	table td[class*="span"],
	table th[class*="span"],
	.row-fluid table td[class*="span"],
	.row-fluid table th[class*="span"] {
	display: table-cell;
	float: none;
	margin-left: 0;
	}

	/* 状況によって色を変える */
	tbody tr.success th,
	tbody tr.success td {
		background-color: #dff0d8;
	}

	tbody tr.error th,
	tbody tr.error td {
		background-color: #f2dede;
	}

	body tr.warning th,
	body tr.warning td {
		background-color: #fcf8e3;
	}

	tbody tr.info th,
	tbody tr.info td {
		background-color: #d9edf7;
	}

	tbody tr.success:hover th,
	tbody tr.success:hover td {
		background-color: #d0e9c6;
	}

	tbody tr.error:hover th,
	tbody tr.error:hover td {
		background-color: #ebcccc;
	}

	tbody tr.warning:hover th,
	tbody tr.warning:hover td {
		background-color: #faf2cc;
	}

	tbody tr.info:hover th,
	tbody tr.info:hover td {
		background-color: #c4e3f3;
	}



	/* 幅の指定（割合）
	--------------------------------------------------- */
	.span1 {
		float: none;
		width: 44px;
		margin-left: 0;
	}
	.span2 {
		float: none;
		width: 124px;
		margin-left: 0;
	}
	.span3 {
		float: none;
		width: 204px;
		margin-left: 0;
	}
	.span4 {
		float: none;
		width: 284px;
		margin-left: 0;
	}
	.span5 {
		float: none;
		width: 364px;
		margin-left: 0;
	}
	.span6 {
		float: none;
		width: 444px;
		margin-left: 0;
	}
	.span7 {
		float: none;
		width: 524px;
		margin-left: 0;
	}
	.span8 {
		float: none;
		width: 604px;
		margin-left: 0;
	}
	.span9 {
		float: none;
		width: 684px;
		margin-left: 0;
	}
	.span10 {
		float: none;
		width: 764px;
		margin-left: 0;
	}
	.span11 {
		float: none;
		width: 844px;
		margin-left: 0;
	}
	.span12 {
		float: none;
		width: 924px;
		margin-left: 0;
	}