@charset "utf-8";

/* =============================================================

	layout

============================================================= */
#contents{
	padding:15px 0 20px;
}
#main_area{
	width:640px;
}
#side_area{
	width:300px;
}

/* 各見出し
------------------------------------------------------------- */
.head,
.head2{
	zoom:1;
}
.head:after,
.head2:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.head h3,
.head2 h3{
	float:left;
}
.head p,
.head2 p{
	float:right;
}
#main_area .head{
	width:620px;
}
#main_area .head2{
	width:304px;
}
#side_area .head{
	width:300px;
}

/*=============================================================

	main_area

============================================================= */

/* HOTERES Wedding
------------------------------------------------------------- */
h2#main_image a img:hover{
   filter:alpha(opacity=100);
   -ms-filter:""alpha(opacity=100)"";
   -moz-opacity:1.0;
   -khtml-opacity:1.0;
   opacity:1.0;
}
#backnumber{
	width:620px;
	height:110px;
	margin:1px 0 25px;
	background-color:#151515;
	position:relative;
}
#backnumber h3{
	padding:8px 0 5px 29px;
}
#backnumber li.prev{
	position:absolute;
	top:25px;
	left:5px;
	cursor:pointer;
}
#backnumber li.next{
	position:absolute;
	top:25px;
	right:5px;
	cursor:pointer;
}
#backnumber #carousel{
	margin-left:29px;
}
#backnumber #carousel ul{
	zoom:1;
}
#backnumber #carousel ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#backnumber #carousel li{
	float:left;
	margin-right:14px;
	position:relative;
}
#backnumber #carousel li a img{
	border:1px solid #151515;
}
#backnumber #carousel li a img:hover{
	border:1px solid #fff;
}
/*#backnumber #carousel li span{
	background:#d5698c;
	color:#fff;
	position:absolute;
	top:1px;
	left:1px;
	z-index:1000;
	width:56px;
	height:75px;
	text-align:center;
	display:none;
}*/
div#title-tip {
	position:absolute;
	background:#d5698c;
	color:#fff;
	padding:4px;
	text-align:left;
	z-index:1000;
}

/* セミナー
------------------------------------------------------------- */
#seminar{
	margin-bottom:20px;
	zoom:1;
}
#seminar:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#seminar .head{
	margin-bottom:12px;
}
#seminar .head p img{
	margin-top:3px;
}
#seminar dl{
	width:304px;
	float:left;
	margin:0 12px 15px 0;
}

#seminar dl.bottom{
	width:304px;
	clear:both;
	margin:0 12px 15px 0;
}

#seminar dt{
	font-weight:bold;
}
#seminar dd{
	/*height:3.5em;*/
	overflow:hidden;
}
#seminar dt,
#seminar dd{
	padding:0 3px;
}
#seminar dt img{
	display:block;
	margin:0 0 4px -3px;
	position:relative;
}

/* 書籍
------------------------------------------------------------- */
#books{
	zoom:1;
}
#books:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#books .head,
#books .head2 h3{
	margin-bottom:10px;
}
#books .head2{
	margin-right: 12px;
}
#books dl{
	width:300px;
	/*height:135px;*/
	height:160px;
	float:left;
	padding:0 5px;
	margin-right:5px;
}
#books dt,
#books dd a{
	font-weight:bold;
}
#books dt{
	float:left;
	width: 86px
}
#books dt img{
/*	float:left;*/
	margin-right:8px;
}
#books dd {
	width: 207px;
	float: right;
}

/* アンケートデータ
------------------------------------------------------------- */
#questionnaire_data{
	zoom:1;
}
#questionnaire_data:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#questionnaire_data .head{
	margin-bottom:10px;
}
#questionnaire_data dl{
	width:300px;
/*	height:135px;*/
	float:left;
	padding:0 5px;
	margin-right:5px;
	margin-bottom: 15px;
	
}
#questionnaire_data dt{
	font-weight:bold;
}
#questionnaire_data dt img{
	float:left;
	margin-right:8px;
}

/* facebook
------------------------------------------------------------- */
#facebook{
/*	margin:35px 0 20px;*/
}
#facebook iframe{
	margin-left:1px;
}

/* =============================================================

	side_area

============================================================= */

/* バナーエリア
------------------------------------------------------------- */
#side_area .banner_area{
	margin-bottom:25px;
	zoom:1;
}
#side_area .banner_area:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#side_area .banner_area p{
	margin-bottom:8px;
}

/* Topics
------------------------------------------------------------- */
#topics{
	margin-bottom:25px;
}
#topics dl{
	border-bottom:1px solid #ccc;
	padding:4px 0;
	zoom:1;
}
#topics dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#topics dt{
	width:80px;
	float:left;
	padding-left:4px;
	color:#999;
}
#topics dd{
	width:200px;
	float:right;
	background:url(../images/top/ico_topics.png) no-repeat 0 0.4em;
	padding-left:15px;
}

/* Blog
------------------------------------------------------------- */
#blog{
	margin-bottom:25px;
}
#blog dl{
	border-bottom:1px solid #ccc;
	padding:6px 0;
	zoom:1;
}
#blog dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#blog dt{
	font-weight:bold;
}
#blog dt img{
	float:left;
	margin-right:10px;
}
#blog dd{
	margin-left:82px;
}
#blog dd.day{
	color:#999;
	font-size:10px;
	margin-top:5px;
}


div.tpw_info{
	padding:10px;
	margin-bottom:10px;
	margin-right:18px;
	border: 1px solid #ddd;
	/*background-color:#f0f0f0;*/
}

div.tpw_info span{
	font-weight:bold;
	color:#666;
}
div.tpw_info p{
	text-align:center;
}