/*
Theme Name: レオン都市開発 セミナー事業部
Version: 1.0
Author: Katsuya Onimura
*/

@charset “utf-8″; 

	/* ============================================
		記事一覧
	============================================ */

	.post_block{
		margin-bottom: 30px;
	}

	.post_block h2{
		font-size: 18px;
		border-bottom: solid 1px #e8e8e8;
		margin-bottom: 18px;
	}

	.post_block h2 a{
		text-decoration: none;
	}
	
	.post_block img.attachment-post-thumbnail,
	.post_block img.noimage{
		float: left;
		margin-right: 20px;
		border: solid 1px #e8e8e8;
		padding: 2px;	
	}

	.post_block .contents{
		padding-top: 10px;
	}

	.post_block .contents .data,
	.post_block .contents .data a{
		color: #b1b1b1!important;
		text-decoration: none;
	}

	.post_block .contents .data span.time{
		float: left;
		margin-right: 20px;
	}

	.post_block .contents .data span.cate{
		background: url(img/mark_tag.gif) no-repeat 0 4px;
		padding-left: 16px;
	}

	.post_block .contents .data span.cate a:hover{
		text-decoration: underline;
	}

	.csr .post_block .contents a{
		color: #19C7C7;
	}

	h2#category_title{
		background-color: #222;
		color: #fff;
		padding: 10px 20px;
		margin-bottom: 20px;
	}

	#Maincontents.csr{
		background: url(img/bg-csr.png) no-repeat #fff;
	}

	#Maincontents.csr .subpage{
		background: none;
	}

	@font-face {
	  font-family: "myFont";
	  src: url("font/rm2p_subset.eot?") format('eot'),
	       url("font/rm2p_subset.woff") format('woff');
	}

	#Maincontents.csr h1.post-title{
		border: none;
		font-family: "myFont";
		font-weight: normal;
		font-size: 26px;
		padding: 0;
		letter-spacing: 2px;
	}

	#Maincontents.csr h2#category_title{
		background: #F7DA85;
		padding: 7px 15px 6px;
		color: #000;
		display: inline-block;
		line-height: 100%;
	}

	#Maincontents.csr .post_block{
		background: url(img/border-csr.gif) repeat-x left bottom;
		padding-bottom: 30px;
	}

	#Maincontents.csr .post_block h2{
		border-bottom: none;
	}

	#Maincontents.csr .post_block h2 a{
		background: url(/csr/img/csr-mark.gif) no-repeat left center;
		color: #19C7C7;
		font-size: 18px;
		font-weight: normal;
		padding-left: 23px;
	}

	#Maincontents.csr .post_block h2 a:hover{
		text-decoration: underline;
	}

	#Maincontents.csr .data.post{
		margin-bottom: 18px;
	}

	#Maincontents.csr img.attachment-full{
		width: 100%;
		height: auto;
		margin-bottom: 30px;
		border: solid 1px #eee;
		padding: 4px;
		background-color: #fff;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
	}

	/* ============================================
		サイドバー
	============================================ */

	#side{
		width: 220px;
		float: left;
	}

	#side .col{
		margin-bottom: 20px;
		box-shadow: 0 1px 5px #bbb;
	}

	#side #categories-2 h3{
		display: none;
	}

	#side #categories-2 li{
		background-color: #444;
		padding-left: 13px;
		margin-bottom: 1px;
	}
	
	#side #categories-2 li:hover{
		background-color: #222;
	}

	#side #categories-2 li a{
		background: url(img/arrow1.gif) no-repeat 0 20px;
		color: #fff;
		padding: 15px 0 15px 15px;
		text-decoration: none;
		display: block;
	}

	#side #recent-posts-2.col,
	#side #archives-2.col{
		background-color: #fff;
	}

	#side #recent-posts-2.col ul,
	#side #archives-2.col ul{
		padding: 15px;
	}

	#side #recent-posts-2.col ul li{
		padding: 20px 0 10px;
		border-bottom: solid 1px #e8e8e8;
		margin-bottom: 10px;
		position: relative;
	}

	#side #recent-posts-2.col ul li span.post-date{
		position: absolute;
		top: 0;
		left: 0;
	}

	#side #archives-2.col ul li a{
		background: url(img/arrow2.gif) no-repeat 0 4px;
		padding-left: 15px;
	}

	#side.csr ul.col{
		background-color: #fff;
		padding: 12px;
	}

	#side.csr ul.col li{
		border-bottom: solid 1px #e8e8e8;
		padding-bottom: 10px;
		margin-bottom: 12px;
	}

	#side.csr ul.col li a{
		color: #19C7C7;
	}

	#side.csr ul.col li:last-child,
	#side.csr ul.col.archive li{
		border-bottom: none;
		padding: 0;
		margin: 0;
	}

	#side.csr ul.col.archive li{
		list-style-type: disc;
		color: #ddd;
		margin-left: 16px;
	}

	#side.csr .categpry-csr{
		margin-bottom: 20px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		border-left: solid 2px #fff;
		box-shadow: 0 1px 5px #bbb;
		letter-spacing: 1px;
	}

	#side.csr .categpry-csr li{
	background: -moz-linear-gradient(
		to left,
		#ffffff 0%,
		#ffffff 15%,
		#fef1c8);
	background: -webkit-gradient(
		linear, to left,
		from(#ffffff),
		color-stop(0.15, #ffffff),
		to(#fef1c8));
	border-bottom: solid 2px #fff;
	}

	#side.csr .categpry-csr li a{
		background: url(img/arrow-csr.png) no-repeat right 8px center #fef1c8;
		color: #444;
		display: block;
		font-weight: 600;
		padding: 12px 14px;
		text-decoration: none;
	}

	#side h3{
		background: url(img/side_h3_bg.gif) repeat;
		color: #fff;
		border-bottom: solid 4px #4294c3;
		padding: 10px 20px;
	}

	#side.csr h3{
		background: url(img/mark-csr.gif) no-repeat left 10px center #19C7C7;
		border: none;
		color: #fff;
		padding: 10px 10px 10px 44px;
		font-weight: normal;
	    font-size: 14px;
	    line-height: 160%;
	}

	#main h2, h1#contents_title{
		background-color: #1e6bb0;
		color: white;
		margin-bottom: 20px;
		padding: 10px 20px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		font-size: 18px;
		font-weight: 300;
		text-shadow: 1px 1px 1px #555;
		clear: both;
	}

	#main h3{
		color: #1e6bb0;
		margin-bottom: 5px;
		font-size: 20px;
	}

	#contents{
		width: 100%;
	}
	
	/* ============================================
		単一記事
	============================================ */

	#contents_title{
		border-bottom: solid 5px #e8e8e8;
		font-size: 20px;
		margin-bottom: 10px;
	}

	.csr #contents_title{
		border-bottom: none;
		font-size: 18px;
		margin-bottom: 15px;
	}

	.data.post,
	.data.post a{
		color: #b1b1b1;
		text-decoration: none;
		margin-bottom: 30px;
	}

	.data.post span.time{
		margin-right: 20px;
	}

	.data.post span.cate{
		background: url(img/mark_tag.gif) no-repeat 0 4px;
		padding-left: 16px;
	}

	.data.post span.cate a:hover{
		text-decoration: underline;
	}

	.thecontent{
		margin-bottom: 40px;
	}

	.thecontent p{
		margin-bottom: 15px;
	}

	.nav-previous{
		float: left;
	}

	.nav-next{
		float: right;
	}

	/* ============================================
		最新セミナー情報
	============================================ */

	#info_title h2{
		width: 610px;
	}

	#info_title img{
		position: relative;
		top: -80px;
		left: 533px;
	}

	#info_data{
		margin-bottom: 40px;
		margin-top: -141px;
	}

	#info{
		position: relative;
	}

	#info .social4in{
		position: absolute;
		bottom: 60px;
		right: 20px;
	}

	#info .thecontent{
		margin-bottom: 20px;
	}

	#info .thecontent h2{
		color: #2894c6;
		font-size: 23px;
		border-left: solid 5px #4294c3;
		padding-left: 10px;
		margin-bottom: 5px;
	}

	#info .thecontent h3{
		margin-bottom: 8px;
		font-size: 22px;
	}

	#info .thecontent img{
		border: solid 1px #ccc;
	}

	#info .gaiyo{
		display: table;
	}

	#info .gaiyo1{
		display: table-cell;
		background-color: #4294c3;
		font-size: 15px;
		color: #fff;
		width: 160px;
		text-align: center;
		padding: 8px 0;
		border-top: solid 1px #2c6a8d;
		border-right: solid 1px #2c6a8d;
		border-left: solid 1px #2c6a8d;
		vertical-align: middle;
	}

	#info .gaiyo2{
		display: table-cell;
		width: 480px;
		padding: 8px 20px;
		border-top: solid 1px #2c6a8d;
		border-right: solid 1px #2c6a8d;
		vertical-align: middle;
	}

	#info .gaiyo.mb20 .gaiyo2{
		width: 478px;
	}

	#info .g_bottom{
		border-bottom: solid 1px #2c6a8d;
		margin-bottom: 20px;
	}

	#info_contact{
		background-color: #d4eefc;
		padding: 20px 0;
		margin-bottom: 110px;
	}

	.t_center{
		text-align: center;
	}

	.mr10{
		margin-right: 10px;
	}
	
}


@media all and (max-width:720px) {

	/* ============================================
		共通(スマホ)
	============================================ */

	img{
		width: 100%;
		height: auto;
	}

	.m05{
		margin-left: 1em;
		margin-right: 1em;
	}

	#main{
		background-color: #fff;
		margin-bottom: 20px;
		width: 100%;
		padding-bottom: 30px;
	}

	#main p{
		line-height: 180%;
	}

	#main img{
		margin-bottom: 20px;
	}

	#main h2, h1#contents_title{
		background-color: #1e6bb0;
		color: white;
		margin-bottom: 20px;
		font-size: 18px;
		font-weight: 300;
		text-shadow: 1px 1px 1px #555;
		clear: both;
		padding: 0.4em 0.5em;
	}

	#main h3{
		color: #1e6bb0;
		margin-bottom: 5px;
		font-size: 20px;
	}

	#pagetop_button {
		width: 65px;
		height: 65px;
		bottom: 20px;
		position: fixed;
		right: 10px;
		box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
	}

	h1.title{
		font-size: 26px;
		color: #004d91;
		text-align: center;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		margin: 20px 0;
		background: url(img/h1_title.gif) repeat-x center;
	}

	h1.title span{
		background-color: #fbfbfb;
		padding: 0 15px;
	}

	/* ============================================
		ヘッダ(スマホ)
	============================================ */

	header#top, header#top_2{
		background-color: #d1e6fa;
		padding-bottom: 1em;
		width: 100%;
	}

	header#top h1{
		margin: 0 auto;
		max-width: 476px;
		width: 100%;
	}

	header#top_2 h2{
		margin: 0 auto;
		max-width: 476px;
	}

	header#top h1 img{
		width: 100%;
		height: auto;
	}

	.map{
		border: solid 5px white;
		margin-bottom: 5px;
	}

	.blog_topic{
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background-color: white;
		box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
		margin-bottom: 30px;
	}

	.blog_topic h2.side{
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		background-color: #1e6bb0;
		color: #fff;
		line-height: 35px;
		height: 36px;
		padding-left: 14px;
		margin-bottom: 20px;
		text-shadow: 1px 1px 1px #555;
	}

	.blog_topic dl{
		border-bottom: dotted 1px #a7a7a7;
		margin: 0 20px 15px;
	}

	.blog_topic dl dt{
		font-weight: bolder;
		font-size: 13px;
		color: #0c589b;
		margin-bottom:4px;
	}

	.blog_topic dl dd{
		font-size: 13px;
		margin-bottom: 15px;
	}

	.blog_topic dl dd a{
		color: #333;
		text-decoration: none;
	}

	.blog_topic dl dd a:hover{
		text-decoration: underline;
	}

	.blog_topic p{
		text-align: right;
		margin: 0 20px;
		padding-bottom: 15px;
	}

	.blog_topic p a{
		color: #0c589b;
		text-decoration: none;
	}

	.blog_topic p a:hover{
		text-decoration: underline;
	}

	p.attention{
		font-size: 13px;
		line-height: 150%;
		color: #c45151;
		padding: 0 5px;
		margin-bottom: 30px;
	}

	p.attention a{
		color: #c45151;	
	}

	p.attention a:hover{
		color: #c45151;	
	}

	/* ============================================
		サイドバー(スマホ)
	============================================ */

	#side{
		width: 100%;
	}

	#side nav ul{
		margin-bottom: 20px;
	}

	#side nav ul li{
		text-align: center;
		line-height: 47px;
		border-bottom: dotted 1px #a7a7a7;
	}

	#side nav ul li:hover{
		background-color: #efefef;
	}

	#side nav ul li a{
		display: block;
		font-size: 16px;
		font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		letter-spacing: 1px;
		color: #333;
		text-decoration: none;
	}

	#side nav ul li a:hover{
		background-color: #efefef;
		text-decoration: none;
	}

	table#timetable,
	table#timetable_page{
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		margin-bottom: 5px;
		letter-spacing: 0;
	}

	table#timetable th,
	table#timetable_page th{
		background-color: #a76b9f;
		color: #fff;
		text-align: center;
		padding: 7px 0;
		font-weight: normal;
		border: solid 1px #a76b9f;
	}

	table#timetable td,
	table#timetable_page td{
		color: #a76b9f;
		padding: 7px 0;
		border: solid 1px #a76b9f;
		text-align: center;
	}

	table#timetable td.black,
	table#timetable_page td.black{
		color: #333;
	}

	table#timetable_page{
		margin-bottom: 30px;
		padding: 0 1em;
	}

	/* ============================================
		フッタ(スマホ)
	============================================ */

	footer{
		background: url(img/footer_bg.gif) repeat;
		padding-top: 15px;
		width: 100%;
	}

	p.copy{
		border-top: solid 1px #17568e;
		text-align: center;
		color: #fff;
		font-size: 9px;
		clear: both;
		word-wrap: break-all;
	}

	p.copy span{
		border-top: solid 1px #3d89ce;
		display: block;
		padding: 7px 0;
		width: 100%;
	}

	.foot_sp{
		padding: 0 20px 20px;
	}

	.foot_sp p,
	.foot_sp p a{
		color: #fff;
	}

	.foot_sp p.f1{
		font-size: 10px;
	}

	.foot_sp p.f1 span{
		font-size: 20px;
	}

	.foot_sp p.f2{
		font-size: 12px;
	}

	.foot_sp p.f3{
		font-size: 16px;
	}


	/* ============================================
		ブログ(スマホ)
	============================================ */

	.blog_info{
		margin: 0 0 20px 10px;
	}

	.nav-previous{
		float: left;
		margin-left: 1em;
		margin-bottom: 20px;
	}

	.nav-next{
		float: right;
		margin-right: 1em;
		margin-bottom: 20px;
	}

	article.blog_content{
		padding: 20px;
		margin-bottom: 30px;
	}

	article.blog_content .time{
		font-weight: bold;
		font-size: 13px;
		color: #be4242;
		margin-bottom: 3px;
	}

	#main article.blog_content h2.blog_ttl{
		background: none;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-bottom: 1px dashed #CCCCCC;
		padding: 0 0 10px;
		font-size: 20px;
		text-shadow: 0 0 0;
		margin-bottom: 10px;
	}

	#main article.blog_content h2.blog_ttl a{
		text-decoration: none;
		color: #333;
	}
	.thecontent{
		margin: 0 1em 20px;
	}
}