@charset "UTF-8";

/**************************/
/* 回り込み・位置 */
.left	{
	float: left;
}
.right	{
	float: right;
}
.column	{
	font-weight: bold;
}
.center	{
	text-align:center;
}
/**************************/
.alert	{
	color:red;
}
.attention	{
	color:red;
}
.blank	{
	clear: both;
	font-size:1px;
	height: 1px;
}
.cHand	{
	cursor: pointer;
	cursor: hand;
}

/**************************/
/* ボディー */
BODY	{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 0.85em;
}
H2	{
	margin: 0px;
	padding: 0px;
}
IMG	{
	border: none;
}
UL	{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
FORM	{
	margin: 0px;
	padding: 0px;
}

/**************************/
/* ヘッダー */
#frameHeader {
	height:204px;
	margin: 0px;
	padding:0px;
}
#header {
	width: 955px;
	height:204px;
	margin: 0px auto;
	padding:0px;
}
#photoHeader {
	width: 215px;
	height:176px;
	margin: 0;
	margin-top: 18px;
	padding-top: 10px;
	text-align: center;
}
#menuHeader {
	width: 740px;
	height: 200px;
	margin: 4px 0 0 0;
	padding: 0;
	list-style: none;
}
#menuHeader .banner {
	height: 98px;
	text-align:center;
	margin: 0;
	padding: 0;
}
#menuHeader .menubar {
	width: 714px;
	margin: 10px 0px 0px 10px;
	padding: 0;
}

/**************************/
/* 骨格 */
#frame {
	width: 955px;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
}
#content	{
	width: 532px;
	margin: 0px;
	padding: 0px;
}
#sidebar {
	width: 215px;
	margin-top: 0px;
	margin-left: 0px;
	text-align: center;
}
#rightbar	{
	width: 205px;
	margin-top: 0px;
	margin-left: 0px;
	text-align: center;
}
#footer {
	height:100px;
}
#footer-info {
	width: 800px;
	margin: 0px auto;
	padding-top: 10px;
}
#copyright {
	font-family: "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
	font-size: 0.8em;
	margin-right: 20px;
}
#pagetop {
	width: 920px;
	text-align: right;
}
#pagetop A{
	font-size: 0.8em;
	text-decoration: none;
}

/**************************/
/* メニューバー */
.topmenubar {
	background-image: url(http://localhost/hitsuji/resource/img/common/menuBg.gif);
}
.btmmenubar {
	background-image: url(http://localhost/hitsuji/resource/img/common/btmMenuBg.gif);    
}

.yuimenubaritemlabel-selected {
	background-image: url(http://localhost/hitsuji/resource/img/common/menuBgf.gif);
	text-decoration: underline;
	color: #000;
}

.yuimenuitemlabel-selected {
	background-color: #E7F5F0;
	text-decoration: underline;
	color: #000;
}

/**************************/
/* 平行表示 */
.horizontal	{
	margin: 0px auto;
	padding: 0;
	list-style: none;
}
.horizontal LI	{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}
LI.tile	{
	width: 128px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 4px;
	text-align: center;
}
.summary	{
	margin: 0px auto;
	padding: 0;
	list-style: none;
}
.summary LI	{
	margin: 0px;
	padding: 1px 0px;
	text-align: left;
}
.summary A {
	text-decoration:none;
}

/**************************/
/* サイドエリア */
.sideList	{
	width: 186px;
	background-color:white;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}
.sideList LI	{
	width: 166px;
	background-color:white;
	margin: 0px auto;
	padding: 3px 0px;
	text-align: left;
}
.sideList INPUT {
	width: 140px;
	margin-left: 10px;
}
INPUT.check {
	width: 20px;
}
.sideList SELECT {
	margin-left: 10px;
}
.sideList OPTION {
	font-size: 12px;
}
.sideList STRONG {
	font-size: 11px;
}
.sideRow	{
	width: 180px;
	background-color:white;
	margin: 0px auto;
	padding: 0 3px;
	list-style: none;
	text-align: left;
}
.sideRow LI {
	text-align: left;
	background-color:white;
}
.sideList A,
.sideRow A {
	text-decoration: none;
}
.sideList A:hover,
.sideRow A:hover {
	font-weight: bold;
}
.sideList LABEL {
	width: 130px;
	font-weight: bold;
	text-align: left;
}


/**************************/
/* 動作エリア */
DIV.item {
	width: 522px;
	background-color:white;
	margin: 0px;
	padding: 0px 4px;
	text-align: left;
}
DIV.listing	{
	width: 530px;
	background-color:white;
	float: left;
	display:block;
	margin: 0 auto;
	padding:2px 0;
	line-height: 110%;
}
DIV.listplain	{
	width: 530px;
	background-color:white;
	float: left;
	display:block;
	margin: 0 auto;
	padding:8px 0;
	line-height: 150%;
	text-align: center;
}
DIV.listrow	{
	width: 530px;
	float: left;
	display:block;
	margin: 0 auto;
	padding:4px 0 20px 0;
	line-height: 150%;
	text-align: center;
	background-color: white;
	background-image: url(http://localhost/hitsuji/resource/img/common/sep-post.gif);    
	background-repeat: no-repeat;
	background-position: bottom center;
}
DIV.listplain LABEL.column,
DIV.listrow LABEL.column {
	float: left;
	display:block;
	width: 130px;
	font-weight: bold;
	text-align: right;
}
DIV.listplain DIV.fdata,
DIV.listrow DIV.fdata	{
	float: right;
	display:block;
	width: 382px;	
	text-align: left;
	padding-left: 8px;
}
DIV.listplain DIV.rdata,
DIV.listrow DIV.rdata	{
	width: 488px;
	text-align: left;
	margin: 0 auto;
}
DIV.listplain DIV.mdata,
DIV.listrow DIV.mdata	{
	width: 380px;
	text-align: left;
	margin: 0 auto;
}
DIV.listrow DIV.target	{
	float: left;
	display:block;
	width: 272px;
	text-align: left;
	padding-left: 8px;
}
DIV.listrow DIV.flag	{
	float: right;
	display:block;
	width: 120px;
	text-align: left;
}
DIV.listrow DIV.enquete	{
	float: left;
	display:block;
	width: 380px;
	text-align: left;
}
UL.listing {
	width: 510px;
	margin: 0 auto;
}
DIV.listing UL {
	width: 510px;
	margin: 0 auto;
}
DIV.listing A {
	text-decoration: none;
}
DIV.listing A:hover {
	text-decoration: underline;
}

/**************************/
/* ボタン */
.button {
	display:-moz-inline-box;
	display:inline-block;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #808080;
	background:url(http://localhost/hitsuji/resource/img/common/menuBg.gif) repeat-x 0 0;
}
.button A {
	display:block;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #808080;
	background:url(http://localhost/hitsuji/resource/img/common/menuBg.gif) repeat-x 0 0;
	margin:0 -1px;
	padding: 3px 8px;
	text-decoration:none;
	font-size:0.9em;
}
.button A:hover {
	background:url(http://localhost/hitsuji/resource/img/common/menuBgf.gif) repeat-x 0 0;
}

/**************************/
/* _____ テーブル _____ */
TABLE.list	{
	width: 100%;
	color: #000000;
	border-collapse: collapse;
	padding: 0px;
	font-size:0.88em;
}
TABLE.list TD.column	{
	color: #5F9993;
	text-align:left;
	vertical-align: top;
	font-weight: bold;
}
TABLE.list TD	{
	color: #000000;
	text-align:left;
	vertical-align: top;
	line-height: 150%;
}

/**************************/
/* レビュー星 */
.container {
	float: left;
	background:url(http://localhost/hitsuji/resource/img/common/star00.gif) 0 3px no-repeat;
	height:20px;
	width:80px;
	margin: 0;
	padding: 0;
}
.rating-bar {
	background:url(http://localhost/hitsuji/resource/img/common/star10.gif) 0 3px no-repeat;
	height:20px;
	width:0px; 
	margin:0;
	padding: 0;
	list-style: none;
}
.rating-bar-ie {
	background:url(http://localhost/hitsuji/resource/img/common/star10.gif) 0 no-repeat;
	height:20px;
	width:0px; 
	margin:0;
	padding: 0;
	list-style: none;
}

/**************************/
/* チャート */
#chart1,#chart2,#chart3,#chart4,#chart5,
#chart6,#chart7,#chart8,#chart9,#chart10 {
	float: left;
	width: 200px;
	height: 150px;
}
#legend	{
	list-style: none;
	padding: 5px;
	margin-left: 10px;
	background-color: #ffffff;
}

#legend li	{
	width: 100%;
	height: 1.2em;
	padding-left: 15px;
	margin-bottom: 4px;
	list-style: none;
}

.categoryName	{
	display: block;
	padding-left: 4px;
	background-color: #ffffff;
}
.chart00
{
	background-color: #00b8bf;
}
.chart01
{
	background-color: #8dd5e7;
}
.chart02
{
	background-color: #c0fff6;
}
.chart03
{
	background-color: #ffa928;
}
.chart04
{
	background-color: #edff9f;
}
.chart05
{
	background-color: #d00050;
}

/**************************/
/* プログレスバー */
.progress_bg {
    position: relative;
    background: url(http://localhost/hitsuji/resource/img/common/progressBarB.gif) 0 0px no-repeat;
    height: 20px;
    width: 310px;
}
.progress_bg div {
    position: absolute;
    cursor: default;
    top: 4px;
}
.progress {
    position: absolute;
    background: url(http://localhost/hitsuji/resource/img/common/progressBarF.gif) 0 0px no-repeat;
    height: 20px;
    width: 0px;
}

/* General */
li#gFriends .yuimenuitemlabel {
	background-image:url(http://localhost/hitsuji/resource/img/icons/user_find.gif);
	background-repeat: no-repeat;
        background-position: 4px 0px;
}
li#gCommunity .yuimenuitemlabel {
	background-image:url(http://localhost/hitsuji/resource/img/icons/group_find.gif);
	background-repeat: no-repeat;
        background-position: 4px 0px;
}
li#gBlog .yuimenuitemlabel {
	background-image:url(http://localhost/hitsuji/resource/img/icons/book_find.gif);
	background-repeat: no-repeat;
        background-position: 4px 0px;
}
li#gReview .yuimenuitemlabel {
	background-image:url(http://localhost/hitsuji/resource/img/icons/star_find.gif);
	background-repeat: no-repeat;
        background-position: 4px 0px;
}
li#gBase .yuimenuitemlabel {
	background-image:url(http://localhost/hitsuji/resource/img/icons/information.gif);
	background-repeat: no-repeat;
        background-position: 4px 0px;
}
li#gTheme .yuimenuitemlabel {
	background-image:url(http://localhost/hitsuji/resource/img/icons/layout_content.gif);
	background-repeat: no-repeat;
        background-position: 4px 0px;
}
li#gGadget .yuimenuitemlabel {
	background-image:url(http://localhost/hitsuji/resource/img/icons/cog.gif);
	background-repeat: no-repeat;
        background-position: 4px 0px;
}
