@charset "UTF-8";


/* default
------------------------------------------------------------ */

	* {
		margin : 0;
		padding : 0;
		text-decoration : none;
	}

	html {
		scrollbar-3dlight-color:#666666;
		scrollbar-arrow-color:#666666;
		scrollbar-darkshadow-color:#666666;
		scrollbar-face-color:#000000;
		scrollbar-highlight-color:#000000;
		scrollbar-shadow-color:#000000;
	}
	
	body {
		color : #000000;
		background : url(http://templates.blog.fc2.com/template/skullpunk/skullpunk_bg.gif) repeat left top;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align : center;
		line-height : 1.5;
		font-family : "Verdana", "Ariel", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
		font-size : x-small;
		voice-family : "\"}\"";
		voice-family : inherit;
		font-size : small;
	}

	html>body {
		font-size : small;
	}

	textarea {
		width : 90%;
	}






/* Hyper text
------------------------------------------------- */

	a { 
		/*\*/
		overflow: hidden;
		/**/
	}

	a:link {color : #c00000; }
	
	a:visited { color : #c000a3; }
	
	a:focus,
	a:hover,
	a:active {
		color : #80ffff;
	}



/* Image
------------------------------------------------- */

	img,
	a img {
		border : none;
	}

	/* 絵文字 */
	
	.emoji{
		vertical-align:middle;
	}


/* Base elements
------------------------------------------------- */

	h1 { font-size : 160%; }
	
	h2 { font-size : 130%; }
	
	h3 { font-size : 120%; }
	
	h4 { font-size : 110%; }
	
	h5 { font-size : 94%; }
	
	h6 { font-size : 85%; }
	
	ul, ol, li, dl, dt, dd { list-style: none; }
	
	br { letter-spacing: 0; }
	
	abbr { border-bottom: 1px dashed; }
	
	del {
		color: #CCCCCC;
		font-weight: normal;
		text-decoration: line-through;
	}
	
	ins {
		text-decoration: none;
		border-bottom: 1px solid;
	}
	
	cite {
		color: #666666;
	}
	
	blockquote {
		width : auto;
		margin : 10px 20px;
		padding : 0.5em;
		border: 1px solid #000000;
		color: #c00000;
	}
	
	fieldset {
		color: #666666;
	}
	
	legend {
		font-weight: bold;
		color: #3875AB;
	}
	
	pre {
		margin : 1em auto;
		padding : 0.5em;
		border : 1px solid;
		font-family : sans-serif;
		overflow : auto;
		width : 90%;
	}

	/* for without MacIE5 \*/

	div.main_body pre {
		overflow : scroll;
	}/* */
	
	div.main_body > pre {
		width : auto;
	}
	
	div.main_body code {
		font-family : monospace;
	}



/* レイアウト用ブロックの設定
------------------------------------------------------------ */

	/* 全体の包含ブロック */

	div#container {
		width : 770px;
		margin-left : auto;
		margin-right : auto;
		text-align : left;
		background-color : #000000;
	}

	/* ヘッダーブロック */

	div#header {
		width : 770px;
		height : 260px;
		background : url(http://templates.blog.fc2.com/template/skullpunk/skullpunk_title.gif) no-repeat left top;
		position: relative;
	}

	/* メインブロック */

	div#main {
		float : right;
		width : 520px;
		color: #CCCCCC;
		padding-right: 15px;
		margin-top: 15px;
	}

	/* サイトインフォ関連ブロック */

	div#sidemenu {
		float : left;
		width : 189px;
		padding-top: 30px;
		padding-left: 15px;
		margin-top: 15px;
	}

	/* 著作表示ブロック */

	div#footer {
	clear : both;
	width: 770px;
	text-align: center;
	}
	


/* タイトル・サイトの説明部分の設定
------------------------------------------------------------ */

	/* タイトル */

	div#header h1 {
		position: absolute;
		top: 100px;
		right: 20px;
		text-align: right;
	}

	div#header h1 a {
		color: #FFFFFF;
		font-weight : bold;
		font-size : large;
		voice-family : "\"}\"";
		voice-family : inherit;
		font-size : x-large;
	}

	html>body div#header h1 a {
		font-size : x-large;
	}

	div#header h1 a:hover,
	div#header h1 a:focus,
	div#header h1 a:active {
		position: relative;
		left: 1px;
		top: 1px;
	}

	/* サイトの説明 */

	div#header p {
		position: absolute;
		top: 150px;
		right: 20px;
		color: #FFFFFF;
		text-align: right;
	}



/* メインブロックの設定
------------------------------------------------------------ */


	div.main_body {
		background-color: #FFFFFF;
		background-image: url(http://templates.blog.fc2.com/template/skullpunk/skullpunk_main.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 50px;
		color: #000000;
	}

	/* 記事のタイトル部分 */

	h2.entry_header {
		border-bottom: 5px double;
		margin-bottom : 12px;
		margin-right: 25px;
		margin-left: 25px;
		padding-left: 2px;
		font-size : small;
		voice-family : "\"}\"";
		voice-family : inherit;
		font-size : medium;
	}

	html>body h2.entry_header {
		font-size : medium;
	}

	/* 記事本体部分 */

	div.entry_body {
		padding : 0px 25px;
	}

	/* 追記部分 */

	p.entry_more {
		padding : 25px 15px 15px 0px;
		text-align : right;
	}

	/* 記事中に使われたタグのリンクリスト */
	
	p.tag_lnk {
		margin-top: 10px;
	}
	
	/* 記事の投稿先テーマ・ジャンル */

	p.theme {
		margin-top: 10px;
	}

	/* フッター部分（コメントやトラックバックなど） */

	ul.entry_footer {
		padding : 20px 15px 15px;
		text-align: right;
		font-size : xx-small;
		voice-family : "\"}\"";
		voice-family : inherit;
		font-size: x-small;
	}

	html>body ul.entry_footer {
		font-size: x-small;
	}

	ul.entry_footer li {
		display : inline;
		list-style-type : none;
	}


	/* サブ見出し */

	p.sub_header {
	color: #C00000;
	font-family: "Arial Black", Arial, sans-serif;
	font-size : large;
	voice-family : "\"}\"";
	voice-family : inherit;
	font-size: large;
	margin-right: 15px;
	margin-left: 15px;
	}

	html>body p.sub_header {
		font-size: large;
	}

	/* サブタイトル */

	h3.sub_title {
		margin-right: 15px;
		margin-left: 15px;
		font-size : small;
		voice-family : "\"}\"";
		voice-family : inherit;
		font-size : medium;
		margin-bottom: 2px;
	}

	html>body h3.sub_title {
		font-size : medium;
	}

	/* サブ本文 */

	div.sub_body {
		padding : 0px 25px;
	}

	/* タイトルリストの設定 */

	h2.listtitle {
		display: inline;
		font-weight: normal;
		font-size : x-small;
		voice-family : "\"}\"";
		voice-family : inherit;
		font-size : small;
	}

	html>body h2.listtitle {
		font-size : small;
	}

	/* サブフッター */

	ul.sub_footer {
		padding : 10px 15px;
		text-align: right;
		font-size : xx-small;
		voice-family : "\"}\"";
		voice-family : inherit;
		font-size: x-small;
	}

	html>body ul.sub_footer {
		font-size: x-small;
	}

	ul.sub_footer li {
		display : inline;
		list-style-type : none;
	}

	/* ページ移動用ナビゲーション */

	div.page_navi {
		margin-bottom : 10px;
		text-align : center;
	}

	/* ページトップへのリンク */
	div.pagetop {
		text-align: right;
		margin-bottom: 25px;
		background-image: url(http://templates.blog.fc2.com/template/skullpunk/skullpunk_top.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		height: 80px;
	}

	div.pagetop a {
		display: block;
		height: 80px;
		background-image: url(http://templates.blog.fc2.com/template/skullpunk/skullpunk_top.gif);
		background-repeat: no-repeat;
		background-position: right bottom;
		text-indent: -9999px;
		width: 150px;
		margin-left: 370px;
	}



/* コメントフォーム設定
------------------------------------------------------------ */

	div#main form {
		margin: 0px 10px 15px;
	}

	/* 管理者だけにコメント */

	input#himitu {
		margin-right : 0.5em;
	}

	/* コメントフォームのボタン */

	p.form_btn {
		margin-top : 20px;
	}



/* トラックバック設定
------------------------------------------------------------ */


	/* トラックバックURL */

	p.trackback_url {
		padding-top: 0px;
		padding-right: 15px;
		padding-bottom: 30px;
		padding-left: 15px;
	}

	/* トラックバックURLワンクリックフォーム */

	p.trackback_url input {
		padding-bottom: 1px;
		border-bottom: 1px dashed #c80000;
		border-top: none;
		border-right: none;
		border-left: none;
		margin-bottom: 1px;
		width: 85%;
		background-color: #FFFFFF;
		color: #c80000;
		font-size : small;
		voice-family : "\"}\"";
		voice-family : inherit;
		font-size: small;
	}

	html>body p.trackback_url input {
		font-size: small;
	}



/* メインブロック（プラグイン）の設定
------------------------------------------------------------ */

	dl.plugin {
		background-color: #FFFFFF;
		background-image: url(http://templates.blog.fc2.com/template/skullpunk/skullpunk_main.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 35px;
		color: #000000;
	}

	dl.plugin dt {
		font-weight: bold;
		padding-top: 15px;
		margin-right: 25px;
		margin-left: 25px;
		font-size : small;
		voice-family : "\"}\"";
		voice-family : inherit;
		font-size: medium;
	}

	html>body p.trackback_uri input {
		font-size: medium;
	}

	dl.plugin dd {
		margin-right: 25px;
		margin-left: 25px;
	}



/* サイドメニュー（プラグイン）の設定
------------------------------------------------------------ */


	/* サイドメニューリストマーク設定 */

	#sidemenu li {
		list-style-type: disc;
		list-style-position: outside;
		margin-left: 15px;
	}

	dl.sidemenu_body {
		margin-bottom: 15px;
		background-image: url(http://templates.blog.fc2.com/template/skullpunk/skullpunk_side2.gif);
		background-repeat: no-repeat;
		background-position: left bottom;
		padding-bottom: 50px;
		background-color: #FFFFFF;
	}
	
	dl.sidemenu_body dt {
		background-image: url(http://templates.blog.fc2.com/template/skullpunk/skullpunk_side1.gif);
		background-repeat: no-repeat;
		background-position: left top;
		padding-top: 40px;
		padding-right: 10px;
		padding-left: 10px;
		font-weight: bold;
	}
	
	dl.sidemenu_body dd {
		margin-top: 3px;
		margin-right: 10px;
		margin-left: 10px;
		font-size : x-small;
		voice-family : "\"}\"";
		voice-family : inherit;
		font-size: x-small;
	}

	html>body dl.sidemenu_body dd  {
		font-size: x-small;
	}




/* プラグインカレンダー
------------------------------------------------------------ */

	/* カレンダー表示用のテーブル設定 */

	table.calender {
		width : 90%;
		border-collapse : collapse;
		font-size : x-small;
		voice-family : "\"}\"";
		voice-family : inherit;	
		font-size : small;
	}

	html>body table.calender {
		font-size : small;
	}

	/* カレンダー見出（前月・当月・次月などのリンク部分） */

	table.calender caption {
		margin-bottom : 10px;
	}

	/* カレンダーのセル見出（曜日表示部分） */

	table.calender th {
		padding : 0.1em;
		border-bottom : 1px dotted;
		text-align : center;
	}

	/* カレンダーのセル部分（日付表示部分） */

	table.calender td {
		padding : 0.1em;
		border-bottom : 1px dotted;
		text-align : center;
	}

	/* カレンダーリンク部分（記事を書いた日） */

	table.calender td a {
		display : block;
		color: #FFFFFF;
		background-color: #c00000;
	}

	/* 日曜日 */

	table.calender th.sun {
		color : #f00;
	}

	/* 土曜日 */

	table.calender th.sat {
		color : #00f;
	}



/* フッター部分の設定
------------------------------------------------------------ */

	div#footer p {
		font-size : xx-small;
		padding-bottom: 20px;
		padding-top: 10px;
		color: #FFFFFF;
	}

	div#footer address {
		color: #FFFFFF;
	}



/* Mac版IEの文字化け対策
------------------------------------------------------------ */

	textarea,input,select {
		font-family : "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "ＭＳ Ｐゴシック", sans-serif;
	}