@charset "UTF-8";


/*  ================================================================================
	Base
================================================================================  */

html{ overflow:scroll-y; width:100%; height:100%; }
body {
	width:100%;
	height:100%;
	font-size:75%; /*フォントサイズ　12px*/
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	line-height:180%;
	color:#333;
	margin:0;
	text-align:center;
}
* html table{ font-size:100%; line-height:180%; }

input,textarea{ font-size:100%; font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif; color:#333; }

ul li{ list-style:none; }

.fontsmall{ font-size:83.3%; } /*フォントサイズ　10px */
.fontbig{ font-size:116.7%; } /*フォントサイズ　14px */
h1,	/* CI */
h2,	/* サイトディスクリプション */
h3, /* グローバルコンテンツタイトル */
h4,	/* ページタイトル */
h5,	/* ページ内大タイトル */
h6,	/* ページ内小タイトル */
h7{ font-weight:normal; }
p{ margin:0; padding:0 0 1em; }
img{ border:none; vertical-align:bottom; }

a:link,a:visited,a:active { color:#0e0e0e; text-decoration:none; }
a:hover { color:#0e0e0e; text-decoration:underline; }  

/*  ================================================================================
	Common Layout
================================================================================  */

/* Header */
#header{ width:964px; height:57px; _height:70px; margin:0 auto; padding:13px 0 0; text-align:left; background:url(../images/sidedot.gif) repeat-y right top; }
#menuArea{ height:148px; clear:both; background:url(../images/header_redbg.gif) repeat-x center; }
#menuInner{ width:964px; padding:108px 0 0; margin:0 auto; text-align:left; }
h3{ width:210px; margin:0 0 0 689px; padding:0; }


/* SideMenu */
#sideArea{ width:283px; padding:27px 0 100px; margin:0; float:right; background:url(../images/side_line.gif) no-repeat right top; text-align:center; }
h6{ margin:25px auto 10px; padding:0; }
.sTitle{ margin:0 18px 10px; padding:0 0 0 18px; font-size:116.7%; background:url(../images/maru.gif) no-repeat left center; text-align:left; }

ul.document{ width:255px; margin:0 0 0 14px; padding:0; }
*:first-child+html ul.document{ margin:0 0 0 0px; }
ul.document li{ margin:0 0 2px; padding:0; text-align:left; line-height:150%; background:url(../images/side_dot_px.gif) no-repeat left top #e7e4e4; }
ul.document li a{ padding:8px 10px; display:block; background:url(../images/side_dot_px.gif) no-repeat left bottom; }
ul.document li a div{ padding-left:17px; background:url(../images/arrow.gif) no-repeat left center; }
ul.document li a:hover{ color:#FFFFFF; text-decoration:none; }

.tagGrayArea{ width:255px; margin:0 auto 20px; background:url(../images/side_dot_px.gif) no-repeat left top #e7e4e4; text-align:left; }
.tagGrayInner{ padding:8px 0 8px 10px; background:url(../images/side_dot_px.gif) no-repeat left bottom; }
.tagGrayInner2{ padding:8px 10px 8px 10px; background:url(../images/side_dot_px.gif) no-repeat left bottom; }

.tagGrayInner2 a.tagrank10{}
.tagGrayInner2 a.tagrank9{ font-size:116.7%; }
.tagGrayInner2 a.tagrank8{ font-size:133.4%; }
.tagGrayInner2 a.tagrank7{ font-size:150%; }
.tagGrayInner2 a.tagrank6{ font-size:166.7%; }
.tagGrayInner2 a.tagrank5{ font-size:183.4%; }
.tagGrayInner2 a.tagrank4{ font-size:183.4%; }
.tagGrayInner2 a.tagrank3{ font-size:200%; }
.tagGrayInner2 a.tagrank2{ font-size:216.7%; }
.tagGrayInner2 a.tagrank1{ font-size:233.4%; }

.tagGrayArea select{ width:180px; font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif; }

.tagGrayArea .big a{ width:230px; _width:236px; height:159px; _height:165px; border:3px solid #1f1f1f; display:block; overflow:hidden; text-align:center; text-indent:-999em; }
.tagGrayArea ul#photoList{ margin:0; padding:0; }
.tagGrayArea ul#photoList li{ margin:4px 4px 0 0; float:left; }
.tagGrayArea ul#photoList li a{ width:70px; _width:76px; height:48px; _height:54px; overflow:hidden; display:block; border:3px solid #1f1f1f; text-align:center; text-indent:-999em; }
.tagGrayArea .big a:hover,.tagGrayArea ul#photoList li a:hover{ border-color:#cb000d; }

.twitter{ width:255px; margin:0 auto 20px; text-align:left; background:#595959; }
.twitter .tweetList{ padding:0 6px 3px 9px; clear:both; }
.twitter .tweetList .proImg{ width:48px; height:48px; float:left; }
.twitter .tweetList .proImg a{ display:block; border:3px solid #FFF; }
.twitter .tweetList .proImg a:hover{ border-color:#c90915; }
.twitter .tweetList .proImg img{ width:42px; height:42px; }
.twitter .tweetList .tweet{ width:192px; padding:0 0 15px; line-height:160%; float:left; background:url(../images/tweet_bg_under.gif) no-repeat left bottom; white-space:normal; word-wrap:break-word; }
.twitter .tweetList .tweet p{ margin:0; padding:10px 8px 0 20px; background:url(../images/tweet_bg_top.gif) no-repeat left top; display:block; }
.twitter .tweetList .tweet span.day{ padding:0 8px 0 20px; font-weight:bold; font-size:83.3%; }
.twitter .tweetList .tweet a:link,.twitter .tweetList .tweet a :visited,.twitter .tweetList .tweet a:active,.twitter .tweetList .tweet a:hover{ color:#c90915; }

.rssBtn{ text-align:left; margin:0 0 50px 14px; }


/* Contents */
#contentsArea{ width:964px; margin:0 auto; background:url(../images/sidedot.gif) repeat-y right top; }
#contentsInner{ width:647px; margin:0 0 0 9px; padding:10px 0; float:left; text-align:left; _display:inline; }
.entryList{ clear:both; padding:0 0 18px; }
.entryList a:link,.entryList a:visited,.entryList a:active,.entryList a:hover{ color:#336699; }
.entryList a:link,.entryList a:visited,.entryList a:active{ color:#336699; text-decoration:underline; }
.entryList a:hover{ color:#336699; text-decoration:none; }
/*.tweetBtn{ width:50px; min-height:55px; float:left; }
.tweetBtn a{ text-decoration:none!important; }
*/
.entryTitle{ margin:0  0 15px 10px; float:left; line-height:130%; }
.entryTitle .fontbig{ height:30px; line-height:23px; vertical-align:top; float:left; }
.entryTitle ul{ height:30px; float:right; margin:0; padding:0 0 0 15px; }
.entryTitle ul li{ margin:0 0 0 5px; float:left; }
.entryTitle h1{ clear:both; }
.mainPhoto{ margin:0 0 20px; }
.pagetop{ text-align:right; }
.moblogkun-entry img{ margin:0 0 20px; }

/* footer */
#footerArea{ clear:both; background:url(../images/footer_redbg.gif) repeat-x center 7px; }
#footerInner{ width:964px; height:100px; margin:0 auto; background:url(../images/side_line.gif) no-repeat right top; }
#footerInner img{ margin:49px 0 0 670px; }



/*  ================================================================================
	Clearfix
================================================================================  */

.clearfix:after,
dl:after,
dl dt:after,
dl dd:after,
#contentsArea:after,
.twitter:after,
.tweetList:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.clearfix,
dl,
dl dt,
dl dd,
#contentsArea,
.twitter,
.tweetList{ display:inline-table; zoom:1; }
* html .clearfix
* html dl,
* html dl dt,
* html dl dd,
* html #contentsArea,
* html .twitter,
* html .tweetList{ height:1px; zoom:1; }
.clearfix,
dl,
dl dt,
dl dd,
#contentsArea,
.twitter,
.tweetList{ display:block; }