@charset "UTF-8";
/* 
Copyright PONY'STOY-  All rights reserved.
*/


body {
	background-image: url(http://ponystoy.com/diary/pagedesign/backbig_wood.jpg);
        font-family: Verdana, sans-serif;
	margin:0;
	padding:0;
	}

*:first-child + html body {
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	}


img {
	border:none;
}


a {
	color:#336666;
	}

a:hover {
	text-decoration:none;
	}

a:visited {
	color:#336666;
	}




h1 a {
     display: block;
     background: url(http://ponystoy.com/diary/pagedesign/diary_rogo.png);
     background-repeat: no-repeat;
     height: 69px;
     width: 450px;
     margin-top: 120px;
     margin-left: 120px;
     margin-bottom: 60px;
}

h1 span {
display: none;
}


/*　ペイントコンテント */

div#wrapper {
	margin: auto;
	width: 1130px;
}




div#container_diary	{
        width: 1127px;
        margin-top: 70px;
        margin-left: 0px;
	}




div#diary_top {
        margin: auto;
        width: 1127px;
	height: 67px;
	background-image: url(http://ponystoy.com/diary/pagedesign/mainpaint_top.png);
	background-repeat: no-repeat;
	
}

div#diary_bd {
        margin: auto;
	width: 1127px;
	background-image: url(http://ponystoy.com/diary/pagedesign/mainpaint_body.png);
	background-repeat: repeat-y;
	
	
}

div#diary_bottom {
        margin: auto;
	width: 1127px;
	height: 129px;
	background-image: url(http://ponystoy.com/diary/pagedesign/mainpaint_bottom.png);
	background-repeat: no-repeat;
        margin-bottom: 230px;
}




/* コンテナ */

div#container	{
        margin: auto;
        width: 960px;
	}

/* ヘッダー */
div#header	{background-image: url(http://ponystoy.com/diary/pagedesign/diary_header.png);
        width: 960px;
        height: 467px;
        background-repeat: no-repeat;
	padding-top: 50px;
	}


div#header_02	{background-image: url(http://ponystoy.com/diary/pagedesign/diary_header1.png);
        width: 960px;
        height: 467px;
        background-repeat: no-repeat;
	padding-top: 50px;
	}



div#header h1	{font-size: 1.875em;
	
	margin: 0 20px}

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

div#header p	{font-size: 0.75em;
	margin: 8px 20px 0}

div.website     {
	float: right;
	width: 150px;
	height: 150px;
        padding-top: 250px;
	text-align: right;
	}


div.website_bottom     {
        background-image: url(http://ponystoy.com/images_rogo/ponysnew_rogo_12years_pony.png);
	width: 320px;
	height: 130px;
        float : left;
	margin-left: 20px;
	
        text-align: left;
	}


div#website     {
	clear: both;
	width: 960px;
	height: 60px;
	text-align: center;
        margin-top : 0px;
}

div.reload     {
	clear: both;
	width: 880px;
	height: 43px;
        padding-top: 7px;
	text-align: right;
	}


/* コンテンツ */
div#content	{width: 685px;
	float: left;
        margin-left : 10px;
        
}

p#pagetitle	{font-size: 0.875em;
	font-weight: bold;
        width: 685px;
	color: #000;
	border: dotted 1px #666;
	text-align: center;
	padding: 10px 0;
        margin-left: 10px;
	margin-top: 20px}


/* コンテンツNEW */


div#content_new	{width: 900px;
        padding-left: 20px;
	float: left;
        
}


h3.tittle  {
       width: 900px;
       font-size: 0.8em;
       font-family: Verdana, sans-serif;
       border: solid 1px #000000;
        background-color: #FFF;
        padding: 7px;
	margin: 0px}



/* facebook */

div#facebook     {
        clear: both;
	width: 685px;
	height: 60px;
        padding-top: 10px;
	text-align: left;
	}
                 
div#twitter     {
        clear: both;
	width: 105px;
	height: 80px;
        margin-top: 0px;
	text-align: right;
	}

div#facebook_main     {
        float: right;
	width: 105px;
	height: 50px;
        margin-top: 8px;
	text-align: right;
	}




/* 記事 */
div.post	{border: solid 0px #000000;
	padding: 0px;
	margin: 20px auto}

div.post h2	{
	font-size: 0.875em;
        font-family: Verdana, sans-serif;
	border-bottom: solid 1px #000000;
        border-top: solid 1px #000000;
        padding: 7px 1px 7px;
	margin: 0}

div.post h2 a	{text-decoration: none;
	color: #000000}


div.honbun	{font-size: 0.75em;
	line-height: 1.6;
        margin-left: 2px;
	margin-top: 10px}

div.honbun p	{margin-top: 0}

p.postinfo	{font-size: 0.75em;
	color: #000000;
	text-align: right;
	margin: 20px 0 0}

p.postinfo a	{color: #000000}



div.posttwitter    {font-size: 1.0em;
	color: #000000;
	text-align: right;
	margin: 20px 0 0}


div.posttwitter_left    {font-size: 1.0em;
	color: #000000;
	text-align: left;
	margin: 20px 0 0}




/* 記事内の画像 */
.mt-enclosure-image img	{border: none;
        padding:8px;
	border-top:1px solid #eee;
	border-bottom:2px solid #ccc;
	border-right:2px solid #ccc;
	border-left:2px solid #eee;
	margin-top: 5px;
        margin-bottom: 5px;
　　　　 background-color: #fff;
}


/* ページリンク */

#pagelinks  {
	float:left;
	margin-top: 20px;
}

p.pagelink 	{
         clear: both;
}



p.pagelink a	{font-size: 1.0em;
         font-style: normal;
         font-family: Verdana, sans-serif;
         color: #666;
         
}
	

span.pageprev	{font-size: 1.0em;
         margin-bottom: 15px;
         font-style: normal;
         font-family: Verdana, sans-serif;
         color: #000;
                text-align: left;
                
}

span.pagenext	{font-size: 1.0em;
         margin-bottom: 15px;
         margin-left : 5px;
         font-style: normal;
         font-family: Verdana, sans-serif;
         color: #000;
                text-align: right;
                
}

span.diary_top	{font-size: 1.0em;
         margin-bottom: 15px;
         margin-left : 5px;
         margin-right : 5px;
         font-style: normal;
         font-family: Verdana, sans-serif;
         color: #000;
                text-align: right;
                
}




/* 記事新着 */

div.post h3	{
        width: 890px;
	font-size: 0.8em;
        font-family: Verdana, sans-serif;
	border: solid 1px #000000;
        background-color: #FFF;
        padding: 7px;
	margin-top: 20px}

div.post h3 a	{text-decoration: none;
	color: #000000}

div.post dt	{
	font-size: 0.75em;
        font-family: Verdana, sans-serif;
	padding: 5px;
	margin: 0px}

div.post dd	{border-bottom: dotted 1px #c0c0c0;
                width: 725px}



/* twitter */

div.post_twitter  p  {
	font-size: 0.875em;
        font-family: Verdana, sans-serif}

div.post h3 a	{text-decoration: none;
	color: #000000}

div.post dt	{
	font-size: 1.1em;
        font-family: Verdana, sans-serif;
	padding: 5px;
	margin: 0px}





/* コメント */
.comments-open {clear: both;
               font-size: 0.70em;
　　　　　       width: 350px;
	
	       
               border: solid 1px #666;
	       padding: 10px 18px;
	       margin: 60px 0 20px;
               border-radius: 5px ;         
               -moz-border-radius: 5px ;     
               -webkit-border-radius: 5px ;
               }

h3.comments-open-header   {font-size: 1.2em;border-width:0 0 1px 5px; border-style:solid; border-color:#666;padding-left:5px;margin-bottom:20px;}


div#comments	{font-size: 0.75em;
　　　　　clear: both;
	border: solid 1px #666;
	padding: 10px 18px;
	margin: 60px 0 20px}

div#comments h3	{font-size: 0.75em;
	border-bottom: solid 1px #666;
	padding-bottom: 3px}

div#comment-greeting	　　　　　　　　　{font-size: 0.75em}

div#comments label	{font-size: 0.75em}

div#comments-open-data div, 
div#comment-form-reply, 
div#comments-open-text
div#comments-open-captcha,
div#comments-open-footer	{margin-top: 10px;}

textarea	{width: 350px;
	height: 250px}

div.compost	{
	border-bottom: dotted 1px #4babe3}

p.cominfo	{
　　　　　　　　　　text-align: right}

div#comments a	{color: #666}

body.mt-comment-preview div#comments
	{width: 515px;
	margin-left: auto;
	margin-right: auto}

body.mt-comment-error div#comments
	{width: 515px;
	margin-left: auto;
	margin-right: auto}

/* トラックバック */
div#tb	{border: solid 1px #666;
	padding: 10px 18px;
	margin: 20px 0}

div#tb h3	{font-size: 0.875em;
	border-bottom: solid 1px #666;
	padding-bottom: 3px}

p#tburl	{font-size: 0.75em;
	background-color: #88ccff;
	padding: 8px;
	margin-bottom: 30px}

div.pingpost	{font-size: 0.75em;
	border-bottom: dotted 1px #4babe3}

p.pinginfo	{text-align: right}

div#tb a	{color: #666}


/* サイドバー */
div#sidebar	{width: 220px;
	float: right;
	margin-top: 5px;
	margin-bottom: 20px}


div#sidebar li	{font-size: 0.75em;
	list-style-type: none;
	margin-bottom: 4px;
	
	background-position: 0 4px;
	padding-left: 25px;
	vertical-align: top}

div#sidebar li a	{color: #000000;
	text-decoration: none;
	border-bottom: dotted 1px #666}

div#sidebar li li	{font-size: 1em;
	}

div#sidebar ul	{margin: 8px;
	padding: 0}

p.sidebar img   {
            vertical-align: top;
            margin: 20px}


/* フィード */


div#feed	{
                margin-top: 30px;
                margin-left: 15px;
　　　　　　　　　list-style-type: none;
                font-size: 0.75em;
}

div#feed p {margin-left:10px;}


div#sidebar h2
	{background-image: url(http://ponystoy.com/diary/pagedesign/bar-small.png);
	background-repeat: no-repeat;
	font-size: 0.75em;
	color: white;
	padding: 6px 8px;
	margin-bottom: 0}

/* 検索フォーム */
input#s	{width: 140px;
	margin-bottom: 5px;
margin-left: 5px;
}

input	{margin-left: 5px}



/* カレンダー */
 .widget-calendar h3  {
       background-image: url($mt:BlogURL$>pagedesign/bar-small.png);
       background-repeat: no-repeat;
       Font-size: 0.85em;
       color: #000;
       padding: 6px 8px;
       margin-bottom: 8px;
}

table  {
       font-size: 0.75em;
       margin-left: 32px;
       width: 100px;
       border-top: dotted 1px #666;
       border-bottom: dotted 1px #666;
}

th     {border-bottom: dotted 1px #666}

th,td  {text-align: center}



/* フッター */
div#footer	{border-top: solid 1px #000000;
                clear: both}

address	{font-size: 0.75em;
	font-style: normal;
	font-family: Verdana, sans-serif;
	padding-top: 10px}

address a	{color: #336666}


div#line    {width: 1050px;
	height: 33px;
	margin-top:15px; 
	margin-bottom:15px;
	background-image: url(http://ponystoy.com/diary/pagedesign/line.png);
	background-repeat: no-repeat}

div.pagetop {text-align: right;
             margin-top:20px; 
             margin-bottom:10px;
}

div.pagetop_left {
        text-align: left;
        margin-top:15px;      
}


div.pagetop_leftbox {
        text-align: left;
        margin-top:15px;      
        clear: both;
}



div.pagetop_right {
        text-align: right;
        margin-top:160px; 
        margin-right:20px;     
        float: right;
}



div#footer_copyright {
	margin: auto;
	clear: both;
	width: 1130px;
	height: 45px;
　　　　 margin-top : 200px;
	text-align: center;
}


/* ナビゲーション */
div#navi   {
            clear: both;
	    width: 960px;
	    height: 30px;
            text-align: center;
}

div#navi a  {font-size: 0.75em;
　　　　　　text-decoration: none;
     　　　font-family: Verdana, sans-serif;
	}	


span.current_page {font-size: 0.75em;
　　　　　　text-decoration: none;
     　　　font-family: Verdana, sans-serif;
	}	
	
.link_next,
.link_page,
.link_before  {font-size: 0.75em;
　　　　　　text-decoration: none;
     　　　font-family: Verdana, sans-serif;
	}	


/* ハイスライド */
.highslide {
    cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
    border: 2px solid gray;
}
.highslide:hover img {
    border: 2px solid white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
    color: white;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/*-----------------------------------------------
 __navigation
-----------------------------------------------*/

#navigation {
width: 1100px;
height: 193px;
left:0px;
top:0px;

margin-top: 20px;


}


#home_info {
float: left;
width:96px;
height:121px;
margin-right: 15px;
margin-left: 40px;
margin-top: 20px;

}



#news {
float: left;
width:77px;
height:34px;
margin: 50px 10px 10px;
}

#menu {
float: left;
width:77px;
height:34px;
margin: 50px 15px 10px;
}

#live {
float: left;
width:63px;
height:34px;
margin: 10px 10px;
}


#links {
float: left;
width:77px;
height:34px;
margin: 50px 15px 10px;
}



#recommend {
float: left;
width:200px;
height:34px;
margin: 50px 10px 10px;
}


#diary {
float: left;
width:77px;
height:34px;
margin: 10px 10px;

}


#photo_movie {
float: left;
width: 244px;
height:34px;
margin: 7px 5px 7px 0px;
}

#ponystory {
float: left;
width: 158px;
height: 34px;
margin: 50px 10px 10px;
}

#ponystube {
float: left;
width: 173px;
height: 37px;
margin: 48px 10px 10px;
}

#design {
float: left;
width: 108px;
height: 34px;
margin: 10px 10px 20px;
}


#gallery {
float: left;
width: 126px;
height: 34px;
margin: 10px 10px;
}


#ponys_ust {
float: left;
width: 149px;
height: 32px;
margin: 6px 10px;

}


/* NEW */

span.new {
　　background: #fff;
　　color: red;
　　display: none;
}




/* rotator */


#rotator{
        background: url(http://www.ponystoy.com/diary/rotator/rotator.php) no-repeat;
        margin: auto;
        width: 910px; 
        height: 467px; 
        margin-bottom:30px;
}
        



/* フィード Bottom*/


div#feed_bottom	li {font-size: 0.75em;
	list-style-type: none;
        margin-top: 3px;
        margin-bottom: 3px;
}



/* Twitter Widget */


#twitter_div {
        text-align : left;
        list-style-type: none;
        margin : 10px 10px;
        padding-left:20px; 
}


#twitter_div a {
        padding-left: 5px;
}


#twitter_div img   {
        margin: 10px;
        border: none;
        padding:5px;
	border-top:1px solid #eee;
	border-bottom:2px solid #ccc;
	border-right:2px solid #ccc;
	border-left:2px solid #eee;
}

#twitter_div h2 {
        font-size : 1em;
        color : #000000;
        text-align : right;
        margin : 5px 0;
}

#twitter_div li {
        width : 725px; 
        margin : 5px;
}


#twitter_div li {
        padding : 2px 5px 2px 0px; 
        list-style-type: none;
        border-bottom : dotted 1px #c0c0c0; 
}

#twitter_div li a {
        font-size : 0.7em !important;
        text-decoration:none;
        color : #336660; 
}

#twitter_div li a:hover {
        text-decoration:underline!important;
        color : #336660;

}

#twitter_div li span {
        color : #000000; 
        font-size : 0.8em;
}

#twitter_div li span a {
        color : #336660; 
        font-size : 1em !important;
}

a#twitter-link {
        font-size : 0.8em;
        color : #336660; 
        text-align : left;
        margin : 10px 0;
}

a#twitter-link:hover {
        color : #336660;
}

#twitter_div_headerbox {
        width  : 760px;
        height  : 60px;
        padding-left:30px;
}


#twitter_div_header_p {
        width  : 300px;
        height  : 60px;
        
        
}

#twitter_div_header_p p {
        
        font-weight: bold;
        font-size : 0.8em;
        color : #000000;
        text-align : left;
        margin : 5px 0;
}



#twitter_div_header_img {
        float : left;
        width  : 48px;
        height  : 48px;
        margin-right: 8px;
        border: none;
        background-color : #fff;
        padding:5px;
	border-top:1px solid #eee;
	border-bottom:2px solid #ccc;
	border-right:2px solid #ccc;
	border-left:2px solid #eee;
}


#navi_bottom {
        width : 685px;
        height :30px;
        clear: both;
}

#twitter_facebook {
        width : 100px;
        height : 100px;
        float: left;
        
}

#twitter_facebook iframe {
        margin-top:5px;
        
}


#twitter_follow {
        width 120px;
        height 36px;
        margin-left: 30px;
}


#hamazo  {
        margin: 40px 30px;
        
}


.hamazo  {
        border: none;
        background-color : #fff;
        padding:5px;
	border-top:1px solid #eee;
	border-bottom:2px solid #ccc;
	border-right:2px solid #ccc;
	border-left:2px solid #eee;
}

       

#hamazo_box   {
        clear: both;
        margin: 20px;
        text-align: left;
　　　　 
}


#under_navi   {
	clear:both;
	height:200px;
	width: 960px;
        margin-top:50px;
}


span.new {
display: none;
color: red;
font-weight: bold;
}



.fukugun {
        padding:5px;
	border-top:1px solid #eee;
	border-bottom:2px solid #ccc;
	border-right:2px solid #ccc;
	border-left:2px solid #eee;
	margin-top: 5px;
        margin-bottom: 5px;
　　　　 background-color : #fff}


.thumlist { clear: both; 
            margin: 10px 0;
            padding-right: 180px;
            font-size: 0.7em;
            line-height: 1.6;
            height: 90px;
            }
            


.thum {
          display: inline;
          float: left;
          margin-right: 10px;
          margin-left: 10px;
          overflow: hidden;
          vertical-align: middle;
          width: 80px;
          height: 80px;
          border: 1px solid #f0f0f0;
　　border-bottom: 3px solid #ccc;
    background-color: #FFFFFF;
　　       

}


blockquote { 
    margin: 0 0 15px 10px; padding: 0; 
}  


blockquote#one { 
     width: 860px; 
　　  margin-left:20px;
     padding: 0px; 
     position: relative; 
/*    border-radius: 20px;          CSS3 */
/*   -moz-border-radius: 20px;     Firefox */
/*   -webkit-border-radius: 20px; Safari,Chrome */
/*   background-color: #FFFFFF;    背景色 */
/*     border-top: 1px dotted #c0c0c0;   */
     border-bottom: 1px dotted #ccc;

    /* IE以外なら丸角も！

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px; */
} 

blockquote#one .arrow { 
    /* 吹き出しの部分 */
    width: 0; 
    height: 0; 
    line-height: 0; 
    border-top: 40px solid #e3e3e3; 
    border-left: none; 
    border-right: 30px solid white; 
    position: absolute; 
    bottom: 60%; 
    right: -30px; 
} 

dt.jun  {width: 848px;
             heigth: 16px; 
             text-align : right;
                        
}

dt.jun  img {margin-left:5px;}

div#recentdiary  {margin: 30px 0;}

ul.tree {
    margin: 0 0 0 15px;
    padding: 0;
    list-style: none;
}
ul.tree ul {
    margin: 0 0 0 10px;
    padding: 0;
}
ul.tree li {
    margin: 0;
    padding: 0 0 0 11px;
    background-image: url(tree_lst.gif);
    background-repeat: no-repeat;
    list-style: none;
}
ul.tree li.tree_end {
    background-image: url(tree_end.gif);
    list-style: none;
}



/*----- trackbacks & Comments-----*/
.post1 {
border-top: solid 1px #AAAAFF;
font-size: 85%;
padding-top: 6px;
margin-bottom: 20px;
}

#trackbackdata h3{
font-size: 85%;
color: #888;
margin-bottom: 0px;
}

#tbdata. #left #commentdata p{
font-size: 85%;
color: #888;
margin-top: 10px;
margin-bottom: 0px;
}

.comment_view{
font-size: 100%;
color: #666;
margin-top: 10px;
margin-bottom: 0px;
}

#commentdata .post2 p{
margin-bottom: 20px;
font-size:85%;
text-align: right;
}

.cform{
margin: 0 20px;
}

.error {
font-size : 100%;
color: red;
border: 1px solid red;
padding: 5px;
text-align: center;
}


div#flickr {margin:20px;clear: both;}


div#archives_body  {list-style-type: none;font-size: 0.85em;
}

div#archives_body li	{font-size: 0.85em;
	list-style-type: none;
	margin-bottom: 4px;
	
	background-position: 0 4px;
	padding-left: 10px;
	vertical-align: top}

div#archives_body li a	{color: #000000;
	text-decoration: none;
	border-bottom: dotted 1px #666}

div#archives_body li li	{font-size: 0.85em;
	}

div#archives_body ul	{margin: 5px;
	padding: 0}

div#archives_body dt	{font-size: 1.0em;}	

div#archives {padding:8px 0 8px 8px;}
.archives_box {
               float:left;
	       margin:10px 0px 10px 0px;}
.archives_search {width:200px;
               float:left;
	       margin:10px 10px 10px 10px;}



