@charset "UTF-8";

/************************************************
*	Reset										*
************************************************/

h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,blockquote,cite,q,address {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	margin: 0px;
	padding: 0px;
	list-style:none;
}

img {
	border: 0px;
}
/************************************************
*	clear										*
***********************************************
div:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}*/
/************************************************
*	Layout  									*
************************************************/
body {
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	color: #000000;
	background: url(http://www.royalhost.jp/shopblog/img/bg.gif);
	text-align: center;
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

.flt_R {
	float: right;
}
.flt_L {
	float: left;
}
.txt_R {
	text-align: right;
}
.txt_L {
	text-align: left;
}
.txt_C {
	text-align: center;
}


/* text */
.txt_S {
	font-size: 10px;
}
.txt_L {
	font-size: 14px;
}
.txt_glay {
	color: #CCCCCC;
}

.clear {
clear:both;
}

div#header {
 	position: absolute; top:0; left:0; 
	background: url(http://www.royalhost.jp/shopblog/img/bg_head.png) repeat-x;
	width: 100%;
	height:53px;
	z-index: 3;
}
div#illust {
	position: relative; 
z-index: 2;
}

div#wrapper {
	position: relative; 
	font-size: 100%;
	background: url(http://www.royalhost.jp/shopblog/img/bg_wrapper.png) repeat-y ;
	text-align: center;
	margin-top: 0px;
	padding: 40px 0 0 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 846px;
z-index: 1;
}


div#wrap_content {
	background: url(http://www.royalhost.jp/shopblog/img/bg_contents.gif) repeat-y ;
	position: relative; 
	font-size: 100%;
	text-align: center;
	margin-top: 18px;
	padding: 0px 0px;
	margin-left: 24px;
	margin-right: 23px;
	margin-bottom: 0px;
}
div#content {
	position:relative;
	background: url(http://www.royalhost.jp/shopblog/img/bg_contents_bottom.gif) no-repeat bottom left ;
	width: 798px;
}

div#content:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}



div#main {
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin: 0;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 0px;
	width: 542px;
	float: right;
}
div#sub {
	font-size: 12px;
	color: #000000;
	text-align: left;
	margin-top: 0px;
	padding: 0 0 0px 0px;
	margin-left: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	width: 220px;
	float: left;
}


div#footer {
	font-size: 100%;
	color: #333333;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 802px;
	clear: both;
}

div#footer:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/************************************************
*	header  									*
************************************************/
div#header .head_contents {
	text-align: center;
	margin-top: 0px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 802px;
	overflow: hidden;
	height:53px;}

div#header .inner {
	position: relative; 
	padding-left: 0px;
	padding-right: 0px;
	padding-top:0;
	margin-top:0;
text-align:left;
}

div#header h1#logo {
	margin-top: 0px;
	padding-top: 9px;
	margin-left: 14px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
div#header h1 a {
	text-decoration: none;
}

div#header img a {
	margin: 0px;
	border: none;
}

div#header ul.gnavi {
	float: right;
	padding: 8px 0px 0px 0px;
	margin:0;
	line-height:0;
}
div#header ul.gnavi img{
	vertical-align: top;
}

div#header ul.gnavi li {
	display: inline;	
	padding:0;
	margin:0;
	line-height:0;
}
div#header ul.gnavi li img.bt_home {

}

h2 {
clear:both;
	position: relative; 
	z-index: 2;
}
/************************************************
*	Content 					     		    * 
************************************************/

div#main .inner {
	text-align: left;
}
div#main .inner .cont_in {
	background: url(http://www.royalhost.jp/shopblog/img/bg_cont_mid.gif) repeat-y 0 0;
	clear: both;
	margin: 0px 0px 15px 0px;
	text-align: left;
	font-size: 12px;
	line-height:140%;
}
div#main .inner .cont_in .in_wrap {
	padding:0px 20px 0px 20px;
}

div#main .inner .cont_in_list {
	background: url(http://www.royalhost.jp/shopblog/img/bg_cont_mid.gif) repeat-y 0 0;
	clear: both;
	padding: 0px 0px 15px 0px;
	text-align: left;
	font-size: 12px;
	line-height:140%;
}

div#main .inner .cont_in_list:after {
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


div#main .inner .cont_in_list .in_wrap {
	padding:0px 20px 0px 20px;
}



/* 見出し */
div#main .inner h2{
	padding:0 0 10px 0;
}
div#main h3 { 
	
clear:both;
	background: url(http://www.royalhost.jp/shopblog/img/h3_line.gif) repeat-x bottom left;
width:526px;
	padding:5px 0px 15px 0px;
	margin:0 8px 10px 9px; 
	color: #333333;
	font-size:18px;
	line-height:120%;}
div#main h3 span{
	padding:5px 10px 15px 10px;
}

div#main h3.kiji {
	clear:both;
	background: url(http://www.royalhost.jp/shopblog/img/h3_line.gif) repeat-x bottom left;
width:526px;
	padding:5px 0px 15px 0px;
	margin:0 8px 10px 9px; 
	color: #333333;
	font-size:18px;
	line-height:120%;
}
div#main h3.kiji span{
	padding:5px 10px 15px 10px;
}


/* ハイパーリンク */
div#main a {
	text-decoration: none;
	color: #000;
}

div#main a:hover {
	text-decoration: underline;
	color: #000;
}
/* 段落 */
div#main p {
	margin: 0px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	color: #000;
line-height:160%;

}
.menu {
	padding-top: 20px;
}





/* 画像 */
div#main .inner .cont_in .in_wrap img {
	border: none;
padding:0px 3px 0px 3px; margin:-3px 2px;
}
/* リスト */
div#main ol,div#main ul {
	margin-top: 0;
	margin-left: 25px;
	margin-right: 0;
	margin-bottom: 10px;
	padding: 0;
}

div#main ol li,div#main ul li {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
/* 引用 */
div#main blockquote {
	color: #333333;
	background-color: #eeeeee;
	line-height: 140%;
	margin-top: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding-top: 3px;
	margin-left: 0;
	padding-left: 10px;
	margin-right: 0;
	padding-right: 10px;
	margin-bottom: 5px;
	padding-bottom: 3px;
}

div#main blockquote p {
	padding-top: 3px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 3px;
}

/* 引用元情報 */
div#main cite {
	font-style: italic;
}

/* 整形済みテキスト */
div#main pre {
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px;
	overflow: scroll;
}
/* 箇条書き（定義リスト） */
div#main dl {
	margin-top: 5px;
	margin-bottom: 5px;
}


div#main dt {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 0;
	padding-bottom: 10px;
}

div#main dd {
	padding-left: 5px;
}

/* 画像左配置 */
.mt-image-left {
    float: left;
    margin: 0 10px 20px 0;
}
/* 画像中央配置 */
.mt-image-center {
    display: block;
    margin: 0 auto 10px;
    text-align: center;
}
/* 画像右配置 */
.mt-image-right {
    float: right;
    margin: 0 0 10px 20px;
}
/* 画像左配置 */
div#main .imageleft{
	margin-right: 10px;
	float: left;
}
/* 画像右配置 */
div#main .imageright{
	margin-left: 10px;
	float: right;
}

/* 続き */
div#main .extended {
	margin-top: 10px;
	margin-bottom: 10px;
	float: right;
	display: block;
}

div#main .entry-tags {
    margin: 10px 0 10px 10px; 
	clear: both;
}
div#main .entry-tags-header,
div#main .entry-tags-list,
div#main .entry-tag { display: inline; }
div#main .entry-tags-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}


/* コメンター画像 */
div#main .commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}

/* コメントフォーム */
div#main textarea{
	width: 440px;
}
/* コメントフォーム文字サイズ */
div#main input,div#main textarea {
	font-size: 100%;
}
/* 投稿者 */
div#main p.author{
	text-align:right;
}
/* ブログ記事のメタデータ */
div#main .inner .cont_in .in_wrap p.posted {
	color:#666;
	font-size:14px;
	font-weight:bold;
	margin:0; padding:0;
}

/* サムネイル（記事リスト）  */
div#main p.thumnail {
	clear:both;
	float:left;
	margin:0; padding:0;
}

div#main div.waku { 
	border:1px solid #B1DAC7;
	padding:5px; float:left; 
	margin-right:15px; 
	_padding:5px 5px 2px 5px;}
/* 上書き指定 */
*+html div#main div.waku {
	padding:5px 5px 2px 5px;}

div#main dl.list ul { 
	padding:0; margin:0; 
}

div#main dl.list ul li.title { 
	padding:8px 0 0 0;
	_padding:0px 0 0 0;　　
	margin:0; 
}
/* 上書き指定 */
*+html div#main dl.list ul li.title {
	padding:0;
}

div#main dl.list ul li.title a { font-size:14px; color:#2D6046; line-height:120%; }
div#main dl.list ul li.date { font-size:14px; color:#333; }






/************************************************
*	 Sidebar 					     	    * 
************************************************/

div#sub .inner {
	padding-left: 16px;
	padding-right: 0px;
	color:#000;
}

/* ウィジェット */

div#sub .widget {
	padding: 5px 15px 0 15px;
}
div#sub .widget .widget-header {
	font-size:12px;
	color:#000;
}
div#sub .widget table th, div#sub .widget table td {
	font-size:12px;
	color:#000;
}
div#sub .widget-calendar {
	text-align:center;
}
div#sub .inner h4 {
	clear:both;
	margin:0px;
padding-left:10px;
}
div#sub .widget-search form{
	margin:0;
}
div#sub .widget-search form input {
	margin-bottom:3px;
}

div#sub .widget-content {
margin-bottom:15px;
}


/* サイドバーリスト */
div#sub dl {
	clear:both;
}

div#sub dt {
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	background-color: #ffffff;
	margin-top: 20px;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

div#sub dd {
	font-size: 100%;
}
	
	
div#sub ul {
list-style:none;
	margin: 0px;
	padding: 0px;
	}

div#sub ul li {
	padding-top: 2px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	margin:0 5px 0 5px;
	background: url(./img/bg_dot.gif) repeat-x bottom left;
	display: block;
}

	
div#sub ul li a {
	text-decoration: none;
	margin: 0;
	padding:0;
	color:#000;
	
}

div#sub ul li a:hover{
	text-decoration: underline;
	margin: 0;
	padding:0;
	color:#000;
}
/* サイドバー段落 */
div#sub p{
	line-height: 20px;
	margin: 0;
	padding-top: 3px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
/* サイドバータグクラウド */
div#sub .module-tagcloud .module-content
	{text-align: left; }

div#sub .module-tagcloud .module-content .module-list
	{ list-style: none; }

div#sub .module-tagcloud .module-content .module-list .module-list-item
	{ display: inline; }

div#sub .module-tagcloud .module-content .module-list li.taglevel1
	{ font-size: 170%; }

div#sub .module-tagcloud .module-content .module-list li.taglevel2
 	{ font-size: 150%; }

div#sub .module-tagcloud .module-content .module-list li.taglevel3
	{ font-size: 130%; }
	
div#sub .module-tagcloud .module-content .module-list li.taglevel4
	{ font-size: 110%; }
	
div#sub .module-tagcloud .module-content .module-list li.taglevel5
	{ font-size: 90%; }
	
div#sub .module-tagcloud .module-content .module-list li.taglevel6
	{ font-size: 70%; }




div#sub li.item {
	display: inline;
	float: left;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 70px;
	height: 70px;
}

/************************************************
*	Footer  									*
************************************************/
/* 文責 */
div#footer address {
	padding-top: 20px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 70%;
	font-weight: bold;
}
/* 段落 */
div#footer p {
	font-size: 70%;
	margin:0;
}