/*-----------------------------------------------------
Skin for:	pr_amebabbs
FileName:   common.css
$Revision: 1.8 $
-----------------------------------------------------*/

/*setup【ｾｯﾄｱｯﾌﾟ】
--------------------------------------------*/
html { 
font-size:12px !important; 
*font-size:75% !important;/*IE6IE7*/ 
}

img{
border: 0;
}

input,
textarea{
font-size:12px
}

p{
margin: 0;
padding: 0;
}

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

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

/* Hides from IE-mac \*/
* html #frame,
* html #wrap{height: 1%;}
#frame,
#wrap{display: block;}
/* End hide from IE-mac */



/*body【基本項目】
----------------------*/
body{
margin:0;
padding:0;
word-break:break-all;
text-align:center;
color:#333333;
line-height:1.4;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
}
a{color:#06C;text-decoration:none;cursor:pointer;outline:none;}
a:visited{color:#969;}
a:hover,a:active{color:#F36;text-decoration:underline;}

#frame{
background:url(../img/main_bg.jpg) repeat-x 50% 0;
}
#subFrame{}


/*headerArea【ﾍｯﾀﾞｰ領域】
--------------------------------------------*/
/*overHeader【ﾍｯﾀﾞｰ大枠】
----------------------*/
#overHeader{
width:800px;
margin:0 auto;
text-align:left;
}

/*userNaviArea【ﾆｯｸﾈｰﾑと各ﾘﾝｸ】
----------------------*/
#userNaviArea {
padding:40px 0pt 10px !important;
}
#userNaviArea a{
color:#06C;
}
#userNaviArea a:visited{
color:#06C;
}

/*header【ﾌﾞﾛｸﾞﾀｲﾄﾙと説明】
----------------------*/
#header{}
#header h1{
margin:0;
padding:15px 5px 8px 5px;
font-size:1.4em;
font-weight: bold;
line-height:1.2;
}
#header h1 a{
color:#06C;
}
#header h1 a:visited{
color:#06C;
}
#header h2{
margin:0;
padding:0 5px 45px 5px;
font-size:1.0em;
font-weight: normal;
line-height:1.2;
}


/*contentsArea【ｺﾝﾃﾝﾂ領域】
--------------------------------------------*/
#wrap{
width:800px;
margin:0 auto;
text-align:left;
}
	#firstContentsArea{}
		#subFirstContentsArea{}
			#sub_a{}
			#main{}
				#sub_main{}
	#sub_b{}


/*footerArea【ﾌｯﾀｰ領域】
--------------------------------------------*/
div#footerArea {
padding:12px 0 25px 0;
border-top:1px solid #666;
text-align:right;
background:#fff;
}

/*message【ﾒｲﾝ_ﾒｯｾｰｼﾞ】
--------------------------------------------*/
#message{
margin-bottom:14px;
background-color:#fff;
overflow:hidden;
}
#message .contents{
padding:14px;
line-height:1.4;
}
#message .subContents{}


/*paging【ﾒｲﾝ_ﾍﾟｰｼﾞ番号】
--------------------------------------------*/
.page{
clear:both;
margin:10px 0;
text-align:center;
font-size:0.875em;
color:#666;/*境界線｜の色*/
}
/*番号*/
.topPaging{
margin:20px 0;
}
/*記事ﾀｲﾄﾙ*/
.articlePaging{}

/*a
----------------------*/
.page a{
margin:0 7px;
padding:2px;
}
/*<<*/
.page a.firstPage{}
/*<前のﾍﾟｰｼﾞ*/ 
.page a.previousPage{}
/*次のﾍﾟｰｼﾞ>*/
.page a.nextPage{}
/*>>*/
.page a.lastPage{}
/*現在のﾍﾟｰｼﾞ*/
.page span.now{
margin:0 7px;
padding:2px;
color:#000;
}


/*entry【ﾒｲﾝ_記事】
--------------------------------------------*/
.entry{
margin:0 0 10px;
overflow:hidden;
}
/*新着記事*/
.new{}

/*header【ﾍｯﾀﾞｰ】
----------------------*/
.entry .entry_head{}
.entry .date{
margin:0;
padding:0 25px 0 20px;
color:#666;
font-size:0.875em;
}
.entry.new .date{
background:url(http://stat100.ameba.jp/common_style/img/common/icon/new.gif) no-repeat 100% 35%;
}
.entry .name{
display:block;
padding:0 20px 0;
color:#666;
font-size:0.875em;
}
.entry .theme{
display:block;
padding:0 20px 0;
color:#666;
font-size:0.875em;
}
.entry h3.title{
margin:0 0 8px 0;
padding:20px 20px 15px;
color:#333333;
font-size:1.2em;
font-weight: bold;
line-height:1.1;
}

/*content【本文】
----------------------*/
.entry .contents{
margin:0 20px;
padding:8px 0 20px;
line-height: 1.5;
overflow:hidden;
}
.entry .contents h2{
font-size:1.4em;
}
.entry .contents h3{
font-size:1.2em;
}
.entry .contents h4{
font-size:1em;
}
.entry .contents h5{
font-size:0.91em;
}
.entry .contents h6{
font-size:0.85em;
}
.entry .contents em{}
.entry .contents strong{}
.entry .contents abbr,
.entry .contents acronym{
font-style: normal;
font-weight:bold;
border-bottom:2px #8ec7ff dotted;
}
.entry .contents blockquote{
margin:10px 0;
padding:5px;
border:2px dotted #8ec7ff;
overflow:hidden;
}
.entry .contents q{
border-bottom:2px #8ec7ff dotted;
}
.entry .contents q:after,
.entry .contents q:before{
content:"";
}
.entry .contents cite{
font-style: normal;
font-weight:normal;
border-bottom:2px #8ec7ff dotted;
}
.entry .contents pre{
display:block;
margin:12px auto;
padding:10px;
_padding:10px 15px;
background:#f3f3f3;
overflow:scroll;
}

/*footer【ﾌｯﾀｰ】
----------------------*/
.entry .foot{
clear:both;
padding: 5px 20px 20px;
font-size:0.85em;
text-align: right;
color:#ccc;/*縦線の色*/
}
.entry .foot a{
margin:0 2px;
}

/*trackback【ﾒｲﾝ_ﾄﾗｯｸﾊﾞｯｸ】
-------------------------------------------------*/
/*common
----------------------*/
#trackback{
margin-top:25px;
margin-bottom:10px;
padding:15px;
}

/*header【ﾍｯﾀﾞｰ】
----------------------*/
#trackback h3{
padding:3px 0 3px 22px;
background:url(http://stat100.ameba.jp/common_style/img/common/icon/comment1.gif) no-repeat 0 0.3em;
font-size:1.17em;
}
#trackback p.tr_ping_URL{
margin:0 7px 7px 0;
font-size:0.855em;
}
#trackback p.tr_URL{
margin:0 7px 7px 0;
font-size:0.855em;
}

/*body【各ﾄﾗｯｸﾊﾞｯｸ】
----------------------*/
#trackback ul{
margin:15px 0;
border-left:3px solid #cccccc;
overflow:auto;
}
#trackback ul li{
padding:2px 0;
margin:1px 7px;
border-bottom:1px dotted #ccc;
}
/*contents*/
#trackback ul li span.label{
font-size:0.855em;
color:#666;
margin-right:7px;
}
#trackback ul li span.bodycontent{
}

/*comment_module【ﾒｲﾝ_ｺﾒﾝﾄ】
-------------------------------------------------*/
/*common【共通】
----------------------*/
#comment_module{
margin-top:25px;
padding:15px;
}

/*header【ﾍｯﾀﾞｰ】
----------------------*/
#comment_module h3{
display:inline;
padding:3px 0 3px 22px;
background:url(http://stat100.ameba.jp/common_style/img/common/icon/open_comment.gif) no-repeat 0px 0.2em;
font-size:1.17em;
}
#comment_module p.list{
display:inline;
padding:0 7px;
font-size:0.855em;
}

/*list【各ｺﾒﾝﾄ】
----------------------*/
#comment_module .each_comment{
padding:25px 7px 10px;
}
#comment_module .error{
margin-top:20px;
padding:0 3px 14px;
}

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

/*body*/
#comment_module .comment_body{}

/*footer*/
#comment_module .comment_footer{
margin-top:3px;
padding-top:1px;
border-top:1px dotted #ccc;
color:#888;
}
#comment_module .comment_author{
padding-right:5px;
font-size:0.855em;
}
#comment_module .comment_date{
padding-right:5px;
font-size:0.855em;
}
#comment_module .comment_gotoform{
font-size:0.855em;
}

/*comment_show box【ｺﾒﾝﾄﾌｫｰﾑを開くBOX】
----------------------*/
#comment_module form{
margin:10px auto 0;
padding-bottom:20px;
}
#comment_module #comment_show{
margin:10px auto 0;
padding:5px;
background:#eee;
border:0;
}
/*header*/
#comment_module #comment_show h4{
padding-bottom:5px;
}
/*body*/
#comment_module #comment_show p{
font-size:0.855em;
}
/*button*/
#comment_module #comment_show ul{
margin:0;
padding:0;
list-style-type:none;
}
#comment_module #comment_show li.lastItem{
text-align:center;
}
#comment_module #comment_show input#commentbutton{
padding:1px;
}


/*footer_ad【ﾒｲﾝ_記事下部の広告】
--------------------------------------------*/
#footer_ad{
text-align:center;
}


/*menu【ｻｲﾄﾞ_各ﾓｼﾞｭｰﾙ】
--------------------------------------------*/
/*common【共通】
----------------------*/
/*mainMenu*/
#sub_a .mainMenu,
#sub_b .mainMenu{
width:170px;
margin:0 0 10px;
background:url(../img/side_body.gif) repeat-y 0 0;
overflow:hidden;
}
.mainMenu ul,
.mainMenu dl,
.menu_frame  dt,
.menu_frame  dd,
.menu_frame  li,
.list,
.link_blog,
#archives select,
#theme_list select,
#search form{
margin:0;
padding:0;
list-style-type:none;
}
.mainMenu p,
.mainMenu ul,
.mainMenu dl{
margin-left:8px;
margin-right:8px;
}
p.list{
padding: 5px 0 0 0;
text-align:right;
}
p.link_blog{
padding: 5px 10px 0 0;
font-size:0.91em;
}

/*menu_title*/
.menu_title{
margin:0 0 10px 0;
padding:8px 12px 3px;
background:url(../img/side_head.gif) no-repeat 0 0;
font-size:0.875em;
color:#333;
text-align:center;
font-weight: normal;
}

/*menu_frame*/
.menu_frame{
width:100%;
padding:0 0 14px;
background:url(../img/side_btm.gif) no-repeat 0 100%;
}
#archives .menu_frame,
#bookmark .menu_frame,
#calendar .menu_frame,
#favorite .menu_frame,
#ranking .menu_frame,
#reader .menu_frame,
#recent_entries .menu_frame,
#recent_trackback .menu_frame,
#recent_comment .menu_frame,
#profile .menu_frame,
#search .menu_frame,
#theme_list .menu_frame,
#joinbook .menu_frame,
#defaultAd .menu_frame {
color:#999;
}

/*profile【ｻｲﾄﾞ_ﾌﾟﾛﾌｨｰﾙ】
----------------------*/
#ameNaviArea li{
overflow:visible;
}
#person .nickname{
clear:both;
}

/*theme_list【ｻｲﾄﾞ_ﾌﾞﾛｸﾞﾃｰﾏ一覧】
----------------------*/
/*recent_entries【ｻｲﾄﾞ_最近の記事一覧】
----------------------*/
#recent_entries .menu_frame  li{
padding:3px 0;
}
/*archives【ｻｲﾄﾞ_ｱｰｶｲﾌﾞ】
----------------------*/
#archives .menu_frame  li{
padding:2px 0;
}
/*favorites【ｻｲﾄﾞ_お気に入りﾌﾞﾛｸﾞ】
----------------------*/
/*bookmark【ｻｲﾄﾞ_ﾌﾞｯｸﾏｰｸ】
----------------------*/
#bookmark .menu_frame  li{
padding:2px 0;
}
/*recent_comment【ｻｲﾄﾞ_最近のｺﾒﾝﾄ】
----------------------*/
#recent_comment .menu_frame  li{
padding:2px 0;
}
/*search【ｻｲﾄﾞ_ﾌﾞﾛｸﾞ内検索】
----------------------*/
#search .menu_frame{
padding:0 8px 15px;
}
input.searchbox{
width:150px;
}

/*ranking【ｻｲﾄﾞ_ﾗﾝｷﾝｸﾞ】
----------------------*/
#ranking p{
padding:0 5px 5px 0;
text-align:right;
}

/*freespace【ｻｲﾄﾞ_ﾌﾘｰｽﾍﾟｰｽ】
----------------------*/
#freespace{
background:none !important;
}
#freespace .menu_frame{
padding:5px !important;
background:none !important;
}

/*plugin【ｻｲﾄﾞ_ﾌﾘｰﾌﾟﾗｸﾞｲﾝ】
----------------------*/
.plugin {
background:none !important;
}
.plugin .menu_frame{
padding:5px;
background:none !important;
}

/*calendar【ｻｲﾄﾞ_ｶﾚﾝﾀﾞｰ】
----------------------*/
/*common*/
#calendar .menu_frame{}
#calendar table{
width:93%;
margin:0 auto;
text-align:center;
font-size:0.855em;
border-collapse:collapse;
border-spacing:0px;
empty-cells: hide;
table-layout: fixed;
}
#calendar caption,
#calendar th,
#calendar td{
font-weight:normal;
font-family:Arial;
}

/*caption*/
#calendar caption{
text-align:center;
}
#calendar caption a{
padding:5px;
}

/*th*/
#calendar .sun{
color:#ff1493;
}
#calendar .sat{
color:#00bfff;
}

/*td*/
#calendar td{
font-weight:normal;
text-align:center;
background-color:#eee;
color:#333;
line-height:1.1;
border:1px solid #fff;
vertical-align:bottom;
}
#calendar td a{
margin:0;
display:block;
color:#fff;
background-color:#439823;
text-decoration:none;
}
#calendar td a:hover{
display:block;
color:#fff;
background-color:#c2e57c;
text-decoration:none;
}

/*readers【ｻｲﾄﾞ_このﾌﾞﾛｸﾞの読者】
----------------------*/
#reader dl{
margin-bottom:7px;
}
#reader ul{
margin-top:5px;
}
#reader p{
display:inline;
}

/*ameblo【ｻｲﾄﾞ_ｱﾒｰﾊﾞでﾌﾞﾛｸﾞを書こう】
----------------------*/
#ameblo{
clear:both;
font-size:0.855em;
text-align:center;
background:none !important;
}
#ameblo .menu_frame{
background:none !important;
}
#ameblo p{
padding:5px 0;
}
a#btn_blog{
display: block !important;
text-align:center !important;
}
#sideTextAd{}
#ameblo ul{
margin:0;
padding:0;
}
#ameblo li{
margin-bottom:5px;
}

/*rss【ｻｲﾄﾞ_RSS】
----------------------*/
#rss{
clear:both;
text-align:center;
background:none !important;
}
#rss .menu_frame{
background:none !important;
}
#rss .menu_frame a{}


/*listPages【各一覧ﾍﾟｰｼﾞ】
-------------------------------------------------*/
/*common【共通】
----------------------*/
#recent_entries_list,
#favorite_list,
#reader_list,
#bookmark_list{
width:100%;
padding-bottom:10px;
}
#recent_entries_list h3,
#favorite_list h3,
#reader_list h3,
#bookmark_list h3{
margin:0;
padding:15px;
font-size:1.2em;
}
#recent_entries_list ul,
#favorite_list ul,
#reader_list ul,
#bookmark_list ul{
width:100%;
margin:0;
padding:10px 0;
list-style:none;
}
#recent_entries_list li,
#favorite_list li,
#reader_list li,
#bookmark_list li{
margin:0 15px 15px;
padding:0;
border-bottom:1px dotted #ccc;
list-style:none;
}
#recent_entries_list li a,
#favorite_list li a,
#reader_list li a,
#bookmark_list li a{
}

/*recent_entries_list【最新記事一覧】
----------------------*/
#recent_entries_list h3{}
#recent_entries_list ul{}
#recent_entries_list li{
padding:0 0 2px;
}
#recent_entries_list li p.newentrytitle a{
padding:2px 0 2px 16px;
background:url(http://stat100.ameba.jp/common_style/img/common/icon/brogarticle2.gif) no-repeat 0 0.15em;
}
#recent_entries_list li p.cotb a{
font-size:0.855em;
}
#recent_entries_list li p.updatetime{
padding-bottom:10px;
font-size:0.855em;
color:#666;
}

/*bookmark_list【ﾌﾞｯｸﾏｰｸ一覧】
----------------------*/
#bookmark_list h3{}
#bookmark_list li{
padding-bottom:14px;
}

/*favorite_list【お気に入りﾌﾞﾛｸﾞ一覧】
----------------------*/
#favorite_list h3{}
#favorite_list .favorite_id{}
#favorite_list .favorite_update{
padding:3px 0 3px 30px;
background:url(http://stat100.ameba.jp/common_style/img/common/icon/up.gif) no-repeat 10px 0;
font-size:0.855em;
}
#favorite_list .favorite_blog{
padding:5px 0 5px 28px;
background:url(http://stat100.ameba.jp/common_style/img/common/icon/brogtitle.gif) no-repeat 10px 0.2em;
}

/*reader_list【このﾌﾞﾛｸﾞの読者一覧】
----------------------*/
#reader_list h3{}
#reader_list .reader_blog{
padding:5px 0 5px 28px;
background:url(http://stat100.ameba.jp/common_style/img/common/icon/brogtitle.gif) no-repeat 10px 0.2em;
}
#reader_list li a{}

/*defaultAd
----------------------*/
#defaultAd{
font-size:0.91em;
}
#defaultAd.defaultAd2 {
margin:0 0 10px !important;
}

/*bbsListArea
----------------------*/
#bbsListArea h4{
height:30px;
margin:0;
padding:0 0 5px;
background:url(../img/amebabbsttl.gif) no-repeat 0 0;
}
#bbsListArea h4 a{
display:block;
height:30px;
text-indent:-6650px;
}
#bbsListArea ul{
text-align:left;
margin:0 5px;
padding:0;
}
#bbsListArea li{
margin:0;
padding:2px 0;
background:url(http://stat100.ameba.jp/common_style/img/common/icon/arrow13.gif) no-repeat -2px 2px;
padding-left:11px;
}



