/******************************************************
Grapecity -http://www.grapecity.com/
Copyright(c)
by Grapecity MARCOM Team Chida AKiko
******************************************************/

/*****************************************************
共通スタイル
*****************************************************/
@import url("../css/base.css");
@import url("header_footer.css");

/*****************************************************
********** Indexページ・Sign inページ共通 ************
*****************************************************/

/*****************************************************
フッタ上部メッセージ
*****************************************************/
p#message{
    clear:both;
	margin:0px 0px 1px;
    padding:18px 32px 0px 140px;
    width:750px;
	height:88px;
	background:url(../img/logo_cluster.gif) 50px 20px no-repeat;
	background-color:#e2e2e2;
	}
	
/*===回り込み解除===================================*/	
.clear{
    clear:both;
	}	
	
	
/*****************************************************
******************* Indexページ **********************
*****************************************************/
	
/*****************************************************
メインエリア
*****************************************************/
p#flash{
    clear:both;
    width:922px;
	height:361px;
	}
		
/*****************************************************
メニュー（リスト形式）
*****************************************************/
div.menulist,
div.menulist_last{
    float:left;
	margin:4px 2px 2px 0px;
	}
div.menulist_last{
	margin-right:0px
	}
p.menutitle{
    margin:0px;
    padding:4px 0px 0px 17px;
    width:212px;
	height:23px;
    font-weight:bold;
	color:#000;
	background:url(../img/menu_title.gif) left top no-repeat;
	}
dl{
    width:229px;
	height:196px;
	background:url(../img/bg_index_menulist.jpg) left top no-repeat;
	}
dt{
    margin-left:16px;
	padding:10px 0px 0px 12px;
	background:url(../img/menulist01.gif) left 15px no-repeat;
	color:#330066;
	}
dd{
    margin-left:36px;
	padding-left:12px;
	background:url(../img/menulist02.gif) left 5px no-repeat;
	color:#333;
	}
dd.none{
    background:none;
	padding-left:0px;
	}

dt a,
dd.more a{
    text-decoration:none;
	color:#330066;
	}
dd a{
    text-decoration:none;
	color:#333;
	}
dt a:hover,
dt a:active,
dd.more a:hover,
dd.more a:active{
    color:#986cc4;
	}
dd a:hover,
dd a:active{
    color:#777;
	}
	
dt.aboutgc {
    padding-top:2px;
	background-position:left 7px;
	}
	
	
/*****************************************************
******************* Sign inページ ********************
*****************************************************/	

/*****************************************************
メニュー（リスト形式）
*****************************************************/
div#signblock{
    clear:both;
    width:556px;
	height:261px;
	margin-bottom:3px;
	padding:52px 183px;
	background:url(../img/bg_signin.jpg) left top repeat-x;
	}
div#signmain{
    width:525px;
	height:230px;
	padding:15px;
	background:url(../img/bg_signin_main.jpg) left top no-repeat;
	}

p#singin{
    width:525px;
	height:52px;
	margin-bottom:22px;
	background:url(../img/title_signin.jpg) left top no-repeat;
	}
p#singin em{
    visibility:hidden;
	font-style:normal;
	}
	
div#signmain #input{
    float:left;
	width:300px;
	}
div#signmain #bt_sign{
    margin-top:10px;
    float:left;
	width:;
	}
	
form{
    height:90px;
	margin-bottom:10px;
    padding-left:62px;
	border-bottom:dotted 1px #494949;
	}
p.head,
input.idpw{
    float:left;
	}
p.head{
    width:68px;
	margin-bottom:13px;
	color:#fff;
    }
input.idpw{
    display:block;
	width:210px;
    height:16px;
	vertical-align:middle;
	}
p#remember{
    padding-left:68px;
	color:#fff;
	}
	
div#signmain ul{
    padding-left:132px;
    }
div#signmain li{
    padding-left:8px;
	line-height:22px;
    background:url(../img/indexmark_signin.gif) left center no-repeat;
	color:#fff;
	}
div#signmain li a:link,
div#signmain li a:visited{
    color:#cc99ff;
	text-decoration:underline;
	}
div#signmain li a:hover,
div#signmain li a:active{
    color:#d8b2ff;
	text-decoration:underline;
	}