@charset "utf-8";

@import "base.css";

#conts {
	width: 760px;
	float: right;
}


#conts h2 {
	padding-left: 20px;
	background: url(../skin/base/h2_back01.png) no-repeat;
	font-size: 13px;
	line-height: 36px;
	margin-bottom: 10px;
}

#conts h6 {
	background: url(../skin/index/h2_img01.png) no-repeat;
	font-size: 13px;
	line-height: 46px;
	margin-bottom: 10px;
	text-indent: -9999px;
}

#conts .longTxt {
	background: #FAFAFA;
	border: 1px solid #EAEAEA;
	color: #606060;
	padding: 15px;
	line-height: 150%;
	font-size: 13px;
	margin: 0 20px 0 20px;
}

#conts ul.faq {
	background: #FAFAFA;
	border: 1px solid #EAEAEA;
	color: #606060;
	padding: 15px;
	line-height: 150%;
	margin: 5px 20px 10px 20px;
}

#conts ul.faq li.q {
	background: url(../skin/contents/icon_q.png) no-repeat left top;
	padding: 3px 10px 12px 40px;
	border-bottom: 1px dotted #d0d0d0;
	color: #7eb52f;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
	letter-spacing: 1px;
}

#conts ul.faq li.a {
	background: url(../skin/contents/icon_a.png) no-repeat left 5px;
	padding: 8px 10px 5px 40px;
}


#conts ul.list li {
	width: 144px;
	margin: 0 7px 10px 0;
	float: left;
	background: #FAFAFA;
	border: 1px solid #EAEAEA;
}

	*html #conts ul.list li {
		width: 146px;
	}

#conts ul.list li.mr0 {
	margin-right: 0;
}

#conts ul.list li img {
	margin: 6px 0 0 6px;
}

#conts ul.list li.clear {
	clear: both;
	float: left;
}

#conts ul.list li a {
	display: block;
	height: 180px;
	float: left;
	width: 100%;
}

#conts ul.list li a:hover {
	background: #EDF7E5;
}

#conts ul.list li p {
	margin: 0 6px 6px 6px;
	color: #ADADAD;
	font-size: 10px;
}

#conts ul.list li p span.bold {
	margin: 6px 0 8px 0;
	color: #008CC6;
	display: block;
	font-weight: bold;
	
}

#conts ul.list li p span.none {
	float: right;
	color: #7FB532;
}

#conts .bigBox .boxL {
	width: 550px;
	float: left;
}	

#conts .bigBox .boxL h3 {
	margin-bottom: 10px;
	padding-left: 45px;
	line-height: 22px;
	font-weight: normal;
	color: #5D5D5D;
	background: url(../skin/index/h3_back.png) no-repeat left;
}

/* 作品リスト */

ul.item {
	margin: 0px 5px 15px 5px;
	padding: 0;
}

ul.item li {
	width: 157px;
	margin: 0 16px 0 0;
	float: left;
	background: #FAFAFA;
	border: 1px solid #EAEAEA;
}

	*html ul.item li {
		width: 159px;
	}

ul.item li.mr0 {
	margin-right: 0;
}

ul.item li img {
	margin: 10px 0 0 9px;
}

ul.item li.clear {
	clear: both;
	float: left;
}

ul.item li a {
	display: block;
	height: 195px;
	float: left;
	width: 100%;
}

ul.item li a:hover {
	background: #EDF7E5;
}

ul.item li p {
	margin: 0 6px 6px 6px;
	color: #ADADAD;
}

ul.item li p span.bold {
	margin: 0;
	color: #7FB532;
	display: block;
	font-weight: bold;
	
}

ul.item li p span.none {
	float: right;
	color: #999;
}

ul.item li p span.nickname {
	color: #e9aa30;
}


#conts .bigBox .boxL ul {
	margin: 0 0 15px 20px;
}

#conts .bigBox .boxL ul.list01 li {
	padding-left: 20px;
	line-height: 20px;
	background: url(../skin/index/icon03.png) no-repeat left center;
}

#conts .bigBox .boxL ul.list01 li a,
#sideBar li a {
	color: #008CC6;
}

#conts .bigBox .boxL ul.list01 li a:hover,
#sideBar li a:hover {
	color: #E16A01;
}

#conts .bigBox .boxL ul#other_back li {
	background: url(../skin/index/icon04.png) no-repeat left center;
}

#conts .bigBox .boxL .h3_text {
	height: 36px;
	text-indent: -9999px;
	background: url(../skin/index/h3_img01.png) no-repeat left;
}

#conts .bigBox .boxR {
	width: 200px;
	float: right;
	background: #F6F6F6;
	text-align: center;
}

#conts .bigBox .boxR ul {
	padding-bottom: 10px;
}

#conts .bigBox .boxR ul li {
	margin-top: 15px;
}

#conts .bigBox .boxR .dis img {
	display: block;
}

#conts .bigBox a.creator:hover {
	background-color: #e9f3e1;
}
#conts .bigBox a.creator {
	display: block;
	height: 80px;
	vertical-align: middle;
	margin: 0 0 5px 0;
	padding: 5px 10px 5px 10px;
	line-height: 140%;
	color: #7EB52F;
	font-weight: bold;
}
#conts .bigBox a.creator span {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	paddint-top: 8px;
}

#conts .bigBox a.creator img {
	margin: 0 5px 0 0;
	float: left;
	padding: 0;
	border: 1px solid #e3e3e3;
}

#conts .bigBox .boxC p.end {
	margin-top: 5px;
	padding: 8px 0 0 8px;
	clear: both;
	background: url(../skin/mypage/back02.png) no-repeat top center;
	text-align: left;
}
#conts .bigBox .boxC p.end2 {
	margin-top: 5px;
	padding: 8px 0 0 5px;
	clear: both;
	background: url(../skin/mypage/back02.png) no-repeat top center;
	text-align: center;
}


#conts .bigBox .boxC p.end a {
	padding-left: 15px;
	margin-left: 5px;
	line-height: 160%;
	background: url(../skin/community/icon_02.png) no-repeat left;
}
#conts .bigBox .boxC p.end2 a {
	padding-right: 5px;
	background: url(../skin/mypage/back03.png) no-repeat right;
}

#conts .bigBox .boxC p.end2 a.none {
	padding-left: 5px;
	background: none;
}

#conts .bigBox .boxC p.none {
	line-height: 160%;
	padding: 8px 0 0 8px;
	clear: both;
	text-align: center;
}
#conts .bigBox .boxC p.none span {
	color: #999;
}


/******************************
	sideBar
******************************/


#sideBar {
	width: 180px;
	float: left;
}

#sideBar h4.search {
	margin-bottom: 8px;
	padding-left: 33px;
	line-height: 26px;
	color: #7EB52F;
	background: url(../skin/index/icon01.png) no-repeat 6px bottom;
}


#sideBar .login {
	background: url(../skin/index/login_back.png) repeat-y center;
	padding: 5px 20px 0px 20px;
	color: #6ea912;
	line-height: 140%;
}

#sideBar .login input.w120 {
	width: 120px;
}


#sideBar .boxA {
	margin: 0 0 10px;
	padding-bottom: 15px;
	background: url(../skin/index/sideBar_bottom.png) no-repeat left bottom;
}

#sideBar .boxA ul {
	padding: 10px 0 0;
}

#sideBar .boxA li {
	padding-left:33px;
	line-height: 22px;
	background: url(../skin/mypage/icon03.png) no-repeat 15px center;
}

#sideBar .boxA h4 {
	padding: 5px 0 5px 0;
	margin: 0 8px 15px 12px;
	color: #7EB52F;
	border-bottom: 1px solid #D6D6D6;
}

#sideBar .boxA .input {
	margin: 0px 0px 8px 12px;
}
#sideBar .boxA ul#mt0 {
	padding-top: 0;
	margin-top: -5px
}

#sideBar .boxA ul a.back {
	padding-right: 20px;
	background: url(../skin/mypage/icon02.png) no-repeat right center;
}

#sideBar .boxD {
	padding-bottom: 10px;
	background: url(../skin/index/sideBar_bottom.png) no-repeat left bottom;
}

#sideBar .boxD h6 {
	padding: 5px 0 5px 0;
	margin: 0 8px 10px 12px;
	color: #7EB52F;
	border-bottom: 1px solid #D6D6D6;
}

#sideBar .boxD ul {
	padding: 0;
	margin: 0;
}

#sideBar .boxD li {
	padding-left:33px;
	line-height: 22px;
	background: url(../skin/mypage/icon03.png) no-repeat 15px center;
}

#sideBar .boxD li a.back {
	padding-right: 20px;
	background: url(../skin/mypage/icon02.png) no-repeat right center;
}

#sideBar .proSearch {
	margin: 0 0 10px;
	padding-bottom: 15px;
	background: url(../skin/index/sideBar_bottom.png) no-repeat left bottom;
}

#sideBar .proSearch h4 {
	margin-bottom: 8px;
	padding-left: 33px;
	line-height: 26px;
	color: #7EB52F;
	background: url(../skin/index/icon01.png) no-repeat 6px bottom;
}

#sideBar .proSearch h5 {
	margin-bottom: 5px;
	padding-left: 33px;
	line-height: 23px;
	color: #7EB52F;
	background: url(../skin/index/icon02.png) no-repeat 10px bottom;
}

#sideBar .proSearch ul {
	margin-bottom: 5px;
}

#sideBar .proSearch li {
	padding-left: 33px;
	line-height: 15px;
	color: #008CC6;
}

#sideBar .proSearch h5.other {
	margin: 8px 12px 5px 12px;
	padding: 5px 0 0 5px;
	background: none;
	border-top: 1px solid #D6D6D6;
}

#sideBar .proSearch form {
	text-align: center;
}

#sideBar .proSearch form input {
	margin-bottom: 10px;
}

#sideBar .proSearch form input[type="text"] {
	width: 150px;
}