@charset "euc-jp";

/*
	* Name: initial.css
	* License: Creative Commons 3.0 License
	  - http://creativecommons.org/licenses/by/3.0/
	* Author: Hiroaki Nakagawa
	* Author URI: http://www.3050grafix.com/
	* Author E-mail: info@3050grafix.com

	* Contents:
	  - 01. 初期設定 - 基本設定 -
	    - 01-01. 初期設定 - 文字 -
	    - 01-02. 初期設定 - リンク -
	    - 01-03. 初期設定 - 箇条 -
	    - 01-04. 初期設定 - イメージ -
	    - 01-05. 初期設定 - テーブル -
	  - 02. 領域設定 - ブロック -
	    - 02-01. 領域設定 - コンテナ -
	    - 02-02. 領域設定 - Header -
	    - 02-03. 領域設定 - Bread Crumb Navigation -
	    - 02-04. 領域設定 - Contents -
	    - 02-05. 領域設定 - Main -
	    - 02-06. 領域設定 - Center Bar -
	    - 02-07. 領域設定 - Side Bar -
	    - 02-08. 領域設定 - Footer -
*/


/* Stylesheet Document */

@media screen {

	/* ========================================
	   * 01. 初期設定 - 基本設定 -
	======================================== */

	body {
		background-color: #262626;
		margin: 0;
		padding: 0;
	}

	body,
		table tr th,
			table tr td {
				color: #333333;
				font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka;
				font-size: 12px;
				line-height: 150%;
				text-align: center;
	}

	input,
		select {
			font-size: 100%;
	}

	input {
		padding: 2px 4px 2px 4px;
	}

	/* IE7 HACK */
	*:first-child+html input {
		padding-left: 2px;
		padding-right: 2px;
	}


	/* ========================================
	   * 01-01. 初期設定 - 文字 -
	======================================== */

	h1,
		h2,
			h3,
				h4,
					h5,
						h6 {
							font-weight: bold;
							margin: 0;
							padding: 0;
							text-align: left;
	}

	h1 {
		font-size: 180%;
		font-weight: normal;
		margin-left: 8px;
		margin-top: 6px;
	}

	h2 {
		border-bottom: 2px solid #3A3A30;
		font-size: 120%;
		font-weight: normal;
		margin-bottom: 24px;
		min-height: 22px;
		padding: 4px 10px 4px 10px;
	}

	/* IE6 HACK */
	* html h2 {
		height: 31px;
	}

	h3 {
		border-bottom: 2px solid #3A3A30;
		font-size: 120%;
		font-weight: normal;
		min-height: 20px;
		padding: 4px 10px 6px 10px;
	}

	/* IE6 HACK */
	* html h3 {
		height: 20px;
	}

	h4 {
		background: url("http://blog-imgs-26-origin.fc2.com/3/0/5/3050grafix/bg_title.gif") center top no-repeat;
		border-bottom: 1px solid #B1AF92;
		color: #FFFFFF;
		font-size: 120%;
		margin-bottom: 1px;
		margin-left: auto;
		margin-right: auto;
		padding: 8px 12px 4px 12px;
		width: 178px;
	}

	/* IE6 HACK */
	* html h4 {
		width: 202px;
	}

	#main h5 {
		color: #3D4345;
		font-size: 100%;
		font-weight: bold;
		margin: 0px 10px 10px 10px;
		padding: 0px;
		text-align: left;
	}

	h6 {
		font-size: 100%;
	}

	em {
		font-style: normal;
		font-weight: bold;
	}

	strong {
		font-weight: bold;
	}

	p {
		margin: 0 10px 20px 10px;
		padding: 0;
		text-align: left;
	}

	address {
		font-style: normal;
	}


	/* ========================================
	   * 01-02. 初期設定 - リンク -
	======================================== */

	/* 未訪問リンク */
	a:link {
		color: #376AA2;
		text-decoration: underline;
	}

	/* 訪問済みリンク */
	a:visited {
		color: #376AA2;
		text-decoration: underline;
	}

	/* リンクにマウスが重なった際の処理 */
	a:hover {
		color: #AE342B;position:relative ;top:1px ;left:1px ;
		text-decoration: underline;
	}

	a:focus {
		color: #376AA2;
		text-decoration: underline;
	}

	a:active {
		color: #376AA2;
		text-decoration: underline;
	}


	/* ========================================
	   * 01-03. 初期設定 - 箇条 -
	======================================== */

	ul,
		ol {
			margin: 0;
			padding: 0;
	}

	ul {
		list-style-type: circle;
	}

	ol {
		list-style-type: decimal;
	}

	ul li,
		ol li {
			margin: 0 0 4px 0;
			padding: 0;
			text-align: left;
	}

	dl {
		margin: -2px 0 32px 0;
		padding: 0;
	}

	dl dt,
		dl dd {
			margin: 0;
			padding: 0 12px 0 12px;
			text-align: left;
	}

	dl dt {
		color: #314053;
		font-size: 10px;
	}

	dl dd {
		border-bottom: 1px dotted #B8BCC0;
		padding-bottom: 10px;
	}


	/* ========================================
	   * 01-04. 初期設定 - イメージ -
	======================================== */

	/* 画像ファイルの枠線を表示しない */
	img {
		border: none;
	}

	/* 画像ファイルを左側に配置 */
	img.photo_left {
		background-color: #FFFFFF;
		border: 1px solid #DFDFDF;
		float: left;
		padding: 1px;
		margin: 0 16px 14px 0;
	}

	/* 画像ファイルを右側に配置 */
	img.photo_right {
		background-color: #FFFFFF;
		border: 1px solid #DFDFDF;
		float: right;
		padding: 1px;
		margin: 0 0 18px 16px;
	}


	/* ========================================
	   * 01-05. 初期設定 - テーブル -
	======================================== */

	table {
		margin: 0px 0px 20px 0px;
		padding: 0px;
		width: 100%;
	}

	table tr th,
		table tr td {
			margin: 0px;
			padding: 8px 6px 8px 6px;
			text-align: left;
	}

	table tr th {
		background-color: #282828;
		border-left: 2px solid #0A0A0A;
		color: #FFFFFF;
		font-weight: normal;
		padding-left: 8px;
		text-align: left;
		width: 28%;
	}

	table tr td {
		border-bottom: 1px dotted #B9B9B9;
		padding-left: 18px;
	}

	table tr td input#name {
		width: 60%;
	}

	table tr td input#subject {
		width: 60%;
	}

	table tr td input#mail {
		width: 60%;
	}

	table tr td input#url {
		width: 70%;
	}

	table tr td textarea#comment {
		height: 120px;
		width: 90%;
	}

	table tr td input#pass {
		width: 20%;
	}

	table tr td img {
		display: inline;
		margin: 0px 2px 0px 0px;
	}


	/* ========================================
	   * 02. 領域設定 - ブロック -
	======================================== */

	#altogether {
		background-color: #FFFFFF;
		border-top: 2px solid #111111;
		padding: 1px 0 0 0;
		position: relative;
		width: 100%;
	}

	#header {
		background: url("http://blog-imgs-27-origin.fc2.com/e/n/g/englishup/bg_header123.gif") left top repeat-x;
		width: 100%;
	}

	#bcnavigation {
		background: url("http://blog-imgs-27-origin.fc2.com/e/n/g/englishup/bg_bcnavigation.gif") left top repeat-x;
		margin: 0 0 1px 0;
		min-height: 29px;
		width: 100%;
	}

	/* IE6 HACK */
	* html #bcnavigation {
		height: 29px;
	}

	#contents {
		background: url("http://blog-imgs-26-origin.fc2.com/3/0/5/3050grafix/bg_contents.gif") left top repeat-x;
		margin: 0 0 10px 0;
		min-height: 31px;
		position: relative;
		width: 100%;
	}

	#main {
		float: left;
		margin: 0 18px 20px 0;
		width: 454px;
	}

	#centerbar {
		float: left;
		margin: 0 18px 20px 0;
		width: 180px;
	}

	#sidebar {
		float: left;
		margin: 0 0 20px 0;
		width: 214px;
	}

	#footer {
		padding: 0 0 30px 0;
	}


	/* ========================================
	   * 02-01. 領域設定 - コンテナ -
	======================================== */

	.container {
		margin: 0;
		padding: 0;
	}

	.paragraph {
		margin: 0 12px 32px 12px;
	}


	/* ========================================
	   * 02-02. 領域設定 - Header -
	======================================== */

	#header div.container {
		margin-left: auto;
		margin-right: auto;
		width: 890px;
	}

	#header div.container div.advertisement {
		background: url("http://blog-imgs-27-origin.fc2.com/e/n/g/englishup/bg_header_advertisement.gif") left top repeat-x;
		border-bottom: 1px solid #0D0D0D;
		float: right;
		margin: 0;
		min-height: 24px;
		padding: 0;
	}

	#header div.container div.advertisement p {
		background: url("http://blog-imgs-26-origin.fc2.com/3/0/5/3050grafix/img_advertisement.gif") 8px 4px no-repeat;
		color: #D1D1D1;
		font-size: 10px;
		margin: 2px 10px 2px 0;
		padding: 0 0 0 46px;
	}

	#header div.container div.advertisement p noscript p {
		background: none;
		display: inherit;
		margin-bottom: 0;
		margin-right: 0;
		margin-top: 0;
		padding-left: 0;
		padding-top: 0;
	}

	#header div.container div.advertisement p a {
		color: #D1D1D1;
		text-decoration: none;
	}

	#header div.container div.advertisement p a:hover {
		text-decoration: underline;
	}

	#header div.container div#topimage {
		background: url("http://blog-imgs-27-origin.fc2.com/e/n/g/englishup/music.jpg") left 23px no-repeat;
		clear: both;
		min-height: 252px;
		padding: 8px 0 0 0;
		text-align: left;
	}

	/* IE6 HACK */
	* html #header div.container div#topimage {
		height: 252px;
	}

	#header div.container div#topimage h1 a {
		color: #3A3B31;
		font-family: "Arial Black", Verdana;
		text-decoration: none;
	}

	#header div.container div#topimage h1 a:hover {
		color: #CF2A0A;
		text-decoration: none;
	}

	#header div.container div#topimage h1 a span {
		color: #65767C;
		display: block;
		font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka;
		font-size: 50%;
		margin: 4px 0 0 0;
		text-indent: 0;
	}


	/* ========================================
	   * 02-02. 領域設定 - Bread Crumb Navigation -
	======================================== */

	#bcnavigation div.container {
		background: url("http://blog-imgs-27-origin.fc2.com/e/n/g/englishup/bg_topimage5.jpg") left top no-repeat;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		width: 890px;
	}

	#bcnavigation div.container p {
		font-size: 80%;
		margin-bottom: 0;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 6px;
	}

	#bcnavigation div.container p a {
		color: #BCBCBC;
		text-decoration: none;
	}

	#bcnavigation div.container p a:hover {
		text-decoration: underline;
	}

	#bcnavigation div.container p em {
		color: #BCBCBC;
		font-style: normal;
		font-weight: bold;
	}


	/* ========================================
	   * 02-04. 領域設定 - Contents -
	======================================== */

	#contents:after {
		clear: both;
		content: "";
		display: block;
		height: 1px;
	}

	#contents div.container {
		margin-left: auto;
		margin-right: auto;
		padding-top: 22px;
		width: 890px;
	}

	/* Powered By FC2ブログ */
	#contents p.plugin-powered {
		margin-top: 12px;
	}

	#contents p.plugin-powered a img {
		display: block;
		margin: 0 0 8px 0;
	}

	#contents p.plugin-powered br {
		display: none;
	}

	/* ブロとも申請フォーム */
	#contents p.plugin-friends {
		margin-top: 12px;
	}

	/* QRコード */
	#contents div.plugin-qrcode {
		margin: 10px 10px 0 10px;
	}


	/* ========================================
	   * 02-05. 領域設定 - Main -
	======================================== */

	#main h2:after {
		clear: both;
		content: "";
		display: block;
		height: 1px;
	}

	#main h2 a {
		color: #373C38;
		float: left;
		margin: 0 10px 0 0;
		text-decoration: none;
		width: 72%;
	}

	/* IE6 HACK */
	* html #main h2 a {
		width: 73%;
	}

	#main h2 a:hover {
		background-color: #ECEBE3;
		color: #C32905;
	}

	#main h2 br {
		display: none;
	}

	#main h2 span {
		color: #6D798B;
		float: right;
		font-size: 78%;
		text-align: right;
		width: 22%
	}

	/* IE6 HACK */
	* html #main h2 span {
		width: 23%;
	}

	#main div.fc2_footer {
		margin: 0 10px 20px 10px;
	}

	#main p.pagetop {
		border-top: 1px dotted #B9B9B9;
		margin-bottom: 40px;
		margin-left: 0;
		margin-right: 0;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 8px;
		text-align: right;
	}

	#main ul, #main ol {
		list-style-type: none;
		margin: -12px 0px 0px 0px;
		padding: 0px;
	}

	#main ul {
		list-style-type: circle;
		margin-left: 30px;
		margin-top: -6px;
	}

	#main ol {
		margin-top: -24px;
	}

	#main ul li, #main ol li {
		margin: 0px;
		padding: 0px;
		text-align: left;
	}

	#main ul li {
		margin-left: 4px;
		margin-bottom: 8px;
	}

	#main ol li {
		background-image: url("http://blog-imgs-26-origin.fc2.com/3/0/5/3050grafix/icon_arrow.gif");
		background-position: 14px 14px;
		background-repeat: no-repeat;
		border-bottom: 1px dotted #B9B9B9;
		margin-bottom: 0px;
		padding: 8px 14px 8px 30px;
	}

	#main div.entry_footer,
		#main div#entry_navi {
			border-top: 1px dotted #B9B9B9;
			margin: 0px 0px 8px 0px;
			padding: 8px 10px 0px 10px;
	}

	#main div.entry_footer p,
		#main div#entry_navi p {
			color: #6D798B;
			font-size: 80%;
			margin-bottom: 0;
			margin-left: 0;
			margin-right: 0;
			padding-left: 10px;
			padding-right: 10px;
			text-align: right;
	}

	#main div.entry_footer p a {
		color: #6D798B;
		text-decoration: none;
	}

	#main div.entry_footer p a:hover {
		color: #6D798B;
		text-decoration: underline;
	}

	#main div#entry_navi p {
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	}

	#main p.pagetop_bdnone {
		border: none;
		clear: both;
		margin: 0px 0px 28px 0px;
		padding: 8px 10px 0px 10px;
		text-align: right;
	}

	#main p.pagetop_bdnone img {
		border: none;
		display: inline;
		margin: 0px;
		padding: 0px;
	}

	#main p.button {
		text-align: center;
	}

	#main p.button input {
		margin: 0px 10px 0px 10px;
		width: 30%;
	}

	#main ul.comment_footer {
		list-style-type: none;
		margin: -10px 0px 4px 0px;
		padding: 0px;
	}

	#main ul.comment_footer li {
		border-bottom: 1px dotted #B9B9B9;
		font-size: 10px;
		margin: 0px;
		padding: 4px 10px 4px 10px;
	}

	#main p.text_edit {
		font-size: 10px;
		margin: 0px 0px 24px 0px;
		padding: 0px 18px 0px 12px;
		text-align: right;
	}

	#main div#trackback {
		text-align: left;
	}

	#main div#trackback input {
		margin: 0px 10px 8px 10px;
		width: 88%;
	}


	/* ========================================
	   * 02-06. 領域設定 - Center Bar -
	======================================== */

	#centerbar p {
		margin-top: 14px;
	}

	#centerbar ul,
		#centerbar div {
			list-style-type: none;
			margin-bottom: 22px;
	}

	#centerbar ul li,
		#centerbar div div {
			border-bottom: 1px dotted #B9B9B9;
			margin-bottom: 0;
			text-align: left;
	}

	#centerbar ul li a,
		#centerbar div div a {
			background: url("http://blog-imgs-26-origin.fc2.com/3/0/5/3050grafix/icon_arrow.gif") 10px 15px no-repeat;
			color: #333C4F;
			display: block;
			padding: 10px 12px 10px 26px;
			width: 142px !important;
			width: 100%;
	}

	#centerbar ul li a:hover,
		#centerbar div div a:hover {
			color: #912D24;
	}

	#centerbar form input {
		margin: 0 2px 6px 2px;
	}


	/* ========================================
	   * 02-07. 領域設定 - Side Bar -
	======================================== */

	#sidebar div.wrapper {
		background: url("http://blog-imgs-26-origin.fc2.com/3/0/5/3050grafix/bg_sidebar.gif") left top no-repeat;
		margin-bottom: 22px;
		padding-top: 7px;
		text-align: center;
		width: 214px;
	}

	#sidebar div.wrapper a {
		display: block;
		margin-bottom: 22px;
		margin-top: -16px;
	}

	/* IE6 HACK */
	* html #sidebar div.wrapper a {
		margin-bottom: 0;
		margin-top: 6px;
	}

	/* IE7 HACK */
	*:first-child+html #sidebar div.wrapper a {
		margin-bottom: 0;
		margin-top: 6px;
	}

	/* IE6 HACK */
	* html #sidebar div.wrapper p {
		margin-bottom: 0;
	}

	/* IE7 HACK */
	*:first-child+html #sidebar div.wrapper p {
		margin-bottom: 0;
	}

	#sidebar div.wrapper p a {
		display: inline;
		margin-top: 0;
	}

	#sidebar div.wrapper form {
		background-color: #EBE9E2;
		border-bottom: 1px solid #D4D2C3;
		margin: 0 auto 0 auto;
		padding: 6px 0 6px 0;
		width: 202px;
	}

	#sidebar div.wrapper form p {
		margin-bottom: 0;
	}

	#sidebar div.wrapper form input {
		margin: 0 2px 6px 2px;
	}

	/* IE6 HACK */
	* html #sidebar div.wrapper form input {
		margin-right: 0px;
	}

	#sidebar div.wrapper form p br {
		display: none;
	}

	#sidebar div.wrapper ul {
		list-style-type: none;
		margin-bottom: 22px;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		width: 202px;
	}

	/* IE6 HACK */
	* html #sidebar div.wrapper ul {
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}

	/* IE7 HACK */
	*:first-child+html #sidebar div.wrapper ul {
		margin-bottom: 0;
	}

	#sidebar div.wrapper ul li {
		background-color: #EBE9E2;
		border-bottom: 1px solid #D4D2C3;
		margin-bottom: 1px;
		padding: 6px 12px 6px 12px;
		text-align: left;
	}

	#sidebar div.wrapper ul li a {
		color: #545347;
		display: inline;
		margin-top: 0;
		text-decoration: none;
	}

	#sidebar div.wrapper ul li a:hover {
		text-decoration: underline;
	}


	/* ========================================
	   * 02-08. 領域設定 - Footer -
	======================================== */

	#footer div.container {
		color: #7D7D7D;
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
		width: 890px;
	}

	#footer div.container p {
		border-bottom: 1px dotted #515151;
		margin-bottom: 10px;
		padding-bottom: 10px;
		text-align: center;
	}

	#footer div.container p a {
		color: #7D7D7D;
		text-decoration: none;
	}

	#footer div.container p a:hover {
		text-decoration: underline;
	}

}