/*
Theme Name: nanbu
Theme URI: http://www.safety-nanbu.com
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
li{
	list-style:none;
}

.notice_area{
	padding:0;
	background:#fff;
	border:2px solid #d92c42;
}
	.notice_area li,
	.archive_area li{
		padding:0 2em;
		overflow:hidden;
		margin:8px 0;
	}
		.notice_area li p,
		.archive_area li p{
			float:left;
		}
		.notice_area li p.notice_date,
		.archive_area li p.notice_date{
			font-weight: bold;
    		color: #306fb4;
			width:15%;
			text-align:left;
		}
		.notice_area li p.title,
		.archive_area li p.title{
			width:85%;
			text-align:left;
		}
		
		#news_title{
			text-align:center;
			background:#d92c42;
			color:#fff;
			padding:4px 0;
		}
		
		.hometatsu{
			font-size:120%;
			font-weight:bold;
		}

/*archiveページ*/

#mainNewsContents{
	width:745px;
	margin:auto;
	text-align:left;
	border:2px solid #a1a1a1;
	background:#fff;
	border-radius:20px;
}

	.archive_area{
		padding:10px 15px;
		font-size:90%;
	}

/*singleページ*/
		
#contentsWrapper{
	width:745px;
	margin:auto;
	overflow:hidden;
}
	#mainContents{
		float:left;
		width:578px;
		text-align:left;
		border:2px solid #a1a1a1;
		background:#fff;
		border-radius:20px;
	}
		.mainTitle{
			color:#5c5c5c;
			font-size:120%;
			border-bottom:1px solid #a1a1a1;
			padding:10px 0 10px 15px;
			background: #FFFFFF;
			background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E4E4E4));
			background: -webkit-linear-gradient(#FFFFFF, #E4E4E4);
			background: -moz-linear-gradient(#FFFFFF, #E4E4E4);
			background: -ms-linear-gradient(#FFFFFF, #E4E4E4);
			background: -o-linear-gradient(#FFFFFF, #E4E4E4);
			background: linear-gradient(#FFFFFF, #E4E4E4);
			border-radius:20px 20px 0 0;
		}
		div.newsContent{
			padding:10px 15px;
		}
			div.newsContent p{
				margin-bottom:0.8em;
			}
	
	#sideBar{
		float:right;
		width:142px;
	}
		.sideBarNav{
		}
			.sideBarNav li{
				margin-bottom:5px;
			}

/*スマホページ*/

.notice_area_S{
	padding:0;
	background:#fff;
	border:2px solid #d92c42;
}
	.notice_area_S li{
		padding:0 10px;
		margin:8px 0;
		font-size:75%;
	}
		.notice_area_S li p.notice_date{
			font-weight: bold;
    		color: #306fb4;
			text-align:left;
		}
		.notice_area_S li p.title{
			width:85%;
			text-align:left;
		}
		
/*2016-09-06新着投稿用*/

.trackBox{
	overflow:hidden;
}
	.trackBox p:nth-child(1){
		float:right;
		padding-left:0.5em;
	}
	.trackBox p:nth-child(2){
		font-size:90%;
	}

.question{
	overflow:hidden;
	margin-top:2em;
}
	.question p:nth-child(1){
		color:#f79ac7;
		font-weight:bold;
		float:left;
	}
	.question p:nth-child(2){
		float:right;
		width:500px;
		background:#f79ac7;
		color:#fff;
		font-weight:bold;
		padding-left:0.5em;
	}

.answer{
	overflow:hidden;
}
	.answer p:nth-child(1){
		color:#54d4f7;
		font-weight:bold;
		float:left;
	}
	.answer p:nth-child(2){
		float:right;
		width:500px;
		padding-left:0.5em;
		font-size:90%;
	}