/*-----------------------------------------------------
Ametemp CSS for ameba blog
ITEM-ID:AM-AA01
Copyright:	Ametemp - Seanon Ltd.
本テンプレートのCSSの著作権はお客様が購入されたあともアメテンプ - シーノン株式会社にあります。 本テンプレートのCSSの全文または一部をコピーして無断で第三者に販売・配布・譲渡することを禁じます。
-----------------------------------------------------*/


#sidebanner ul li.twitter a,#sidebanner ul li.twitter a:hover,#sidebanner ul li.facebook a,#sidebanner ul li.facebook a:hover,#sidebanner ul li.hr a,#sidebanner ul li.hr a:hover,#sidebanner ul li.hs a,#sidebanner ul li.hs a:hover,div.readerRequestBtnArea2 a.readerBtn,div.readerRequestBtnArea2 a.readerBtn:hover,.recentEntriesMenu .skinMenuHeader,.profileMenu .skinMenuHeader,.calendarMenu .skinMenuHeader,.archiveMenu .skinMenuHeader,.readerMenu .skinMenuHeader,.favoriteMenu .skinMenuHeader,.rankingMenu .skinMenuHeader,.bookmarkMenu .skinMenuHeader,.recentCommentMenu .skinMenuHeader,.themeMenu .skinMenuHeader,a.readmore,a.readmore:hover
{

/*========== ☆ アメテンプ画像編集はここから ☆ ============*/

/*【１】↓下の★を全て消して「image_seat」（画像シート）のURLを貼付けます*/

background:url(//stat.blogskin.ameba.jp/blogskin_images/20110930/16/b8/4f/p/o10000760itonozomi1317369543330.png)

/*↑↑【１】の作業ここまで↑↑*/


no-repeat;}.skinHeaderArea{


/*【２】↓下の★を全て消してヘッダーイメージのURLを貼付けて下さい。*/


background:url(http://seanon.heteml.jp/client/nozomi/image/header_img.jpg)

/*↑↑【２】の作業ここまで↑↑*/

/*========== ☆ アメテンプ画像編集はここまで ☆ ============*/



no-repeat 0px 9px; }

/*---------------------------*/
/*　リセットスタイル */
/*---------------------------*/
html {
font-size:1em !important;
line-height:1.5;
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
text-align:left;
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
}
img{
border:0;
}
input,
textarea{
}
p{
margin:0;
padding:0;
}
/*---------------------------*/
/*　ブログデザインの基本設定　　  */
/*---------------------------*/
body {
font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}
/* 地色テキスト */
.skinTextColor,
.skinBaseTextColor,
.skinBlock,
body{
color:#666;			
}
/*■リンク*/
.skinAnchorColor,
.skinBaseAnchorColor,
.skinBlock a,
.skinBlock a:visited,
a:visited,
skinAnchorVisitedColor,
.skinBaseAnchorVisitedColor,
a{
text-decoration:none;
color:#1A8080;			
}
.skinAnchorHoverColor,
.skinBaseAnchorHoverColor,
.skinBlock a:focus,
.skinBlock a:hover,
a:focus,
a:hover{
text-decoration:underline;
color:#1A8080;
}
/* 淡　テキスト色 */
.skinWeakColor,
.skinBaseWeakColor{
color:#999;			
}
/* 強調　テキスト色 */
.skinStrongColor,
.skinBaseStrongColor{
color:#333;			
}
/*コンテンツ全体*/
.skinBody{}
.skinBody2{}
.skinBody3{}
/* 背景色 */
.skinBgColor,
.skinBaseBgColor,
.skinBlock{
background-color:#fff;		
}
/* 淡　背景色 */
.skinWeakBgColor,
.skinBaseWeakBgColor{
background-color:#f7f7f7;	
}
/* 強調　背景色 */
.skinStrongBgColor,
.skinBaseStrongBgColor{
background-color:#f7f7f7;	
}
.skinSimpleBtn, 
.skinSimpleBtn:visited, 
.skinSimpleBtn:hover, 
.skinSimpleBtn:focus{
color:#1A8080;
}
/*---------------------------------*/
/*　フレーム　ブログのレイアウト設定　   */
/*---------------------------------*/
.skinFrame{
/*width:980px;*/
margin:0 auto;
background: url(http://seanon.heteml.jp/client/nozomi/image/bg.png) repeat-x 0 15px;
}
.skinFrame2{
position:relative;
width:990px;
margin:0 auto;

}
.skinContentsFrame{
width:980px;
}

/* カラムタイプ  */
/*２カラム左サイドバー*/
.columnA .skinMainArea {
float: right;
width: 650px;
}
.columnA .skinSubA {
float: left;
width: 300px;
}
.columnA .layoutContentsB { 
display: none 
}
/*２カラム右サイドバー*/
.columnB .skinMainArea {
float: left;
width: 650px;
}
.columnB .skinSubA {
float: right;
width: 300px;
}
.columnB .layoutContentsB { 
display: none;
}

/*---------------------------*/
/*　　ヘッダー header　　 */
/*---------------------------*/
.headerBnrArea{
padding-bottom:15px;
background:#D3DBDB;
}
.skinHeaderArea{
width:990px;
height:540px;
margin:0 0 30px 0;
overflow:hidden;
}
.skinBlogHeadingGroupArea{
padding:0px;
}
/*ブログタイトル*/
.skinTitleArea{
text-indent:-9999px;
}
/* skinTitle ブログタイトル文字 */
.skinTitle,
.skinTitle:visited,
.skinTitle:focus,
.skinTitle:hover{
text-indent: -9999px;
display: block;
width: 640px;
height: 110px;
margin: 310px 0 0 10px;
}

/*ブログ説明*/
.skinDescriptionArea{
text-indent:-9999px;
}

/*------------------------------*/
/*　メインメニュー main_menu　 */
/*------------------------------*/
ul#main_menu {
position:absolute;
top:479px; 
left:5px; 
width:980px; 
height:78px;
padding:0;
background: url(http://seanon.heteml.jp/client/nozomi/image/navi_df.png) no-repeat;
}

ul#main_menu li {
float	:left;
text-align:center;
}

ul#main_menu li a {
text-decoration: none;
display	:block;
width:196px; 
height:78px; 
}

ul#main_menu li a:hover {
background: url(http://seanon.heteml.jp/client/nozomi/image/navi_ov.png) no-repeat;

}

ul#main_menu li a span{
display: block;
text-indent: -9999px;
}
ul#main_menu li.menu5 a span{
border:none;
}

ul#main_menu li.menu1 a span{

}
ul#main_menu li.menu2 a:hover{
background-position: -196px 0px;
}
ul#main_menu li.menu3 a:hover{
background-position: -392px 0px;
}
ul#main_menu li.menu4 a:hover{
background-position: -588px 0px;
}
ul#main_menu li.menu5 a:hover{
background-position: -784px 0px;
}

/*---------------------------*/
/*　プロフィールページ */
/*---------------------------*/

img.profileimg,
img.voice{
margin-right: 20px;
margin-bottom: 20px;
}
.profileimgarea{
float:left;
}
.profiletextarea{
float:right;
width:380px;
}
/*フロート解除*/

#profile1:after,
#profile2:after,
#profile3:after,
#profile4:after{
display:block;
clear:both;
content:"";
}
#profile1,
#profile2,
#profile3,
#profile4{
*zoom:1;
}
a.readmore{
display: block;
width: 220px;
height: 52px;
margin-top:20px;
margin-left: 150px;
background-position:0 -485px;
text-indent: -9999px;
}
a.readmore:hover{
background-position:0 -540px;
}
.profilelistarea1{
width: 580px;
border: 1px #DDD solid;
border-radius:5px;
margin: 40px auto;
padding: 10px;
}
.profilelistarea1 h2{
padding:10px 10px 10px 30px;
}

ul.profile_list1 li{
background: url(//stat.ameba.jp/user_images/20110928/15/itonozomi/ab/70/p/o0003000511513010978.png)no-repeat 0 6px;
text-indent: 12px;
list-style-type: none;
margin: 5px 0;
}
div.profilelistarea1 a.top1{
display: block;
margin-left: 450px;
width: 100px;
height: 25px;
background: #1A8080;
color: white;
text-align: center;
padding-top: 5px;
font-size: 0.9em;
border-radius: 5px;
}

/*---------------------------*/
/*　メッセージボード */
/*---------------------------*/
.skinMessageBoard{
margin-bottom:16px;

}
.skinMessageBoard{
border-top:1px dotted #DDD;
border-bottom:1px dotted #DDD;
background:#fff;
}
.skinMessageBoard2{}
.skinMessageBoard3{
padding:16px 20px;
min-height: 610px;
height: auto !important;
height: 610px;
}
#message{
margin-bottom:14px;
border:none;
}

#hello .profiletextarea{
width:280px;
}
#hello .profiletextarea2 img{
width:300px;
height:130px;
position:absolute;
left:320px;
top:20px;
}

#hello .profiletextarea2 p{
width:280px;
position:absolute;
left:325px;
top:160px;
}
#hello .profileimgarea2 img{

height:370px;
position:absolute;
left:10px;
top:40px;
}
#hello .profilelistarea2{
width:650px;
position:absolute;
top:410px;
left:0px;
}
#hello ul{
margin:0px;
list-style-type: none;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-moz-margin-start:0;
-moz-padding-start:0;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
margin-start:0;
padding-start:0;
}
#hello ul li{
width:300px;
float: left;
margin-right: 5px;
margin-bottom:10px;
} 
#hello li a{
display: block;
width: 300px;
height: 83px;
text-indent: -9999px;
}
#hello li.pf1 a{
background: url(//stat.ameba.jp/user_images/20110927/15/itonozomi/2e/a8/j/o0302018011510996521.jpg) no-repeat;
background-position:0 0;
}
#hello li.pf1 a:hover{
background-position:0 -90px;
}
#hello li.pf2 a{
background: url(//stat.ameba.jp/user_images/20110927/15/itonozomi/f7/09/j/o0302018011510996548.jpg) no-repeat;
background-position:0 0;
}
#hello li.pf2 a:hover{
background-position:0 -90px;
}
#hello li.pf3 a{
background: url(//stat.ameba.jp/user_images/20110927/15/itonozomi/32/69/j/o0302018011510996539.jpg) no-repeat;
background-position:0 0;
}
#hello li.pf3 a:hover{
background-position:0 -90px;
}
#hello li.pf4 a{
background: url(//stat.ameba.jp/user_images/20110927/15/itonozomi/7d/2d/j/o0302018011510996547.jpg) no-repeat;
background-position:0 0;
}
#hello li.pf4 a:hover{
background-position:0 -90px;
}

/*---------------------------*/
/*　メインカラム（記事部分）　　 */
/*---------------------------*/
.skinArticleHeader h1 {
margin: 0;
padding: 10px 0;
height:auto;
font-weight: normal;
}
.skinArticleHeader{
margin:0 20px;
font-size:1.4em;
padding:4px 0px;
border-left:none;
}
.skinArticleHeader2{}
.skinArticleTitle,
.skinArticleTitle:hover,
.skinArticleTitle:focus,
.skinArticleTitle:visited{
font-size:1.4em;
font-weight: normal;
color:#1A8080;
}
.articleDetailArea { 
padding: 10px 0;
font-size:0.8em;
}
.skinArticle{
/* 注　blog.cssに margin-bottom の記述有り */
padding:16px 0;
background:#fff;
border-radius:5px;/*記事の枠のカドマル*/
border:1px solid #DDD;
}
.skinArticle2{}
.skinArticle3{}
.skinArticleBody{}
.skinArticleBody2{
margin:0 20px;
}
.articleText{
font-size: 17px;
line-height: 2.0;
margin-bottom:150px;

}
.skinArticleFooter{
margin:10px 29px 0;
border-top: none;
}

/*---------------------------*/
/*最新の記事一覧タブメニュー*/
/*---------------------------*/
/* 枠線色*/
.skinBorderColor,
.skinBaseBorderColor,
.skinBlock{
border-color:#ddd;		
}
/* リスト境界線色*/
.skinBorderHr,
.skinBorderList li{
border-color:#b3b3b3;	
}

/*---------------------------*/
/*サイドバー*/
/*---------------------------*/
/* skinMenu サイドメニューのブロック */
.recentEntriesMenu,
.profileMenu,
.calendarMenu,
.archiveMenu,
.readerMenu,
.favoriteMenu,
.rankingMenu,
.bookmarkMenu,
.recentCommentMenu,
.themeMenu{
margin-bottom:10px;
background:#fff;
border: 1px solid #DDD;
border-radius:5px;
}
.skinMenuHeader{
background:#E6F2F1;
padding: 10px 0px 0px 20px;

}

.recentEntriesMenu .skinMenuHeader,
.profileMenu .skinMenuHeader,
.calendarMenu .skinMenuHeader,
.archiveMenu .skinMenuHeader,
.readerMenu .skinMenuHeader,
.favoriteMenu .skinMenuHeader,
.rankingMenu .skinMenuHeader,
.bookmarkMenu .skinMenuHeader,
.recentCommentMenu .skinMenuHeader,
.themeMenu .skinMenuHeader{
height:42px;
background-position:-305px -485px;
}

.skinMenuTitle{
font-size: 1.2em;
}
.skinMenuBody{
margin:10px;
padding:10px;
background:#fff;
font-size:0.8em;
}
.skinSubHr,
.skinSubList li{
margin-bottom:3px;
padding-bottom:3px;
border-bottom:1px dotted #ccc;
}
.recentEntriesMenu .skinSubList li,
.profileMenu .skinSubList li,
.calendarMenu .skinSubList li,
.archiveMenu .skinSubList li,
.readerMenu .skinSubList li,
.favoriteMenu .skinSubList li,
.rankingMenu .skinSubList li,
.bookmarkMenu .skinSubList li,
.recentCommentMenu .skinSubList li,
.themeMenu .skinSubList li{
background:url(//stat.ameba.jp/user_images/20110928/15/itonozomi/ab/70/p/o0003000511513010978.png)no-repeat 0 6px;
padding-left:10px;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px dotted #ccc;
}
.profileMenu .skinMenuBody,
.calendarMenu .skinMenuBody,
.archiveMenu .skinMenuBody,
.readerMenu .skinMenuBody,
.favoriteMenu .skinMenuBody,
.rankingMenu .skinMenuBody,
.bookmarkMenu .skinMenuBody,
.recentCommentMenu .skinMenuBody,
.themeMenu .skinMenuBody{
margin:10px 0;
}

/*---------------------------*/
/* ボタンのスタイル */
/*---------------------------*/
/* skinImgBtnS (128px) 
読者になる、アメンバー、メッセージ、プレゼント
*/
ul.profileBtnArea li{
padding:4px;
}
/*
.skinImgBtnS{
background-position:0px 0px;
background:url(//stat.ameba.jp/user_images/20110927/06/ametemp001/4d/39/p/o0128006011510447259.png)no-repeat;
}
.skinImgBtnS:hover,
.skinImgBtnS:focus{
background-position:0px -28px;
}
.skinImgBtnS:hover span,
.skinImgBtnS:focus span,
.skinImgBtnS span{
background-image:url(//stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_white.png);/* アイコン画像を指定 */
color:#999;
}
*/
/*
ボタンのアイコン画像
menu_icons_pastel.png
menu_icons_gray.png
menu_icons_black.png
menu_icons_white.png
*/

/*---------------------------*/
/* skinSimpleBtn ページングの次へ、前へボタン */
/*---------------------------*/
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus{
border:1px solid #ddd;
background:#fff;
color:#1A8080;
}
.skinSimpleBtn:hover,
.skinSimpleBtn:focus{
background:#f7f7f7;
}.readerHeader { padding-bottom: 7px }
.readerRequestArea {
    margin-top: 10px;
    text-align: center;
}
/*---------------------------*/
/* readerのボタン */
/*---------------------------*/
/*
.readerRequestBtnArea a.skinImgBtnS{
background:none;
}
.readerRequestBtnArea a.readerBtn{
display:block;
width:220px;
height:70px;
margin:0 auto;
}
*/
/*
.readerRequestBtnArea .readerBtn span{
text-indent:-9999px;
display:block;
width:220px;
height:75px;
background:url(//stat.ameba.jp/user_images/20110928/15/itonozomi/f9/81/g/o0220015011513011626.gif)no-repeat;
background-position:0px 0px;
}*/
/*
.readerRequestBtnArea .readerBtn:hover span,
.readerRequestBtnArea .readerBtn:focus span{
background-position:0px -75px;
}
*/
/*---------------------------*/
/* カレンダー */
/*---------------------------*/
skinSubA .calendarMenu table{
width:260px;
}
/*---------------------------*/
/* サイドバナー（Twitter、Facebookなど） */
/*---------------------------*/
#sidebanner ul li{
margin-bottom:10px;
text-indent: -9999px
}
#sidebanner ul li a{
display:block;
width:300px;
height:75px;

}
#sidebanner ul li.twitter a{
background-position:0 -325px;
}
#sidebanner ul li.twitter a:hover{
background-position:0 -405px;
}
#sidebanner ul li.facebook a{
background-position:0 -165px;
}
#sidebanner ul li.facebook a:hover{
background-position:0 -245px;
}
#sidebanner ul li.hr a{
background-position:-305px -165px;
}
#sidebanner ul li.hr a:hover{
background-position:-305px -245px;
}
#sidebanner ul li.hs a{
background-position:-305px -325px;
}
#sidebanner ul li.hs a:hover{
background-position:-305px -404px;
}
.youtube_bottom{
height:300px;
}
#youtubearea{
position:absolute;
top:570px;
width:290px;
height:270px;
padding:4px;
border:1px #e5e5e5 solid;
margin-bottom:20px;
}
#youtube_title{
width: 230px;
margin: 5px auto;
}
#youtube{
margin: 5px;
}
#youtube_descript{
font-size:0.8em;
text-align:center;
}


/*広告の上のドット線*/
div#advertising2,
div.advertising2{
margin-top:150px;
border-top:1px dotted #DDD;
}

/*記事フッターのアイコン*/

div.socialbuttons1{
padding-right: 32px;
}

.articleExLinkArea {
margin: 10px 0px;
text-align: right;
}
/*
.articleLinkArea {
margin: 10px 0;
width: 540px;
text-align: right;
}
*/

/*記事のトップ「読者になるボタン」追加*/
div.skinMainArea2{
position:absolute;
width:650px;

left:0;
}

div.readerRequestArea2{
position:absolute;
width:650px;
height:150px;
top:580px;
left:0;
}

div.readerRequestBtnArea2 a.readerBtn{
display:block;
width:500px;
height:70px;
margin:10px auto;
background-position: 0 0;
}
div.readerRequestBtnArea2 a.readerBtn:hover{
background-position: 0 -75px;
}
div.readerRequestBtnArea2 a.readerBtn{
text-indent:-9999px;
}
div.readerRequestDescription2{
width:600px;
text-align:center;
font-size:0.9em;
}
/*「読者になるボタン」ここまで*/

#viewSwitcher {
padding: 5px 0;
color: rgb(51, 51, 51);
background: rgba(255, 255, 255, 0.7);
text-align: center;
width: 100%;
height: 40px;
position: fixed;
bottom: 0px;
}