@charset "Shift_JIS";

/* ################################################### */
/* #                                                 # */
/* #                                                 # */
/* #                   index用css                    # */
/* #                                                 # */
/* #                                                 # */
/* ################################################### */


/* Layout
---------------------------------------------------- */
body.toppage {
}
body.toppage #Contents {
	padding-top:54px;
}
body.toppage #Main {
	width: 823px;
	padding:0 16px 5px 16px;
	background: none;
}
body.toppage #Sub {
	position:relative;
	width: 823px;
	padding:0 16px 5px 16px;
}

/* Contents
---------------------------------------------------- */
/* TOPページ画面css
---------------------------------------------------- */
#Contents h1 {
	border:0;
	margin:0;
	font-weight:normal;
}

body.toppage #Main .page-information {
}
body.toppage #Main .page-information .pageinfo-box ,
body.toppage #Main .page-information .pageinfo-box2 {
	float:left;
	background-image: url(../img/index/bg_page-information.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:267px;
	height:207px;
}
body.toppage #Main .page-information .pageinfo-box {
	padding-right:11px;
}

body.toppage #Main .page-information .pageinfo-box h2,
body.toppage #Main .page-information .pageinfo-box2 h2 {
	padding:19px 0 0 14px;
	height:29px;
	font-size:1px;
	line-height:0;
}
body.toppage #Main .page-information .pageinfo-box dl,
body.toppage #Main .page-information .pageinfo-box2 dl {
	padding:0 7px 0 12px;
}
body.toppage #Main .page-information .pageinfo-box dl dt,
body.toppage #Main .page-information .pageinfo-box2 dl dt {
	float:left;
	width:108px;
	font-size:1px;
	line-height:0;
}
body.toppage #Main .page-information .pageinfo-box dl dd ,
body.toppage #Main .page-information .pageinfo-box2 dl dd {
	float:left;
	width:138px;
}
body.toppage #Main .page-information .pageinfo-box dl dd p,
body.toppage #Main .page-information .pageinfo-box2 dl dd p {
	min-height:53px;
	margin:0 5px;
	padding:0;
	font-size:1em;
	line-height:110%;
}

body.toppage #Main .page-information .pageinfo-box dl dd .detail,
body.toppage #Main .page-information .pageinfo-box2 dl dd .detail{
	text-align:right;
	font-size:1px;
	line-height:0;
}

body.toppage #Main .tamba-info {
	position:relative;
	background-image: url(../img/index/bg_team-head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:823px;
	padding-top:15px;
}
body.toppage #Main .qa-area {
	background-image: url(../img/index/bg_team-middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width:823px;
	padding-bottom:45px;
}
body.toppage #Main .qa-area dl {
	padding-left:15px;
}
body.toppage #Main .qa-area dl dt ,
body.toppage #Main .qa-area dl dd {
	float:left;
}
body.toppage #Main .qa-area dl dt {
	width:136px;
}
body.toppage #Main .qa-area dl dt.wide {
	width:142px;
}
body.toppage #Main .qa-area dl dd {
	width:250px;
	font-size:1.2em;
	line-height:130%;
	padding:5px;
}
body.toppage #Main .tamba-info .welcome {
	position:relative;
	background-image: url(../img/index/bg_team-member.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:823px;
	height:267px;
}
body.toppage #Main .tamba-info .welcome img {
	position:absolute;
	top:-30px;
	left:140px;
	z-index:9;
}
#Main .tamba-info h3 {
	position:absolute;
	left:0;
	top:-40px;
}
#Main .title-area dl {
	float:left;
	width:51px;
}
#Main .title-area dl dt {
	margin:0;
	padding-top:1px;
	background-image: url(../img/common/bg_week.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align:center;
	height:19px;
	font-size:1.7em;
	color:#fff;
	font-weight:bold;
	line-height:100%;
}
#Main .title-area dl dd {
	background-image: url(../img/common/bg_monthday.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align:center;
	height:24px;
	padding:3px;
	font-size:1.2em;
	line-height:100%;
}
#Main .title-area h2 {
	float:left;
	padding:10px 10px 0 15px;
	width:433px;
	font-size:2em;
	line-height:110%;
}
#Main .photo-image {
	text-align:center;
	margin:15px 0;
}
#Main .diary-area {
	padding:0 15px 10px 0;
}

#Main .comment-area {
	width:444px;
	height:63px;
	padding:10px 10px 0 0;
	background-image: url(../img/common/bg_comment-area.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:88px;
}
#Main .comment-area p {
	margin:0;
	padding:2px 3px;
	line-height:120%;
	text-align:right;
}

body.toppage #Sub h3 {
	position:absolute;
	left:16px;
	top:-20px;
	margin:0;
	padding:0;
}

body.toppage #Sub .sub-contents {
	float:left;
	width:583px;
	padding:25px 10px 0 7px;
}
body.toppage #Sub .sub-contents dl {
	font-size:1.2em;
	line-height:130%;
}
body.toppage #Sub .sub-contents dl dt {
	background-image: url(../img/index/ico_bloginfo.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	border-bottom:1px dashed #ccc;
	padding:8px 0 8px 30px;
}
body.toppage #Sub .sub-contents dl dt a {
	color:#F53B49;
	font-weight:bold;
}
body.toppage #Sub .sub-contents dl dd {
	padding:8px 0 8px 30px;
}
body.toppage #Sub .banner-area {
	float:right;
	padding-top:35px;
	width:213px;
}
body.toppage #Sub .banner-area img {
	margin-bottom:10px;
}

#Sub .calendar-area .calendar-head select {
	margin-top:10px;
	font-size:13px;
}
#Sub .calendar-area .calendar-middle {
	background-image: url(../img/common/bg_calendar-area.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding:8px 3px 5px 3px;
}
#Sub .calendar-area .calendar-bottom {
	background-image: url(../img/common/bg_calendar-bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:12px;
}
#Sub .calendar-area .calendar-middle table {
	border:1px solid #FF5B5C;
	border-collapse: collapse;
	margin:0 auto;
}
#Sub .calendar-area .calendar-middle table td {
	border:1px solid #FF5B5C;
	border-collapse: collapse;
	text-align:center;
	background-color:#fff;
	line-height:130%;
}
#Sub .calendar-area .calendar-middle table td.ttl {
	background-color:#FFAEAE;
	font-weight:bold;
	font-size:1.1em;
	padding:5px 3px;
}
#Sub .calendar-area .calendar-middle table td.sun {
	color:#FF0000;
}
#Sub .calendar-area .calendar-middle table td.none {
	background-color:#FF5B5C;
}
#Sub .category-area {
	width:237px;
	padding:17px 15px 5px 15px;
	background-image: url(../img/common/bg_category.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#Sub .category-area ul {
	padding:16px 0 0 0;
}
#Sub .category-area ul li {
	list-style:none;
}
#Sub .banner-area {
	padding-bottom:5px;
}
/* Footer
---------------------------------------------------- */
#Footer img {
	margin:61px 12px 0 0;
}

/* 汎用
---------------------------------------------------- */

/* clearfix */
.clearfix:after {
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
	*html .clearfix { height: 1%; }
	.clearfix { display: block; }
/* End hide from IE-mac */