@charset "shift_jis";

/* ------------------------------------------------------------------------------------------------
 初期設定
 ------------------------------------------------------------------------------------------------ */

/*html {background:#ECE9D8 url(../img/bg.jpg) right top no-repeat fixed;}*/



body {
font-size:12px;
font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
line-height:160%;
color:#333;
position:relative;
z-index:0;
}

*html body {background:url(null) fixed;}

* {margin:0; padding:0;}

img,object {border-style:none; vertical-align:top;}

ul,ol,li {list-style:none;}

input,select {margin-right:3px; vertical-align:middle;}

table th {vertical-align:top; font-weight:normal;}

a:link,a:visited {color:#444; text-decoration:underline; overflow:hidden;}
a:hover {color:#FB8A00; text-decoration:underline;}


/*Supersize Plugin Styles*/
		#supersize {width:100%; height:100%; position:fixed; top:0; left:0; z-index:-100;}
		#supersize img {
			height:100%;
			width:100%;
		}



/* ------------------------------------------------------------------------------------------------
 ヘッダー
 ------------------------------------------------------------------------------------------------ */

#headbox {width:100%; position:fixed; top:0; left:0; z-index:50;}

#header {
padding:20px 0 0 100px;
background:#000;
height:105px;
display:none;
color:#FFF;
}

#header {zoom:100%;}
#header:after {content:"."; clear:both; height:0.1px; font-size:0.1em; line-height:0; visibility:hidden;}
/*\*/
*html #header {height:1px;}

/**/

#header h1 {margin-bottom:10px; font-size:14px; width:160px; float:left;}


#header .about_box {width:450px; float:left;}
.about_box .about_title {margin-bottom:5px; font-size:14px; clear:both;}
.about_box #avatar {margin-right:10px; float:left;}

#btn_follow {width:69px; float:left;}

#header .follow_box {width:400px; float:left;}
#header .follow_box p {margin-bottom:5px;}
#header .follow_box ul li {margin:0 8px 5px 0; float:left;}


#header_btn {
position:relative; z-index:100;
background:url(../img/header_bg.gif) top repeat-x;
}

#header_btn .open {
width:160px; height:40px; display:block;
position:relative; z-index:200;
}

#header_btn #penpen {
width:200px; height:140px;
z-index:150; position:absolute;
top:-90px; left:-10px;
}





/* ------------------------------------------------------------------------------------------------
 コンテンツ
 ------------------------------------------------------------------------------------------------ */





/* パンくず------------------------------------------------------------------------------------------- */



/* レフトカラム------------------------------------------------------------------------------------------- */

#leftbox {margin:0 30px 0 20px; padding-top:60px; width:140px; float:left; display:inline;}

#leftbox .inner {margin-bottom:15px;}






#leftbox #cate_navi {
margin-left:-10px;
width:150px;
position:relative;
}


#leftbox #post_navi {width:140px;}
#leftbox #post_navi li {margin:0 5px 5px 0; padding:0; width:30px; float:left;}


#leftbox #side_navi {margin-bottom:25px;}
#leftbox #side_navi li {margin-bottom:5px; padding:2px 0 0 23px;}
#leftbox #side_navi li a:link,
#leftbox #side_navi li a:visited {text-decoration:none;}

#leftbox  #side_navi li.navi1 {background:url(../img/ico_home.gif) no-repeat;}
#leftbox  #side_navi li.navi2 {background:url(../img/ico_archives.gif) no-repeat;}
#leftbox  #side_navi li.navi3 {background:url(../img/ico_rss.gif) no-repeat;}


#leftbox #likes {line-height:1.4;}

#leftbox #likes h3 {
margin-bottom:3px; padding:2px 0 0 23px;
background:url(../img/ico_like.gif) 0 2px no-repeat;
font-size:12px; font-weight:normal;
}

#leftbox #likes ul#likes li {margin-bottom:15px;}
#leftbox #likes ul#likes .like_caption {font-size:10px; line-height:1.4;}


#leftbox #likes ul#likes li .post_info_top {
margin-bottom:2px;
padding:0 5px;
width:120px;
background:#6E6B5D;
display: block !important;
font-size:10px;
color:#D5D2C1;
}

#leftbox #likes ul#likes li .post_info_top a:link,
#leftbox #likes ul#likes li .post_info_top a:visited {color:#EBE9DF;}
#leftbox #likes ul#likes li .post_info_top a:hover {color:#FB8A00;}


#leftbox .like_post img {max-width:130px !important;}



#leftbox .people-following {margin-bottom:20px;}
#leftbox .people-following li {margin:0 5px 5px 0; float:left;}



#tweetbox {margin-bottom:20px;}




/* ライトカラム------------------------------------------------------------------------------------ */

#rightbox {padding-top:50px; width:490px; float:left; display:inline;}




.post {
margin-bottom:40px;
padding:30px 0 30px;
width:490px;
position:relative;


-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

-moz-box-shadow: 1px 1px 8px #000; /* Firefox */
-webkit-box-shadow: 1px 1px 8px #000; /* Safari and Chrome */
box-shadow: 1px 1px 8px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

/* behavior: url(http://magnets.jp/zassyu/ie-css3.htc); */ /* This lets IE know to call the script on all elements which get the 'box' class */
}


.post .date {
padding:5px 0 0;
width:50px;
height:117px;
font-weight:bold;
color:#FFF;
text-align:center;
position:absolute;
top:48px;
left:-18px;
}

.post img {
max-width: 400px;
}

.post .inner {
margin:0 auto;
padding:15px;
background:#FFF; width:400px;
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
/* behavior: url(http://magnets.jp/zassyu/ie-css3.htc); */ /* This lets IE know to call the script on all elements which get the 'box' class */
}

.post .inner .contetns {padding-bottom:5px; border-bottom:#CCC 1px dotted;}

.post .inner .contetns h3 {margin-bottom:10px;}
	
	
.post .postmeta {padding-top:8px;}
.post .postmeta p {margin-bottom:5px; padding-left:13px; font-size:10px; line-height:1;}

.post .postmeta .posttime {background:url(../img/post_meta_time.gif) no-repeat; color:#999;}
.post .postmeta .posttime a:link,
.post .postmeta .posttime a:visited {font-size:10px; color:#999; text-decoration:none;}
.post .postmeta .posttime a:hover {text-decoration:underline;}
		
.post .postmeta .tags {background:url(../img/post_meta_tag.gif) no-repeat;}

.post .postmeta .reblog {background:url(../img/post_meta_reblog.gif) no-repeat;}

.post .sippo {width:220px; height:170px; position:absolute; top:0; right:-220px;}




/* カテゴリ別装飾 ------------------------------------------------------------ */

/* テキスト post_text */
.post_text .date {background:url(../img/tab_text.png) no-repeat;}
.post_text {background:url(../img/bg_text.jpg);}
.post_text .inner {border:#FF3399 4px solid;}
.post_text .sippo {background:url(../img/shippo1.png) no-repeat;}
.post_text .contetns img {margin-bottom:8px;}
.post_text .contetns p {margin-bottom:8px;}


/* 画像 post_photo */
.post_photo .date {background:url(../img/tab_photo.png) no-repeat;}
.post_photo {background:url(../img/bg_photo.jpg);}
.post_photo .inner {border:#FF6600 4px solid;}
.post_photo .photo_box {margin-bottom:10px;}
.post_photo .sippo {background:url(../img/shippo2.png) no-repeat;}

/* 引用 post_quote */
.post_quote .date {background:url(../img/tab_quote.png) no-repeat;}
.post_quote {background:url(../img/bg_quote.jpg);}
.post_quote .inner {border:#0199FF 4px solid;}
.post_quote .quote {margin-bottom:20px;}
.post_quote .source {font-size:10px;}
.post_quote .sippo {background:url(../img/shippo3.png) no-repeat;}


/* リンク post_link */
.post_link .date {background:url(../img/tab_link.png) no-repeat;}
.post_link {background:url(../img/bg_link.jpg);}
.post_link .inner {border:#FEBF01 4px solid;}
.post_link .inner img {margin-bottom:10px;}
.post_link .sippo {background:url(../img/shippo4.png) no-repeat;}


/* チャット post_chat */
.post_chat .date {background:url(../img/tab_chat.png) no-repeat;}
.post_chat {background:url(../img/bg_chat.jpg);}
.post_chat .inner {border:#8523CD 4px solid;}
.post_chat .sippo {background:url(../img/shippo5.png) no-repeat;}


/* 音声 post_sound */
.post_sound .date {background:url(../img/tab_sound.png) no-repeat;}
.post_sound {background:url(../img/bg_sound.jpg);}
.post_sound .inner {border:#70BC11 4px solid;}
.post_sound .sippo {background:url(../img/shippo6.png) no-repeat;}


/* 動画 post_video */
.post_video .date {background:url(../img/tab_video.png) no-repeat;}
.post_video {background:url(../img/bg_video.jpg);}
.post_video .inner {border:#FF0000 4px solid;}
.post_video .video_box {margin-bottom:10px;}
.post_video .sippo {background:url(../img/shippo7.png) no-repeat;}












#test {
margin-bottom:40px;
padding-top:35px;
	background:url(../img/bg_img.jpg); width:450px;
  -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow: 1px 1px 8px #000; /* Firefox */
  -webkit-box-shadow: 1px 1px 8px #000; /* Safari and Chrome */
box-shadow: 1px 1px 8px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

/* behavior: url(http://magnets.jp/zassyu/ie-css3.htc); */ /* This lets IE know to call the script on all elements which get the 'box' class */
}

#in {
margin:0 auto;
background:#FFF; width:380px;
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
/* behavior: url(http://magnets.jp/zassyu/ie-css3.htc); */ /* This lets IE know to call the script on all elements which get the 'box' class */
border:#FF6600 4px solid;
}






#pagination {margin:0 auto; width:280px;}
#pagination .prev-page {float:left; width:98px;}
#pagination .next-page {float:right; width:98px;}




/* ------------------------------------------------------------------------------------------------
 フッター
 ------------------------------------------------------------------------------------------------ */
#pageTop {
position:fixed;
right:0;
bottom:0;
}



#footer_top {background:url(../img/footer_bg.png) top repeat-x; height:85px; clear:both;}

#footer {
padding:15px 0 0 15px;
background:#000;
color:#FFF;
position:relative;
z-index:-50;
}

#footer .inner {margin:0; width:310px; float:left;}
#footer ul {float:left;}
#footer ul li {margin-right:10px; float:left;}


#footer a:link,
#footer a:visited {color:#FFF; text-decoration:underline; overflow:hidden;}
#footer a:hover {color:#FB8A00; text-decoration:underline;}


#footer {zoom:100%; display: inline-block;}
#footer:after {content:"."; clear:both; display:block; visibility:hidden;}
/*\*/
*html #footer {height:1px;}
#footer {display:block;}
/**/





/* ------------------------------------------------------------------------------------------------
 共通
 ------------------------------------------------------------------------------------------------ */

.ico_link {padding:0 0 0 17px; background:url(../img/ico_arrow.gif) 0 3px no-repeat;
font-size:12px !important; line-height:180% !important;
}
.ico_link:hover {background:url(../img/ico_arrow_on.gif) 0 3px no-repeat;}

ul.ico_arrow li {padding:0 0 0 10px; background:url(../img/ico_arrow2.gif) 0 4px no-repeat;}
ul.ico_arrow li.none {padding:0; background:none;}

ul.ico_hea li {margin-bottom:8px; padding:0 0 0 15px; background:url(../img/ico_heart.gif) 0 4px no-repeat;}

p.ico_arrow {padding:0 0 0 10px; background:url(../img/ico_arrow2.gif) 0 4px no-repeat;}


.table1 {margin-bottom:50px;}
.table1 th,
.table1 td {padding:5px 5px 4px 8px; text-align:left;}
.table1 th {border-bottom:#CAC291 1px solid; background:url(../img/table1_th.gif) 0 7px no-repeat; white-space:nowrap;}
.table1 td {border-bottom:#CAC291 1px dotted;}