/*

Theme Name: mirarepo2
Theme URI: http://www.elmii.jp/mirarepo
Version: 1.0
Description: 3 Column theme
Author: Mira
Author URI: http://www.elmii.jp/mirarepo

*/


* {
        margin:0px;
        padding:0px;
}

/* Links */

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

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }
h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4, h5, h6 { font-size: 20px; }

/* Other Html Elements */

.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none;}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
underline: none;
font-size: 24px;
font-weight: normal;
border-bottom-width: 0;

}

blockquote {
        margin:0 0 1.1em 0;
        border:1px solid #999999;
        background-color:#F5F5F5;
}

blockquote p, blockquote ol, blockquote ul, blockquote table  {
        width: 475px;
	padding: 10px;
        margin: 0;
        overflow: auto;
}

pre {
	padding: 0.5em 0 0.5em 20px;
	margin: 5px 5px 20px 20px;
	width: 95%;
	max-width: 85%;
	overflow: scroll;
	font-family: monospace;
        background-color:#F5F5F5;
}

pre * {

}

code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }

ul, ol { list-style-type:none; margin:0; padding-left:20px;}
li { list-style-type:none; padding-left:0px; word-break:break-all;}
ul { list-style-image: url(images/bullet.gif); }

abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }

del { text-decoration: line-through; color: #999999; }

ins { text-decoration: none; color: #009977; }


p {
    margin:0 0 1.1em 0;
}


/* Structure */

body {
        margin: 0;
        padding: 0;
        color: #000000;
        background-color: #FFFFFF;
        font-size: 100%;
        font-variant: normal;
        font-family:"メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Lucida Grande",sans-serif!important;

}



#wrapper2 {
width: 940px;
margin-left: auto;
margin-right: auto;
}

#header
{
	float: left;
	width: 740px;
	background: #FFFFFF;
	clear: right;
	background-repeat: no-repeat;
	padding-left: 0px;
	height: 104px;
	margin-top: 5px;
}

#headersub

{
	float: right;
	width: 195px;
	background: #FFFFFF;
	clear: right;
	background-repeat: no-repeat;
	padding-left: 0px;
	height: 84px;
	margin-top: 25px;
}


#navigation
{
	clear: both;
	float: left;
	width: 940px;
	background-image: url(images/nav-bg_png24.png);
	height: 65px;
	margin-top: 0px;
	margin-left: 7px;
	padding: 0px;
}



#wrapper
{
	clear: both;
	float: left;
	width: 940px;
	color: #000000;
	background: #FFFFFF;
}



#content-wrapper
{
	width: 530px;
	float: left;
}


#page-wrapper
{
	width: 730px;
	float: left;
}


#content
{
	width: 495px;
	float: left;
	padding: 0px 10px 10px 25px;
}

#page
{
	width: 700px;
	float: left;
	padding: 0px 10px 10px 25px;
}


#sidebar-wrapper
{
	width: 400px;
	float: right;
}


#sidebarl
{
	float: left;
	padding: 0px 10px 0px 5px;
	width: 185px;
}


#sidebarr
{
	float: right;
	padding: 0px 10px 0px 5px;
	width: 185px;
}


#pagebar-wrapper
{
	width: 200px;
	float: right;
}



#footer
{
	clear: both;
	float: left;
	width: 920px;
	text-align: left;
	padding-left: 20px;
	background: #FFFFFF;
	color: #9CBDD6;
	font-size: 0.8em;
}


#footer a {
	color: #9CBDD6;
}


#footer a: visited {
	color: #9CBDD6;
}

#footer a:hover {
	color: #D39CD6;
	border-bottom: 1px dashed #D39CD6;
}

#extras
{
	float: left;
	width: 780px;
	color: #444444;
	text-align: left;
	padding: 0 10px 10px;
	margin: 10px 12px 20px;
	background-color: #f5f5f5;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}



/* Header */

#header h1 { padding-left: 24px; }
#header h1 a {font-size: 24px; text-decoration: none;}

/* Navigation */

#navigation ul { list-style-type: none; list-style-image: none; float: left; padding: 0px 0px 0px 25px; margin: 0px; }
#navigation li { float: left; margin: 0px; padding: 0px; }
#navigation li a:link,
#navigation li a:visited
{
	float: left;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	height: 50px;
	font-size: 14px;
        font-weight: bold;
	margin-top: 0px;
}

#navigation li a:hover,
#navigation li a:active
{
	font-size: 14px;
        font-weight: bold;
	margin-top: 0px;
        text-decoration: none;
}

#navigation li.active a
{
}


/* Wrapper */


/* Content */

#content .nav
{
        width: 460px;
	padding:5px 0px 5px 0px;
	background-repeat: none;
        line-height: 1.5em;
        font-size: 0.7em;
}

#content .index
{
        width: 460px;
	margin-bottom: 0px; 
	padding:5px 5px 5px 15px;
	background-repeat: none;
	background-color: #F8F8F8;
	border: 1px solid #EBEBEB;
        line-height: 1.5em;
        font-size: 0.7em;
}


#content .page
{
        width: 460px;
	margin-bottom: 0px; 
	padding:5px 5px 5px 15px;
	background-repeat: none;
	background-color: #FFFFFF;
        line-height: 1.5em;
        font-size: 0.7em;
        text-align: right;
}


#content .post-date
{
        width: 490px;
	padding:5px 0px 5px 0px;
	background-repeat: none;
        line-height: 1.5em;
        font-size: 0.7em;
	color: #999999;
	border-top: 1px solid #666666;
}

.post {line-height: 160%; font-size: 0.9em; margin-top: 10px;}

#content .post li { margin-bottom: 10px; margin-left: 10px; }
#content .bbs { line-height: 150%; font-size: 10px; }
#content .post-title a { border-bottom-width: 0; }
#content .post p.img { float: left; margin: 0 15px 0 0; }
#content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }

#content .post-footer 
{
        width: 460px;
	color: #666666;
	margin-bottom: 100px; 
	padding:5px 5px 5px 15px;
	background-repeat: none;
	background-color: #F8F8F8;
	border: 1px solid #EBEBEB;
        font-size: 0.7em; 
}


/* Page */

#page .nav
{
        width: 460px;
	padding:5px 0px 5px 0px;
	background-repeat: none;
        line-height: 1.5em;
        font-size: 0.7em;
}

#page .index
{
        width: 460px;
	margin-bottom: 0px; 
	padding:5px 5px 5px 15px;
	background-repeat: none;
	background-color: #F8F8F8;
	border: 1px solid #EBEBEB;
        line-height: 1.5em;
        font-size: 0.7em;
}


#page .page
{
        width: 460px;
	margin-bottom: 0px; 
	padding:5px 5px 5px 15px;
	background-repeat: none;
	background-color: #FFFFFF;
        line-height: 1.5em;
        font-size: 0.7em;
        text-align: right;
}


#page .post-date
{
        width: 490px;
	padding:5px 0px 5px 0px;
	background-repeat: none;
        line-height: 1.5em;
        font-size: 0.7em;
	color: #999999;
	border-top: 1px solid #666666;
}

.post {line-height: 160%; font-size: 0.9em; margin-top: 10px;}

#page.post li { margin-bottom: 10px; margin-left: 10px; }
#page .bbs { line-height: 150%; font-size: 10px; }
#page .post-title a { border-bottom-width: 0; }
#page .post p.img { float: left; margin: 0 15px 0 0; }
#page .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }

#page .post-footer 
{
        width: 460px;
	color: #666666;
	margin-bottom: 100px; 
	padding:5px 5px 5px 15px;
	background-repeat: none;
	background-color: #F8F8F8;
	border: 1px solid #EBEBEB;
        font-size: 0.7em; 
}





/* Sidebar */

.sideblock
{
        padding: 5px 10px;
	margin-bottom: 20px;
        background-image: url(images/sidebar-bg.gif);
        background-repeat: no-repeat;
        background-position: top;
        line-height: 1.5em;
        font-size: 0.7em;
}

.sideblock ul { 
ul, ol { list-style-type:none; margin:0; padding-left:20px;}
li { list-style-type:none; margin-top:2px; line-height: 125%; padding-left:0px; word-break:break-all;}
ul { list-style-image: url(images/bullet.gif); }
}

.sideblock h3 { margin-top: 5px; color: #666666; font-weight: normal; font-size: 1.3em; }
.sideblock h4 { margin-top: 10px; margin-left: 5px; color: #666666; font-weight: normal; font-size: 1.1em; }

.sideblock a:link {}
.sideblock a:visited {}
.sideblock a:hover, .sideblock a: {}

.sideblocknobg
{
        padding: 5px 10px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
        line-height: 1.5em;
        font-size: 0.7em;
}

.sideblocknobg h3 { margin-top: 5px; color: #666666; font-weight: normal; font-size: 1.3em; }

/* Extras */

#extras h6 { font-size: 14px; text-transform: uppercase; color: #555555; }
#friends
{
	float: left;
	width: 150px;
	margin-left: 20px;
	margin-right: 10px;
}

#links
{
	float: left;
	width: 275px;
	margin-right: 50px;
}

#about
{
	float: left;
	width: 250px;
	margin-right: 20px;
}

#friends ul { padding-left: 20px; }

#links dl, #links dt, #links dd { margin: 0; padding: 0; }
#links dt { font-weight: bold; padding-top: 5px; }
#links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }


/* Comments Styling */


ul.commentlist {
list-style-type: none; list-style-image: none; float: left; padding: 0px 0px 0px 0px; margin: 0px;
}

.graybox
{
        width: 460px;
	color: #000000;
	margin-bottom: 10px; 
	padding:5px 5px 5px 15px;
	background-repeat: none;
	background-color: #FCFCFC;
	border: 1px solid #EBEBEB;
        line-height: 160%; font-size: 0.9em; margin-top: 10px; 
}

.even
{
        width: 460px;
	color: #000000;
	margin-bottom: 10px; 
	padding:5px 5px 5px 15px;
	background-repeat: none;
	background-color: #FFFFFF;
	border: 1px solid #EBEBEB;
        line-height: 160%; font-size: 0.9em; margin-top: 10px; 
}

.commentpost {line-height: 160%; font-size: 0.9em; margin-top: 10px;}

#commentform {
margin: 1em 0;
background: #FFFFFF;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}

#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}

#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}

#commentform input{
margin-bottom: 3px;
}

#left {
	width: 60px;
	float: left;
}

.slogan {
font-size: 12px;
color: #6F6F6F;
text-transform: lowercase;
margin-top: 5px;
margin-left: 26px;
margin-bottom: 2px;
}


.box_tp{
margin:0px 10px 10px 0px;
background:#ffffff;
padding:8px;
color:#333;
}

.box_f5{
margin:0px 10px 10px 0px;
border:1px solid #ccc;
background:#f5f5f5;
padding:8px;
color:#333;
}

.box_ff{
margin:0px 10px 10px 0px;
border:1px solid #ccc;
background:#fffffff;
padding:8px;
color:#333;
}


.subtitle01   { color: #333333; font-weight: bold; font-size: 14px; background-color: #f5f5f5; text-align: left; margin-bottom: 10px; padding: 5px; border-left: 8px solid #e5e5e5; width: 97% }

.subtitle02  { color: #c00; font-weight: bold; font-size: 12px; }

.subhead_entry  {
    background:#FFFFFF url(/mirarepo/image/subhead_entry_png32.png) no-repeat;
    background-position:6px;
    color: #36C;
    font-weight: bold;
    padding:3px 40px;
}