@charset "EUC-JP";

body{
	background: none;
}

#mainContainer{
	background: transparent url(/img/star_blog/head.gif) repeat-x 50% top;
	width: 100%;
	margin: 0;
}

h1{
	padding: 44px 0 0 15px;
}

#mainWrapper #sub{
	width: 308px;
}

#mainWrapper #main{
	background: transparent url(/img/star_blog/main2.gif) repeat-y left top;
	padding:0;
}
.mainInner{
	background: transparent url(/img/star_blog/main.gif) no-repeat left top;
}
.mainInner2{
	background: transparent url(/img/star_blog/main3.gif) no-repeat left bottom;
	padding: 17px;
	zoom: 1;
}


/* ---------- main -------------- */

.pickupBanner{
	margin-bottom: 10px;
}
.searchBox{
	border: 3px solid #dfdfdf;
	margin-bottom: 10px;
	position: relative;
}
.searchBox ul.tab{
	background: url(/img/star_blog/sarch_bar.gif) repeat-x left top;
	border-bottom: 4px solid #b1b1b1;
	padding: 2px 10px 0;
}
.searchBox ul.tab li{
	float: left;
}
.searchBox ul.tab li.search{
	float: right;
}
.searchBox ul.tab li img{
	vertical-align: bottom;
}
.searchBox ul.tab li.search form{
	padding-top: 3px;
}
.searchBox ul.tab li.search img{
	margin-right: 5px;
}
.searchBox ul.tab li.search img,
.searchBox ul.tab li.search input{
	vertical-align: middle;
}
.searchBox ul.tab li.search input.inputKeyword{
	width: 200px;
	margin-right: 5px;
}
.searchBox ul.serachList{
	margin: 0 3px;
	padding: 10px 2px 10px;
}
.searchBox ul.serachList li{
	float: left;
	padding: 0 7px;
	border-right: 1px solid #0033cc;
	white-space: nowrap;
	margin: 3px 0;
}
.searchBox ul.serachList li.last{
	border-right: none;
}
.searchBox dl.subList{
	margin: 10px 3px 0;
	padding: 10px 10px 10px;
	border-top: 1px solid #ddd;
}
.searchBox dl.subList dt{
	font-weight: bold;
	margin-bottom: 5px;
}
.searchBox dl.subList dt img{
	vertical-align: middle;
	margin-right: 5px;
}
.searchBox dl.subList dd ul{
	padding: 0 10px;
}
.searchBox dl.subList dd ul li{
	float: left;
	padding: 0 7px;
	white-space: nowrap;
	margin: 3px 0;
}
.searchBox dl.subListKana{
	margin: 10px 3px 0;
	padding: 10px 10px 10px;
	border-top: 1px solid #ddd;
}
.searchBox dl.subListKana dt{
	float: left;
	font-weight: bold;
	margin: 3px 0;
	border-right: 1px solid #0033cc;
	padding: 0 7px;
}
.searchBox dl.subListKana dd{
	float: left;
}
.searchBox dl.subListKana dd ul{
}
.searchBox dl.subListKana dd ul li{
	float: left;
	padding: 0 7px;
	white-space: nowrap;
	margin: 3px 0;
	border-right: 1px solid #0033cc;
}
.searchBox dl.subListKana dd ul li.last{
	border-right: none;
}

.cateSelect{
	position: absolute;
	bottom: 8px;
	right: 30px;
}

/* menu bar */
.menuBar{
	background: transparent url(/img/star_blog/ranking_bar.gif) repeat-x left top;
}
.menuBar ul{
	background: transparent url(/img/star_blog/ranking_bar2.gif) no-repeat right top;
}
.menuBar ul li{
	float: left;
}

/* blog ranking */
.blogRanking{
	background: transparent url(/img/star_blog/bg_ranking_y.gif) repeat-y 50% top;
}
.blogRanking ul{
	background: transparent url(/img/star_blog/bg_ranking_x.gif) no-repeat 50% bottom;
	padding: 10px 0;
}
.blogRanking ul li{
	padding: 5px 10px;
	width: 288px;
	float: left;
}
.blogRanking ul li dt{
	margin: 3px 0 2px;
}
.blogRanking ul li dd.autor{
	margin-bottom: 2px;
}
.blogRanking ul li dd.image{
	width: 90px;
	float: left;
}
.blogRanking ul li dt,
.blogRanking ul li dd.autor,
.blogRanking ul li dd.title{
	width: 180px;
	float: right;
}


/* blogGojyuon */
.blogGojyuon{
	margin-bottom: 20px;
}
.blogGojyuon h2{
	background: #ffd694;
	padding: 5px 10px;
	border-bottom: 1px solid #ff9934;
}
.blogGojyuon ul{
	border-bottom: 1px solid #bbb;
	padding: 10px 0;
}
.blogGojyuon ul li{
	padding: 5px 10px;
	width: 185px;
	float: left;
}
.blogGojyuon ul li dt{
	margin: 3px 0 2px;
}
.blogGojyuon ul li dd.image{
	width: 60px;
	float: left;
}
.blogGojyuon ul li dt,
.blogGojyuon ul li dd.title{
	width: 115px;
	float: right;
}


/* blog ninki */
.blogNinki ul li{
	border-bottom: 1px solid #bbb;
	padding: 10px;
}
.blogNinki ul li.pickup dt{
	width: 35px; 
	float: left;
}
.blogNinki ul li.pickup dd.image{
	width: 70px;
	float: left;
}
.blogNinki ul li.pickup dd.autor,
.blogNinki ul li.pickup dd.title,
.blogNinki ul li.pickup dd.desc{
	width: 485px;
	float: right;
}
.blogNinki ul li.pickup dd.autor{
	margin-bottom: 2px;
}
.blogNinki ul li.pickup dd.autor strong{
	font-size: 111%;
}
.blogNinki ul li.pickup dd.title{
	margin-bottom: 2px;
	font-weight: bold;	
	font-size: 111%;
}
.blogNinki ul li.default dt,
.blogNinki ul li.default dd{
	float: left;
}
.blogNinki ul li.default dt{
	font-size: 111%;
	color: #666;
	font-weight: bold;
	width: 40px;
	margin-right: 10px;
	white-space: nowrap;
}
.blogNinki ul li.default dd.autor{
	width: 100px;
	margin-right: 20px;
}
.blogNinki ul li.default dd.title{
	width: 420px;
}
.blogNinki ul li.default dd{
	line-height: 1.1;
}

.starmore{
	margin-top: 20px;
	text-align: right;
}
.subBox1 .starmore{
    margin: 10px 10px 5px;
}
.photoBox .starmore{
    margin: 10px 20px 0;
}
.pagetop{
	margin-top: 20px;
	text-align: right;
}


/* blogRecent */
.blogRecent{
	margin-bottom: 20px;
}
.blogRecent h2{
	background: #ffd694;
	padding: 5px 10px;
	border-bottom: 1px solid #ff9934;
}
.blogRecent h2 span{
	font-weight: normal;
	font-size: 90%;
	margin-left: 5px;
}
.blogRecent ul{
	border-bottom: 1px solid #bbb;
	padding: 10px 0;
}
.blogRecent ul li{
	padding: 5px 10px;
	width: 185px;
	float: left;
}
.blogRecent ul li dt{
	color: #ff6499;
	font-size: 90%;
	margin: 3px 0 2px;
	position: relative;
}
.blogRecent ul li dt img.read{
	position: absolute;
	top: 0;
	right: 0;
}
.blogRecent ul li dt strong{
	margin-right: 10px;
	color: #666;
	font-size: 1;
}
.blogRecent ul li dd.image{
	width: 60px;
	float: left;
}
.blogRecent ul li dt,
.blogRecent ul li dd.autor,
.blogRecent ul li dd.title{
	width: 115px;
	float: right;
}
.blogRecent ul li dd.autor{
	margin-bottom: 2px;
}
.blogRecent ul li dt img{
	vertical-align: middle;
	margin-right: 3px;
}

/* paintList */
.paintList li{
	border: 1px solid #ddd;
	text-align: center;
	float: left;
	width: 146px;
	margin: 5px 2px;
}
.paintList li p.image{
	padding: 10px;
}
.paintList li p.image img{
	margin-bottom: 5px;
}
.paintList li p.nickname{
	background: #f5f5f5;
	padding: 5px 10px;
	overflow: hidden;
	white-space: nowrap;
}
.paintList li p.nickname img{
	vertical-align: middle;
	margin-right: 3px;
}

/* form */
.blogForm h2{
	background: #ffd694;
	padding: 5px 10px;
	border-bottom: 1px solid #ff9934;
	margin-bottom: 10px;
}
.blogForm .text{
	margin-bottom: 10px;
}
.blogForm .text span{
	color: #cc0000;
}
.blogForm form table{
	border-collapse: collapse;
	width: 100%;
}
.blogForm form table th,
.blogForm form table td{
	border: 1px solid #bbb;
	padding: 5px 10px;
}
.blogForm form table th{
	background: #ffd694;
	width: 30%;
}
.blogForm form table td{
	width: 70%;
}
.blogForm form table th span{
	font-size: 90%;
	color: #cc0000;
	font-weight: normal;
	margin-left: 5px;
}
.blogForm form table td span{
	display: block;
	color: #666;
}
.blogForm form p{
	text-align: center;
	margin: 10px;
}
.blogForm form table td input{
	width: 350px;
}
.blogForm form table td textarea{
	width: 400px;
	height: 120px;
}


/* ---------- sub --------------- */

#sub .section{
	margin-bottom: 10px;
	text-align: center;
}

#sub .subBox1{
	background: transparent url(/img/star_blog/light2.gif) repeat-y left top;
	text-align: left;
	zoom:1;
}
#sub .subBox2{
	background: transparent url(/img/star_blog/light.gif) no-repeat left top;
}
#sub .subBox3{
	background: transparent url(/img/star_blog/light3.gif) no-repeat left bottom;
	padding: 10px 6px;
}
#sub .photoBox{
	background: transparent url(/img/star_blog/photo.gif) no-repeat left top;
	height: 192px;
	text-align: left;
}
#sub .subBox1 h2{
	padding: 0 10px;
	margin-bottom: 10px;
	font-size: 111%;
}
#sub .photoBox h2{
	padding: 15px 20px 0;
	margin-bottom: 10px;
	font-size: 111%;
}

/* category list */
#sub ul.categoryList{
	padding: 0 10px;
}
#sub ul.categoryList li{
	background: transparent url(/img/star_blog/dot.gif) no-repeat left center;
	padding-left: 10px;
	margin-bottom: 5px;
}

/* recent blog list */
#sub ul.blogList li{
	padding: 5px 10px;
}
#sub ul.blogList li.check{
	background: #d7d7d7;
}
#sub ul.blogList li dt{
	color: #ff6499;
	font-size: 90%;
	margin: 3px 0 2px;
}
#sub ul.blogList li dt img{
	vertical-align: middle;
	margin-right: 3px;
}
#sub ul.blogList li dd.autor{
	margin-bottom: 2px;
}
#sub ul.blogList li dd.image{
	width: 66px;
	float: left;
}
#sub ul.blogList li dd.image img{
	background: #fff;
	padding: 2px;
	border: 1px solid #ddd;
}
#sub ul.blogList li dt,
#sub ul.blogList li dd.autor,
#sub ul.blogList li dd.title{
	width: 200px;
	float: right;
}

/* photo list */
#sub ul.photoList{
	padding: 0 4px;
}
#sub ul.photoList li{
	float: left;
	padding: 0 10px;
}

/* pager */
.pager span.right a:hover{
	background:#fcd070;
	border: 1px solid #ccc;
}

/* footer */
#footerMenu{
	padding-top: 10px;
	background:none;
}
#footerWrapper{
    padding: 0;
    margin: 0;
}
#footerMenu #footerNav{
    background: none;
}
#footerMenu ul.nav li a{
	color:#0964ab;
	text-decoration: underline;
}
#footerMenu ul.nav li a:visited{
	color: #9257d4;
	text-decoration:underline;
}
#footerMenu ul.nav li a:hover{
	color: #0090ff;
	text-decoration:underline;
}
#footerMenu #footerNav address{
    color: #000;
}