@import url("theme.css");


/* -----------------------基本要素の設定----------------------- */
/* ブロック */
body{
	margin:0px;
	padding:0px;
	position:relative;
	line-height:150%;
	text-align:center;
	}
div, p{
	margin:0px;
	padding:0px;
	}
h1{
	position:relative;
	left:-30px;
	margin:20px 0px 10px 0px;
	padding:8px 0px 6px 40px;
	}
h2{
	margin:15px 0px 10px -10px;
	padding-left:10px;
	}
h3{
	margin:15px 0px 5px -5px;
	padding:5px 0px 5px 0px;
	}
h3 img{
	margin-right:5px;
	vertical-align:middle;
	}
hr{
	height:1px;
	margin-bottom:5px;
	border-width:1px 0 0 0;
	border-style:dashed;
	}
blockquote{
	margin:10px;
	padding:20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
fieldset{
	position:relative;
	margin-top:20px;
	padding:5px 20px 10px 20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	line-height:150%;
	}
.box1, .box2, .box3{
	margin:10px 0px;
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}


/* リンク */
a.button:hover{
	position:relative;
	top:2px;
	}


/* 画像 */
img{
	border:none;
	}


/* リスト */
ul{
	margin:0px 0px 0px 20px;
	padding:0px;
	}
li{
	margin-left:-5px;
	list-style-type:none;
	}
li img{
	padding-right:5px;
	}
li ul{
	display:none;
	}
li li{
	margin-left:15px;
	}


/* フォーム */
input.button{
	width:50px;
	}




/* -----------------------ID指定の要素の設定----------------------- */
/* 全体 */
#container{
	width:1000px;
	margin: 0 auto;
	text-align:left;
	}


/* ヘッダー */
#header{
	width:1000px;
	height:75px;
	}
#header-main{
	position:absolute;
	z-index:1;
	width:1000px;
	height:75px;
	}
#header-title{
	margin:25px 20px 0px 20px;
	font-size:2.4em;
	font-weight:bold;
	}
#header-subtitle{
	margin:7px 0px 0px 30px;
	font-size:1em;
	}
#header-button{
	position:absolute;
	bottom:-5px;
	right:0px;
	padding:7px 7px 0px 7px;
	}
#header-button img{
	margin:0px 2px;
	}
#header-about{
	position:absolute;
	z-index:0;
	width:1000px;
	height:75px;
	}


/* メイン */
#main{
	float:left;
	width:690px;
	padding:0px 30px;
	}
.entry-body p{
	margin-top:15px;
	}
.entry-more{
	display:none;
	}
.entry-more-show{
	}
.entry-more-hide{
	position:relative;
	left:-10px;
	top:20px;
	display:none;
	}
.entry-more-hide:hover{
	top:22px;
	}
.entry-more-hide img{
	padding:10px;
	}
.entry-trackback{
	}
.entry-comments{
	}
.entry-comments form{
	position:relative;
	height:113px;
	margin:0px;
	}
.entry-comments input{
	margin:0px;
	padding:2px 3px;
	}
.entry-comments input.form-name{
	width:230px;
	margin-right:40px;
	}
.entry-comments input.form-mail{
	width:230px;
	ime-mode:disabled;
	}
.entry-comments .form-button{
	position:absolute;
	right:0px;
	bottom:0px;
	}
.entry-comments .form-button input{
	margin-top:10px;
	}
.entry-comments textarea{
	position:absolute;
	left:0px;
	top:30px;
	width:551px;
	height:70px;
	padding:5px;
	line-height:10.5pt;
	ime-mode:active;
	}
.entry-comments .header-layer{
	right:25px;
	margin-top:-10px;
	}
.entry-footer{
	border-bottom:solid 1px;
	}
#pagenavi{
	margin-top:40px;
	}

/* サイドバー */
#sidebar{
	float:right;
	width:225px;
	padding:20px 5px 0px 10px;
	}
#pixiv{
	z-index:1;
	width:168px;
	height:198px;
	margin-left:30px;
	border:none;
	overflow:hidden; 
}
#pixiv-top{
	position:absolute;
	z-index:0;
	width:170px;
	height:2px;
	margin-left:30px;
	background:#fff;
	}
#pixiv-left{
	position:absolute;
	z-index:0;
	width:2px;
	height:200px;
	margin-left:30px;
	background:#fff;
	}
.tag{
	margin-left:5px;
	}
#search-form{
	width:150px;
	margin-left:-10px;
	border:solid 1px;
	}


/* フッター */
#footer{
	clear:both;
	width:980px;
	height:30px;
	padding:50px 20px 0px 0px;
	text-align:right;
	}




/* -----------------------調整・装飾用クラス----------------------- */
/* 文字装飾 */
.red{
	color:#ff6666;
	font-weight:bold;
	}
.orange{
	color:orange;
	}
.green{
	color:green;
	}
.small{
	font-size:0.8em;
	}
.big{
	line-height:120%;
	font-size:1.2em;
	}
.bigger{
	line-height:130%;
	font-size:1.8em;
	font-weight: bold;
	}
.dlg{
	}
.aa{
	line-height:100%;
	font-size:12pt;
	font-family:"ＭＳ Ｐゴシック";
	}


/* レイアウト調整 */
.invisible{
	display:none;
	}
.center{
	margin: 0 auto;
	text-align:center;
	}
.left{
	margin-left: 0;
	margin-right: auto;
	text-align:left;
	}
.right{
	margin-left: auto;
	margin-right: 0;
	text-align:right;
	}
.leftf{
	z-index:1;
	position:relative;
	padding-right:20px;
	float:left;
	clear:both;
	text-align:center;
	}
.rightf{
	z-index:1;
	position:relative;
	padding-left:20px;
	float:right;
	clear:both;
	text-align:center;
	}
.leftf img, .rightf img{
	margin:1px;
	display:block;
	}
.header{
	width:100%;
	margin-bottom:10px;
	text-align:right;
	}
.footer{
	width:100%;
	margin-top:10px;
	text-align:right;
	}
.header-layer{
	position:absolute;
	width:100%;
	text-align:right;
	}
.footer-layer{
	position:absolute;
	bottom:-20px;
	width:100%;
	text-align:right;
	}
.m20, w650{
	margin-left:20px;
	margin-right:20px;
	}
.m30{
	margin-left:30px;
	margin-right:30px;
	}
.m40{
	margin-left:40px;
	margin-right:40px;
	}
.w600{
	margin-left:45px;
	margin-right:45px;
	}
.m50{
	margin-left:50px;
	margin-right:50px;
	}
.m60{
	margin-left:60px;
	margin-right:60px;
	}
.m70,w550{
	margin-left:70px;
	margin-right:70px;
	}
.m80{
	margin-left:80px;
	margin-right:80px;
	}
.w500{
	margin-left:95px;
	margin-right:95px;
	}
.m90{
	margin-left:90px;
	margin-right:90px;
	}
.m100{
	margin-left:100px;
	margin-right:100px;
	}
.w450{
	margin-left:120px;
	margin-right:120px;
	}
.w400, {
	margin-left:145px;
	margin-right:145px;
	}
.w350{
	margin-left:170px;
	margin-right:170px;
	}
.w300{
	margin-left:195px;
	margin-right:195px;
	}
.w250{
	margin-left:220px;
	margin-right:220px;
	}
.w200{
	margin-left:145px;
	margin-right:145px;
	}
.h5{
	height:5px;
	}
.h10{
	height:10px;
	}
.h15{
	height:15px;
	}
.h20{
	height:20px;
	}
.h30{
	height:30px;
	}
.h40{
	height:40px;
	}
.h50{
	height:50px;
	}
.t5{
	margin-top:5px;
	}
.t10{
	margin-top:10px;
	}
.t15{
	margin-top:15px;
	}
.t20{
	margin-top:20px;
	}
.t30{
	margin-top:30px;
	}
.t40{
	margin-top:40px;
	}
.t50{
	margin-top:50px;
	}