@charset "utf-8";
/* CSS Document */

@import url("reset.css");
@import url("base.css");
@import url("common.css");
/*		layout
-----------------------------------------------------------------*/
h3,
h5 {
	background:url(../img/index/tittle_bg.jpg) no-repeat;
	height:36px;
	text-indent:2em;
	font-size:120%;
	padding-top:10px;
	font-family: "ヒラギノ角ゴ Pro W3",Osaka,'メイリオ','Meiryo',Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
}
h4 {
	margin-left:15px;
	text-indent:1em;
	border-left:8px solid #7B7B6F;
	height:20px;
	margin-top:30px;
}
h3.grayback2{
	background:url(../img/index/tittle_bg2.gif) no-repeat;
	padding-top:5px;
	padding-left:10px;
}
h5{
	background:url(../img/toukou/tittle_bg.gif) no-repeat;
	height:26px;
	text-indent:3em;
	padding-top:4px;
	margin-top:10px;
}
/*					index.css					*/
div#new {
	margin-top:20px;
}
div#new p {
	display:block;
	float:left;
	margin-top:10px;
	padding-left:25px;
	text-align:center;
	line-height:2;
	width:106px;
}
div#new p img{
	border:1px solid #333;
}
div#content p.more {
	clear:both;
	text-align:right;
	padding:5px 0;
}
div#tag-attention p {
	background-color:#EFEFEF;
	padding:20px;
	text-align:center;
	margin-top:10px;
}
div#tag-attention p a {
	padding:0 12px;
}
div#cartoon .car-list {
	margin:20px 20px 0 20px;
	overflow:hidden;
}
div#cartoon .car-list p {
	float:left;
}
div#cartoon .car-list p img{
	border:1px solid #333;
}
div#cartoon .car-list dl {
	float:right;
	width:520px;
}
div#cartoon .car-list dl dt {
	padding-top:3px;
}
div#cartoon .car-list dl dd {
	padding:0px;
}
div#cartoon .car-list dl dd.info {
	background-color:#EFEFEF;
	margin-top:4px;
	margin-bottom:4px;
	padding:5px;
}
div#cartoon .car-list dl dd.info span {
	padding-left:10px;
}
div#lo{
	padding-left:14px;
	padding-top:6px;
	width:196px;
	height:66px;
	text-align:left;	
	background-image:url(../img/btn/openid.gif);
}
div#lo img{
	padding-right:8px;	
	float:left;	
}
p.lo-text{
	width:170px;
	padding:0 0 0 7px;	
	float:left;
	height:22px;
}
.text{ color:#999999;}

/*					mypage.css					*/
div#page p {
	background-color:#EFEFEF;
	padding:20px;
	text-align:center;
	margin-top:10px;
}
div#myp-new {
	margin-top:20px;
}
div#myp-new p {
	display:block;
	float:left;
	margin-top:10px;
	padding-left:25px;
	text-align:center;
}
div#myp-new p.userlist{
	padding-left:20px;
}
div#myp-new div.mangarow p img {
	border:1px solid #333333;
}

div#myp-new table {
	background:			  #fff;
	border:	1px solid #bbb;
	clear:both;
	color:#333;
	padding:0px 0px;
	margin-bottom:0px;
	border-collapse:collapse;
}

div#myp-new tr td{
	background: #fff;
	padding: 15px 20px;
	vertical-align: top;
}

div#myp-new th{
	background: #F3F0F0;
	text-align: left;
	padding: 15px 20px;
}

div#myp-new th td{
	border:1px solid #333;
}

div#content p.myp-more {
	clear:both;
	text-align:right;
	padding:20px 0;
}
div#writer {
	border:1px dashed #6C6C6C;
	padding:15px 10px 15px 15px;
	padding-bottom:0px;
}
div#writer p {
	text-align:center;
	margin-bottom:12px;
}
div#writer p.att {
	text-align:left;
}
.path{
	width:500px;
	height:23px;
	text-align:left;
	padding-top:7px;
	padding-left:23px;
	clear:both;
	margin-bottom:-15px;
}

/*					sakuhin.css					*/
.input-writer {
	width:180px;
}
.input-add {
	width:180px;
	margin:0 10px;
}
.input-add2 {
	width:352px;
	height:20px;
	margin:0 10px;
}
div#sak-content {
	float:left;
	width:580px;
	padding:0 0 0 25px;
}
div#sak-content table.att {
	margin:15px 0 0 17px;
	padding:0px;
	font-size:1em;
}
div#sak-content table.att th{
	font-weight:normal;
	width:60px;
	vertical-align:top;
}
div#sak-content table.att2 {
	margin:10px 0 5px 0px;
	padding:0px;
	font-size:1em;
}
div#sak-content table.att2 th{
	font-weight:normal;
	width:60px;
	vertical-align:top;
}
div#sak-content dl.att {
	margin:15px 0 0 17px;
}
div#sak-content dl.att2 {
	margin:15px 0 15px 0;
}
div#sak-content dl.att dd.tag {
	padding-left:56px;
}
div#tagupdate {
	border:1px dashed #6D6D6D;
	padding:15px 15px 15px 17px;
	margin-top:10px;
}
p.add-tag-text {
	font-size:80%;
	letter-spacing:1px;
}
div#agupdate span {
	font-size:80%;
	padding-left:190px;
}
div#tagupdate p.tag-over {
	text-align:right;
	margin-top:5px;
}
div#sak-content p.car-photo,
div#sak-content p.car-text {
	margin:0 auto;
	margin-top:15px;
	background-color:#EDEBE9;
	width:460px;
	height:650px;
}
div#sak-content p.car-text {
	margin-top:5px;
	height:30px;
}
div#sak-content p.star {
	text-align:center;
	margin-top:15px;
}
div#sak-content p.star img {
	padding:0 5px;
}
div#sak-content p.comment {
	margin:7px 0 7px 35px;
	text-align:left;
}
div#sak-side {
	width:310px;
	float:right;
	padding:0 25px 0 0;
}
div#sak-writer {
	border:1px dashed #6C6C6C;
	padding:10px;
	overflow:hidden;
}
div#sak-writer .int p {
	float:left;
}
div#sak-writer .int dl {
	float:right;
	width:200px;
}
div#sak-writer .int dl dt {
	text-align:right;
	height:37px;
}
div#sak-writer .int dl dd {
	text-align:left;
	height:18px;
	margin:0;
	padding:0;
}
div#sak-writer p.work {
	clear:both;
	padding:5px 5px 5px 0;
	border-bottom:1px dashed #6C6C6C;
	text-align:left;
	width:290px;
}
div#sak-writer p.url {
	text-align:right;
	margin:10px 40px 0 0;
}
div#sak-side dl.work-list {
	margin-top:15px;
}
div#sak-side dl.work-list dt {
	background:#333;
	color:#FFF;
	font-weight:bold;
	padding:5px 15px;
}
div#sak-side dl.work-list dd {
	border:1px solid #333;
	height:300px;
	overflow:auto;
}
div#sak-side dl.work-list dd p {
	overflow:hidden;
	clear:both;
	width:240px;
	margin:0 auto;
	padding-top:15px;
}
div#sak-side dl.work-list dd p img {
	float:left;
	margin-right:10px;
	border:1px solid #333;
}
div#sak-side p.work-dec {
	margin-top:15px;
}

/*					toukou.css					*/
.input-tittle {
	width:250px;
	height:17px;
}
.input-tag {
	width:150px;
	margin:5px 5px 0 0;
	height:17px;
}
div#tou-side {
	width:320px;
	float:right;
	padding:258px 10px 10px 10px;
	border-left:1px dashed #BEBEBE;
	height:800px;
	font-size:90%;
}
div#tou-content {
	float:left;
	width:580px;
	padding:0 0 0 25px;
	overflow:hidden;
}
div#tou-content ul {
	text-align:center;
	margin-top:40px;
	margin-left:-21px;
}
div#tou-content ul li {
	display:inline;
	background-color:#E6E6CE;
	padding:3px 3px 3px 3px;
	line-height:22px;
}
div#tou-content ul li.arrow {
	background-color:#FFF;
	padding-bottom:3px;
}
div#tou-content ul li.yellow {
	background-color:#FEF105;
}
div#tou-content p.att {
	margin:10px 0 0 30px;	
}
div#tou-content p.must {
	margin:5px 0 0 30px;
	font-size:80%;
}
div#tou-content span {
	color:#F00;
	padding:0 3px;
}
div#tou-content table {
	margin:10px 0 0 30px;
	width:545px;
	background:#ECEBE9;
	border-top:10px solid #ECEBE9;
	border-bottom:10px solid #ECEBE9;
}
table.designtable {
	margin:10px 0 0 30px;
	width:545px;
	background:#ECEBE9;
	border-top:10px solid #ECEBE9;
	border-bottom:10px solid #ECEBE9;
}
div#tou-content table td {
	padding:10px;
	text-align:left;
}
div#tou-content table td.wid {
	width:140px;
	text-indent:1em;
}
div#tou-content table td label {
/*	font-size:80%;*/
}
div#tou-content table textarea {
	padding:5px;
	width:90%;
}
div#tou-content p.btn-ok {
	text-align:center;
	padding:10px 0;
}
div#sideguide {
	float:left;
	width:580px;
	padding:0 0 0 25px;
	overflow:hidden;
}
div#sideguide p.att {
	margin:10px 0 0 30px;	
}
div#sideguide p.must {
	margin:5px 0 0 30px;
	font-size:80%;
}
div#sideguide p.btn-ok {
	text-align:center;
	padding:10px 0;
}
.tbcon{
	float:left;
	text-align:right;
	width:250px;
	margin:0;
	padding:0;
	font-size:80%;
}
.tbcon02{
	float:left;
	text-align:left;
	color:#000;
	margin:0;
	padding:0;
}
.tbcon03{
	float:left;
	text-align:right;
	width:311px;
	margin:0;
	padding:0;
	font-size:80%;
}
.tbcon04{
	float:left;
	text-align:right;
	width:341px;
	margin:0;
	padding:0;
	font-size:80%;
}

.bookmarknumber{
	background-color:#FFF106;
	color:#000000;
	padding:1px;
}


.applynumber{
	background-color:#FF9966;
	color:#FFFFFF;
	padding:1px;
}


.h3rss{
	margin:2px auto 0px auto;
	position:absolute;
}

.simplelist{
	margin-left:35px;margin-top:10px;
}

.simplelist .listtitle{
	margin-left:-12px;font-weight:bold;
}

.rating{
	width:225px;
	height:37px;
	margin:0 auto;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../img/star-matrix.gif) no-repeat 0 0;
}

/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -37px}
.twostar {background-position:0 -74px}
.threestar {background-position:0 -111px}
.fourstar {background-position:0 -148px}
.fivestar {background-position:0 -185px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:37px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:37px;}
ul.rating li.three a {left:74px;}
ul.rating li.four a {left:111px;}
ul.rating li.five a {left:148px;}
ul.rating li a:hover {
	z-index:2;
	width:225px;
	height:36px;
	overflow:hidden;
	left:0;	
	background: url(../img/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -37px;}
ul.rating li.two a:hover {background-position:0 -74px;}
ul.rating li.three a:hover {background-position:0 -111px}
ul.rating li.four a:hover {background-position:0 -148px}
ul.rating li.five a:hover {background-position:0 -185px}

div#myp-new table.linedtable th{
	padding:5px 20px;
	border-left:1px solid #BBBBBB;
}
div#myp-new table.linedtable td{
	padding:5px 20px;
	border-left:1px solid #BBBBBB;
}