@charset "utf-8";
/*--------------------------------------------------
    リセット
--------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------
    基本設定
--------------------------------------------------*/
body {
	background: url(http://blog-imgs-46.fc2.com/u/r/a/uraraka01/03_bg.jpg) fixed;
	color: #777777;
	font-family: serif;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>body {
	font-size: small;
}
/* for IE \*/
* html body {
	font-size: 78%;
}	
/**/
	
/*--------------------------------------------------
    リンク
--------------------------------------------------*/
a { 
	text-decoration: none;
	/*\*/
	overflow: hidden;
	/**/
}
a:link,
a:visited {color: #777777; }
a:hover,
a:active { color: #777777; text-decoration: underline; }

/*--------------------------------------------------
    画像
--------------------------------------------------*/
img,
a img {
	border: none;
}
.emoji{
	vertical-align:middle;
}

/*--------------------------------------------------
    基本要素
--------------------------------------------------*/
ul, ol, li, dl, dt, dd { list-style: none; }	
blockquote {
	width: auto;
	margin: 10px;
	padding: 0.5em;
	border: 1px solid #f9f7f9;
}	
textarea,input,select {
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>body textarea,
html>body input,
html>body select { font-size: small; }
pre {
	margin: 10px;
	padding: 0.5em;
	border: 1px solid #f9f7f9;
	font-family: serif;
	overflow: auto;
	width: auto;
}
/* for without MacIE5 \*/
div.main_body pre {	overflow: scroll; }
/**/	
div.main_body > pre { width: auto; }	
div.main_body code { font-family: monospace; }

/*--------------------------------------------------
    レイアウト
--------------------------------------------------*/
div#container {
        background: url(http://blog-imgs-46.fc2.com/u/r/a/uraraka01/02_containerbg2.png) repeat-y;
        width: 870px;
        margin: 30px auto 0;      
}
div#wrap {
	width: 610px;
	float: left;
}
div#header {
	width: 610px;
        height: 120px;
	background: url(http://blog-imgs-46.fc2.com/u/r/a/uraraka01/03_headbg2.png) no-repeat;
        margin: 0;
}
div#main {
	margin: 0;
        background: url(http://blog-imgs-46.fc2.com/u/r/a/uraraka01/03_mainbg.png) no-repeat;
}
div#sidemenu {
	float: right;
	width: 260px;
	overflow: hidden;
	margin-bottom:60px;
        background: url(http://blog-imgs-46.fc2.com/u/r/a/uraraka01/03_sidebg.png) repeat-y;
        margin: 0;
        position: relative;
        top: -30px;
}
div#footer {
	clear: both;
	width: 870px;
        height: 100px;
        margin: 0 auto;
        padding-top: 20px;
}	
html>div#footer {
}

/*--------------------------------------------------
    ヘッダー
--------------------------------------------------*/
div#header h1 {
        margin: 0 10px 2px 60px;
        font-size: 220%;
        font-weight: normal;
        letter-spacing: 0.2em;
        color: #7a5e5f;
}
div#header h1 a {
        color: #7a5e5f;
        text-decoration: none;
}	
div#header p {
        margin: 0 10px 30px 270px;
        padding-top: 6px;
        font-size: 12px;
        line-height: 14px;
        color: #ffffff;
}

/*--------------------------------------------------
    メインコンテンツ
--------------------------------------------------*/		
div.content {
	margin: 0 0 100px 40px;
	text-align: left;
	overflow: hidden;
	width: 570px;
        background: url(http://blog-imgs-46.fc2.com/u/r/a/uraraka01/03_entrybg.jpg) repeat-y ;
}
h2.entry_header {
	text-align: left;
	margin: 0 0 0 40px;
        font-size: 16px;
        background: url(http://blog-imgs-46.fc2.com/u/r/a/uraraka01/03_entrytitlebg.gif) no-repeat ;
        height: 16px;
        padding: 10px 5px 10px 40px;
        color: #fd9d71;
        width: 510px;
}
h2.entry_header a,
h2.entry_header a:hover {
        color: #fd9d71;
}
div.entry_body {
	text-align: left;
        font-size: 100%;
        margin: 40px 0 20px 50px;
        line-height: 1.6em;
        width: 490px;
}
div.entry_body p.entry_more {
	padding: 20px 0 15px;
	margin: 0px;
        color: #fd9d71;
        font-size: 90%;
}
div.entry_body p.entry_more a {
        color: #7fd0c1;
}	
div.entry_body p.theme {
	margin: 10px 20px;
}
div.entry_body img {
        border: solid 1px #cccccc;
}
div.entry_info_top {
	text-align: right;
        font-size: 90%;
        margin: 2px 0 2px 10px;
        color: #fd9d71;
        border-top: dotted 1px #eee;
        width: 540px;
        padding-top:25px;
}
div.entry_info {
	text-align: right;
        font-size: 90%;
        margin: 2px 0 2px 10px;
        color: #fd9d71;
        width: 540px;
}
div.entry_info_top a,
div.entry_info a,
div.entry_info2 a {
        color: #fd9d71;
}
div.entry_info2 {
	text-align: left;
        font-size: 90%;
        margin: 2px 0 2px 0;
        color: #fd9d71;
        width: 490px;
}

/* 拍手＆ブックマーク、TW＆FB */
div.fc2_footer {
	margin: 10px 0px 0px;
}

/* ページナビ */
div.page_navi {
        width:570px;
        margin: 0 auto;
	text-align: center;
	padding: 0 0 30px 0;
        font-size: 90%;
}
div.pagetop {
	text-align: right;
	padding: 2px 0 20px;
        font-size: 80%;
        letter-spacing: 0.2em;
        border-bottom: dotted 1px #eee;
        width: 540px;
        margin-left: 10px
}

/* エントリー (html tag) */
div.entry_body h2,
div.entry_body h3,
div.entry_body h4,
div.entry_body h5,
div.entry_body h6 {
	margin: 0em 0em 0.5em;
}
div.entry_body p {
	margin: 0.3em 1em;
}
div.entry_body ul,
div.entry_body ol {
	margin: 1em 0em 1em;
}
div.entry_body ul li {
	list-style: disc outside;
	margin-left: 15px;
}
div.entry_body ol li {
	list-style: decimal outside;
	margin-left: 2em;
}
div.entry_body dl {
	margin: 20px;
	border : 1px solid #fd9d71;
	padding: 10px;
        font-size: 90%;
}
div.entry_body dt {
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-bottom: 2px;
	border-bottom: 1px dotted #fd9d71;
}
div.entry_body dd {
	margin: 0em 1em 1em;
}

/*--------------------------------------------------
    コメント、トラックバック、一覧リスト
--------------------------------------------------*/
#tb, #cm, #tl, #sa {
        width: 530px;
        margin-left: 60px;
}
div.content2 {
	margin: 0 0 100px 40px;
	text-align: left;
	overflow: hidden;
	width: 530px;

}
p.sub_header {
	text-align: left;
	margin-bottom: 0px;
	padding: 5px 20px;
	color: #7a5e5f;
        font-weight: bold;
	font-size: 100%;
}
.colum {
        border: solid 1px #fd9d71;
        margin:20px;
}
h3.sub_title {
	margin: 15px 20px;
	color: #7a5e5f;
	font-size: 100%;	
}
div.sub_body {
	margin: 10px 20px;
        font-size: 100%;
}
ul.sub_footer {
	text-align: right;
	margin: 15px 30px;
        font-size: 90%;
}
ul.sub_footer li {
	display: inline;
	list-style-type: none;
	color: #7a5e5f;
}
ul.sub_footer li a {
	color: #7a5e5f;
}
div.form {
        margin: 20px 20px 40px;
        font-size: 90%;
}
div.form dd {
	margin-bottom:8px;
}
div.form textarea {
	width: 100%;
	height: 180px;
}
div.form input#himitu {
	margin-right: 0.5em;
}
div.form .form_btn {
}
div.form .form_btn input {
	margin-right: 0.5em;
}
ul.list_body {
	margin:20px;
        font-size: 90%;
}
ul.list_body li {
	margin-bottom: 5px;
}
p.trackback_url {
	padding: 20px 20px;
	text-align: left;
        font-size: 90%;
}
p.trackback_url input {
	padding:3px;
	border:none;
	width: 90%;
	background-color: #fd9d71;
	color: #ffffff;
        margin-bottom: 10px;
}
div.pagetop2 {
	text-align: right;
	padding: 2px 0 20px;
        font-size: 80%;
        letter-spacing: 0.2em;
        border-bottom: dotted 1px #eee;
        width: 520px;
        margin-left: 10px
}

/*--------------------------------------------------
    サイドバー(Plugin)
--------------------------------------------------*/
div#sidefortop {
        background: url(http://blog-imgs-46.fc2.com/u/r/a/uraraka01/03_sidetopbg.png) no-repeat ;
        margin: 0;
        padding-top: 40px;
}

#sidemenu li {
	list-style-type: none;
}
dl.sidemenu_body {
	margin: 0 30px 30px 30px;
        color: #7a5e5f;
}
dt.plg_title {
        height:20px;
	color: #ffffff;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
        padding: 2px 0 0 20px;
        background: url(http://blog-imgs-46.fc2.com/u/r/a/uraraka01/03_sidetitle.jpg) no-repeat;
}
dd.plg_header,
dd.plg_body,
dd.plg_footer {
        font-size: 90%;
        line-height: 1.5em;
        margin: 0 5px;
        color: #7a5e5f;
}
dd.plg_body input {
	margin: 2px;
}

/*--------------------------------------------------
    カレンダー(Plugin)
--------------------------------------------------*/
table.calender {
	width: 90%;
	margin: 15px auto;
}
table.calender caption {
	margin-bottom: 15px;
	margin: 0px auto;
}
table.calender th,
table.calender td {
	padding: 0.1em;
	border-bottom: 1px dotted #666666;
	text-align: center;
}
table.calender td a {
	display: block;
	color: #ffffff;
	background-color: #7a5e5f;
        text-decoration: none;
}
table.calender td a:hover{ 
	display: block;
	background-color: #fd9d71;
	color: #ffffff;
        text-decoration: none;
}
table.calender th#sun {
	color: #FF6600;
}
table.calender th#sat {
	color: #0066FF;
}

/*--------------------------------------------------
    フッター
--------------------------------------------------*/
div#footer p {
	margin: 3px 70px 3px 0;
        text-align: right;
        font-size: 85%
}
div#footer address {
	font-style: normal;
	margin: 0 70px 3px 0;
        text-align: right;
        font-size: 85%
}

/*--------------------------------------------------
    for MacIE
--------------------------------------------------*/
textarea,input,select {
	font-family: serif;
}