@charset "utf-8"; 


/* 全体構造
---------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, td, th, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0px;
	padding: 0px;
}

body {
	font-size:small;
	color:#666666;
	line-height:1.4;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif,Arial, Helvetica, Verdana, ;
}
a img,img{border:none; vertical-align:bottom;}
a {outline:none;}
hr{
	margin:0 0 0 0;
	border:none;
	padding:0;
	height:0;
	width:auto;
	visibility:hidden;
	clear:both;
	display: block;
}
p{
	padding-bottom:1.3em;
}
fieldset{border:none;}



/* リンク
---------------------------------------------------- */
a:link {
	color:#4ccff5;
}
a:visited {
	color:#666;
}
a:hover, a:active {
	color:#1e87a5;
}


/* 汎用スタイルシート
---------------------------------------------------- */
.back {text-align:right;padding-top:20px;margin-bottom: 10px; padding-right:10px;}
.red{ color:#FF0000; font-size:10px;}
.red2{ color:#FF0000;}
.blue{color:blue;}
.img-right{float:right; margin-left:10px;}
.img-left{float:left; padding-right:10px; margin-bottom:20px;}
.img-mb{margin-bottom:20px;}
.none{display:none;}
.txt-right{text-align:right;}
.clear {clear:both;}
.clearfix:after {  
	content:".";  
	display:block;  
	visibility:hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
}
.mt30{margin-top:30px;}
.line{
	border-bottom:1px dotted #ccc;
	margin-bottom:20px;
	clear:both;
}
.line hr{
	display:none;
}



/* レイアウト
---------------------------------------------------- */
#wrapper{
	width:860px;
}
#left{
	width:200px;
	background:url(../images/bg.gif) top left no-repeat;
	float:left;
	text-align:left;
	padding:170px 0 70px 30px;
}
#blog-left{
	width:200px;
	background:url(../images/bg.gif) top left no-repeat;
	float:left;
	text-align:left;
	padding:170px 0 70px 30px;
}
#right{
	width:600px;
	float:right;
	text-align:left;
	padding:170px 0 70px 0;
}
#works-right{
	width:600px;
	float:right;
	text-align:left;
	padding:170px 0 70px 0;
}


/* 左側
---------------------------------------------------- */
h1 a{
	display:block;
	width:171px;
	height:24px;
	background:url(../images/astrodeo.gif) 0 -24px no-repeat;
	text-indent:-9999px;
	font-size:10px;
}
h1 a:hover{
	display:block;
	width:171px;
	height:24px;
	background:url(../images/astrodeo.gif) no-repeat;
	text-indent:-9999px;
	font-size:10px;
}
#navi{padding-top:40px; margin-bottom:30px;}

#navi li{
	list-style:none;
	padding-bottom:20px;
	height:14px;
}
#navi li a{
	display:block;
	width:92px;
	height:14px;
	font-size:10px;
	text-indent:-9999px;
}
#navi #navi1 a{background:url(../images/navi1.gif) no-repeat;}
#navi #navi2 a{background:url(../images/navi2.gif) no-repeat;}
#navi #navi3 a{background:url(../images/navi3.gif) no-repeat;}
#navi #navi4 a{background:url(../images/navi4.gif) no-repeat;}

#navi #navi1 a:hover{background:url(../images/navi1.gif) 0 -14px no-repeat;}
#navi #navi2 a:hover{background:url(../images/navi2.gif) 0 -14px no-repeat;}
#navi #navi3 a:hover{background:url(../images/navi3.gif) 0 -14px no-repeat;}
#navi #navi4 a:hover{background:url(../images/navi4.gif) 0 -14px no-repeat;}

#navi #navi1-on a{background:url(../images/navi1.gif) 0 -14px no-repeat;}
#navi #navi2-on a{background:url(../images/navi2.gif) 0 -14px no-repeat;}
#navi #navi3-on a{background:url(../images/navi3.gif) 0 -14px no-repeat;}
#navi #navi4-on a{background:url(../images/navi4.gif) 0 -14px no-repeat;}



/* BLOG
---------------------------------------------------- */
.date{
	font-size:12px;
	padding-bottom:1.5em;
	color:#9aad1e;
}
.date a{
	background:#333333;
	color:#FFFFFF;
	padding:3px 5px;
	margin-right:10px;
	text-decoration:none;
}
.date a:hover{
	background:#666;
	color:#FFFFFF;
	padding:3px 5px;
	margin-right:10px;
	text-decoration:none;
}
.date span{
	margin-left:15px;
}

.mb-date{
	margin-bottom:2em;
}

.entry-foot{
	text-align:right;
	padding:5px 0 30px 0;
	border-top:1px dotted #ccc;
	font-size:10px;
}
.entry-foot a{
	margin-left:10px;
	text-decoration:none;
}
.entry-more{
	text-align:right;
	padding:5px 0 20px 0;
	margin-bottom:30px;
	border-bottom:1px dotted #ccc;
}
#right h2,
#right h3,
#right h4{
	font-family:"Georgia","ヒラギノ明朝 Pro W3","平成明朝","平成明朝体","細明朝体","ＭＳ Ｐ明朝","ＭＳ 明朝";
}
#right h2{
	font-size:26px;
	line-height:1;
	margin-bottom:0.5em;
	color:#444;
}
#right h2 a:link,
#right h2 a:visited{
	color:#444;
	text-decoration:none;
}
#right h2 a:hover{
	text-decoration:none;
	color:#1e87a5;
}
#right h3{
	font-size:20px;
	line-height:1;
	margin:1.5em 0 0.6em 0;
	color:#444;
	border-bottom:3px dotted #aaa;
	padding-bottom:5px;
}
#right h4{
	font-size:16px;
	line-height:1;
	margin:1em 0 0.3em 0;
	color:#444;
	border-left:3px solid #666;
	padding:1px 0 1px 8px;
}

#right ul,
#right ol{
	padding:0 0 20px 30px;
}
#right blockquote{
	padding:1.3em 1.3em 0 1.3em;
	background:#eee;
	margin:10px 0;
}
.related{
	margin-left:-20px;
}
.related li{
	border-bottom:1px dotted #ccc;
	padding:3px 0 3px 10px;
	list-style:none;
	background:url(../images/icon1.gif) no-repeat 0 10px;
}
.related li a{
	text-decoration:none;
}

#right #related{
	font-size:16px;
	padding-top:50px;
	color:#9aad1e;
}

/* About us
---------------------------------------------------- */
.about-photo{
	width:150px;
	float:left;
}
.about-txt{
	width:430px;
	float:right;
}
.about-txt img{
	vertical-align:top;
	margin-left:10px;
}


/* BLOG-左側
---------------------------------------------------- */
#category{
	padding-bottom:30px;
}
#category li{
	list-style:none;
	width:200px;
}
#category li a:link,
#category li a:visited{
	border-bottom:1px dotted #ccc;
	padding:5px 0 3px 0;
	display:block;
	text-decoration:none;
	color:#4ccff5;
}
#category li a:hover{
	border-bottom:1px dotted #ccc;
	padding:5px 0 3px 0;
	display:block;
	text-decoration:none;
	background:#f5f5f5;
	color:#1e87a5;
}

/* 
#category li{
	list-style:none;
	display:inline-block;
	margin-bottom:7px;
	white-space:nowrap;
}
#category li a{
	background:#333333;
	color:#FFFFFF;
	padding:3px 5px;
	margin:0 5px 0 0;
	text-decoration:none;
}
#category li a:hover{
	background:#666;
	color:#FFFFFF;
	padding:3px 5px;
	margin:0 5px 0 0;
	text-decoration:none;
}
*/


#archive{
	margin-top:30px;
}
#archive li{
	list-style:none;
	float:left;
}
#archive li a{
	border-bottom:1px dotted #ccc;
	padding:5px 0 3px 0;
	display:block;
	width:100px;
	height:1%;
	text-decoration:none;
}
.more{
	clear:both;
	text-align:right;
	font-size:10px;
	padding-top:5px;
}
.more a{
	text-decoration:none;
}

/* 検索ボックス
---------------------------------------------------- */
#search_form {
    width:200px;
	background:url(../images/bg-search.gif) no-repeat;
	margin-bottom:40px;
}
#search_form #txt{
    float:left;
    padding:5px 2px 2px 5px;
    border:0;
    width:160px;
	height:22px;
    background:none;
    font-size:14px;
	color:#666;
}
#search_form #go {
    float:right;
}
#search_form #MovielistSelect{
	clear:both;
	padding-top:5px;
}
#search_form #MovielistSelect label{
	margin-right:20px;
	vertical-align:bottom;
}


/* WORKS
---------------------------------------------------- */
.works li{
	margin:0 40px 20px 0;
	float:left;
	display:block;
	text-align:center;
	list-style:none;
}

.works  li a {
	width:160px;
	margin:0;
	padding:0;
	display:block;
}

.works  li a:link,
.works  li a:visited,
.works  li a:hover{
	text-decoration:none;
}

.works  li a img {
	margin-bottom:3px;
	border:1px solid #ccc;
	display:block;
	padding:2px;
}

.works  li a strong img {
	margin-bottom:0;
	border:1px solid #eee;
}

.works  li a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
	border:1px solid #999;
}

#works-right h2{
	font-size:18px;
	border-left:5px solid #666;
	padding-left:10px;
	margin-bottom:10px;
	line-height:1.2;
}

/* フッター
---------------------------------------------------- */
#footer{
	clear:both;
	border-top:1px solid #e5e5e5;
	margin:0 0 0 30px;
}

#footer .pagetop a{
	background:url(../images/pagetop.gif) no-repeat;
	width:56px;
	height:16px;
	display:block;
	text-indent:-9999px;
	margin:-16px 0 0 774px;
	position: relative;
}
#footer .pagetop a:hover{
	background:url(../images/pagetop.gif) 0 -16px no-repeat;
	width:56px;
	height:16px;
	display:block;
	text-indent:-9999px;
	margin:-16px 0 0 774px;
	position: relative;
}

#copy{
	font-size:10px;
	color:#999;
	padding:0 0 20px 0;
}


/* pagination
---------------------------------------------------- */
.pagination{
	text-align:center;
	padding:20px 0 40px 0;
	margin-top:40px;
	list-style:none;
	clear:both;
}
.pagination li{
	display:inline;
}
.pagination a{
	border:1px solid #999999;
	background:#fff;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#666666;
}
.pagination a:visited{
	border:1px solid #999999;
	background:#eee;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#666666;
}
.pagination a:hover{
	border:1px solid #999999;
	background:#aaa;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
	color:#fff;
}

.pagination .nolink{
	border:1px solid #999999;
	background:#ccc;
	padding:5px 10px;
	margin:0 5px;
	text-decoration:none;
}




/* Form
---------------------------------------------------- */
.form1,
.form2,
.form3{
	font-size:18px;
	color:#666;
	padding:2px 5px;
	border:1px solid #c2c2c2;
	background:#fff;
}
.form1{width:208px;}
.form2{width:96%;}
.form3{width:90px;}

.textarea1,
.textarea2{
	font-size: 16px;
	color:#666;
	height:200px;
	padding:3px;
	border:1px solid #ccc;
	background: #fff;
}
.textarea1{width:97%;}
.textarea2{width:612px; margin-bottom:20px;}


.form-table{
	width:598px;
	clear:both;
	margin-bottom:30px;
	border:1px solid #ddd;
}
.form-table th,
.form-table td{
	padding:10px 7px;
	border:1px solid #fff;
	background:#f3f3f3;
	text-align:left;
}
.form-table th{
	text-align:left;
	font-weight:normal;
	background:url(../images/bg-form.gif);
	padding-left:1em;
	border-right:2px solid #fff;
}
.form-table th{width:10em;}

.submit{
	padding:0 0 40px 0;
	text-align:center;
}
.submit button{
	padding: 5px 10px;
	_padding:6px 10px 3px 10px;
	margin:0 5px;
	border: none;
	font-size:14px;
	-moz-border-radius:11px;
	-khtml-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:10px;
	cursor: pointer;
	text-decoration: none;
	background:#888;
	border:none;
	color:#fff;
}
.submit button:hover{
	padding: 5px 10px;
	_padding:6px 10px 3px 10px;
	margin:0 5px;
	border: none;
	font-size:14px;
	-moz-border-radius:11px;
	-khtml-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:10px;
	cursor: pointer;
	text-decoration: none;
	background:#444;
	border:none;
	color:#fff;
}



/* エラーメッセージ等
---------------------------------------------------- */
.success, .error, .del, .info{
    margin:0 0 20px 0;
	border-width: 1px;
	border-style: solid;
	padding:12px 12px 12px 60px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-align:left;
}

.success{
    color: #4F8A10;
    background:url(../images/error/1.jpg) no-repeat #DFF2BF 10px center;
	border:1px solid #4f8a10;
}
.error{
    color: #9F6000;
    background:url(../images/error/2.jpg) no-repeat #FEEFB3 10px center;
	border:1px solid #9f6000;
}

.hissu{
	font-size:10px;
	color:#336600;
	margin-left:5px;
}