@charset "utf-8";

/*☮☮☮☮☮☮☮☮☮☮☮☮☮☮ 

	---NOTICE---

	Please set up the name of "id" and "class" which everybody might be able to understand easily.
	Besides it is kindness if you write your comments why you set up the name and where "id" or "class" are used.

☮☮☮☮☮☮☮☮☮☮☮☮☮☮ */




/*********************************************************************************
	全体的なCSS
*********************************************************************************/

form {
	margin: 0px 0px 0px 0px;
}

/*********************************************************************************
	インデックスページのCSS
*********************************************************************************/



/*********************************************************************************
	マージン系
*********************************************************************************/
.clear {
	clear:both;
	margin:0px;
	padding:0px;
}
.test {
float:left;
margin-left:20px;
}
/*********************************************************************************
	一覧で表示されるボックスのCSS　2列編
*********************************************************************************/

div.listTwin {
	width:400px;
	font-size:11px;
	margin:5px 15px;
	padding:0px;
	float:left;
}
div.listTwin .head {
	background-image:url(../images/list_head.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin:0px;
	padding:0px;
	height:10px;
}
div.listTwin .bottom {
	background-image:url(../images/list_bottom.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin:0px;
	padding:0px;
	height:10px;
}
div.listTwin .middle {
	background-image:url(../images/list_mid.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin:0px;
	padding:0px;
	height:210px;
}
div.listTwin .middle .mainBox {
	width:210px;
	margin:0px;
	padding:0px;
	float:left;
}
div.listTwin .middle img.face {
	margin:20px 10px 10px 0px;
	border:1px solid #ffffff;
	float:right;
}
div.listTwin .middle .mainBox .copy {
	width:190px;
	font-size:18px;
	font-weight:bold;
	color:#ccffff;
	margin:20px 5px 10px 10px;
	background-image:url(../images/bg_catch.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	vertical-align:middle;
}
div.listTwin .middle .mainBox .ic {
	margin:0px 0px 0px 10px;
}
div.listTwin .middle .mainBox .logo {
	margin:120px 0px 0px 10px;
	background-image:url(../images/bg_logo.gif);
}
div.listTwin .middle .mainBox .profile {
	margin:0px;
	float:right;
}
div.listTwin .middle .mainBox .profile .name{
	font-size:19px;
	font-weight:bold;
	color:#ffffff;
	margin:0px auto 5px auto;
	background-image:url(../images/bg_line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
div.listTwin .middle .mainBox .profile .name a {
	text-decoration:none;
	color:#ffffff;
}
div.listTwin .middle .mainBox .profile .name a:hover {
	text-decoration:none;
	color:#99ffff;
}

div.listTwin .middle .mainBox .profile .size{
	font-size:14px;
	font-weight:bold;
	color:#9933ff;
	margin:10px auto;
	background-image:url(../images/bg_line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
div.listTwin .middle .mainBox .profile .shop{
	font-size:19px;
	font-weight:bold;
	color:#ffffff;
	margin:0px auto 5px auto;
	background-image:url(../images/bg_line.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}



/*********************************************************************************
	アンケート
*********************************************************************************/

div#specialframe {
	width:200px;
	margin:20px auto 20px 0px !important;
	padding:0px;
	
}
div#specialframe #specialBox {
	margin:0px;
	padding:0px;
	border:1px solid #C7C8C8;
}
div#specialframe #specialBox #mycustomscroll {
/* Typical fixed height and fixed width example */
	width: 100%;
	height: 250px;
	overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size:11px;
	color:#666666;
	line-height:17px;
}
div#specialframe #specialBox div#mycustomscroll h2 {
	margin:8px;
	font-weight:bold;
	font-size:12px;
}
div#specialframe #specialBox div#mycustomscroll p {
	margin:7px;
}


/*********************************************************************************
	一覧で表示されるボックスのCSS (4列編)現在使用してません
*********************************************************************************/
/*
div.listBox {
	width:170px;
	border:1px solid #DDDDDD;
	font-size:11px;
	margin:10px 10px;
	padding:0px;
	float:left;
}
div.listBox .topTitle {
	width:170px;
	margin:0px 0px 0px 0px;
	height:25px;
}
div.listBox .topTitle .icn {
	width:40px;
	margin:0px 0px 0px 5px;
	padding:0px;
	float:left;
}
div.listBox .topTitle .catch {
	margin:0px 3px 0px 0px;
	padding:5px 0px;
	font-size:13px;
	font-weight:bold;
	color:#3366FF;
	height:25px;
	vertical-align: middle;
}
div.listBox .gals {
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	margin:0px;
	padding:0px;
}
div.listBox .intro {
	width:170px;
	margin:0px 0px 0px 0px;
}
div.listBox .intro .thSize {
	width:170px;
	text-align:center;
	margin:4px 0px;
	font-size:10px;
}
div.listBox .intro .name {
	width:170px;
	font-size:13px;
	padding:2px 5px;
}
*/