@charset "UTF-8";
@import url("common.css");

/* アウトライン（上書き） */
#contents {
	margin:0 auto !important;
}
#main {
	width:680px !important;
	border:#e2ddc9 1px solid;
	background-color:#fff !important;
	margin:0 10px;
	padding:10px;
}
* html #main {
	margin:0 5px;
}
#sub {
	margin:0;
}

/* メインコンテンツ */
#main h2 {
	width:662px;
	height:40px;
	background:url(../images/common/caption01.png) no-repeat;
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	font-size:18px;
	font-weight:normal;
	line-height:2.3;
}
#main h3 {
	width:652px;
	height:38px;
	background:url(../images/common/caption02.png) no-repeat;
	margin:0 0 10px 0;
	padding:0 0 0 22px;
	font-size:16px;
	font-weight:normal;
	line-height:2.4;
	position:relative;
}
#main h3 img#button {
	position:absolute;
	right:1px;
	top:1px;
}
#main h3.big {
	font-size:22px;
	font-weight:bold;
	line-height:1.8;
}
#main h4 {
	margin:0 0 5px 20px;
}
#main p {
	margin:0 0 10px 0;
	padding:0 0 0 22px;
}
#main .box {
	margin:0 0 80px 0;
}
#main ul.list {
	margin:10px 0 20px 25px;
	padding:0;
}
#main ul.list li {
	margin:0 0 10px 0;
	padding:0 0 5px 16px;
	background:url(../images/common/arrow02.png) left top no-repeat;
	line-height:1.1;
}
#main ul.fit {
	margin:10px 0 20px 0px;
}
#main table.common {
	width:655px;
	margin:5px 0 20px 20px;
	border-collapse:collapse;
}
#main table.common td {
	text-align:left;
	vertical-align:top;
	padding:8px 10px;
	border-collapse:collapse;
	border:#ccc 1px solid;
}
#main table.common td.button {
	text-align:center;
	background-color:#fff;
	border:none;
	padding:20px 0;
}
#main table.common td.button img {
	margin:20px auto;
}
#main table.common td.head {
	background:url(../images/common/tableBg.png) no-repeat;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
#main table.common td.head a {
	color:#fff;
	text-decoration:underline;
}
#main table.common th {
	background-color:#fafafa;
	border-collapse:collapse;
	border:#ccc 1px solid;
	border-right:#dd2525 2px solid;
	text-align:right;
	vertical-align:top;
	padding:8px 10px;
	font-weight:bold;
	white-space:nowrap;
}
#main table.common td ul.item {
	list-style:circle;
	padding-left:18px;
}
#main table.common td table {
	margin:-2px;
}
#main table.common td table td {
	border:none;
	padding:0;
}
#main table.none {
	width:100%;
	margin:5px 0 15px 15px;
	border:none;
}
#main table.none tr td {
	padding:5px 0;
	text-align:left;
	vertical-align:top;
}
#main table tr td ul {
	margin:0;
	padding:0;
}

/* サブメニュー */
#sub {
	padding:5px 0 10px 0 !important;
}
#sub h2 {
	width:248px;
	height:34px;
	background:url(../images/common/sideHeader.png) no-repeat;
	margin:5px 0 0 10px;
	padding:0 0 0 10px;
	font-size:14px;
	font-weight:normal;
	line-height:2.5;
	color:#fff;
}
#sub ul {
	width:246px;
	background-color:#fff;
	border-left:#e2ddc9 1px solid;
	border-right:#e2ddc9 1px solid;
	border-bottom:#e2ddc9 1px solid;
	margin:0 0 0 10px;
	padding:8px 0 0 0;
}
#sub ul li {
	width:190px;
	text-align:left;
	background:url(../images/common/sideArrow.png) left center no-repeat;
	margin:0 0 10px 10px;
	padding:0 0 5px 33px;
	line-height:1.5;
	border-bottom:#ddd 1px dotted;
}
#sub .bbs {
	width:246px;
	border-left:#e2ddc9 1px solid;
	border-right:#e2ddc9 1px solid;
	border-bottom:#e2ddc9 1px solid;
	background-color:#fff;
	margin:-1px 0 0 10px;
	padding:8px 0 20px 0;
	text-align:center;
}
#sub .menu {
	width:246px;
	border-left:#e2ddc9 1px solid;
	border-right:#e2ddc9 1px solid;
	border-bottom:#e2ddc9 1px solid;
	background-color:#fff;
	margin:-1px 0 0 10px;
	padding:8px 0 20px 0;
	text-align:center;
}
#sub .menu img {
	display:block;
	margin:0 auto 5px auto;
}
#sub .banner {
	text-align:center;
}
#sub .banner ul {
	width:245px;
	margin:10px auto;
	padding:0;
	background-color:#e4e0cf;
}
#sub .banner ul li {
	margin:0 0 2px 0;
	padding:0;
	background:none;
}

/* その他 */
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.button {
	text-align:center;
	padding:25px 0 0 0;
}
.bottom {
	margin-bottom:25px !important;
}
.ssl {
	text-align:center;
	margin-top:20px;
}
.note {
	font-size:10px;
	margin:15px 20px !important;
}
.tweet {
	text-align:right;
	margin-top:-28px !important;
	width:650px !important;
}
.error {
	width:650px;
	margin:0 auto 15px auto !important;
	color:#F00;
}
.clear {
	clear:both;
}
.input {
	padding:2px 0 !important;
}
.marking {
	background-color:rgba(255,255,155,1.00);
}
.arrow {
	background:url(../images/common/arrow03.png) left top no-repeat;
	padding:0 0 0 15px;
}
.button01 {
	width:90px;
}
.button02 {
	width:120px;
}
.button03 {
	width:150px;
}

/* カレンダー */
.calendar td, .calendar th {
	text-align:center !important;
}
.calendar td a:link {
	text-decoration:underline !important;
}
.calendar td a:visited {
	text-decoration:underline !important;
}
.calendar td a:hover {
	color:#fff;
	background-color:#dd2525;
}
.calendar td a:active {
	color:#fff;
	background-color:#dd2525;
}
.sun {
	color:#cc4444;
}
.sat {
	color:#4488cc;
}

/* 掲示板 */
.wrap {
	width:630px;
	margin:20px 0 20px 15px;
	padding:10px;
	border:#DED9C2 1px dotted;
	background-color:#FFF;
}
.wrap p {
	width:630px;
	margin:0 0 5px 0;
	padding:0 !important;
}
.wrap p.name {
	width:400px;
	float:left;
	margin:0 0 10px 0;
	padding:0 !important;
	font-weight:bold;
}
.wrap p.date {
	width:160px;
	float:right;
	text-align:right;
	margin:0 0 10px 0;	
}
.wrap p.user {
	clear:both;
	text-align:right;
}
.wrap p.comment {
	clear:both;
	margin:0 0 10px 10px;
}
.wide input {
	width:490px !important;
}
.wide textarea {
	width:490px !important;
}