﻿@charset "utf-8";

/*------------------------------------------------------------


body
	.header
		.search	灰色部分
		.menu	メニュー
	.main						relative
		.contents	コンテンツ	margin-left
		.sidemenu	サイド		absolute
	.footer
	
-------------------------------------------------------------*/


body {
	text-align: center;
}

div.header,
div.main,
div.footer {
	text-align: left;
}


body {

	background-color: #ffffff;
	background-image: url(imgv3/bg.gif);
	background-repeat: repeat-x;
	color:#444;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
}

.bg{


}

div.frame{
	width:911px;
	margin: 0 auto;
	background-image: url(imgv3/bg2.gif);
	background-repeat: repeat-y;	
	text-align: left;
}
.manage{
	background-image: url(imgv3/bg3.gif) !important;
}



/*----------------------------------------------------------------------
■ヘッダ部分
（灰色のオビとメインメニュー）

.header
	.search	灰色部分
		.searchform	フォーム
		.mail
	.menu	メニュー
		.account	アカウントステータス
		.mainmenu .submenu	メインメニュー
----------------------------------------------------------------------*/

div.header{
	height:208px;
	background-color: #ffffff;
}







/*----------------------------------------------------------------------
■なかみ部分

----------------------------------------------------------------------*/




div.main{
	position:relative;
	width:911px;	

}


.maincontent{
	/*position:absolute; left:0;top:0;*/
	float:left;
	width:699px;
}


.c1, .c2, .c3 {
	width:212px;
	float:left;
	margin-right:21px;	

}

.c1 p, .c2 p, .c3 p , .cw p{margin-top:24px;}


.hr1{width:670px;height:1px;clear:both;overflow:hidden;}


.c11, .c22, .c33 {
	width:212px;
	float:left;
	margin-right:21px;
	margin-top:29px;

}

.c3,.c33 {
	margin-right:0px;
}


.c11 .newsitem{
	margin-top:10px;
	background-image: url(imgv3/dot.gif);
	background-repeat: no-repeat;
	background-position:0px 100%;
	padding-bottom:11px;	
}

.c11 .newsitem .blit{
	background-image: url(imgv3/blit_news.gif);
	background-repeat: no-repeat;
	background-position:4px 5px;
	padding-left:18px;	
}



.c22 .createitem , .c33 .createitem{
	margin-top:10px;

}
.c22 .createitem input, .c33 .createitem input{
	width:200px;
	border:1px solid #9D9D92;
	height:1.3em;height:15px;
	margin-top:3px;

}

.c22 .btn, .c33 .btn, .c22 .desc, .c33 .desc{
	margin-top:10px;

}


.c22 .req{
	color:#80D128;
	font-weight:bold;
}
.c33 .req{
	color:#59B0E2;
	font-weight:bold;	
}


.cw{
width:445px;
background-color:white;
	margin-right:0px;
	float:left;	
}






.c4{
	width:212px;
	float:right;
}


.c4 h2.h{
padding-bottom:24px;
	background-color: #ffffff !important;
}

.c4 .otherbg{
	background-color: #f6f6f6;
	/*margin-top:24px;*/
}



.c4 .othermenu{


}

.c4 .othermenuitem{
	height:32px;
	line-height:32px;
	overflow:hidden;
	margin: 0 10px 0 10px;
	background-image: url(imgv3/blit_othermenu.gif);
	background-repeat: no-repeat;
	background-position:9px  50%;
	padding-left:24px;
}
.c4  .ac{
	background-color: #ffffff !important;
}


.c4 .status{

	background-image: url(imgv3/dot.gif);
	background-repeat: no-repeat;
	background-position:0px 15px;
	padding-top:16px;

}

.c4 .status .graph{
	background-color: #fff;
	margin:0 10px 0 10px;
	/*text-align:center;*/
	padding:10px 8px 5px 10px;

}

.c4 .status .graph p{	color:#666;}



.c4 .othermenu a:link, .c4 .othermenu a:visited {
		color:#666 ! important;	
		text-decoration:none ! important;
		font-weight:bold ! important;	
}
.c4 .othermenu a:hover{
		color:#F1004F ! important;	
}


.c4 .vote{

	background-image: url(imgv3/dot.gif);
	background-repeat: no-repeat;
	background-position:0px 15px;
	padding-top:16px;

}
.c4 .votebody{

	color:#666;
	padding:4px 12px 10px 12px;

}




/*----------------------------------------------------------------------
■footer部分

----------------------------------------------------------------------*/


.footerframe{
	width:911px;
	margin: 0 auto;
	text-align: left;
	clear:both;
}


.footer{
	border-top:1px solid #ccc;
	margin-top:30px;
	padding-top:24px;
	padding-bottom:24px;
}









/* MANAGE */


.managetable{
	margin-top:24px;

}
.managetable td, .managetable th{
	font-size:12px;
	font-weight:normal;
	padding:4px;
}
.managetable th{
	 border-right:2px solid #84CC36;
	 background-color:#F8FFF1;
}

.managetable input{

}

.answers div{
	margin-top:4px;
	margin-bottom:4px;
}

.formtxt{
	border:1px solid #9D9D92;
	height:1.3em;
	/*margin-top:2px;*/
}

.notice p{
 line-height:160%;
 margin:1em 0 1em 0;
}
.notice h3{
 padding-top:10px;padding-bottom:20px;
}
.notice h4{
	font-weight:bold;
	font-size:12px;
}


