/*-----------------------------------------------------
ameblo CSS Skin Settings
Skin for:	basic_ad
FileName:   common.css
$Revision: 1.1 $
-----------------------------------------------------*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■ 基本設定 ■■■■■■■■■■■■*/
html { font-size: 12px !important; *font-size: 75% !important;/*forIE6IE7*/
}

body {
margin: 0;
padding: 0;
color: #905128;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
}

#frameBefore { background: #FFF; }

#frame {
margin: 0 auto;
background:url("../img/footer.png") no-repeat center bottom;
text-align: left;
}

#subFrame {
width: 1000px;
margin:0 auto;
}

#overHeader {
position: relative;
width: 1000px;
margin: 0 auto;
}

#wrap {
width: 800px;
margin: 16px auto;
padding-bottom: 150px;
}

#main,
#sub_main { overflow: hidden; }

#sub_a,
#sub_b {
width: 170px;
overflow: hidden;
word-break: break-all;
}

img { border: 0; }

blockquote {
margin: 12px 0;
padding: 10px;
border: 2px dotted #D4D4D4;
}

pre {
margin: 0;
padding: 0;
}

a {
color: #fb7aa0;
text-decoration: underline;
}

a:visited {
color: #fb7aa0;
text-decoration: underline;
}

a:hover {
color: #fb7aa0;
text-decoration: none;
}

#sub_a a,
#sub_b a,
#sub_a a:visited,
#sub_b a:visited,
#sub_a a:hover,
#sub_b a:hover { color: #905128; }

.entry .theme a,
.entry .theme a:visited,
.entry .theme a:hover,
.entry .foot a,
.entry .foot a:visited,
.entry .foot a:hover { color: #905128; }

input,
textarea { }

p {
margin: 0;
padding: 0;
}

.menu_frame ul,
.menu_frame li,
.menu_frame dl,
.menu_frame dt,
.menu_frame dd,
#comment_module ul,
#comment_module li,
#trackback ul,
#trackback li,
#reader_list ul,
#reader_list li,
#favorite_list ul,
#favorite_list li,
#bookmark_list ul,
#bookmark_list li {
margin: 0;
padding: 0;
list-style-type: none;
}

.menu_title,
.mainMenu ul,
.mainMenu dl,
.mainMenu p,
.list,
.link_blog,
#archives select,
#theme_list select,
#search form,
#freespace .menu_frame,
.plugin .menu_frame {
margin-left: 10px;
margin-right: 10px;
}

.menu_frame { }

p.list,
p.link_blog { padding-top: 5px; }

#frame:after,
#wrap:after,
#defaultAd dl:after {
display: block;
clear: both;
height: 0;
content: ".";
visibility: hidden;
}

#frame,
#wrap,
#defaultAd dl {
display: inline-block;
min-height: 1%;
}

/* Hides from IE-mac \*/
* html #frame,
* html #wrap,
* html #defaultAd dl { height: 1%; }

#frame,
#wrap,
#defaultAd dl { display: block; }

/* End hide from IE-mac */


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■ ヘッダー ■■■■■■■■■■■■*/
div#header {
width: 1000px;
height: 440px;
margin: 0 auto;
}

div#header h1 {
display: block;
position: relative;
width: 840px;
margin: 0;
padding: 10px 0 2px 70px;
font-weight: bold;
font-size: 1.3em;
line-height: 1.3;
letter-spacing: 0.02em;
}

div#header h1 a { text-decoration: none; }

div#header h2 {
display: block;
position: relative;
width: 840px;
margin: 0;
padding-bottom: 10px;
padding-left: 70px;
font-weight: normal;
font-size: 0.85em;
line-height: 1.3;
letter-spacing: 0.1em;
}

/*■■■ヘッダー内ナビゲーション*/

div#userNaviArea {
position: relative;
padding: 40px 0 10px 0 !important;
}

div#userNaviArea a#userNickName {
float: left;
padding: 0 10px 0 80px!important;
font-size: 1.83em;
}

div#userNaviArea a {
color: #fb7aa0;
font-weight: bold;
}

ul#navigationList {
margin: 0;
padding: 8px 0 0 0;
color: #905128;
list-style-type: none;
}

ul#navigationList li {
float: left;
margin: 0;
padding: 0 8px;
border-right: 1px solid #905128;
}

ul#navigationList li.lastItem { border: none; }

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■ メインコラム ■■■■■■■■■■■*/

/*■■■メインコラム＿メッセージボード*/
#message { margin: 2px 0 15px 0; }

#message .contents .subContents { }

/*■■■メインコラム＿記事*/

.entry {
margin: 20px 0 0;
}

.entry_head {overflow: hidden;}

.entry h3.title {
display: block;
margin: 54px 40px 36px 124px;
color: #fb7aa0;
font-weight: bold;
font-size: 1.1em;
line-height: 1.4;
overflow:hidden;
}

.entry .date {
display: block;
margin-left: 45px;
margin-bottom: 4px;
padding: 0;
font-size: 0.85em;
text-align: left;
}

.entry .theme {
display: block;
padding-left: 45px;
padding-bottom: 20px;
font-size: 0.85em;
}

.entry .name {
display: block;
float: right;
padding-right: 45px;
padding-top: 34px;
font-size: 0.85em;
text-align: right;
}

.entry .contents {
clear: both;
margin: 0 auto;
padding: 25px 0;
line-height: 1.5;
}

.entry .foot {
font-size: 0.85em;
text-align: center;
}

/*■■■メインコラム＿記事 下部広告*/
#footer_ad {
margin: 30px auto 0;
text-align: center;
}

/*■■■メインコラム＿トラックバック*/
#trackback {
margin-top: 15px;
padding: 0;
border-top: 3px double #666666;
line-height: 1.5;
}

#trackback h3.title {
margin: 0;
padding: 7px 0 8px;
background: none;
font-size: 1.17em;
}

#trackback .label { font-weight: bold; }

#trackback p.tr_URL {
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 1px dotted #666666;
}

#trackback ul {
margin: 8px 0 18px;
padding-bottom: 8px;
border-bottom: 1px dotted #666666;
}

/*■■■メインコラム＿コメント*/
#comment_module {
border-top: 3px double #666666;
line-height: 1.5;
}

#comment_module h3.title {
margin: 0;
padding: 7px 0 8px;
background: none;
font-size: 1.17em;
}

#comment_module p.list {
margin-bottom: 10px;
padding: 0;
font-size: 0.85em;
}

#comment_module .comment_body {
margin: 0;
padding-bottom: 10px;
}

#comment_module .each_comment {
margin: 0;
padding-bottom: 20px;
}

#comment_module .comment_footer {
margin: 0;
padding: 0;
border-top: 1px dotted #666666;
}

#comment_module .error {
margin-top: 20px;
padding-bottom: 10px;
color: #FF0000;
}

#comment_module .label { font-weight: bold; }

#comment_module form ul {
width: 340px;
margin: 0 auto;
}

#comment_module form li {
display: block;
width: 340px;
margin-bottom: 5px;
}

#comment_module li.lastItem {
display: block;
width: 330px;
margin-bottom: 5px;
text-align: right;
}

#comment_module .button {
width: 80px;
margin-left: 5px;
font-size: 0.91em;
}

/*■■■メインコラム＿読者一覧■*/
#reader_list h3.title {
margin: 0px;
padding: 7px 0 8px;
background: none;
font-size: 1.17em;
}

#reader_list li {
margin: 0;
padding: 8px 0;
border-bottom: 1px dotted #666666;
}

#reader_list .reader_blog {
display: block;
margin-top: 2px;
}

/*■■■メインコラム＿お気に入りブログ一覧*/
#favorite_list h3.title {
margin: 0;
padding-bottom: 5px;
background: none;
font-size: 1.17em;
}

#favorite_list ul { }

#favorite_list li {
margin: 0;
padding: 8px 0;
border-bottom: 1px dotted #666666;
}

#favorite_list .favorite_blog {
display: block;
margin-top: 2px;
}

#favorite_list .favorite_theme {
display: block;
margin-top: 2px;
}

/*■■■メインコラム＿ブックマーク一覧*/
#bookmark_list h3.title {
margin: 0px;
font-size: 1.17em;
}

#bookmark_list ul { }

#bookmark_list li {
margin-bottom: 4px;
padding: 4px 0;
border-bottom: 1px dotted #666666
}

/*■■■メインコラム＿最新記事一覧*/
#recent_entries_list h3.title {
margin: 0px;
background: none;
font-size: 1.17em;
}

#recent_entries_list li {
margin: 0;
padding: 8px 0;
border-bottom: 1px dotted #666666;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■ サイドA(sub_a)&サイドB(sub_b) ■■■■■■*/

/*■■■サイド＿サイドA,B共通項目*/
.list { }

h4.menu_title {
margin: 0;
color: #333333;
background-color: #EFEFEF;
font-weight: bold;
font-size: 1.17em;
}

div.mainMenu {
margin: 0;
padding: 0;
font-size: 0.91em;
line-height: 1.3;
overflow: hidden;
}

div.menu_frame { }

/*■■■サイド＿ランキング*/
#ranking .menu_frame { line-height: 1.4; }

#ranking .rank_ttl {
display: block;
font-weight: bold;
font-size: 1.2em;
}

#ranking .rank {
display: block;
padding:0 3px 0;
}

#ranking a { }

#ranking img {
margin-left: 5px;
vertical-align: bottom;
}

#ranking .rank_all,
#ranking .rank_genre { margin-bottom: 8px; }

/*■■■サイド＿プロフィール*/
#profile p { display: block; }

#profile #new_profile { }

/*■■■サイド＿ブログの読者*/
#reader dl { margin:0 0 7px!important; }

#reader dd { }

#reader ul {
margin :5px 8px 0;
padding-top: 8px;
border-top:1px dotted #666666;
}

#reader li { }

#reader p { display: inline; }

/*■■■サイド＿カレンダー*/
#calendar { }

#calendar .menu_title { }

#calendar table {
width: 150px;
margin: 0 auto;
font-size: 0.91em;
line-height: 1.3;
}

#calendar caption { padding: 5px 0px; }

#calendar caption a { padding: 0px 5px; }

#calendar .sun { }

#calendar .sat { }

#calendar td,
#calendar th {
padding: 0px;
text-align: center;
}

#calendar td a {
font-weight: bold;
text-decoration: underline;
}

#calendar .menu_frame { width: 170px!important; }

/*■■■サイド＿テーマ*/
#theme_list { }

/*■■■サイド＿最近の記事一覧*/
#recent_entries { }

/*■■■サイド＿アーカイブ*/
#archives { }

/*■■■サイド＿検索*/

#search .searchbox { width: 94px; }

#search .searchbtn { width: 40px; }

/*■■■サイド＿お気に入りブログ*/
#favorite { }

/*■■■サイド＿ブックマーク*/
#bookmark { }

/*■■■サイド＿最近のコメント*/
#recent_comment { }

/*■■■サイド＿アメブロ推奨枠*/
#ameblo {
padding: 0px;
font-size: 0.85em;
text-align: center;
}

#ameblo p {
padding: 0 7px 7px 7px;
line-height: 1.25;
text-align: center;
}

#ameblo ul { margin: 0!important; }

#ameblo li {
display: block;
margin-bottom: 5px;
text-align: center;
}

/*■■■サイド＿RSS*/
#rss {
margin: -3px auto 0 auto;
padding-bottom: 16px;
border: none;
background-image: none;
text-align: center;
}

#readerList dt {
margin-bottom:5px;
text-align: center;
}

#readerList .contents { margin: 0 0 0 8px; }

#readerList dd { margin-left: 8px; }

/*■■■サイド＿プラグイン*/
.plugin { text-align: center; }

/*■■■サイド＿PR*/
#defaultAd { margin: 0 0 15px; }

#defaultAd dl { padding: 0 0 5px 0; }

#defaultAd dt {
float: left;
margin: 0;
padding: 0 0 5px 0;
}

#defaultAd dt img { border: 1px solid #ccc; }

#defaultAd dd {
float: right;
width: 100px;
margin: 0;
padding: 0 0 3px;
}

#defaultAd dd a { font-weight: bold; }

#defaultAd dd.adName a { text-decoration: underline; }

#defaultAd dd.adDetail { }

#defaultAd .menu_frame div {
padding: 0!important;
margin:0 auto;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■ フッター ■■■■■■■■■■■■*/
div#footerArea {
margin: 0;
padding: 12px 8px 25px 0;
text-align: right;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■　カスタマイズ　■■■■■■■■■*/

/* title */

#profile,
#reader,
#calendar,
#theme_list,
#recent_entries,
#archives,
#favorite,
#search,
#bookmark,
#recent_comment,
#ranking,
#defaultAd {
width:170px;
margin-bottom:20px;
}

#profile h4,
#reader h4,
#calendar h4,
#theme_list h4,
#recent_entries h4,
#archives h4,
#favorite h4,
#search h4,
#bookmark h4,
#recent_comment h4,
#ranking h4,
#defaultAd h4 {
text-indent:-9999px;
overflow:hidden;
line-height:1;
width:170px;
height:38px;
padding-bottom:15px;
}

#profile .menu_frame,
#reader .menu_frame,
#calendar .menu_frame,
#theme_list .menu_frame,
#recent_entries .menu_frame,
#archives .menu_frame,
#favorite .menu_frame,
#search .menu_frame,
#bookmark .menu_frame,
#recent_comment .menu_frame,
#ranking .menu_frame,
#defaultAd .menu_frame { width: 170px; }

#profile h4 { background:url('../img/title_profile.png') no-repeat; }

#reader h4 { background:url('../img/title_readers.png') no-repeat; }

#calendar h4 { background:url('../img/title_calendar.png') no-repeat; }

#theme_list h4 { background:url('../img/title_theme.png') no-repeat; }

#recent_entries h4 { background:url('../img/title_entries.png') no-repeat; }

#archives h4 { background:url('../img/title_archives.png') no-repeat; }

#search h4 { background:url('../img/title_search.png') no-repeat; }

#favorite h4 { background:url('../img/title_favorites.png') no-repeat; }

#bookmark h4 { background:url('../img/title_bookmarks.png') no-repeat; }

#recent_comment h4 { background:url('../img/title_comment.png') no-repeat; }

#ranking h4 { background:url('../img/title_ranking.png') no-repeat; }

#defaultAd h4 { background:url('../img/title_pr.png') no-repeat; }

#defaultAd .menu_frame { width:170px!important; }

/* contents */

#userNaviArea,
#userNickName,
#navigationList a { color: #FFF; }

ul#navigationList li { border-right:1px solid #905128 !important; }

#new_profile li.image { text-align:center; }

#btn_thisSkin {
text-align:center;
margin-bottom:10px;
}

#sideTextAd { text-align:center; }

#bookmark_list,
#recent_entries_list,
#favorite_list,
#reader_list { padding:20px; }

#bookmark_list h3.title,
#recent_entries_list h3.title,
#favorite_list h3.title,
#reader_list h3.title {
padding:0 0 10px;
font-size:1.2em;
}

#bookmark_list ul,
#recent_entries_list ul,
#favorite_list ul,
#reader_list ul {
margin:0;
padding:0px;
overflow:hidden;
}

#comment_module,
#trackback {
margin:0 0 20px;
padding:20px;
}

.entry,
#recent_entries_list,
#favorite_list,
#reader_list,
#bookmark_list { margin-bottom:20px; }

.menu_frame select { width:86%; }

div#overHeader div#headerAd {
margin:0 0 -33px 460px!important;
padding-top:10px;
padding-right:70px;
position:relative;
z-index:1000;
}

#freespace .menu_frame,
#rss .menu_frame,
.plugin .menu_frame,
#ameblo .menu_frame { padding-bottom:20px; }

/*■■■メインコラム＿ページ送り*/

.page {
font-size:0.85em;
text-align: center;
margin:10px 0;
}