@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :base.css
 author     :MP大貫
 style info :開業準備室用CSS
=================================================================== */
/* ----------ページレイアウト設定---------- */
/* コンテンツ内のwrapper */
div#contents_wrapper{
	font-size:14px;/* 開業準備室デフォルト文字サイズは14px */
	width:730px;
	margin:10px auto 0 auto;
	line-height:140%;
}
/* ----------共通項目---------- */
.clear{
clear:both;
}
.pic_frame{
padding:2px;
border:1px solid #d9d9d7;
}
.caption{
text-align:center;
font-size:10px;
}
.font_color{
color:#BD606B;
}
.font_bold{
font-weight:bold;
}
.spacer{
margin-left:47px;
}

/* コンテンツ_ヘッド・リード */
div#contents_wrapper #contents_head{
background:url(../images/head_bgimage.jpg) bottom no-repeat;
width:730px;
height:547px;
}
div#contents_wrapper #contents_head h1{
text-indent:-9999px;
margin:20px 20px 20px 0;
background:url(../images/title_logo.gif) no-repeat;
width:383px;
height:85px;
float:left;
}

div#contents_wrapper #contents_head a.head_button{
	background:url(../images/head_botton.gif) no-repeat;
	width:319px;
	height:78px;
	display:block;
	text-indent:-9999px;
	margin-top:12px;
	float:left;
	overflow:hidden;
}
div#contents_wrapper #contents_head a.head_button:hover,div#contents_wrapper #contents_head a.head_button:active{
	background:url(../images/head_botton_hover.gif) no-repeat;
	width:319px;
	height:78px;
	display:block;
	
}
div#contents_wrapper #contents_head #head_lead{
clear:both;
width:400px;
height:162px;
}
div#contents_wrapper #contents_head #head_lead p{
margin-bottom:10px;
}
/* 対象となる方 */
div#contents_wrapper #contents_head #head_object{
width:500px;
height:230px;
}
div#contents_wrapper #contents_head #head_object img{
margin:1px 0 0 15px;
}
div#contents_wrapper #contents_head #head_object strong{
margin:10px 0 15px 15px;
text-indent:-9999px;
background:url(../images/head_object_name.gif) no-repeat;
width:455px;
height:21px;
display:block;
}
div#contents_wrapper #contents_head #head_object li{
font-size:1px;/*IE対策*/
line-height:0;
margin-top:10px;
}
/* コンテンツ「開業準備室とは？」 */
div#contents_wrapper #contents_detail h2{
text-indent:-9999px;
background:url(../images/title_detail.gif) no-repeat;
width:730px;
height:33px;
}
div#contents_wrapper #contents_detail #contents_detail_left{
width:435px;
float:left;
}
div#contents_wrapper #contents_detail #contents_detail_lead {
margin:20px 0px 20px 0;
}
div#contents_wrapper #contents_detail #contents_detail_right{
margin:20px 0px 10px 10px;
width:285px;
float:left;
}
/* 開業までの流れ */
div#contents_wrapper #contents_detail #smalltitle_flow{
margin:0 0 5px 0;
clear:both;
text-indent:-9999px;
background:url(../images/smalltitle_flow.gif) no-repeat;
width:116px;
height:14px;
}
/* 開業準備室の詳細 */
div#contents_wrapper #contents_detail #smalltitle_detail{
margin:20px 0 10px 0;
text-indent:-9999px;
background:url(../images/smalltitle_detail.gif) no-repeat;
width:131px;
height:15px;
}
div#contents_wrapper #contents_detail table{
width:670px;
font-size:14px;
border-collapse:collapse;
}
div#contents_wrapper #contents_detail .detail_name{
width:130px;
vertical-align:middle;
}
div#contents_wrapper #contents_detail td{
border-bottom:1px solid #d9d9d7; 
padding-top:10px;
}
div#contents_wrapper #contents_detail td img{
margin-right:6px;
}
/*コンテンツ「開業準備室」の事前説明会＆特別講座のお知らせ */
div#contents_wrapper #contents_briefing h2{
margin:30px 0 20px 0;
text-indent:-9999px;
background:url(../images/title_briefing.gif) no-repeat;
width:730px;
height:34px;
}
div#contents_wrapper #contents_briefing #smalltitle_outline{
margin:20px 0 10px 0;
text-indent:-9999px;
background:url(../images/smalltitle_outline.gif) no-repeat;
width:70px;
height:14px;
}
div#contents_wrapper #contents_briefing #smalltitle_program{
margin:20px 0 10px 0;
text-indent:-9999px;
background:url(../images/smalltitle_program.gif) no-repeat;
width:82px;
height:14px;
}
div#contents_wrapper #contents_briefing table{
width:730px;
font-size:14px;
border-collapse:collapse;
}
div#contents_wrapper #contents_briefing .seminar_name{
background-color: #f5efef;
}
div#contents_wrapper #contents_briefing td{
border:1px solid #d9d9d7;
padding:5px 0 5px 12px;
}
/* 説明会＆特別講座詳細 */
div#contents_wrapper #contents_briefing #contents_semnar{
margin-left:60px;
}
div#contents_wrapper #contents_briefing h4,h5{
margin:10px 0;
}
div#contents_wrapper #contents_briefing .seminar_left{
border:1px solid #d9d9d7;
padding:2px;
margin:0 10px 15px 0;
float:left;
clear:both;
}
div#contents_wrapper #contents_briefing .seminar_right{
width:450px;
float:left;
}
div#contents_wrapper #contents_briefing .seminar_title{
margin-top:2px;
}
div#contents_wrapper #contents_briefing .seminar_person{
font-size:13px;
margin:5px;
font-weight:bold;
}
div#contents_wrapper #contents_briefing .seminar_detail{

padding:2px;
font-size:12px;
line-height:140%;
}
/* 申込・お問い合わせ */
div#contents_wrapper #contents_apply{
margin:30px 0;
width:730px;
height:140px;
border:1px solid #d7d7d7;
background-color: #f5efef;
}
div#contents_wrapper #contents_apply .apply_inner{
width:780px;
margin:15px auto 0 auto;
text-align:center;
}
div#contents_wrapper #contents_apply img{
margin-bottom:15px;
}
div#contents_wrapper #contents_apply a.btn{
	background:url(../images/button_apply.gif) no-repeat;
	width:255px;
	height:68px;
	display:block;
	text-indent:-9999px;
	outline-width:0;
	margin:0px auto;
}
div#contents_wrapper #contents_apply a.btn:hover,div#contents_wrapper #contents_apply a.btn:active{
	background-position:0 -68px;
}

div#contents_inquiry{
	margin-top:30px;
	border:1px solid #d7d7d7;
	padding:10px;
}

div#contents_wrapper #smalltitle_inquiry{
margin-bottom:10px;
text-indent:-9999px;
background:url(../images/title_inquiry.gif) no-repeat;
width:112px;
height:14px;
}