@charset "utf-8";


/* --------- reset --------- */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
/*  Line hide  */
hr { display:none;}
	
img {
	vertical-align:bottom;
	}
/* --------- /reset --------- */


/* --------- font --------- */
body {
	font:13px/1.231 "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
	border-collapse:collapse;/*+*/
	border-spacing:0;/*+*/
}

/*
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*<a>タグがある場合、<a>タグの外に記述*/
/*13px基準*/
.text10 { font-size:77%;}
.text11 { font-size:85%;}
.text12 { font-size:93%;}
.text13 { font-size:100%;}
.text14 { font-size:108%;}
.text15 { font-size:116%;}
.text16 { font-size:123.1%;}
.text17 { font-size:131%;}
.text18 { font-size:138.5%;}
.text19 { font-size:146.5%;}
.text20 { font-size:153.9%;}
.text21 { font-size:161.6%;}
.text22 { font-size:167%;}
.text23 { font-size:174%;}
.text24 { font-size:182%;}
.text25 { font-size:189%;}
.text26 { font-size:197%;}

/* --------- /font --------- */



/* --------- module --------- */

/*  clearfix  */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.clearfix{ zoom:1;}


/*  hide-object  */
.hide {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	}

/* --------- /module --------- */


/* ---------------------------------- 01 ベース */

body {
	color:#666666;
	background-color:#000000;
	text-align:center;
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/back_repeat.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	}
	
/* link */
a {
	color:#000000;
	text-decoration:underline;
	}
a:link {/*未訪問リンク*/
	}
a:visited {/*訪問済リンク*/
	}
a:hover {/*カーソルが上に来たとき*/
	text-decoration:none;
	}
a:active {/*マウスを押している状態*/
	}
/* /link */
	
/* soon & active */
a.active,
a.soon {
	cursor:default;
	outline:none;
	cursor:default;
	}
/* /soon active */




/* Layout
------------------------------------------------------------ */

#wrapper {
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/back.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	}

#container {
	width: 904px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
}

#header {
	height:60px;
	position:relative;
	margin-bottom:26px;
	padding-top:329px;
}
*html #header {/*IE6*/
	height:60px;
	}

#wrap {
	width: 684px;
	float: left;

	display:inline;
}

#main {
	float: right;
	width: 441px;
	margin-right:9px;
	display:inline;
}

#sidemenu1 {
	float: left;
	width: 220px;
	overflow: hidden;
	margin-left:5px;
	margin-right:9px;
	display:inline;
}

#sidemenu2 {
	float: right;
	width: 220px;
	overflow: hidden;
	display:inline;
}

#footer {
	clear: both;
	padding: 10px 0px;
	width: 100%;
}



/* Header
------------------------------------------------------------ */

#header h1 {
}

#header h1 a {
	color:#ff9600;
	font-weight:bold;
	height:30px;
	margin-left:80px;
	text-decoration:none;
	}
	
#header p {
	color:#FFFFFF;
	margin-left:80px;
	padding-top:3px;
}



/* Main Contents
------------------------------------------------------------ */

.content {

	width:441px;
	margin-bottom:25px;
}

.content a {
	color: #fff;
}

.contentHd {
	min-height:87px;
	display:block;
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/main_hd.png);
	background-repeat:no-repeat;
	background-position:0 top;
	}
*html .contentHd {/*IE6*/
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/main_hd2.jpg);
	}
*html .contentHd {/*IE6*/
    height: auto !important; 
    height: 87px; 
}


.sub_header {
	font-weight: bold;
	color: #333;
}


#tb,
#cm,
.list_body,
.plg3_body {
	color:#FF5402;
	background:#000;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	padding:10px;
	width:420px;
	}

#cm a {
	color:#FF4800;
}

#tb a,
#tb .pagetop a,
#cm .pagetop a,
.list_body a {
	color:#FFFFFF;
	}
	
.form {
	color:#FF5402;
	}
	
p.sub_header,
h3.plg3_header {
	color:#FF5402;
}


h2.entry_header {
	color:#ff4800;
	width:320px;
	position:relative;
	display:block;
	top:28px;
	left:65px;
}
h2.entry_header a {
	color:#ff4800;
	}
	
.contentHdDate {
	width:428px;
	height:20px;
	color:#FFFFFF;
	margin-top:40px;
	margin-left:0;
	clear:both;
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/main_bline.png);
	background-position:0 bottom;
	background-repeat:no-repeat;
	padding-bottom:12px;
	margin-left:7px;
	}
*html .contentHdDate {/*IE6*/
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/main_bline2.jpg);
	}
	
.contentHdDate p {
	width:421px;
	display:block;
	text-align:right;
	padding-right:10px;
	}

.entry_body {
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/main_body.png);
	background-repeat:repeat-y;
}
*html .entry_body {/*IE6*/
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/main_body2.jpg);
	}

.entry_body_top {
	color:#FFFFFF;
	width:401px;
	margin-left:20px;
	padding-top:20px;
	padding-bottom:10px;
	line-height:1.5;
	}
.entry_body_top a {
	color:#FFFFFF;
	}
	
.entry_body .entry_more {
	padding: 15px 15px 15px 0px;
	margin: 0px;
}
	
.entry_body .tag_lnk {
	margin: 0px;
}
	
.entry_body .theme {
	margin: 10px 0px 0px;
}

.entry_footer {
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/entry_footer0.png);
	background-repeat:repeat-y;
	position:relative;
	z-index:1;
	padding: 30px 20px;
}
*html .entry_footer {/*IE6*/
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/entry_footer_ie6.jpg);
}

.entry_footer {
	color: #ccc;
}

.entry_footer a {
	color: #fff;
}	

.entry_info {
	background-image: url(http://blog-imgs-42.fc2.com/t/e/m/templates/main_ft.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #fff;
	padding: 15px 20px;
}

*html .entry_info {/*IE6*/
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/main_ft_ie6.jpg);
	padding: 14px 20px;
}

.entry_info li {
	display: inline;
}

.entry_info a {
	color: #fff;
}


/* --------- pngfix --------- */

/*.contentHd,
.contentHdDate,
.entry_body,
.entry_footer {
	behavior: expression(IEPNGFIX.fix(this));
	}*/

/* --------- /pngfix --------- */
	

/* clap + bookmark */

.fc2_footer {
	padding: 10px 0;
}

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

.page_navi a {
	color:#FFFFFF;
	}

.pagetop {
	text-align: right;
	margin-right: 10px;
	margin-left: 10px;
}

.pagetop a {
	color:#FFFFFF;
	}



/* Entry (html tag)
------------------------------------------------------------ */

.entry_body h2,
.entry_body h3,
.entry_body h4,
.entry_body h5,
.entry_body h6 {
	margin: 0em 0em 0.5em;
}

.entry_body p {
	margin: 0.3em 1em;
}

.entry_body ul,
.entry_body ol {
	margin: 1em 0em 1em;
}

.entry_body ul li {
	list-style: disc outside;
	margin-left: 15px;
}

.entry_body ol li {
	list-style: decimal outside;
	margin-left: 2em;
}

.entry_body dl {
	margin: 1em 1.5em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding: 1em 1em 0em;
}

.entry_body dt {
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.entry_body dd {
	margin: 0em 1em 1em;
}

.entry_body blockquote {
	margin: 5px;
	padding: 5px;
	border: 1px dotted #999999;
}

.entry_body pre {
	margin: 1em auto;
	padding: 0.5em;
	border: 1px solid;
	font-family: sans-serif;
	overflow: auto;
	width: 90%;
}

/* for without MacIE5 \*/
.entry_body pre { overflow: scroll; }
/**/

.entry_body > pre { width: auto; }

.entry_body code { font-family: monospace; }



/* Comment, Trackback, Entry list
------------------------------------------------------------ */

.sub_header {
	text-align: left;
	margin-bottom: 10px;
}

.sub_title {
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
}

.sub_body {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.list_body {
	margin-bottom:10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
}

.list_body li {
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	padding-bottom: 1px;
}

.sub_footer {
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.sub_footer li {
	display: inline;
	list-style-type: none;
}
	
.form dl {
	margin-right: 10px;
	margin-left: 10px;
}

.form dl dd {
	margin-bottom: 5px;
}

.form dl dd textarea {
	width: 380px;
	height: 150px;
}

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

.form .form_btn {
	margin-top: 20px;
	margin-bottom: 15px;
	margin-right: 10px;
	margin-left: 10px;
}

.form .form_btn input {
	margin-right: 3px;
}

.trackback_url {
	padding-bottom: 30px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
}

.trackback_url input {
	padding: 1px;
	width: 85%;
}



/* Plugin (Main content)
------------------------------------------------------------ */

.plg3_header {
	background-color: #000;
	color: #fff;
	opacity: 0.75;
	padding: 5px;
	font-weight: bold;
}

.plg3_body {
	margin-bottom: 20px;
}

.plg3_body .plg_header,
.plg3_body .plg_body,
.plg3_body .plg_footer {
	margin-top: 3px;
}



/* Sidemenu (Plugin)
------------------------------------------------------------ */

.sidemenu_bodyWrap {
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/block_ft.jpg);
	background-position:0 bottom;
	background-repeat:no-repeat;
	padding-bottom:85px;
	margin-bottom:16px;
}
dt.plg_title {
}

#sidemenu1 li,
#sidemenu2 li {
	list-style:none;
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/point.jpg);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left:18px;
}

.sidemenu_body {
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/block_body0.jpg);
}
	
.sidemenu_body .plg_title {
	color:#000000;
	background-image:url(http://blog-imgs-42.fc2.com/t/e/m/templates/block_hd.jpg);
	background-position:0 top;
	background-repeat:no-repeat;
	height:52px;
	line-height:52px;
	padding-left:46px;
}

	
.sidemenu_body .plg_header,
.sidemenu_body .plg_body,
.sidemenu_body .plg_footer {
	margin-top: 3px;
	margin-right: 10px;
	margin-left: 10px;
}

.sidemenu_body .plg_body input {
	margin: 2px;
}


.sidemenu_body .plg_body {
	min-height:55px;
	}
*html .sidemenu_body .plg_body {/*IE6*/
    height: auto !important; 
    height: 55px; 
}



/* Calendar(Plugin)
------------------------------------------------------------ */

table.calender {
	width: 90%;
	margin: 0px auto;
}

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

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

table.calender td a {
	display: block;
	color: #ffffff;
	background-color: #ff9600;
}

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

table.calender th#sat {
	color: #0000FF;
}



/* Piyo(Plugin)
------------------------------------------------------------ */

.tab {
	text-align: left;
	margin-bottom: 10px;
}

.tab input{
	padding: 3px 5px;
}

.tab input.b1{
	margin-right: 5px;
}
    
.mylog {
	padding: 5px;
	border: 1px solid #A5A5A5;
	text-align: left;
	background-color: #FFFFFF;
}

.mylog .title {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A5A5A5;
	margin: 0px 0px 10px;
	padding: 0px 0px 3px;
}

.mylog dl {
	margin: 0px;
	padding: 0px;
}

.mylog dt.day {
	margin: 0px;
	padding: 0px 0px 5px;
	background-color: #FFFFFF;
	background-image: none;
	text-align: left;
}

.mylog dd.piyolog {
	margin: 0px 0px 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A5A5A5;
	padding: 0px 0px 10px;
}

.license {
	text-align: right;
}



/* Footer
------------------------------------------------------------ */

#footer p {
	color:#FFFFFF;
	margin-bottom: 3px;
	text-align:center;
}
#footer a {
	color:#FFFFFF;
	}

#footer .copyright {
	color:#FFFFFF;
	margin-bottom: 10px;
	text-align:center;
}