@charset "utf-8";


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

サイトトップページ

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

body#top {
	background: url(../../images/topbox_bg.jpg) repeat-x 0 130px;
}

/*メインビジュアル
----------------------------------------*/

body#top div#topbox {
	background: url(../../images/top_main_bg.jpg) no-repeat center top;
	height: 363px;
	padding: 13px 0 14px 0;
}

body#top div#topbox div.topbox-inner {
	width: 970px;
	margin: 0 auto;
	position: relative;
}

body#top div#topbox div.topbox-inner p.btn {
	position: absolute;
	right: 15px;
	bottom: 12px;
}


/*3カラムエリア
----------------------------------------*/
body#top div#content {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}

body#top div#content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


/*スケジュール･ブログ
----------------------------------------*/
body#top div#content div#colblog {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	background: url(../../images/top_line_02.gif) no-repeat left bottom;
	width: 320px;
}

body#top div#content div#colblog h3 {
	margin: 0 0 9px 0;
}

body#top div#content div#colblog dl {
	margin: 0 0 24px 12px;
}

body#top div#content div#colblog dl dt {
	font-weight: bold;
	color: #000;
	margin: 0 0 5px 0;
}

body#top div#content div#colblog dl dt img {
	padding: 3px;
	vertical-align: bottom;
}

body#top div#content div#colblog dl dd {
	margin: 0 0 9px 0;
}
body#top div#content div#colblog dl dd.scheTxt {
	margin: 0 0 5px 0;
}

body#top div#content div#colblog p.more {
	text-align: right;
	margin: 10px;
}

body#top div#content div#colblog dl dd.scheLink {
	padding: 0 0 12px 0px;
	margin: 0;
}

body#top div#content div#colblog dl dd.scheLink a {
	background: url(../images/side_nav_arrow.jpg) no-repeat left center;
	padding-left:15px;
}

body#top div#content div#colblog dl dd.scheLink2 a {
	background: url(../images/side_nav_arrow.jpg) no-repeat left center;
	padding-left:15px;
	color:#900;
}

body#top div#content div#colblog .bnr {
	background: url(../../images/top_line_02.gif) no-repeat left top;
	margin-bottom:10px;
	padding-top:10px;
}
body#top div#content div#colblog .bnr iframe {
	float:left;
	width:120px;
}
body#top div#content div#colblog .bnr dl {
	float:left;
	width:170px;
	}

body#top div#content div#colblog .bnr dl dt {
	font-weight: bold;
	color: #000;
	margin: 0 0 5px 0;
}

/*メソッド
----------------------------------------*/
body#top div#content div#colmethod {
	float: left;
	display: inline;
	margin: 0 0 0 0;
	width: 380px;
}

body#top div#content div#colmethod dl{
	margin: 0 0 48px 12px;
}


body#top div#content div#colmethod h3 {
	margin: 0 0 10px 0;
}

body#top div#content div#colmethod div.section {
	width: 360px;
	margin: 0 0 10px 10px;
	background: url(../../images/top_line_02.gif) no-repeat center bottom;
	padding: 0 0 5px 0;
}

body#top div#content div#colmethod div.section_last {
	width: 360px;
	margin: 0 0 10px 10px;
	padding: 0 0 11px 0;
}

body#top div#content div#colmethod div.section:after,
body#top div#content div#colmethod div.section_last:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


body#top div#content div#colmethod div.section p.photo,
body#top div#content div#colmethod div.section_last p.photo {
	float: left;
	width: 130px;
}

body#top div#content div#colmethod div.section div.detail,
body#top div#content div#colmethod div.section_last div.detail {
	float: left;
	display: inline;
	width: 350px;
	margin: 0 0 0 10px;
}


body#top div#content div#colmethod div.section div.detail a,
body#top div#content div#colmethod div.section_last div.detail a {
	color:#C00;
}


body#top div#content div#colmethod div.section h4,
body#top div#content div#colmethod div.section_last h4 {
	margin: 0 0 10px 0;
}

body#top div#content div#colmethod div.section p.text,
body#top div#content div#colmethod div.section_last p.text {
	color: #666;
	line-height: 1.2;
	margin: 0 0 10px 0;
}

body#top div#content div#colmethod div.section p.more,
body#top div#content div#colmethod div.section_last p.more {
	text-align: right;
}


/*バナー
----------------------------------------*/
body#top div#content ul#bnr {
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
	width: 230px;
}

body#top div#content ul#bnr li {
	margin: 0 0 6px 0;
}

* html body#top div#content ul#bnr li {
	clear: left;
	margin: 0 0 6px -15px;
	padding: 0;
}

*:first-child+html body#top div#content ul#bnr li {
	clear: left;
	margin: 0 0 6px -16px;
	padding: 0;
}


/*トップSNSボタン
----------------------------------------*/

div#snsbox {
 float: right;
width: 230px;
}

div#snsbox p{
margin:0 0 6px 0px;
padding:0 0 0 0;
}

/*トップバナーリニューアル
----------------------------------------*/
div#content div#top_bnrbox{
	display:block;
	background-color:#e0e0e0;
	width:208px;
	padding:11px;
	float:right;
}
div#content div#top_bnrbox ul#bnr{
	display:block;
	background-color:#ffffff;
	clear:both;
	width:208px;
	padding-top:8px;
	text-align:center;
}


div#content div#top_bnrbox ul#bnr li{
	margin-bottom:10px;
	width:192px;
	margin-left:8px;
	clear:both;
	padding:0px;	
}
* html div#content div#top_bnrbox ul#bnr li,
*+html div#content div#top_bnrbox ul#bnr li{
	margin-left:0px;
}
div#content div#top_bnrbox ul#bnr li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}