/* Base Weblog (base-weblog.css) */

/* basic elements */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
	background-color:#f8f8f8;
	color:#000;
	font-family:"Hiragino Kaku Gothic Pro", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","£Í£Ó £Ð¥´¥·¥Ã¥¯", "Osaka", sans-selif;
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:100%;
}
a {
	color:#0054AA;
}
a:visited {
	color:#00255D;
}
a:active {
	color:#DD6600;
}
a:hover {
	color:#E05C82;
}

img {
	border:none;
	text-decoration:none;
}

p, h1, h2, h3, h4, h5, ul, ol, dl, form {
	margin:0px;
	padding:0px;
}
h1, h2, h3, h4, h5 {
	font-size:100%;
}
p, th, td, li, dt, dd {
	font-size:83%;
}
td li,
td p,
td td,
th td,
dd p,
dd li,
li li {
	font-size:100%;
}
.attention {
	color:#c00;
}

label {
	border-bottom:1px dashed #bbb;
	cursor:pointer;
}
	
/* Float Clear */
.clear-both {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* --------------------LinkList-------------------- */
ul.LinkList {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
ul.LinkList li {
	margin:0px;
	padding:4px 4px 4px 4px;
}
ul.LinkList li a {
	display:block;
	background-image:url(http://blog.blomotion.jp/img/mfcommon/arrow.gif);
	background-repeat:no-repeat;
	background-position:2px 5px;
	padding:1px 1px 1px 13px;
	cursor:pointer;
	text-decoration:underline;
}
ul.LinkList li a:hover {
	background-image:url(http://blog.blomotion.jp/img/mfcommon/arrow-on.gif);
	text-decoration:underline;
}


/* --------------------PageUP-------------------- */
.PageUp {
	clear:both;
	text-align:right;
	font-size:8pt;
	padding:5px;
}
.PageUp a {
	text-decoration:none;
	background-image:url(http://blog.blomotion.jp/img/mfcommon/arrow-pageup.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0px 0px 0px 12px;
}


/* --------------------Footer-------------------- */
#Footer {
	clear:both;
	margin:0px;
	background-color:#eee;
	background-image:url(http://blog.blomotion.jp/img/mfcommon/bg-foot.gif);
	background-repeat:repeat-x;
	padding:10px 8px 8px 8px;
	border-bottom:1px solid #a5a5a5;
}
#Footer ul.FootLink {
	margin:0px;
	padding:0px;
	width:440px;
	float:left;
	font-size:8pt;
}
#Footer ul.FootLink li {
	margin:0px;
	padding:0px 10px 0px 0px;
	display:inline;
	font-size:100%;
}
#Footer p.copyright {
	text-align:right;
	padding:0px;
}



/* ============== Base Settings ============== */
body {
	color:#333;
	margin:0px;
	padding:0px;
	background-color:#f8f8f8;
}

#OuterBox {
	width:880px;
	margin:0px auto;
	background-image:url(http://blog.blomotion.jp/img/bg-body.gif);
	background-repeat:repeat-y;
}
#Contents {
	text-align:left;
	padding:0px 5px;
}
/* ============== /Base Settings ============== */


/* ==============HeadBar============== */
#headBar {
	background-image:url(http://blog.blomotion.jp/img/bg-hdbar.gif);
	background-position:bottom;
	border-top:3px solid #0063ba;
	height:57px;
}
#headBar p#HdLogo {
	font-size:83%;
	font-weight:bold;
	color:#004a79;
	width:210px;
	float:left;
}
#headBar p#HdLogo img {
	padding:3px 5px 0px 5px;
}
#headBar p#HdLink {
	font-size:83%;
	font-weight:bold;
	color:#004a79;
	width:165px;
	float:right;
}
#headBar p#HdLink img {
	padding:20px 5px 0px 5px;
}
/* ==============/HeadBar============== */

/* ==============Blogtitle============== */
#Blogtitle {
	height:102px;
	background-image:url(http://blog.blomotion.jp/img/bg-blogtitle.jpg);
	background-repeat:no-repeat;
	border-bottom:1px solid #ccc;
}
#Blogtitle h1 {
	padding:42px 0px 0px 14px;
}
/* ==============/Blogtitle============== */


/* ==============BaseLayouot============== */
#PageBody {
	padding:20px 8px 20px 14px;
	background-image:url(http://blog.blomotion.jp/img/bg-PageBody.gif);
	background-repeat:repeat-y;
	
}
#PageBody #Main {
	width:642px;
	float:left;
}
#PageBody #Side {
	width:184px;
	float:right;
}
/* ==============/BaseLayouot============== */


/* ==============Main============== */
#Main .OneEntry {
	margin:0px 0px 35px 0px;
}
#Main .OneEntry .Date {
	padding:0px 0px 0px 10px;
	color:#666666;
	font-size:75%;
}
#Main .OneEntry h2.Entrytitle {
	background-image:url(http://blog.blomotion.jp/img/ttlLv1-top642.gif);
	background-repeat:no-repeat;
}
#Main .OneEntry h2.Entrytitle span {
	background-image:url(http://blog.blomotion.jp/img/ttlLv1-btm642.gif);
	display:block;
	padding:10px 12px 12px 20px;
	background-repeat:no-repeat;
	background-position:bottom;
	font-size:110%;
	line-height:100%;
	font-weight:bold;
	color:#003fa8;
}
#Main .OneEntry h2.Entrytitle a {
	text-decoration:none;
}
#Main .OneEntry .EntryBody {
	margin:15px;
}
#Main .OneEntry .EntryBody p {
	margin:0px 0px 1em 0px;
	line-height:150%;
}
#Main .OneEntry .EntryBody ul {
	margin:0px 0px 0px 25px;
}
#Main .OneEntry .EntryFoot {
	margin-top:20px;
	margin-left:15px;
	margin-right:15px;
	text-align:right;
	border-top:1px solid #eee;
	padding:6px 0px 0px 0px;
	font-size:90%;
}
/* archive-title */
#archive-title {
	font-size:83%;
	padding:4px;
	border:1px solid #ddd;
	margin:0px 0px 15px 0px;
	background-color:#f5f5f5;
}
/* content-nav */
.content-nav {
	padding:4px;
	border:1px solid #ddd;
	margin:0px 0px 15px 0px;
	background-color:#f5f5f5;
}

/* trackbacks-comments */
#trackbacks-comments {
	margin:20px 15px 20px 60px;
}
#trackbacks-comments p {
	line-height:150%;
	margin-bottom:1em;
}

#trackbacks-comments h3,
#trackbacks-comments h4 {
	font-size:83%;
	padding:4px;
	border:1px solid #ddd;
	margin:15px 0px 5px 0px;
	background-color:#f5f5f5;
}


#trackbacks-comments .TrackbackBodyArea, 
#trackbacks-comments .CommentsBodyArea {
	padding:12px 12px 20px 12px;
}

#trackbacks-comments .OneTrackback {
	border:1px solid #dedede;
	padding:6px;
	margin-bottom:10px;
}
#trackbacks-comments p.ListHead {
	font-size: 9pt;
	margin-top:2em;
	margin-bottom:1em;
	font-weight:bold;
}
#trackbacks-comments .trackbacksList {
	padding:0px;
}
#trackbacks-comments p.posted {
	font-size:75%;
	color:#444;
	padding:0px 0px 0px 20px;
	margin-bottom:0px;
}
#trackbacks-comments .OneComment {
	border:1px solid #dedede;
	padding:6px;
	margin-bottom:10px;
}
#trackbacks-comments p.posted {
	font-size:75%;
	color:#444;
	padding:0px;
	margin-bottom:0px;
	border-top:1px dashed #dedede;
}



/* ==============/Main============== */


/* ==============Side============== */
#Side .SideModule {
	margin:0px 0px 20px 0px;
}
#Side .SideModule h2.SiteTitele {
	margin:0px 0px 10px 0px;
}
#Side .SideModule ul.SideListWithArrow {
	margin:0px;
	padding:0px 6px;
	list-style-type:none;
}
#Side .SideModule ul.SideListWithArrow li {
	margin:0px 0px 6px 0px;
	padding:0px 0px 6px 12px;
	background-image:url(http://blog.blomotion.jp/img/arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	border-bottom:1px solid #eee;
}
#Side .SideModule ul.SideListWithArrow li a {
	text-decoration:none;
}

#Side .SideBottomLink ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#Side .SideBottomLink ul li {
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
}
#Side .SideModule .Date {
	font-size:90%;
}
/* ==============/Side============== */