/*************************************基本レイアウト*************************************/
* {margin: 0;padding: 0;}
html { margin: 0; padding: 0; }
form, input { margin: 0; padding: 0; }
a img { border: 0; }
/*************************************ページレイアウト*************************************/
body {font-size: 12px;line-height: 135%;margin: 0;padding: 5px;color: #000000;font-family: Verdana, Arial, sans-serif;text-align: center;background: #ffffff url(http://www.faceofanger.com/img/bg.jpg) repeat-x;background-attachment: scroll;}
#container {width: 800px;margin: 0 auto;padding: 0px;color: #000000;text-align: left;border:1px none #000000;background: #ffffff url(http://www.faceofanger.com/img/bg_container.jpg) repeat-y;background-position: center;}
/*************************************リンク色*************************************/
a { color: #0000ff;font-weight: normal;text-decoration: underline;}
/*************************************マウスオーバー時のリンクの背景色要素 *************************************/
a:hover { color: #ffffff;text-decoration: none;background-color: #ff8000;}
/*************************************見出し*************************************/
h1 {margin: 0px;font-weight: normal;font-size: 10px;color: #ffffff;}
h1 a{text-decoration: none;color: #a8a8a8;}
h2 {font-size: 18px;margin: 0 10px 0 30px;padding: 5px 0 15px 10px;font-weight: bold;border-left: 6px solid #ff6600;border-bottom: none;background: #ffffff url(http://www.faceofanger.com/img/h2.jpg) repeat-x;background-position: left bottom;text-align: left;color: #cc0000;}
h3 {font-size: 18px;margin: 20px 0 0 5px;padding: 0 0 0 5px;font-weight: bold;background: #ffffff url(http://www.faceofanger.com/img/h3.jpg) repeat-x;background-position: left top;border-bottom-style: none;border-left-style: none;border-top-style: none;border-right-style: none;text-align: left;color: #cc0000;}
h4 {font-size: 13px;margin: 0 5px 5px -10px;padding: 10px 5px 5px 10px;color: #cc0000;font-weight: bold;text-align: left;background: #ffffff url(http://www.faceofanger.com/img/h4.jpg) repeat-x;background-position: bottom;border-top: 0 none;border-right: 0 none;border-left: 0 none;border-bottom: 1px solid #fcebd6;}
h5 {font-size: 12px;padding: 0 0 0 5px;font-weight: bold;text-align: left;background-color: #9c9c9c;background-position: bottom;color: #ffffff;}
/****************************************ヘッダートピックパスの要素 ****************************************/.topicpath1{font-weight: normal;font-size: 10px;color: #ffffff;margin: 0 5px 0 0;line-height: 20px;height: 35px;}
.topicpath1 a{text-decoration: none;color: #a8a8a8;}
.topicpath1 h1 {font-weight: normal;font-size: 10px;color: #a8a8a8;;margin: 0 25px 0 0;}
.topicpath1 h1 a{text-decoration: none;color: #a8a8a8;}
/*************************************body直下に配置するカテゴリリンク*************************************/
#blink{font-size: 10px;font-weight: normal;color: #a8a8a8;padding: 2px;}
#blink a{text-decoration: none;color: #a8a8a8;}
/*************************************content部分(記事ページポジションアブソリュート）*************************************/
#content {width: 800px;text-align: left;background: url(http://www.faceofanger.com/img/00bg_content.jpg) no-repeat;background-position: center top;float: left;}
#contentpage {width: 800px;z-index: 3;top: 255px;text-align:left;background: url(http://www.faceofanger.com/img/bg_container.jpg) repeat-y;background-position: center top;position: absolute;}
/*************************************ヘッダー画像の要素(記事ページポジションアブソリュート）*************************************/
#banner{width: 800px;height: 220px;background: url(http://www.faceofanger.com/img/banar_waku.jpg) no-repeat;text-align:left;background-position: center top;color: #ffffff;}
#banner_hed {width: 755px;height: 180px;padding: 50px 40px 30px 30px;background: url(http://www.faceofanger.com/img/banar.jpg) no-repeat;background-position: left top;position: relative;top: 20px;left: 23px;}
#banner_sitename {font-size: 26px;color: #ffffff;line-height: normal;padding: 0 0 15px 25px;font-weight: bold;text-decoration: none;position: absolute;top: 84px;left: 0px;}
#banner_sitename a {color: #ffffff;text-decoration: none;}
#banner_sitename a:hover {color: #ff0000;text-decoration: none;}
#banner_sitename a:visited {color: #ffffff;}
#bannerpage {width: 800px;z-index: 2;position: absolute;padding-bottom:45px;background: url(http://www.faceofanger.com/img/banar_waku.jpg) no-repeat;}
#banner_hedpage {width: 755px;height: 180px;background: url(http://www.faceofanger.com/img/banar.jpg) no-repeat;}
/*************************************ブログ説明文の要素 *************************************/
.des {font-size: 12px;color: #ffffff;}
.des a{text-decoration: none;color: #ffffff;}
/*************************************カテゴリページ・記事ページトピックパス要素（記事ページポジションアブソリュート）*************************************/
.navi {width: 760px;z-index: 3;position: absolute;top: 250px;text-align: center;}
.navi a {color: #a8a8a8;text-decoration: none;}
/*************************************ブログ本文の全体の要素*************************************/
.blog {width: 780px;text-align: left;padding: 0;}
.blogbody {margin: 0;padding: 15px 0 0;font-weight: normal;}
.blog2 {background-color: #ffffff;padding: 0px;text-align: left;background: url(http://www.faceofanger.com/img/bg_container.jpg) repeat-y;background-position: center;}
.blogbody2 {margin: 0;padding: 15px 0 0;font-weight:normal;background: url(http://www.faceofanger.com/img/01bg_content.jpg) no-repeat;background-position: center top;}
.sitemapblogbody {margin: 0;padding: 15px 0 100px;font-weight: normal;}
.extended {font-size: 16px;}
/*************************************TOPページ限定のカテゴリメニューの要素*************************************/
.cmenu {width: 750px;color: #000000;font-size: 14px;margin: 10px 0 15px 25px;padding: 5px 10px 5px 5px;font-weight: normal;text-align: left;line-height: 110%;}
.cmenu p {margin: 10px;padding: 25px 10px 0 20px;}
.cmenu h2 {width: 730px;margin: 0 0 10px;padding: 10px 0 20px 10px;font-size: 18px;background: url(http://www.faceofanger.com/img/h2.jpg) repeat-x;background-position: left bottom;float: left;}
.cmenu .categori_aa {margin: 0 0 15px 10px;padding: 0 0 15px 25px;background: url(http://www.faceofanger.com/img/mi-f1.jpg) no-repeat;}
.cat {margin: 10px;padding: 5px 10px 10px;font-family: Verdana;font-size: 1em;line-height: 18px;text-align:left;background: url(http://www.faceofanger.com/img/bg_cat.jpg) repeat-x;border-top: 1px solid #ffc457;border-right: 0 none;border-bottom: 1px solid #ffc457;border-left: 0 none;}
.cat a{font-size: 16px;font-weight: normal;}
/*************************************ダブルキャビネット（商品説明）要素*************************************/
div.cabinet {width: 100%;margin: 0;padding: 0;text-align: right;}
div.doubleboxl {width: 48%;height: 250px;padding: 1%;font-size: 14px;text-align: left;border-top: 1px none;border-right: 1px none;border-bottom: 1px none;border-left: 1px none;float: left;}
div.doubleboxr {width: 47%;margin: 0px;padding: 1%;font-size: 14px;text-align: left;background-color : #fff7e9;border-top: 1px solid #ffc457;border-right: 0 none;border-bottom: 1px solid #ffc457;border-left: 0 none;float: right;}
div.dummy {clear: both;}
/*************************************商品記事部分*************************************/
.ktex {font-family: "Tahoma", "Verdana", "Arial", sans-serif;width: 735px;margin: 0 10px 0 25px;padding: 10px;font-size: 16px;line-height: 170%;border-top-style: none;border-right-style: none;border-bottom: 2px double #cccccc;border-left-style: none;}
.ktex p {padding: 15px;}
.ktex ul {padding: 0 ;margin: 0 0 0 30px ;list-style-type: disc;}
.ktex a {border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}
.ktex img {border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}
.ktex2 {font-family: "Tahoma", "Verdana", "Arial", sans-serif;width: 735px;margin: 0 10px 0 25px;padding: 10px;font-size: 16px;line-height: 170%;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}
.ktex2 p {padding: 15px;}
.ktex2 ul {padding: 0 ;margin: 0 0 0 30px ;list-style-type: disc;}
.ktex2 a {border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}
.ktex2 img {border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}
/*************************************記事ページ右下のカテゴリの要素*************************************/
.posted{ color: #a8a8a8;text-align: right;margin: 0 20px 0 0;padding: 5px 0 5px;font-size: 10px;}
.posted a{ font-weight: bold;text-decoration: none;color: #a8a8a8;}
/*************************************サイトマップ要素*************************************/
.sitemap-category {margin: 15px 0 5px;padding: 0 0 0 40px;color: #008000;font-size: 16px;font-weight: bold;}
.sitemap-category a{color: #008000;text-decoration: none;}
.sitemap-entry {margin: 0;padding: 0 0 0 70px;font-size: 14px;}
/*************************************記事すぐしたのコピーボックスなどが入るブロック要素*************************************/
#copybox {width: 735px;margin: 10px 30px 5px;padding: 0 0 10px 20px;text-align:left;border-top: 1px solid #fcebd6;border-right: 0 none;border-left: 0 none;border-bottom: 1px solid #fcebd6;height: 160px;}
#copybox a{font-weight: bold;text-decoration: none;color: #a8a8a8;}
/*************************************コピーボックス部分文字要素*************************************/
.text{color: #333333;padding: 10px 5px 0px 5px;margin-top: 0px;line-height: 165%;}
.text a{text-decoration: underline;color: #0000ff;border: none;font-weight: normal;}
/*************************************フッター*************************************/
#footer{margin: 5px 0 0;background: url(http://www.faceofanger.com/img/bg_footer.jpg) no-repeat;background-position:center bottom;float: none;clear:both;}
.footerbody {height: 100px;font-weight: normal;text-align: left;color: #000000;margin:5px 5px 0 10px;padding: 5px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;float: none;clear: both;}
.footerbody a{font-weight: bold;text-decoration: none;color: #a8a8a8;}
.footer_rss {width: 190px;margin: 5px 15px 20px 10px;padding: 5px 5px 5px 10px;text-align: left;color: #000000;font-weight: normal;border: 1px solid #ffc457;float: right;clear: none;}
.footer_left {width: 480px;margin: 5px 5px 5px 15px;padding: 5px 10px;text-align: left;color: #000000;font-weight: normal;border: 2px dotted #ffc457;float: left;clear: left;}
/*************************************ATOM-RSS*************************************/
.sidelinktrss{line-height: 18px;background: url(http://www.faceofanger.com/img/feed.gif) no-repeat;font-size: 12px;padding: 0 0 0 25px;}
.doubleboxl_aa {background: url(http://www.faceofanger.com/img/yaji.gif) no-repeat;border: 0 none #666666;font-size: 14px;line-height: 20px;font-weight: normal;margin: 0px;padding: 0 0 0 15px;}
/*************************************コピーライト部分*************************************/
.copy{text-align: center;color: #a8a8a8;}
.copy a{font-weight: bold;text-decoration: none;color: #a8a8a8;}
/*************************************装飾（ブロックロート＆テキストエリア）*************************************/
blockquote{background-color: #feff99;border: 1px dotted #c00000;margin: 5px;padding: 15px;}
textarea{margin-bottom: 5px;}
/*************************************文字を太文字に変更するCSS*************************************/
.b{font-weight: bold;}
/*************************************背景を蛍光黄色と太文字に変更するCSS*************************************/
.y{font-weight: bold;background-color : yellow;}
/*************************************赤に文字色を変更するCSS*************************************/
.r{color: red;}
/*************************************論理強調タグのCSS*************************************/
em {font-weight: normal; font-style: normal;text-decoration: none;}
strong {font-weight: normal; font-style: normal;text-decoration: none;}
/*************************************ブロックを右や左へ寄せる要素（リンクボックス該当）*************************************/
.imgr{font-size: 11px;color: #000000;margin: 5px 10px 5px 5px;padding: 13px 5px 5px;border-top: 1px solid #ffc457;border-right-style: none;border-bottom: 1px solid #ffc457;border-left-style: none;background-color: #fff7e9;float: right;}
.imgl{width: 285px;margin: 5px 0;padding: 10px;font-size: 11px;background-color: #fff7e9;float: left;}


