﻿/*------------------------------------------------------------------------------------
  global
------------------------------------------------------------------------------------*/
* {
    padding:0;
    margin:0;
}

.clear{ clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden; }

img {
    border: none;
/*    vertical-align:bottom;*/
}

a {
    cursor:pointer;
    color:#262626;
    text-decoration:none;
}

a img {
    border-bottom:none !important;
}

a:link {
	/*background:url(../images/dots_horizontal.jpg) repeat-x bottom left;*/
	border-bottom:1px dotted #999;
}

a:visited {
	/*background:url(../images/dots_horizontal.jpg) repeat-x bottom left;*/
	border-bottom:1px dotted #999;

}

a:hover {
    color:#EA1F00;
}

a:active {
    color:#f9603c;
}

a.img {
    border-bottom:none !important;
}

h1 {
	display:block;
	width:515px;
	height:48px;
	font-size:180%;
	font-weight:bold;
	border-bottom:2px solid #22bc2d;
	margin-bottom:10px;
}
h1 img {
	vertical-align: middle;
	margin-right:15px;
}

h2, h3, h4, h5 {
	padding:1px 5px;
	background-color:#efecef;/*#e5e5e5;*/
	font-size:100%;
	font-weight:normal;
	margin-top:10px;
}
em {
	font-style:normal;
	color:#22bc2d;
}
/*------------------------------------------------------------------------------------
  
------------------------------------------------------------------------------------*/

body{
	text-align:center;
	font-size:12px;
	font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.8em;
	color: #222222;
}

#wrapper {
	width: 760px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
#header_notice {
	font-weight:bold;
	color:#22bc2d;
	display:block;
	width:756px;
	background-color:#dfffb9;
	padding:3px 0;
	margin:5px 0;
	border:2px solid #22bc2d;
}
#errorExplanation ul, #provision {
	padding-left:17px;
}
<!--つかいかた-->
#provision li{
	padding-top:3px;
	padding-bottom:3px;
}
#container dt {
	font-weight:bold;
	padding:5px 0 2px 0;
}
#container dd {
	padding-left:10px;
	padding-bottom:10px;
}
#container .notice{
	padding:3px 5px;
	background-color:E5E5E5;
	border: 1px solid #B5B5B5;
}
/*------------------------------------------------------------------------------------
  ui
  ------------------------------------------------------------------------------------*/
/*メイン画面大ボタン*/
.bigbtn {
	width:515px;
	margin:30px 0;
	text-align:center;
}
.bigbtn p a{
	font-size:160%;
	font-weight:bold;
	display:block;
	background-color:#dfffb9;
	padding:10px;
	text-align:center;
	width:300px;
	margin:0 auto;
	border:none;
}
.bigbtn p a:hover{
	background-color:#f60;
	color:#fff;
}
.bigbtn p a:visited {
	border:none;
}
/*------------------------------------------------------------------------------------
  header
  ------------------------------------------------------------------------------------*/
#header {
	text-align:center;
	height:27px;
	overflow:visible;
	margin-bottom:50px;
	/*border-bottom:2px solid #22bc2d;*/
}

#header_in {
	margin:0px auto;
	width:760px;
	position:relative;
	text-align:left;
}

#header p {
	padding:0px;
	margin:0px;
}

#header .header_title {
position:absolute;
	left:0px;
}
#header .header_title a{
	border:0;
}
#header .header_title img{
	margin-top:8px;
}
#header .header_cap {
	position:absolute;
	left:138px;
	padding-top:8px;
	padding-left:17px;
	width:370px;
}

#header .header_logged {
	position:absolute;
	left:515px;
	width:250px;
	padding-top:5px;
	padding-left:15px;
	border-left:1px solid #999;
	overflow:hidden;
	height:50px;
}

#header .header_logged span {
	font-size:0.9em;
	color:#666;
}

#header .header_logged img {
	padding-right:3px;
	vertical-align:middle;
}


#header div.header_navi {
	position:absolute;
	right:0px;
	text-align:right;
}

#header div.header_navi ul {
	list-style:none;
	margin:0px;
	padding:5px 0px 0px 15px;
	font-weight:bold;
	border-left:1px solid #999;
	_width:90px;
	height:50px;
}

#header div.header_navi ul li {
	margin:0px;
	padding:0px;
	text-align:right;
}

#header .logged ul {
	_width:65px !important;
}

#header .not_logged {
}


/*------------------------------------------------------------------------------------
  footer
------------------------------------------------------------------------------------*/

#footer {
	clear:both;
	border-top:2px solid #222222;
	height:50px;
	position:relative;

}

#footer ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	top:15px;
}

#footer p {
	left:0;
	margin:0;
	padding:0;
	position:absolute;
	top:15px;
}

#footer ul li {
	display:inline;
	margin:0;
	padding:0 0 0 30px;
}

#footer img {
    vertical-align:bottom;
}

#footer p {
    left:0;
    margin:0;
    padding:0;
    position:absolute;
    top:20px;
}
/*------------------------------------------------------------------------------------
  container
------------------------------------------------------------------------------------*/
#container {
	margin:0 auto;
	width:760px;
	padding:0 0 30px 0;
	text-align:left;
}
/*------------------------------------------------------------------------------------
  info
------------------------------------------------------------------------------------*/
#info {
	float:right;
	width:190px;
}
#info p {
	padding:4px;
}

form p input, #info form .fieldWithErrors input{
	padding:3px;
	vertical-align: middle;

}
#info form p, #info form .fieldWithErrors {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.fieldWithErrors {
	margin-left:10px;
}
#info form p .label{
	text-align:left;
	display:block;
}
#info form p input, #group_name, #group_message{
	width:172px;
	_width:162px;
}
#info form p select{
	text-align:left;
	width:182px;
	_width:162px;
	margin-bottom:3px;
}
/*------------------------------------------------------------------------------------
  comment
------------------------------------------------------------------------------------*/
#comment {
	clear:both;
	padding:0 0 30px 0;
}
/*------------------------------------------------------------------------------------
  content
------------------------------------------------------------------------------------*/
#content {
	float:left;
	width:515px;
}
.userlist {
	list-style-type:none;
}

.userthumb {
	font-size:130%;
	clear: both;  
	margin:0px;
	display: block;
	width:515px;
}
.userthumb a{
	padding:10px 0;
	display:block;
	/*background:url(../images/dots_horizontal.jpg) repeat-x bottom left;*/
	zoom:1;
}
.userthumb a:hover{
	color:#fff;
	background-color:#22bc2d;
}
.username {
	margin-left:15px;
}
.rent{
	color:#CCC;
	font-size:90%;
	font-weight:bold;
	margin-left:15px;
}
.rent:hover{
	color:#fff;
}

.add {
	width:495px;
	background-color:#efecef;
	padding:10px;
	font-size:130%;
}


<!--user page-->
.grouplist {
	list-style-type:none;
}
.grouplist li{
	list-style-type:none;
	clear: both;

}
.grouplist li a{  
	display: block; 
	width: 185px;
	_width: 190px;
	/*background:url(../images/dots_horizontal.jpg) repeat-x bottom left;*/
}
.grouplist li a {
	padding-left: 5px;
}
.grouplist li a:hover{
	background-color:#22bc2d;
	color:#fff;
}

.itemlist {
	list-style-type:none;
}
.itemli{
	font-size:130%;
	padding:10px 0;
	clear: both;  
	float: left;
	display: block;
	width:515px;
	background:url(../images/dots_horizontal.jpg) repeat-x bottom left;
	zoom:1;
}
.itemname{ 
	margin-right:10px;
}
.cand {
	font-size:70%;
	vertical-align:bottom;
}
.cand a {
	color:#aaa;
	text-decoration:none;
}
.cand a:hover {
	color:#f60;
}
.candidates {
	list-style-type:none;
	width:515px;
}
.candidates li{
	font-size:77%;
	margin:0 4px 0 0;
	display:inline;
}
.candidates li a{
	padding:1px 2px 1px 3px;
	background-color:#dfffb9;
}
.candidates li a:hover{
	color:#fff;
	background-color:#22bc2d;
}

/*form関連*/
.additemform {
	display:block;
	width:515px;
	padding:15px 0px 35px 0px;
	text-align:center;
	background:#dfffb9 url(/images/additemform.gif) no-repeat bottom center;
}

/*------------------------------------------------------------------------------------
  terms
  ------------------------------------------------------------------------------------*/
#terms ol, #terms ul {
	margin-left:30px;
}
#terms dd {
	margin-left:30px;
}

/*------------------------------------------------------------------------------------
  rss
  ------------------------------------------------------------------------------------*/
#rss {
    margin-top:20px;
    display:block;
    text-align:left;
}
#rss img {
    vertical-align: middle;
    margin-right:3px;
}

