@charset "utf-8";
/*
Theme Name: moaroma
Theme URI: http://www.moaroma.com/
Description: Moaroma <a href="http://www.moaroma.com/">Moaroma website template</a>.
Version: 1.0
Author: Moaroma
Author URI: http://tora.moaroma.com/
Tags: simple, fixed width, two columns
Reset:  http://meyerweb.com/eric/tools/css/reset/
This theme is licensed under a Creative Commons Attribution 2.5 License:
http://templates.arcsin.se/license/
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; 
font-size: 100%; vertical-align: baseline; background: transparent; } body { 
line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 
none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

html {
	font-size: 62.5%;
	height: 100%;
}

body {
	background: #ffffff;
	color: #000000;
	font: normal 1.3em "ヒラギノ角ゴ Pro W3",Georgia,sans-serif;
	height: 100%;
	padding-bottom: 1px;
}

p {
	line-height: 1.4em;
	padding: 0.2em 0 1.2em;
}

h2 {font: normal 1.3em "ヒラギノ角ゴ Pro W3",Georgia,sans-serif;}
h3 {font: normal "ヒラギノ角ゴ Pro W3",Georgia,sans-serif;}
h2,h3 {margin-bottom: 0.2em;}

a {color: #000;text-decoration: none;}
a:hover {color: #0000ff;text-decoration: underline;}

/*img.bordered {
	background: url('http://www.moaroma.com/img/img/grain_light.gif');
	border: 1px solid #E5E5D5;
	padding: 3px;
}*/
img.left {margin: 0 15px 12px 0;}
img.right {margin: 0 0 15px 12px;}

.left {float: left;}
.right {float: right;}
.aligncenter {
float:center;
margin:0 auto 0 autp;
padding:0px 0 20px 0;
text-align:center;
}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}

.wrapper {
	margin: 0 auto;
	width: 856px;
}

.content_separator, .archive_separator {
	background: #fff;
	clear: both;
	color: #fff;
	display: block;
	font-size: 0;
	height: 1px;
	line-height: 0;
	margin: 12px 0 24px;
}
.archive_separator {margin: 0 0 12px;}

.legend, blockquote, #sidebar {min-height: 0.01%;}
/* パンクズ */
.path {
	font-family: Georgia,sans-serif;
	margin:0px 0 20px 0px;
	padding-left: 18px;
	background-image: url('http://www.moaroma.com/img/img/v_icon030101.gif');
	background-repeat: no-repeat;
	background-position: 0 0.2em;
	clear:both;
}

.path h2 {
	font-size:1em;
	color:#666666;
	font-weight:normal;
	display:inline;
}

.path2 {
	font-family: Georgia,sans-serif;
	margin:20px 0 2em 0px;
	padding-left: 18px;
	background-image: url('http://www.moaroma.com/img/img/v_icon030101.gif');
	background-repeat: no-repeat;
	background-position: 0 0.2em;
	clear:both;
}

.path2 h2 {
	font-size:1em;
	color:#666666;
	font-weight:normal;
	display:inline;
}


/* Flip Pager */
ul.flip {
	_height: 1px;
	min-height: 1px;
}

ul.flip:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul#flip1 {margin: 2em 0px 2em 0px;}

ul#flip1 li {
	margin: 0;
	display: inline;
	font-size: 100%;
}

ul#flip1 li a {
	display: block;
	float: left;
	line-height: 1;
}

ul#flip1 li a {
	padding: 0 0.5em;
	background-repeat: no-repeat;
}

ul#flip1 li.newer a {
	padding-left: 18px;
	background-image: url(http://www.moaroma.com/img/img/v_arrow070101.gif);
	background-position: left 0.1em;
}

ul#flip1 li.older a {
	padding-right: 18px;
	background-image: url(http://www.moaroma.com/img/img/v_arrow070102.gif);
	background-position: right 0.1em;
	float:right;
}

ul#flip1 li.newer a:hover {background-image: url(http://www.moaroma.com/img/img/v_arrow070201.gif);}

ul#flip1 li.older a:hover {background-image: url(http://www.moaroma.com/img/img/v_arrow070202.gif);}


.mid {
	text-align: center;
	overflow:hidden;
	float: center;
	margin:0px 0px 30px 0px;
}

/* 購入 */

p.kau {
	font-weight:bold;
	font-size:122%;
}

p.kau a:link,
p.kau a:visited {
	color: #0000ff;
	padding-left: 20px;
	background-image: url('http://www.moaroma.com/img/img/v_icon190101.gif');
	background-repeat: no-repeat;
	background-position: 0 0.3em;
}

p.kau a:visited {
	color: #0000ff;
	background-image: url('http://www.moaroma.com/img/img/v_icon190101.gif');
	background-position: 0 0.3em;
}

p.kau a:hover {
	color: #C40;
	background-position: 2px 0.3em;
	text-decoration: underline;
	background-image: url('http://www.moaroma.com/img/img/v_icon190101.gif');
}

/* タグカテゴリページ */
.arc {
	width: 570px;
	margin :0px  0px 20px 0px;
	overflow:visible;
}

/*タグカテゴリ３連ボックス */
.hako7k {
	width: 242px;
	height: 190px;
	float: left;
	padding:10px;
	margin :4px  8px 4px 0px;
	overflow:hidden;
	text-align: left;
	background: url('http://www.moaroma.com/img/img/m_grad03.gif') repeat-x ;
	border: 1px solid #E5E5D5;
}

.hako7k .info {
	margin: 0px 0px 5px 0px;
	border-bottom: 1px dashed #e5e5e5;
	border-top: 1px dashed #e5e5e5;
	padding: 3px 5px 3px 5px;
}

.hako7k .info h3 {
	margin: 0 0.5em 0.2em 0;
	display: inline;
	color: #666666;
	font-size: 90%;
	font-weight: normal;
}


div.hako7k p {margin :0 0px 0 0px;}

div.hako7k img.ha {
	float:left;
	margin :5px 10px 0 0px;
	padding:3px;
	background: url('http://www.moaroma.com/img/img/grain_light.gif');
	border: 1px solid #E5E5D5;
}

div.hako7k img. {
	margin :0px;
	padding:3px;
	background:none;
	border:none;
}

p.more {margin:0px 0 0 0;padding:0px 0 0 0;}

p.more a:link,
p.more a:visited {
	padding-left: 20px;
	background-image: url('http://www.moaroma.com/img/img/v_icon190101.gif');
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	color: #0000ff;
}

p.more a:visited {
	background-image: url('http://www.moaroma.com/img/img/v_icon190101.gif');
	background-position: 2px 0.3em;
}

p.more a:hover {background-position: 2px 0.3em;color: #ff0099;}

/* 一覧ページ */

.hako10p {
	width: 81px;
	height: 81px;
	float: left;
	padding:0;
	margin :0px 3px 3px 0px;
	overflow:hidden;
	text-align:center;
	color:#ffffff;
	background: url('http://www.moaroma.com/img/img/grain_light.gif');
	border: 1px solid #E5E5D5;
}

.hako10p a {
	display: block;
	float: left;
	padding: 3px;
}
.hako10p a:hover {background: #C6C6BA;}


#top {
	padding-bottom:5px;
	font-family:"ヒラギノ角ゴ Pro W3",Georgia,sans-serif;
	background: #000 url('http://www.moaroma.com/img/img/bg_grad02.png') repeat-x left bottom;
}

#top h1 {
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	width: 856px;
	text-align:right;
	font-size:9px;
	color:#aaa;
	font-weight:normal;
}

#top p {
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	width: 856px;
	text-align:right;
	font-size:9px;
	color:#aaa;
}
#header {
	padding-top:40px;
	height:60px;
	background: url('http://www.moaroma.com/img/img/m_grad03.gif') repeat-x;
	font-size:1.3em;
}

div#header a:hover {
	color: #aaa;
	text-decoration: none;
}

/* Navi */
#navi {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #e5e5e5;
}

#navi ul, #navi li {display: inline;}
#navi li {display: inline;}
#navi, #navi a {background: #eee url('http://www.moaroma.com/img/img/m_grad02.gif') repeat-x 0 -5px;}
#navi a {
	border-left: 1px solid #e5e5e5!important;
	border-right: 1px solid #fff!important;
	float: left;
	width:93px;
	font: normal 0.9em Georgia,Tahoma,sans-serif;
	color: #333;
	padding: 4px 0px;
	text-align: center;
}
/*#navi li:first-child a {border-left: 1px solid #e5e5e5;}*/
#navi a:hover,#navi li.current_page_item a {
	border-left: 1px solid #e5e5e5!important;
	border-right: 1px solid #fff!important;
	background: #eee url('http://www.moaroma.com/img/img/m_grad01.gif') repeat-x 0 -5px;
	text-decoration: none;
}


#content {
	background: url('http://www.moaroma.com/img/img/m_grad03.gif') repeat-x;
	/*background: url('http://www.moaroma.com/img/img/bg_grad02.png') repeat-x left top;*/
	line-height: 1.4em;
	padding: 24px 0;
	margin:1px;
}

#main {
	float:right;
	margin-left:30px;
	width: 540px;
	font: normal 1.0em "ヒラギノ角ゴ Pro W3",Verdana,sans-serif;
}

#main dl.infom {margin-bottom: 2em;}
#main dl.infom a {color:#0000ff;}
#main dl.infom a:hover {color:#ff0099;text-decoration: underline;}
#main dl.infom dt {padding: 6px 10px;}
#main dl.infom dd {padding: 8px 10px;}
#main dl.infom dt {
	background: url('http://www.moaroma.com/img/img/m_grad02.gif') 0 -2px;
	border: 1px solid;
	border-color: #f5f5f5 #e5e5e5 #e5e5e5 #f5f5f5;
	color: #555;
	font-weight: bold;
}
#main dl.infom dd {
	background: url('http://www.moaroma.com/img/img/m_grad03.gif') repeat-x;
	padding-left: 16px;
	margin-top: 1px;
}

#main dl.infom dd ul a {text-decoration: none;}



/* 単記事５連ボックス */
#relative ul.related {
	width: 560px;
	float: left;
	padding:0px 0px 0px 0px;
	margin:30px 0 30px 0;
	overflow:hidden;
	text-align:center;
	clear:both;
	list-style-type: none;
}

#relative ul.related li {
	width: 81px;
	height: 81px;
	float: left;
	padding:0;
	margin :0px 8px 8px 0px;
	overflow:hidden;
	text-align:center;
	color:#ffffff;
	background: url('http://www.moaroma.com/img/img/grain_light.gif');
	border: 1px solid #E5E5D5;
}

#relative ul.related li a {
	display: block;
	float: left;
	padding: 3px;
}
#relative ul.related li a:hover {background: #C6C6BA;}

#sidebar {
	float:left;
	width: 286px;
	border-right: 1px solid #ddc;
	margin-bottom: 2em;
	margin-right: -1px;
}

#sidebar dl {
	margin:0px 0 2em 0;
}

#sidebar dt {
	margin-right: 25px;
	background: url('http://www.moaroma.com/img/img/grad01.gif') 0 2px;
	border: 1px solid;
	border-color: #f5f5f5 #e5e5e5 #e5e5e5 #f5f5f5;
	color: #000;
	background-color: #eee;
	font-weight: normal;
	padding: 1px 10px;
	clear:both;
}

#sidebar dd {
	margin-right: 25px;
}

#sidebar ul {
	margin-bottom: 2em;
	padding: 8px 0 8px;
}

#sidebar li {
	border-bottom: 1px solid #E5E5D5;
	padding: 4px 6px;
}
/* タグクラウド */

#sidebar ul.cloud li {
	float:left;
	width:45%;
	border-bottom: 1px solid #E5E5D5;
	padding: 6px 6px;
}



/* サイドバー3連ボックス */
div.hako3 {
	margin: 0 0 2em 0px;
	float: left;
}

div.hako3p {
	width: 81px;
	height: 81px;
	float: left;
	padding:0;
	margin :0px 6px 6px 0;
	overflow:hidden;
	text-align:center;
	color:#ffffff;
	background: url('http://www.moaroma.com/img/img/grain_light.gif');
	border: 1px solid #e5e5e5;
}

div.hako3p a {
	display: block;
	float: left;
	padding: 3px;
}
div.hako3p a:hover {background: #C6C6BA;}

#shita {
	padding:2em 0px 2em 0px;
	background: url('http://www.moaroma.com/img/img/m_grad03.gif') repeat-x;
	border-top: 1px dashed #C0C0B0;
}

#shita ul.cloud li {
	float:left;
	padding-right:0px;
	width:50%;
}

#shita ul.long6 li {
	float:left;
	padding-right:0px;
	width:16.66%;
}

#shita li {
	color: #887;
	padding: 5px 0;
}
#shita li {border-top: 1px dashed #ccc;}
#shita li a {
	color: #000;
	text-decoration: none;
}
#shita li a:hover {
	color: #0000ff;
	text-decoration: underline;
}

#shita dl.hidari {
	width: 260px;
	float:left;
	padding:0 25px 0 0px;
	margin-bottom: 2em;

}

#shita dl.naka {
	width: 246px;
	float:left;
	padding: 0 25px;
	margin-bottom: 2em;
	border-left: 1px dashed #ccc;
	border-right: 1px dashed #ccc;
}

#shita dl.migi {
	width: 247px;
	float:right;
	padding:0 0px 0 25px;
	margin-bottom: 2em;
}

#shita dl.long {
	width: 856px;
	float:right;
	padding:0 0px 0 0px;
	margin-bottom: 2em;
}

#shita dl.hidari dt , #shita dl.naka dt ,#shita dl.migi dt ,#shita dl.long dt {
font: normal 1.3em "ヒラギノ角ゴ Pro W3",Georgia,sans-serif;
margin-bottom: 0.2em;
}

#footer {
	background:#000;
	color: #AA9;
	padding: 5px 0 3px 0;
	height:20px;
}
#footer a {color: #BBA;}
#footer .left, #footer .left a {
	color: #777;
}
#footer a:hover {color: #CCB;}

div#footer ul.support {
	margin: 0em 10px;
	text-align: right;
}

div#footer ul.support li {
	margin: 0 0 0 6px;
	display: inline;
}

li.atom,
li.rss {
	margin-left: 5px!important;
	list-style-type: none;
}

li.atom a,
li.rss a {
	padding-left: 20px!important;
	background-image: url(http://www.moaroma.com/img/img/icon_feed.gif)!important;
	background-repeat: no-repeat;
	background-position: 0 0.1em;
}


.tablenav {
	padding: 0px; 
	margin: 12px 0px 12px 0px;	
	text-align:right;
	font-family:Arial;
}

.tablenav a:link, .tablenav a:visited {
	color: #000;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}
.tablenav a:hover {
	color:white;
	background: #000;
}


#ue {
	margin:0px auto 2em auto;
	padding:0px 0px 2em 0px;
}

#ue ul.yoko6 {
	float:left;
	width: 856px;
	margin:0px auto 2em auto;
	padding:0;
}

#ue ul.yoko6 li {
	float:left;
	padding-right:0px;
	width:16.66%;
}

#ue li {
	color: #887;
	padding: 5px 0;
}
#ue li {border-bottom: 1px dashed #ccc;}
#ue li a {
	color: #000;
	text-decoration: none;
}
#ue li a:hover {
	color: #0000ff;
	text-decoration: underline;
}

div.post div.post_body h3 {
	margin-top: 3em;
	padding:0.1em 10px 0.1em 23px;
	font-size: 105%;
	font-weight: normal;
	background-image: url(http://www.moaroma.com/img/img/v_icon010101.gif);
	background-repeat: no-repeat;
	background-position: left 0.4em;
	border-bottom: 4px solid #eee;
	clear:both;
}

div.post div.post_body h3.title {
	padding:0.1em 10px 0.1em 21px;
	font-size: 112%;
	font-weight: normal;
	background-image: url(http://www.moaroma.com/img/img/v_icon040103.gif);
	background-repeat: no-repeat;
	background-position: left 0.4em;
	border-bottom: 4px solid #eee;
	clear:both;
}

div.post div.post_body h3.title2 {
	padding:0.1em 10px 0.1em 18px;
	font-size: 112%;
	font-weight: normal;
	background-image: url(http://www.moaroma.com/img/img/v_icon110103.gif);
	background-repeat: no-repeat;
	background-position: left 0.5em;
	border-bottom: 4px solid #eee;
	clear:both;
}


div.post div.post_body h3.item {
	padding:0.1em 10px 0.1em 18px;
	font-size: 112%;
	font-weight: normal;
	background-image: url(http://www.moaroma.com/img/img/v_icon080101.gif);
	background-repeat: no-repeat;
	background-position: left 0.40em;
	border-bottom: 4px solid #eee;
	clear:both;
}

div.post h3 {
	margin-top: 3em;
	padding:0.1em 10px 0.1em 23px;
	font-size: 112%;
	font-weight: normal;
	background-image: url(http://www.moaroma.com/img/img/v_icon010101.gif);
	background-repeat: no-repeat;
	background-position: left 0.4em;
	border-bottom: 2px solid #eee;
	clear:both;
}

div.post div.post_body {
	min-height:100px;
}

div.amzimg {
margin:0px 30px 10px 0px;
float:left;
}

div.cart {
margin:5px 0px 10px 0px;
float:right;
clear:coth;
}


div.line {
margin:20px 30px 20px 30px;
border:1px dotted #ccc;
}

p.sortnavi{
}
.post_body ul{
margin:10px 0px 20px 33px;
list-style-type: disc;
line-height:150%;
}

.post_body p{
margin:10px 0px 20px 21px;
}

div.post div.post_body a {color:#0000ff;}
div.post div.post_body a:hover {color:#000;}