/*
Theme Name: MRdesign
Theme URI: http://www.m-r-design.com/
Description: This is MRdesign Theme.
Version:1.0 
Author: Mari Takahashi
Author URI: http://www.m-r-design.com/
*/
/*-------------------------*/
/* Body
/*-------------------------*/
body {
	margin: 0px auto;
	color: #333333;
	text-align: center;
	background: url(images/common/bodyBack.jpg) repeat-x left top;
	font: 14px/1.8em Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0px;
}
/*-------------------------*/
/* Base
/*-------------------------*/
h1, h2, h3, h4, h5, h6, p, address,
dl, dt, dd,table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}
textarea { font-size: 100%; }
img { vertical-align: bottom; }
hr { display: none; }

/*-------------------------*/
/* Link
/*-------------------------*/
a:link {
	color:#940101; /*未訪問*/
	text-decoration: none;
}

  a:visited {
	color:#DA4E3A; /*訪問済み*/
	text-decoration: none;
}

a:hover {
	color:#940101; /*カーソルオン時*/
	text-decoration: underline;
}

 a:active {
	color:#940101; /*リンクをクリックしている状態*/
	text-decoration: underline;
	display: inline;
}

a.link {
	color:#940101;
	padding-right: 12px;
	background: url(images/common/icon_linkRed.jpg) no-repeat right -5px;
	*background: url(images/common/icon_linkRed.jpg) no-repeat right -6px;
	_background: url(images/common/icon_linkRed.jpg) no-repeat right -6px;
}

a.link:hover {
	padding-right: 12px;
	background: url(images/common/icon_linkRed_on.jpg) no-repeat right -5px;
	*background: url(images/common/icon_linkRed_on.jpg) no-repeat right -6px;
	_background: url(images/common/icon_linkRed_on.jpg) no-repeat right -6px;
	color: #9b9d08;
}

a.mail {
	color:#940101;
	background: url(images/common/icon_mail.jpg) no-repeat 2px 3px;
	*background: url(images/common/icon_mail.jpg) no-repeat 2px 6px;
	_background: url(images/common/icon_mail.jpg) no-repeat 2px 6px;
	padding-left: 20px;
	zoom:1;
}
a.quark {
	color:#940101;
	background: url(images/common/icon_quark.jpg) no-repeat 2px 1px;
	*background: url(images/common/icon_quark.jpg) no-repeat 2px 5px;
	_background: url(images/common/icon_quark.jpg) no-repeat 2px 5px;
	padding-left: 16px;
	zoom:1;
}

/*-------------------------*/
/* Clear
/*-------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*-------------------------*/
/* Layout
/*-------------------------*/
#wapper {
	text-align: center;
	width: 918px;
	margin: 0px auto;
	padding: 0px;
}
#head {
	margin: 0px;
	padding: 5px 9px 0px;
	width: 900px;
	background: url(images/common/headBack.jpg) no-repeat center bottom;
	height: 101px;
	overflow: relative;
	text-align: center;
}


/*----------logo-----------*/
h1 {
	margin: 0px;
	color: #333333;
	text-align: left;
	font-size: 10px;
	padding: 0px 0px 9px 10px;
	background: url(images/common/h1Back.jpg) no-repeat left top;
	height: 27px;
	width: 890px;
	font-weight: normal;
}

#title {
	margin: 0px 0px 8px 10px;
	padding: 0px;
	height: 57px;
	text-align: left;
	float: left;
	width: 144px;
}
#g_Contact {
	margin: -40px 0px 0px;
	padding: 0px;
	height: 87px;
	width: 232px;
	float: right;
	overflow: relative;
	font-size: 0px;
	line-height: 0px;
}
/*----------Right Inform-----------*/
#subNavi  {
	padding: 0px 10px 0px 0px;
	text-align: left;
	list-style: none;
	margin: -18px 0px 5px;
	*margin: 0px 0px 5px;
	clear: both;
	float: right;
	width: 264px;
	height: 13px;
}
#subNavi ul
 {
	padding: 0px;
	text-align: left;
	list-style: none;
	margin: 0px;
	width: 264px;
	height: 13px;
}
#subNavi ul  li {
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 0px;
	line-height: 0px;
}
/*-------------------------*/
/* Global Menu
/*-------------------------*/
#navi  {
	padding: 8px 9px 0px;
	margin: 0px;
	text-align: center;
	background: url(images/common/g_naviBack.jpg) no-repeat center top;
	height: 39px;
	width: 900px;
}
#navi ul {
	padding: 0px;
	margin: 0px;
	text-align: left;
	list-style: none;
	width: 900px;
}
#navi ul  li {
	padding: 0px;
	margin: 0px 1px 0px 3px;
	text-align: left;
	float: left;
	height: 39px;
	width: 174px;
	font-size: 0px;
	line-height: 0px;
	display: inline;
}

/*-------------------------*/
/*Page Pankuzu
/*-------------------------*/
#topicPath  {
	padding: 0px;
	margin: 0px 0px 25px;
	text-align: left;
	list-style: none;
	font-size: 12px;
}
#topicPath ol {
	padding: 0px;
	margin: 0px;
	text-align: left;
	list-style: none;
}
#topicPath ol  li {
	padding: 0px;
	margin: 0px;
	float: left;
}
/*-------------------------*/
/* Main Contents
/*-------------------------*/
#contents {
	width: 898px;
	padding: 10px 10px 0px;
	margin: 0px;
	text-align: center;
	clear: both;
	background: url(images/common/contentsBack.jpg) repeat-y center top;
}

/*-------------------------*/
/* Foot Menu
/*-------------------------*/
#footBack {
	padding: 0px;
	margin: 0px;
	text-align: center;
	list-style: none;
	background: url(images/common/bottomBack.jpg) repeat-x left top;
	width: 100%;
	clear: both;
}
#foot {
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	list-style: none;
	background: url(images/common/footBack.jpg) repeat-x left top;
	width: 918px;
	height: 50px;
}

/*-------------------------*/
/* CopyRight
/*-------------------------*/
#copyRight {
	padding: 6px 0px 0px;
	margin: 0px auto;
	font-size: 10px;
	line-height: 1.5em;
	text-align: center;
	background: url(images/common/copyrightBack.jpg);
	height: 41px;
	width: 900px;
	color: #999999;
}
/*----------Foot Link-----------*/
#pageLink {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 12px;
	text-align: left;
	width: 638px;
	float: left;
}
#pageLink ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
}
#pageLink ul li {
	text-align: left;
	margin: 0px;
	padding: 0px 3px 0px 9px;
	background: url(images/common/line_pageLink.gif) no-repeat left center;
	float: left;
}
#pageLink  ul  li.span {
	text-align: left;
	margin: 0px;
	padding: 0px 3px 0px 0px;
	float: left;
	background: url(none);
}
/*----------Page Title-----------*/
h2 {
	width: 918px;
	padding: 10px 0px;
	margin: 0px auto;
	text-align: center;
	clear: both;
	background: #ffffff url(images/common/pageBack.jpg) no-repeat center top;
}
#container {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	float: left;
	width: 648px;
	text-align: left;
}
/*----------paragraph-----------*/
p {
	margin: 0px 0px 16px;
	padding: 0px;
}
/*----------Page Up-----------*/
#pageUp {
	clear: both;
	margin: 0px;
	padding: 10px 28px 0px 0px;
	text-align: right;
	font-size: 10px;
	background: url(images/common/pageUpBack.jpg) no-repeat right top;
	height: 16px;
	width: 868px;
	line-height: 10px;
}
.pageUp {
	clear: both;
	margin: 0px 9px 0px 0px;
	padding: 0px 16px 12px 0px;
	text-align: right;
	background: url(images/common/icon_pageUp.jpg) no-repeat 615px 8px;
}


/*-------------------------*/
/* Right Menu
/*-------------------------*/
#sideLink {
	margin: 0px;
	padding: 0px 9px 0px 5px;
	text-align: left;
	float: right;
	width: 226px;
}
#sideLink ul.link {
	margin: 0px 0px 12px;
	padding: 0px;
	text-align: left;
	list-style: none;
}
#sideLink  ul.link li {
	margin: 0px 0px 6px;
	padding: 0px;
	text-align: left;
	list-style: none;
	height: 80px;
	width: 226px;
}
#sideLink ul.category {
	margin: 0px 0px 12px;
	padding: 0px;
	text-align: left;
	list-style: none;
        background: #ffffff;
        border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
#sideLink ul.category  li {
	margin: 0px 8px 2px;
	padding: 0px;
	text-align: left;
	list-style: none;
	width: 198px;
        font-size: 12px;
}
#sideLink ul.category  li a {
	padding-left: 12px;
color:#940101;
	background: url(images/common/icon_linkRed.jpg) no-repeat left -5px;
	*background: url(images/common/icon_linkRed.jpg) no-repeat left -6px;
	_background: url(images/common/icon_linkRed.jpg) no-repeat left -6px;
}
#sideLink ul.category  li a:hover {
	padding-left: 12px;
background: url(images/common/icon_linkRed_on.jpg) no-repeat left -5px;
	*background: url(images/common/icon_linkRed_on.jpg) no-repeat left -6px;
	_background: url(images/common/icon_linkRed_on.jpg) no-repeat left -6px;
	color: #9b9d08;
}
.tagCloud{
	margin: 0px 0px 12px;
	padding: 6px;
	text-align: left;
        background: #ffffff;
        border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
#sideLink h3{
	font-size: 14px;
	font-weight: normal;
	background: #9b9d08;
	text-align: left;
	margin: 0px;
	padding: 3px 3px 3px 8px;
	color: #ffffff;
}
#sideLink .feed{
	padding: 8px;
	background: #ffffff;
	border: 1px solid #fb9e39;
	margin: 0px 0px 12px;
}
#sideLink .feed img{
	padding: 0px;
	margin: 0px 6px 0px 0px;
        vertical-align: middle;
}
#sideLink .search,
#sideLink .month{
	margin: 0px 0px 12px;
	padding: 8px;
	text-align: left;
	list-style: none;
        background: #ffffff;
        border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

/*-------------------------*/
/* Contents
/*-------------------------*/
#blog {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	clear: both;
}
#blog .post p{
	margin: 0px 8px 18px;
	padding: 0px;
	width: 609px;
}
#blog .post p.date{
	margin: 0px 8px 18px;
	padding: 0px;
	width: 609px;
	font-size: 12px;
	text-align: right;
}
#blog .post p.date span{
	margin: 0px;
	padding: 0px 4px 0px 4px;
}
#blog .post h3 {
	background: #9b9d08;
	margin: 0px 0px 8px;
	padding: 4px 8px;
	width: 609px;
	font-size: 14px;
	text-align: left;
	color: #ffffff;
	font-weight: normal;
}
#blog .post h3  a:link,
#blog .post h3  a:visited {
	text-decoration: none;
	color: #ffffff;
}
#blog .post h3  a:hover  {
	text-decoration: underline;
        color: #ffffff;
}
#blog p.pagelink{
        font-size: 12px;
	text-align: center;
	margin: 0px auto 14px;
	padding: 0px;
	width: 625px;
}
#blog p.pagelink span{
        font-size: 12px;
	text-align: center;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	width: 625px;
}
#blog p.pagelink span{
	margin: 0px 4px 0px 0px;
	padding: 0px 8px 0px 0px;
}
#blog #pageTitle{
	margin: 0px 0px 12px;
	padding: 8px;
	width: 609px;
	text-align: center;
	color: #666666;
	font-size: 16px;
	border: 1px solid #cccccc;
}
#comments {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	clear: both;
}
#comments h4 {
	clear: both;
	font-weight: normal;
	background: url(images/common/back_tone.jpg) repeat;
	margin: 0px 0px 8px;
	padding: 4px 8px;
	width: 609px;
}
#comments p {
        margin: 0px 8px 18px;
	padding: 0px;
	width: 609px;
}
textarea{
width: 540px;
}
.compost,
.trpost{
	width: 625px;
        margin: 0px 0px 12px;
	padding: 0px 0px 2px;
	background: url(images/common/line_dotGary.jpg) repeat-x left bottom;
}
#comments .compost p.author,
#comments .trpost p.author{
	margin: 0px 0px 8px;
	padding: 0px;
text-align: right;
font-size: 12px;
}
#comments .compost p.author span,
#comments .trpost p.author span{
	margin: 0px;
	padding: 0px 8px 0px 0px;
}
#comments .comfeed{
	padding: 8px;
	border: 1px solid #9b9d08;
	margin: 0px 0px 12px;
	width: 607px;
}
#comments .comfeed img{
	padding: 0px;
	margin: 0px 3px 0px 0px;
        vertical-align: middle;
}
#comments .trackBack p{
	padding: 4px 8px;
	border: 1px solid #cccccc;
	margin: 0px 0px 24px;
	width: 607px;
}
a.more-link {
	color:#940101;
	padding-left: 12px;
	background: url(images/common/icon_linkRed.jpg) no-repeat left -5px;
	*background: url(images/common/icon_linkRed.jpg) no-repeat left -6px;
	_background: url(images/common/icon_linkRed.jpg) no-repeat left -6px;
}
a.more-link:hover {
	padding-left: 12px;
	background: url(images/common/icon_linkRed_on.jpg) no-repeat left -5px;
	*background: url(images/common/icon_linkRed_on.jpg) no-repeat left -6px;
	_background: url(images/common/icon_linkRed_on.jpg) no-repeat left -6px;
	color: #9b9d08;
}
/*-------------------------*/
/* Contact
/*-------------------------*/
body#contact #contents {
	width: 898px;
	padding: 10px 10px 0px;
	margin: 0px;
	text-align: center;
	clear: both;
	background: url(images/common/indexContentsBack.jpg) repeat-y center top;
}
body#contact  h3 {
	background: #9b9d08;
	margin: 0px 0px 8px;
	padding: 4px 8px;
	width: 609px;
	font-size: 14px;
	text-align: left;
	color: #ffffff;
	font-weight: normal;
}

/*-------------------------*/
/* Blog Tag
/*-------------------------*/
blockquote {
font-style: italic; 
color: #666666;
background: #e7e7e7;
padding: 8px;
}

b {
font: bold 18px/1.8em Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
color: #ff9900;
}

