@charset "UTF-8";
/* 覚え書き：レイアウトボックスには margin padding を指定しない */

/* general */

* {
	margin: 0;
	padding: 0;
	font-size:12px;
}

body{
	background-color: #fff;
	color:            #333;
	font-family:      "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,Arial,Helvetica,sans-serif;
	font-size:        100%;
	text-align:       center;
	overflow:auto;

}


a {
	color:            #888888;
	background-color: transparent;
}

a:visited {
	color:            #555;
	background-color: transparent;
}

a:hover {
	color:            #888;
	text-decoration:  underline;
}


#rap{
	margin:           0 auto;
	width:            602px;
	text-align:left;
}


/* header */
#header{
	width:            602px;
	text-align:       center;
	background-color: #fff;
	height:           102px;
}

h1 {
	padding:          0px;
	margin:           0px;
	color:            #000000;
}


/* article title */
#titlebar{
	background-image: url("http://www.masahicom.com/blog/images/titleback.gif");
	background-repeat:no-repeat;
	width:            602px;
	height:           30px;
}
#title{
	float:            left;
	width:            470px;
}
#mytitle{
	text-align:       left;
	padding:          0 0 0 0;
	border:           0px solid #fff;
}
h2 {
	padding:          0px;
	margin:           6px 0 0 50px;
	color:            #000000;
	font-size:        14px;
}

#mytitle a,
#mytitle a:link,
#mytitle a:visited,
#mytitle a:active {
	color:             #000000;
	text-decoration:   none;
}
#mytitle a:hover {
	color:             #000000;
	text-decoration:   underline;
}


#date{
	float:             left;
	width:             132px;
}
#mydate{
	text-align:        right;
	padding:           0;
}
h3 {
	padding:           0px;
	margin:            7px 50px 0 0;
	color:             #000000;
	background-color:  transparent;
	font-weight:       normal;
	font-size:         13px;
}


/* article */

#article_layout{
	width:            602px;

}
#article_box{
	width:            542px;
	background-color: #fff;
	border-left:      30px solid #000;
	border-right:     30px solid #000;
	padding:          0;
	margin:           0;
	clear:            both;
}

#article {
	padding:          35px 45px 5px 45px;
	background-color: #fff;
}

#article p{
	padding:          0;
	font-size:        12px;
	margin:           0 0 30px 0;
	text-align:       left;
	line-height:      150%;
	background-color: #fff;
}

h4 {
	padding:           0px;
	margin:            0 0 10px 0;
	color:             #333;
	background-color:  transparent;
	font-weight:       bold;
	font-size:         12px;
}


.floatleft {
		float:        left;
		margin:       0px 20px 5px 0px;
}
.floatright {
		float:        right;
		margin:       0px 0px 5px 20px;
}
.floatcenter {
		float:        none;
		margin:       0px auto 25px auto;
	text-align:center;
	background-color: #fff;
}

.sign {
	text-align:        right;
	padding:           0;
	margin:            -20px 30px 30px 0px;
	font-size:12px;
	font-weight:normal;
	background-color:#fff;
}


/* back to top */
#backtotop{
		width:602px;
		background-color:#ffffff;
}


/* back and forth */

#back_and_forth{
	margin:           20px auto 20px auto;
	width:            602px;
	text-align:center;
}

div#back_and_forth p {
	font-size:        10px;
	margin:           0 0 0 0;
	padding:0;
	background-color: #fff;
}

div#back_and_forth p a,
div#back_and_forth p a:link,
div#back_and_forth p a:visited,
div#back_and_forth p a:active,
div#back_and_forth p a:hover {
	color:#aaa;
	font-weight:      normal;
	text-decoration:  underline;
}

.paging{
	margin:           20px auto 20px auto;
	width:            602px;
	text-align:center;
	font-size:13px;
	color:#222222;
}

/* log */
#log{
	margin:           20px auto 20px auto;
	width:            602px;
	text-align:center;
}

div#log p{
	font-size:        10px;
	color:            #aaa;
	padding:          0;
	margin:           0 0 0 0;
	background-color: #fff;
}

div#log ul {
	display : inline; 
	margin: 0; 
	padding :0; 
	list-style : none; 
	font-size:        10px;
	color:            #aaa;
}

div#log li {
	display : inline; 
	padding :0; 
	margin:0;
	font-size:        10px;
	color:            #aaa;
}

div#log li a,
div#log li a:link,
div#log li a:visited,
div#log li a:active {
	color:#aaa;
	font-weight:      normal;
	text-decoration:  none;
}

div#log li a:hover {
	color:#aaa;
	font-weight:      normal;
	text-decoration:  under-line;
}

/* footer */
div#footer {
	margin:           0 auto;
	width:            602px;
	text-align:center;
}

p#copyrights {
	font-size:        10px;
	margin:           0 0 5px 0;
	padding:0;
	background-color: #fff;
	line-height:      105%;
}

p#banners {
	font-size:        10px;
	margin:           0 0 20px 0;
	paddding:0;
	background-color: #fff;
	line-height:      105%;
}
div#footer p a {
	font-weight:      normal;
}