@charset "utf-8";
/* CSS Document */

/*****************************************************
トップ画像の設定
*****************************************************/
div#header_box3 {
	background-image: url("https://blog-imgs-122-origin.fc2.com/5/3/4/534292/P8243863-s2-1.jpg");
}
/*
画像を差し替える際は、上記画像アドレスの「https://blog-imgs-56.fc2.com/1/2/e/12extra/ex3_titlebg.jpg」を消して、ご自身でアップロードした画像のアドレスに書き換えてください。
画像の解像度は、横「960px」縦「268px」となっています。
サイズの違う画像を指定した場合デザインが崩れますので、事前にサイズを合わせた画像を用意してご利用ください。
*/


/*****************************************************
基本設定
*****************************************************/
* {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

body {
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	background-color: #000000;
}

h1 {
	font-size: 160%;
}
h2 {
	font-size: 120%;
}

/*****************************************************
レイアウト
*****************************************************/
div#container {
	width: 1090px;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #ffffff;
	color: #000000;
}

div#header {
	margin: 0 40px 40px 40px;
	width: 1010px;
	height: 380px;
}

div#calender {
	margin-left: auto;
	margin-right: auto;
	width: 1010px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	margin-bottom: 40px;
	background-color: #000000;
	color: #ffffff;
}

div#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 1010px;
	text-align: left;
}
div#main {
	float: left;
	width: 700px;
	overflow: hidden;
}
div#sidebar {
	float: right;
	width: 270px;
	overflow: hidden;
}
div#wrap_under {
	clear: both;
	height: 40px;
}
div#footer {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 5px;
	width: 1000px;
	font-size: small;
	text-align: center;
	line-height: 120%;
	background-color: #000000;
	color: #ffffff;
}

/*****************************************************
ヘッダー
*****************************************************/
div#header_box1 {
	width: 990px;
	border: 10px #000000 solid;
	height: 298px;
}
div#header_box2 {
	width: 980px;
	border: 5px #ffffff solid;
	height: 288px;
}
div#header_box3 {
	width: 960px;
	border: 10px #000000 solid;
	height: 268px;
	/*background-image: url("https://blog-imgs-56-origin.fc2.com/1/2/e/12extra/ex3_titlebg.jpg");*/
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: inherit;
	overflow: hidden;
	background-color: #ffffff;
}

div#header h1 {
	width: 1010px;
	height: 40px;
	font-size: 32px;
	font-weight: bolder;
}
div#header h1 a {
	display: block;
	width: 1010px;
	height: 40px;
}
div#header h1 a:focus {
	outline: none;
}

div#header p {
	margin-top: 5px;
	font-weight: 700;
}


/*****************************************************
記事部分
*****************************************************/
div.entry_container {
	margin-bottom: 80px;
	overflow: hidden;
}
div.entry_header_bg {
	width: 700px;
	height: 40px;
	background-color: #000000;
}
div.entry_header_line {
	margin-top: 3px;
	width: 700px;
	height: 5px;
	background-color: #000000;
}

div.entry_container h2 {
	padding-left: 80px;
	width: 620px;
	height: 40px;
	line-height: 40px;
	font-size: large;
	background-image: url("https://blog-imgs-56-origin.fc2.com/1/2/e/12extra/ex03_titleicon.png");
	background-position: left top;
	background-repeat: no-repeat;
}
p.entry_time {
	text-align: right;
	font-size: small;
}
div.entry_article {
	padding: 30px;
}
div.entry_article a {
	color: #217dc8;
	text-decoration: underline;
}
div.entry_article a:hover {
	color: #edb801;
	text-decoration: underline;
}


div.entry_footer_bg {
	margin-top: 10px;
	width: 700px;
	height: 40px;
	background-color: #000000;
}
div.entry_footer {
	padding_right: 20px;
	width: 680px;
	height: 40px;
	text-align: right;
	line-height: 40px;
	font-size: small;
	color: #ffffff;
	background-color: #000000;
}
p.entry_more,
div#more
{
	margin-top: 40px;
	margin-bottom: 40px;
}	

div.page_navi {
	text-align: center;
}
div#tb {
	margin-top: 40px;
}
div#tb_url {
	padding: 20px;
	margin-bottom: 40px;
}
div.tb_list {
	margin-bottom: 40px;
}
div.tb_list div.entry_article {
	font-size: small;
}
div#cm {
	margin-top: 40px;
}
div#cm_form,
div.edit_form
{
	margin-bottom: 40px;
	padding: 20px;
}
div.cm_list {
	margin-bottom: 40px;
}
div.cm_list h3 {
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
}
div.cm_list div.entry_article {
	border: #000000 10px solid;
	width: 620px;
	font-size: small;
}
div.single_entry_footer {
	width: 700px;
	height: 40px;
	text-align: right;
	line-height: 40px;
	font-size: small;
}

ul.list_body {
	padding: 20px;
}
ul.list_body li {
	list-style: none;
}

div.page_navi {
	width: 700px;
}

div.edit {
	
}

div.fc2_footer {
	margin-top: 40px;
}

/*関連記事*/
dl.relate_dl {
	margin-top: 20px;
	margin-left: auto;
	margin-right: right;
	width: 100%;
}
dt.relate_dt {
	color: #ffffff;
}
dd.relate_dd {
	padding: 20px;
}
dl.relate_dl ul li {
	list-style: none;
}

/*トラックバック表示部分*/
div.entry_article blockquote {
	padding: 10px;
	font-size: small;
}

/*アンダースペース*/
div#under_space {
	width: 1050px;
	height: 90px;
	text-align: center;
}


/*****************************************************
サイドメニュー
*****************************************************/
div#sidebar ul li {
	margin-left: 16px;
	list-style-image: url("https://blog-imgs-56-origin.fc2.com/1/2/e/12extra/ex03_listmark.png");
}
div.menu_header_box1 {
	width: 260px;
	height: 30px;
	border: 5px solid #000000;
	margin-bottom: 10px;
}
div.menu_header_box2 {
	width: 254px;
	height: 24px;
	border: 3px solid #ffffff;
	background-color: #000000;
}

h3.plugin_title {
	font-size: small;
	line-height: 24px;
}
h3.plugin_title span {
	margin-left: 30px;
}
div.plugin_contents {
	margin-bottom: 20px;
	padding: 10px;
	font-size: small;
	line-height: 160%;
}

/*****************************************************
footer
*****************************************************/


/*****************************************************
色
*****************************************************/
/*基本*/
body {
	color: #000000;
}
body a {
	color: #000000;
	text-decoration: none;
}
body a:hover {
	color: #217dc8;
	text-decoration: none;
}

/*背景黒、文字白*/
div#tb h3,
div#cm h3,
div.page_navi,
div#tb_url,
div#cm_form,
div.page_prev,
div.page_next,
div.edit_form,
div#footer
{
	background-color: #000000;
	color: #ffffff;
}

div.entry_footer,
div#tb_url a,
div#cm_form a,
div.page_prev a,
div.page_next a,
div.edit_form a,
{
	color: #ffffff;
}


/*タイトルのリンク*/
h1 a {
	color: #000000;
	text-decoration: none;
}
h1 a:hover {
	color: #217dc8;
	text-decoration: underline;
}



/*全記事リスト、検索結果リスト*/
h3.plugin_title,
h3.title_list_title,
h3.search_result_title,
h3.edit_title
{
	color: #ffffff;
}

ul.list_body
{
	background-color: #000000;
	color: #ffffff;
}
ul.list_body a
{
	color: #ffffff;
}
ul.list_body a:hover
{
	color: #217dc8;
	text-decoration: underline;
}


/*記事タイトルのリンク*/
div.entry_container h2 {
	color:#ffffff;
}
h2.entry_header a
{
	color: #ffffff;
	text-decoration: none;
}
h2.entry_header a:hover
{
	color: #217dc8;
	text-decoration: none;
}

/*記事内リンク*/
div.entry_article a {
	color: #217dc8;
	text-decoration: underline;
}
div.entry_article a:hover {
	color: #edb801;
	text-decoration: underline;
}

/*サイドバーのリンク*/
div#sidebar a {
	color: #000000;
	text-decoration: none;
}
div#sidebar a:hover {
	color: #217dc8;
	text-decoration: underline;
}

/*背景黒エリアのリンク*/
div#calender a,
div.entry_footer a,
div#tb_url a,
div.page_navi a,
div#footer a
{
	color: #ffffff;
	text-decoration: underline;
}
div#calender a:hover,
div.entry_footer a:hover,
div#tb_url a:hover,
div.page_navi a:hover,
div#footer a:hover
{
	color: #217dc8;
	text-decoration: underline;
}