@charset "utf-8";


/* --             -- */

html {
 background:#fff;
 color:#333;
}

/* --             -- */

body {
font:12px/1.5 'Lucida Grande', Helvetica;
 margin:0;
 overflow:visible;
 padding:0;
}

	/* for IE7 */
	*+html body {
	font-family:'メイリオ', 'ＭＳ Ｐゴシック';
	font-size:75%;
	}
	
	/* for IE6 */
	* html body {
	font-family:'ＭＳ Ｐゴシック';
	font-size:75%;
	}

/* --             -- */

a img, img { 
 border:0;
}

blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
 margin:0;
 padding:0;
}

abbr, acronym {
 border:0;
}

address, caption, cite, code, dfn, em, th, strong, var {
 font-style:normal;
 font-weight:normal;
}

caption, th {
 text-align:left;
}

code, kbd, pre, samp, tt {
 font-family:monospace;
 line-height:100%;
}

	/* for IE7 */
	*+html code, kbd, pre, samp, tt {
	font-size:108%; 
	}

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

ol, ul {
 list-style:none;
}

q:before, q:after {
 content:'';
}

/* --             -- */

button, fieldset, form, input, label, legend, select, textarea {
 font-family:inherit;
 font-size:100%;
 font-style:inherit;
 font-weight:inherit;
 margin:0;
 padding:0;
 vertical-align:baseline;
}

/* --             -- */

table {
 border-collapse:collapse;
 border-spacing:0;
 font-size:100%;
}





/* --             -- */

a {
 cursor:pointer;
 text-decoration:none;
}

a:hover {
 text-decoration:underline;
}

/* --             -- */

fieldset {
 border:1px solid #ccc;
 margin-bottom:1em;
 padding:0 1em 1em 1em;
}

legend {
 background:#fff;
 padding:0.3em;
}

input, textarea {
 line-height:1.4;
 padding:0;
 vertical-align:middle;
}

input[type="checkbox"],
input[type="radio"] {
 vertical-align:text-bottom;
}

input[type="submit"] {
 padding:0.1em;
}

select {
 padding:0;
}

	/* for IE6 */
	* html input {
	padding:0.1em;
	}
	
	* html input.checkbox,
	* html input.radio {
	vertical-align:-0.3em;
	}

	* html input.submit {
	line-height:1.2;
	padding-top:0.2em;
	}
	
	* html select {
	vertical-align:-0.2em;
	}
	
	/* for IE7 */
	*+html input {
	padding:0.1em;
	}
	
	*+html input.submit {
	line-height:1.2;
	padding-top:0.2em;
	}
	
	*+html select {
	vertical-align:-0.2em;
	}

	/* for Opera9.27 */
	html:first-child input {
	padding:0.1em;
	}
	
	html:first-child input[type="checkbox"],
	html:first-child input[type="radio"] {
	vertical-align:middle;
	}

	html:first-child input[type="submit"] {
	padding:0.3em;
	}
	
	html:first-child select {
	padding:0.2em;
	}

	/* for Opera9.5 [Safari3] */
	body:first-of-type input {
	padding:0.1em;
	}

	body:first-of-type input[type="checkbox"],
	body:first-of-type input[type="radio"] {
	vertical-align:-0.3em;
	}
	
	body:first-of-type input[type="submit"] {
	padding:0.3em 0.3em 0.2em 0.3em;
	}

	/* for Safari3 */
	html:not(:only-child:only-child) input {
	padding:0;
	vertical-align:baseline;
	}
	
	html:not(:only-child:only-child) input[type="checkbox"],
	html:not(:only-child:only-child) input[type="radio"] {
	vertical-align:baseline;
	}
	
	html:not(:only-child:only-child) select {
	vertical-align:0.1em;
	}

/* --             -- */

h1, h2, h3, h4, h5, h6 {
 font-weight:bold;
 margin:1em 0;
}

/* --             -- */

ol, ul {
 margin:1em 1em 1em 3em;
 text-align:justify;
 text-justify:inter-ideograph;
}

dl {
 margin:1em;
}

ol li {
 list-style:;	
}

ul li {
 list-style:;
}

dl dd, ol li, ul li {
 margin-bottom:0.5em;
}

/* --             -- */

table {
 margin-bottom:1em;
}

td, th {
 border:none;
 padding:0.5em;
}

th {
 font-weight:bold;
 text-align:center;
}

/* --             -- */

abbr, acronym {
 border-bottom:1px dotted;
 cursor:help;
}

blockquote {
 margin:1em;
}

caption {
 margin-bottom:0.5em;
 text-align:center;
}

em, strong {
 font-weight:bold;
}
	
p {
 margin-bottom:1em;
 text-align:justify;
 text-justify:inter-ideograph;
}

/*     clearfix     */

.clearfix:after {
 content:"";
 display:block;
 clear:both;
}

	/* for IE6 */
	* html .clearfix {
	display:inline-block;
	}
	
	/* for IE7 */
	*+html .clearfix {
	display:inline-block;
	}





html{
 height:100%;
 overflow-y:scroll;
}

body {
 font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
 font-size:80%;
 background:#fff;
 color:#222;
 text-align:left;
 height:100%;
}

a {
 color:#f00;
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

/*    header    */

h1 {
 text-align:right;
}

/*    bg     */

#bg{
 background-image: url(blog_images/bg.jpg);
 background-position: right top;
 background-repeat: repeat-y;
 width:200px;
 /*height:100%;*/
 min-height: 2960px;
 _height: 2960px;
 margin:0 auto;
 padding:0 0 0 0;
 float:left;
 text-align:center;
}

/*    container    */

#container {
 width:600px;
 height:100%;
 margin:0;
 padding-left:0;
 float:left;
 background: inherit;
}

/*    alpha     */

#alpha {
 width:420px;
 height:auto;
 margin:0;
 float:left;
 text-align:left;
 border-bottom:solid 2px #f00;
 background: inherit;
}

#alpha h2 {
 font-size:20px;
 border-top:solid 2px #f00;
 padding:3px;
 background: inherit;
}

#alpha p {
 font-weight:normal;
 font-size:15px;
 text-align:left;
 margin:0px;
 padding:0 1em 1em 1em;
 background: inherit;
}

#alpha p strong {
 font-weight:bold;
 letter-spacing:0.1em;
}

#alpha p img{
 vertical-align:middle;
}

/*    beta     */

#beta{
 width:180px;
 height:auto;
 margin:0;
 padding:1em 0;
 float:right;
 background:#f00;
 border-top:solid 70px #ff0 ;
 border-bottom:solid 150px #00f;
}

#beta dl {
 width:150px;
 height:auto;
 margin:0 auto 1em auto;
 padding-bottom:0.5em;
}

#beta dt{
 font-weight:bold;
}

#beta dd {
 width:150px;
 margin:0 0 0.5em 0;
 color: #ffffff;
}

#beta dd a,
#beta p a {
 color:#fff;
 border-bottom: 1px dotted #fff;
 text-decoration: none;
}

#beta p {
 padding: 0 1em;
 color:#fff;

}