@charset "utf-8";
/* CSS Document */
*  { margin: 0px; padding: 0px; }
html {}
body { background: #fffdfa; font-size: 13px; line-height: 140%; font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "Hiragino Kaku Gothic Pro W3", "HiraKakuProN-W3", "メイリオ", "Meiryo", "Osaka", "ＭＳ ゴシック", "ＭＳ Ｐゴシック"; letter-spacing: 0.06em; margin: 0 auto; padding: 0px; color: #404040; -webkit-text-size-adjust: 100%; }
img { border: 0; vertical-align: text-bottom; }
a:link { color: #404040; text-decoration: none; }
a:visited { color: #90017d; text-decoration: none }
a:hover { color: #037c8e; text-decoration: underline }
div { margin: 0px; padding: 0px; }
ul, ol, li { margin: 0px; padding: 0px; list-style: none; }
p { margin: 0px; padding: 0px; }
h1 { font-weight: normal; font-size: 10px; }
h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-size: 100%; font-weight: normal; }
.sp10 { padding-top: 10px; }
.sp20 { padding-top: 20px; }
.sp30 { padding-top: 30px; }
.sp40 { padding-top: 40px; }
.sp50 { padding-top: 50px; }
.sp60 { padding-top: 60px; }
.sp70 { padding-top: 70px; }
.sp80 { padding-top: 80px; }
.sp90 { padding-top: 90px; }
.sp20_b { padding-bottom: 20px; }
.sp10_bb { margin-bottom: 10px; }
.sp20_bb { margin-bottom: 20px; }
.sp10-r { padding-right: 10px; }

#footer h3 { width: 320px; padding-top: 5px; }
#container { width: 100%; margin: 0 auto; }

#header { width: 960px; height: 200px; margin: 0 auto; }
#sub-menu{width:430px;height:30px;float:right;font-size:11px;margin-top:30px;}
.header-sitemap { width: 75px; height: 30px; float: left; }
.social-facebook{width:150px; float:left;padding-left:10px;}
.social-twitter{width:100px; float:left;padding-left:10px;}
#menu-sp { width: 960px; height: 51px; margin: 0; padding-top: 40px; clear: both; }
#logo { width: 190px; height: 51px; margin: 0; float: left; }
#navi { width: 675px; height: 51px; margin: 0; float: right; }
#navi ul.navi li { height: 51px; margin: 0; padding: 0; float: left; }
#navi li.menubtn { width: 135px; height: 51px; }
.pankuzu { width: 960px; background: url(http://topbeauty.jp/img/line-01.jpg) repeat-x bottom; height: 20px; font-size: 11px; margin: 0 auto; }

#footer { width: 100%; margin-top: 60px; padding-bottom: 40px; background: #1b1a16; color: #c0c0c0; font-size: 12px; clear: both; }
#footer a { color: #c0c0c0; }
#footer a:hover { color: #e0e0e0; }
.footer-box { width: 960px; text-align: left; margin: 0 auto; padding: 50px 0px 0px; }
.footer-01 { width: 320px; margin-bottom: 20px; float: left; }
.footer-02 { width: 640px; float: right; }
.footer-03 { width: 960px; clear: both; overflow: hidden; }
.footer-shop-photo { width: 91px; height: 72px; padding-bottom: 15px; float: left; }
.footer-shop-adress { width: 219px; height: 72px; padding: 0px 0px 15px 10px; float: left; }
.t-right { text-align: right; }
.f-text { background: url(http://topbeauty.jp/img/arrow.jpg) no-repeat 0px 8px; padding: 3px 0px 7px 12px; font-weight: bold; }
.f-text-s { font-size: 11px; background: url(http://topbeauty.jp/img/arrow.jpg) no-repeat 0px 9px; padding: 3px 0px 7px 12px; font-weight: bold; }
.f-text-01 { font-size: 11px; line-height: 120%; }
.f-text-02 { font-size: 11px; font-weight: bold; line-height: 120%; }
.line-01 { background: url(http://topbeauty.jp/img/line-04.jpg) no-repeat right; }
.line-02 { background: url(http://topbeauty.jp/img/line-05.jpg) repeat-x bottom; }
#footer ul { width: 170px; padding: 10px 0px 0px 40px; float: left; }
#footer li { list-style: disc; line-height: 220%; }
#footer li a { text-decoration: underline; color: #c0c0c0; }
#footer li a:hover { text-decoration: underline; color: #e0e0e0; }

/* Hyperlinks */
a:hover { color:#404040; text-decoration: underline; }

#content { width: 960px; padding-top: 40px; margin: 0 auto; overflow: hidden; }

/* Content */
#content a:link { color: #404040; text-decoration: none; }
#content a:visited { color: #90017d; text-decoration: none }
#content a:hover { color: #037c8e; text-decoration: underline }
#content p { padding: 0px; margin: 0px; line-height: 160%; margin-bottom: 18px; }

#content h2 { color: #404040; font-size: 14px; font-weight: bold; padding: 17px 40px 10px 60px; background: url(http://topbeauty.jp/img/blog_title_bg.jpg) no-repeat; width: 560px; height: 50px; }
#content h2 a  { color: #404040; text-decoration: none; }
#content h2 a:link { color: #404040; text-decoration: none; }
#content h2 a:hover { color: #037c8e; text-decoration: none; }
#content h2 a:visited { color: #90017d; text-decoration: none; }

#content h4 { color: #404040; font-size: 13px; font-weight: normal; margin: 0px; padding: 0px; }
#content p img { margin-top: 10px; margin-bottom: 10px;}
#content img.wp-smiley { float: none; border: none; padding: 0px; margin: 0px; }
#content img.wp-wink { float: none; border: none; padding: 0px; margin: 0px; }

#contentleft { width: 659px; float: left; }
#contentleft ol { margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; }
#contentleft ol li { margin: 0px 0px 0px 20px; padding: 0px 0px 5px 0px; }
#contentleft ul { list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px 0px 10px 0px; }
#contentleft ul li { list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px 0px 5px 0px; }

.postmeta { width: 659px; border-top: 1px dotted #999999; font-size:10px; overflow: hidden; position: relative; }
.postmetaleft { float: left; width: 500px; margin: 0px 0px 40px 0px; display: inline; }
.postmetaright { float: right; width: 120px; text-align: right; padding: 0px; margin: 0px 0px 40px 0px; display: inline; }
blockquote{ margin: 0px 0px 15px 0px; padding: 10px 25px 10px 10px; background: #E8E8E8; border-top: 2px solid #999999; border-bottom: 2px solid #999999; }
#content blockquote p{ margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; }
.entry-content { font-size:13px; padding: 20px 0px 20px 0px; }

/* Sidebar */
#sidebar { width: 261px; float: right; font-size: 12px; color: #404040; overflow: hidden; position: relative; }

#sidebar a:link  { color: #404040; text-decoration: none }
#sidebar a:visited  { color: #90017d; text-decoration: none }
#sidebar a:hover  { color: #037c8e; text-decoration: underline }

#sidebar h2 { background: #404040 url(http://topbeauty.jp/img/sideheader.jpg); color: #fffdfa; font-size: 12px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 3px 0px 3px 8px; width: 253px; height:20px; }
#sidebar ul { margin: 0px; padding: 0px; }
#sidebar p { padding: 0px; margin: 0px; }

/* Widgets */
.textwidget { margin: 0px; padding: 0px; }
#search { margin: 0px; padding: 0px 0px 30px 0px; }
#recent-posts-2 ul { margin: 0px; padding: 20px 0px 15px 20px; }
#recent-posts-2 ul li { list-style-type: disc; padding: 0px 0px 10px 0px; }
#recent-posts-3 ul { margin: 0px; padding: 20px 0px 15px 20px; }
#recent-posts-3 ul li { list-style-type: disc; padding: 0px 0px 10px 0px; }
#mycategoryorder-2 ul { margin: 0px; padding: 20px 0px 15px 20px; }
#mycategoryorder-2 ul li { list-style-type: disc; padding: 0px 0px 10px 0px; }

#archives-3 { padding: 0px 0px 30px 0px; }
#archives-3 h2 { margin: 0px 0px 15px 0px; }
#archives-3 ul { margin: 0px 0px 0px 0px; padding: 20px 0px 15px 20px; }
#archives-3 ul li { list-style-type: disc; padding: 0px 0px 10px 0px; }

#archives-2 { padding: 0px 0px 30px 0px; }
#archives-2 h2 { margin: 0px 0px 15px 0px; }
#archives-2 ul { margin: 0px 0px 0px 0px; padding: 20px 0px 15px 20px; }
#archives-2 ul li { list-style-type: disc; padding: 0px 0px 10px 0px; }

#archives-4 ul { margin: 0px; padding: 20px 0px 15px 20px; }
#archives-4 ul li { list-style-type: disc; padding: 0px 0px 10px 0px; }
#recent-comments-2 ul { margin: 0px; padding: 20px 0px 15px 20px; }
#recent-comments-2 ul li { list-style-type: disc; padding: 0px 0px 10px 0px; }
#recent-comments-3 ul { margin: 0px; padding: 20px 0px 15px 20px; }
#recent-comments-3 ul li { list-style-type: disc; padding: 0px 0px 10px 0px; }
#linkcat-0 ul { margin: 0px; padding: 20px 0px 15px 20px; }
#linkcat-0 ul li { list-style-type: disc; padding: 0px 0px 10px 0px; }

/* search */
#searchdiv { margin: 0px; padding: 0px; }
#searchform { margin: 0px; padding: 0px; overflow: hidden; }
#s { background: #fffdfa; width: 190px; color: #333333; font-size: 13px; padding: 4px; margin: 7px 0px 0px 0px; border-top: 1px solid #666666; border-right: 1px solid #666666; border-left: 1px solid #999999; border-bottom: 1px solid #999999; }
#sbutt { background: #878787; color: #fffdfa; font-size: 13px; padding: 1px; margin: 0px 0px 0px 5px; border: 1px solid #333333; }

/* Comments */
#commentblock { background: url(http://topbeauty.jp/img/blogcomment_back.jpg) repeat; width: 619px; color: #404040; padding: 20px 20px 10px 20px; margin: 0px; }
#commentblock ol { margin: 0px; padding: 0px 0px 10px 0px; }
.commentdate { font-size: 12px; padding-left: 0px; }
#contentleft .commentlist { }
#contentleft .commentlist li { display: list-item; clear: both; }
#contentleft .commentlist li p { margin-bottom: 8px; line-height: 20px; padding: 0px; }
#contentleft .commentlist li .author { }
#contentleft .commentlist li .avatar { float: none; display: inline; vertical-align: middle; position: relative; top: 5px; background: #ccc; }
#contentleft .commentlist li .children { margin: 0 0 0 20px; padding: 0;}
#contentleft .commentlist li .children li { list-style: none; padding: 0; margin: 0; }
.comment-navigation .previous { float: left; }
.comment-navigation .next { float: right; }
.comment-navigation { padding: 0 0 20px; overflow: hidden; }
.commentname { color: #404040; margin: 0px; padding: 5px 5px 5px 0px; }
.commentinfo{ clear: both; }
.commenttext { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; background: #fffdfa url(images/comment.gif) no-repeat top left; }
.commenttext-admin { clear: both; margin: 3px 0px 10px 0px; padding: 20px 10px 5px 10px; width: 420px; background: #fffdfa url(images/comment.gif) no-repeat top left; }
#comment { width: 95%; }
#respond { color:#edead9; }
#respond a { color:#edead9; }

/* Image Styles */
#content div.wp-caption { border: 1px solid #ccc; margin: 10px; background: #f0f0f0; overflow: hidden; }
#content .wp-caption img { border: 1px solid #ccc; display: block; margin: 5px auto; }	
#content .wp-caption-text { margin: 5px; padding: 0; font-size: 11px; line-height: 1.3em; }
#content div.alignnone { display: block; margin: 10px 10px 10px 0; }
#content p img { border: 0px solid #ccc; }
#content img.alignleft { margin: 0px 40px 10px 0px; float: left; clear: left; }
#content img.alignright { margin: 10px 0 10px 10px; float: right; clear: right; }
#content img.aligncenter { display: block; margin: 0 auto 10px auto; float: none; clear: both; }
#content div.alignleft { text-align: left; float: left; margin-left: 0; }
#content div.alignright { text-align: right; float: right; margin-right: 0; }
#content div.aligncenter { text-align: center; margin: 0 auto 10px; }
#content .gallery { margin: auto auto 0; }
#content .gallery img { border: 1px solid #ccc; margin-bottom: 5px; }
#content .gallery .gallery-item, #content .gallery .gallery-icon { clear: none; margin: 0; }
#content .gallery .gallery-icon {  }
#content .gallery .gallery-caption { text-align: left; font-size: 11px; line-height: 1.3em; margin: 0 10px 10px; }

/* page nation */
.wp-pagenavi { clear: both; height: 25px; }
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #bbbbbb; padding: 3px 5px; margin: 2px; background: #eeeeee;}
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #666666; }
.wp-pagenavi span.current { font-weight: bold; }

/* footer navi */
#content .f-navi p { padding: 40px 0px; font-size: 18px; font-weight: normal; color: #037c8e; }
#content .f-navi a:link { color: #037c8e; text-decoration: underline; }
#content .f-navi a:hover { color: #22abbf; text-decoration: underline; }
#content .f-navi a:visited { color: #90017d; text-decoration: none; }