/*   
Theme Name: My Theme
Theme URI: http://www.cosme-kakaku.com/wp/wp-content/themes/mytheme/
Description: オリジナルテーマ
Author: Akihiko Sano
Author URI: http://www.sole-color.com/
Version: 1.0
*/


*  { color: #4d4d4d; font-style: normal; font-weight: normal; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", Osaka-等幅, Osaka, 平成角ゴシック; margin: 0px; padding: 0px }
body {
  font-size: 75%; /* IE */
}
html>/**/body {
  font-size: 12px; /* Except IE */
}

/*基本要素*/
body   { background: url(images/bkimg.jpg) repeat-x fixed left top; text-align: center }
a { color: #06c; text-decoration: underline }
a:hover { color: #007fff; text-decoration: none }

/*レイアウト関連*/
#wrap { background-color: #fff; text-align: left; margin: 0px auto 0px auto; width: 800px }
#side_sp { padding-right: 16px; padding-left: 16px }
#main_top   { float: left; margin-top: 10px; width: 558px }
#side_top   { float: right; margin-top: 10px; width: 194px }


/*ヘッダ*/
#h1   { background-image: url(images/h1_bkimg.jpg); width: 800px; height: 16px }
#h1 h1 { color: #fff; font-size: 10px; text-indent: 16px; padding-top: 1px }
#head { }
#head h2 a  { background: url(images/head.jpg) no-repeat; text-indent: -9999px; width: 800px; height: 113px; display: block }
#head h3, #head em { display:none } 

/*カテゴリ別メニュー*/
#category { margin-top: 4px }
#category li  { background: url(images/menu_bkimg.jpg) no-repeat; text-align: center; float: left; width: 109px; height: 30px; display:block; }
#category li a    { color: #b84848; font-size: 11px; text-decoration: underline; text-indent: -4px; margin-top: 4px; _letter-spacing: -1px; display: block }
#category li a:hover  { color: #ea5b5b; font-size: 11px; text-decoration: none; text-indent: -4px; margin-top: 4px; _letter-spacing: -1px; display: block }

/*右サイド*/
#rakuten_box {  }
#okiniiri{}
#kensaku { margin-top: 16px }

#new_list { margin-top: 16px }
#new_list h3 { margin-bottom: 5px }
#new_list ul { font-size: 1em; line-height: 150%; list-style-type: none; padding-left: 10px }
#new_list li { background: url(images/kazari01.jpg) no-repeat left 4px; padding-left: 12px }

#comment_list { margin-top: 16px }
#comment_list h3 { margin-bottom: 5px }
#comment_list ul { font-size: 1em; line-height: 150%; list-style-type: none; padding-left: 10px }
#comment_list li { background: url(images/kazari01.jpg) no-repeat left 4px; padding-left: 12px }

/*フッタエリア*/
#foot_rakuten  { font-size: 1em; line-height: 150%; padding-top: 8px; border-top: 1px dotted #ccc }
#foot_rakuten em  { font-style: normal; font-weight: bold; margin-bottom: 6px; display: block }
#foot_list  { font-size: 1em; line-height: 150%; padding-top: 8px; border-top: 1px dotted #ccc }
#foot_list em  { font-style: normal; font-weight: bold; margin-bottom: 6px; display: block }
#foot_list a  { padding-right: 0.5em; padding-left: 0.5em; border-left: 1px solid #ccc }
#copyright   { font-size: 0.85em; line-height: 150%; text-align: center; padding-top: 8px; border-top: 1px dotted #ccc }
#copyright a { color: #666; text-decoration: none }
#copyright a:hover { color: #666; text-decoration: none }



/*共通チップス*/
img { border: 0 }
.clear { clear: both }


/*Hides from IE5-mac ￥*/
*html { height: 1% }
/*End hide from IE5-mac */


#lead { font-size: 1em; line-height: 150% }
#lead em { color: #333; background-color: #f6dc64; padding: 2px }

#uresuji  { background-color: #ead25f; margin-top: 10px; padding-bottom: 10px }
#uresuji h3 { padding-bottom: 16px }

.uresuji_item1   { background: url(images/ninki1.jpg) no-repeat left top; float: left; margin-left: 20px; width: 153px }
.uresuji_item1 img  { padding-bottom: 4px }
.uresuji_item1 a { font-size: 0.8em; line-height: 140%; padding-top: 4px; padding-left: 23px; display: block }
.uresuji_item2   { background: url(images/ninki2.jpg) no-repeat left top; float: left; margin-left: 20px; width: 153px }
.uresuji_item2 img  { padding-bottom: 4px }
.uresuji_item2 a { font-size: 0.8em; line-height: 140%; padding-top: 4px; padding-left: 23px; display: block }
.uresuji_item3   { background: url(images/ninki3.jpg) no-repeat left top; float: left; margin-left: 20px; width: 153px }
.uresuji_item3 img  { padding-bottom: 4px }
.uresuji_item3 a { font-size: 0.8em; line-height: 140%; padding-top: 4px; padding-left: 23px; display: block }

#rakuten_p { margin-top: 16px }
#rakuten_p p { display:none }
#rakuten_p a { margin-top: 4px; margin-bottom: 16px; margin-left: 46px; display: block }

#rakuten_p2   { line-height: 160% }
#rakuten_p2 h3    { color: #617b2c; font-weight: bold; font-size: 1.4em; background: url(images/kazari_ht01.jpg) no-repeat left center; margin-top: 24px; margin-bottom: 10px; padding-top: 5px; padding-left: 25px; border-bottom: 1px dotted #e3cf79; height: 27px }
#rakuten_p2 strong  { color: #4d4d4d; font-weight: bold; background-color: #ffd5db; padding: 2px }
#rakuten_p2 cite { font-style: normal; font-weight: bold; font-size: 1.2em }


#osusume  { background-color: #F0C6C6; margin-top: 10px; padding-bottom: 10px }
#osusume h3 { padding-bottom: 16px }

.osusume_item1    { float: left; margin-left: 20px; width: 153px }
.osusume_item1 img  { padding-left: 23px }
.osusume_item1 a { font-size: 0.8em; line-height: 140%; padding-top: 4px; padding-left: 23px; display: block }
.osusume_item2    { float: left; margin-left: 20px; width: 153px }
.osusume_item2 img  { padding-left: 23px }
.osusume_item2 a { font-size: 0.8em; line-height: 140%; padding-top: 4px; padding-left: 23px; display: block }
.osusume_item3    { float: left; margin-left: 20px; width: 153px }
.osusume_item3 img  { padding-left: 23px }
.osusume_item3 a { font-size: 0.8em; line-height: 140%; padding-top: 4px; padding-left: 23px; display: block }

#new_ti { margin-top: 16px }
.new   { margin-bottom: 10px; padding: 8px; border: solid 1px #f0c6c6; font-size: 1em; line-height: 150%;}
.new h3 {  margin-bottom: 5px }
.new h3 a  { color: #c86644; font-weight: bold; font-size: 16px; text-decoration: none; background: url(images/new_bkimg.jpg) no-repeat left bottom; padding-top: 5px; padding-bottom: 5px; display: block }
.new em  { font-weight: bold; font-size: 1.2em; text-align: right; margin-top: 8px; display: block }
.new em a { font-weight: bold }

#new_ti2 { margin-top: 0px }



/*１記事*/
#gotop { margin-top: 4px; padding-left: 4px }
.post { margin-top: 12px; padding: 16px; border: solid 1px #f0c6c6 }
.post h3 a   { color: #c86644; font-weight: bold; font-size: 1.2em; text-decoration: none; background: url(images/ti_line.jpg) no-repeat left bottom; padding-bottom: 12px; display: block }
.metadata dt { display:inline }
.metadata dd  { padding-right: 1em; display: inline }
.postdata { margin-top: 10px; line-height: 150% }
.postdata h4      { color: #617b2c; font-weight: bold; font-size: 1.4em; background: url(images/kazari_ht01.jpg) no-repeat left center; margin-top: 30px; margin-bottom: 10px; padding-top: 5px; padding-left: 25px; border-bottom: 1px dotted #E3CF79; height: 27px }
.postdata strong  { color: #4d4d4d; font-weight: bold; background-color: #ffd5db; padding: 2px }

.postitem table{	width: 740px;	border: none;	border-collapse: collapse }
.postitem td { width: 300px }
.postitem th  { font-size: 1.2em; line-height: 140%; text-align: left; padding-left: 16px; width: 440px }

.postkakaku table { border-top: 1px solid #ccc; border-left: 1px solid #ccc }
.postkakaku th, .postkakaku td { padding: 3px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc }
.postkakaku th    { color: #4d4d4d; font-style: normal; font-weight: normal; font-size: 12px; background-color: #f7f7f7; text-align: center }
.postkakaku td   { color: #4d4d4d; font-size: 14px; line-height: 140% }
.postkakaku .no1 { background-color: #ffec92 }

.postlast { font-weight: bold; font-size: 1.2em; line-height: 160%; padding-bottom: 24px; }


/*コメント*/
#comments { margin-top: 16px ; line-height: 150%}
#commentlist { list-style-type: none }
.commentcontent { margin-bottom: 16px }
#comments h3 { margin-bottom: 4px; padding-bottom: 2px; border-bottom: 1px dotted #ccc }


/*リンク集*/
#link_list { margin-top: 32px ; font-size: 10px; line-height: 150%}
#link_list ul { list-style-type: none; margin-left:20px }
#link_list li a { color: #cccccc; font-size: 10px; text-decoration: none }
#link_list li a:hover { color: #cccccc; font-size: 10px; text-decoration: none }

