/*
-----------------------------------------------------------
	info.css
	(C)2006 nlinks
	(C)2006 Hamasakurakumi.,Ltd
	
-----------------------------------------------------------
*/

/* 特色の色　#f06482 --- */


/* 役立ち情報部分 
-------------------------------- */

#q_mar {
	margin-left: 33px;
	width: 505px;	
}
#q_mar a{
	text-decoration: none;
}



/* 枠の上 
-------------------------------- */
#top {
	height: 34px;
}

#top .Tleft{
	background-color: #fff;
	float: left;
	width: 200px;
	height: 34px;
	background-image: url(../img/ya200l.gif);
	background-repeat: no-repeat;
}
#top .Tcenter{
	background-color: #fff;
	float: left;
	width: 271px;
	height: 34px;
	background-image: url(../img/ya01c.gif);
	background-repeat: repeat;
}
#top .Tright{
	background-color: #fff;
	float: left;
	width: 34px;
	height: 34px;
	background-image: url(../img/ya34r.gif);
	background-repeat: no-repeat;
}



/* 枠の真中 
-------------------------------- */
#mid {
	padding: 1px 0px 1px 0px;
	background-image: url(../static/img/waku.gif);
	background-repeat: repeat-y;
}
#mid HR {
	BORDER-RIGHT: #999 1px dotted; 
	BORDER-TOP: #999 1px dotted; 
	BORDER-LEFT: #999 1px dotted; 
	BORDER-BOTTOM: #999 1px dotted;
	margin: 0px 60px 0px 50px;
}


/* 枠の下
-------------------------------- */
#btm {
	height: 34px;
	width: 505px;
	background-image: url(../img/wakubtm.gif);
	background-repeat: no-repeat;
	float: none;
	margin-bottom: 10px;
	text-align: right;
}



/* 左側　情報内部　枠内の大きさ調整
上　右　下　左
-------------------------------- */
.infomain {
	margin: 10px 50px 10px 50px;

}




/* 左側　情報内部　レイアウト
-------------------------------- */
.infomainA {
	border-color:#e6e6e6;
	border-width:4px 4px 4px 4px;
	border-style:solid;

}
.infomainB {

}
/* 左側　情報内部　リスト内部
-------------------------------- */
.infomainB li{
	list-style-type: none;
	font-weight: normal;
	font-size: 70%;
	height: 30px;
	background-image: url(../img/arrow_pink3.gif);
	padding: 9px 0px 0px 20px;
	background-repeat: no-repeat;
	}

/* 左側　infomainA内部　レイアウト
上　右　下　左
-------------------------------- */
.infomaintext {
	padding: 6px 10px 6px 10px;
	color: #888;
	line-height: 160%;
}

/* 左側　infomainB内部　レイアウト
上　右　下　左
-------------------------------- */
.infomainA2 {
	float: left;
	width: 190px;
}
.infomainB2 {
	float: left;
	width: 190px;
	padding-left: 20px;
}

.infomainA2a {
	float: none;
	padding-top: 40px;
}
.infomainA2b {
	float: none;
	padding-top: 40px;

}

.infomainB2a {
	float: none;
	padding-top: 40px;
}
.infomainB2b {
	float: none;
	padding-top: 40px;
}

/* 左側　infomainB内部　サブタイトル
上　右　下　左
-------------------------------- */
.subt1 {
	padding: 6px 10px 0px 10px;
	font-weight: 700;
	height: 24px;
	font-size: 70%;
	color: #FFFF00;
	background-color: #d58;
	margin-bottom: 10px;
}
.subt2 {
	padding: 6px 10px 0px 10px;
	font-weight: 700;
	height: 24px;
	font-size: 70%;
	color: #FFFF00;
	background-color: #aa5;
	margin-bottom: 10px;
}
.subt3 {
	padding: 6px 10px 0px 10px;
	font-weight: 700;
	height: 24px;
	font-size: 70%;
	color: #FFFF00;
	background-color: #5a5;
	margin-bottom: 10px;
}
.subt4 {
	padding: 6px 10px 0px 10px;
	font-weight: 700;
	height: 24px;
	font-size: 70%;
	color: #FFFF00;
	background-color: #6bF;
	margin-bottom: 10px;
}

/* 左側　infomainB内部　サブタイトル
上　右　下　左
-------------------------------- */
.sub1 {
	padding: 8px 10px 0px 16px;
	height: 30px;
	color: #fff;
	background-image: url(../img/arrow_pink3.gif);
	background-repeat: no-repeat;
	font-size: 70%;
}
.sub2 {
	padding: 8px 10px 0px 16px;
	height: 30px;
	color: #fff;
	background-image: url(../img/arrow_pink3.gif);
	background-repeat: no-repeat;
	font-size: 70%;
}
.sub3 {
	padding: 8px 10px 0px 16px;
	height: 30px;
	color: #fff;
	background-image: url(../img/arrow_pink3.gif);
	background-repeat: no-repeat;
	font-size: 70%;
}
.sub4 {
	padding: 8px 10px 0px 16px;
	height: 30px;
	color: #fff;
	background-image: url(../img/arrow_pink3.gif);
	background-repeat: no-repeat;
	font-size: 70%;
}
.sub4s {
	padding: 8px 10px 0px 16px;
	height: 38px;
	color: #fff;
	background-image: url(../img/arrow_pink3.gif);
	background-repeat: no-repeat;
	font-size: 70%;
	background-position: 0px 8px;
}

/* fromでのみ使用
上　右　下　左
-------------------------------- */

.yaformA {
	color: #999;
	padding-left: 55px;
}
.yaformB {
	color: #555;
	font-weight: 700;
	padding-top: 6px;
	padding-bottom: 6px;
}

.yaformC {
	color: #555;
	font-size: small;
	padding-top: 6px;
	padding-bottom: 6px;
}

.yaformD {
	color: #935;
	line-height: 150%;
	font-weight: 700;
	padding-top: 6px;
	padding-bottom: 6px;
}
.yaformE {
	color: #935;
	font-size: small;
	line-height: 170%;
	padding-top: 6px;
	padding-bottom: 6px;
}



/* 右側
-------------------------------- */
	
#q_right .kager {
	BORDER-BOTTOM: #ccc 4px solid;
}

#q_right .bg {
	BORDER-RIGHT: #999999 1px solid;
	BORDER-TOP: #999999 1px solid;
	BACKGROUND-IMAGE: url(..img/bg.gif);
	BORDER-LEFT: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	BACKGROUND-COLOR: #e4e4e4;
}

#q_right .bg HR {
	BORDER-RIGHT: #999 1px dotted; 
	BORDER-TOP: #999 1px dotted; 
	BORDER-LEFT: #999 1px dotted; 
	BORDER-BOTTOM: #999 1px dotted
}

/* 右側のメニューの設定
-------------------------------- */

.menuright {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.menuright LI {
	MARGIN-BOTTOM: 5px
}
.menuright A {
	MARGIN: 0px 2px; COLOR: #000000
}
.menuright A:hover {
	TEXT-DECORATION: none
}


/* 右側 login-box部分
-------------------------------- */
#q_right .bg .whiteboardlog{
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	MARGIN-LEFT: auto;
	WIDTH: auto;
	MARGIN-RIGHT: auto;
	PADDING-TOP: 5px;
	BACKGROUND-COLOR: #fff;
}

#q_right .bg .menukoto {
	PADDING-LEFT: 5px; BORDER-LEFT: #f06482 14px solid
}
#q_right .bg .kakomi {
	BACKGROUND-IMAGE: url(../img/srv_right_menu.gif); WIDTH: 258px; HEIGHT: 35px
}
#q_right .bg .menutit {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN: 0px; PADDING-TOP: 10px
}
#q_right .bg .pickbg {
	BACKGROUND-IMAGE: url(../img/bg.gif); MARGIN-LEFT: auto; WIDTH: auto; MARGIN-RIGHT: auto; HEIGHT: 23px
}
#q_right .bg .pick {
	MARGIN-LEFT: 15px; MARGIN-RIGHT: 5px; PADDING-TOP: 5px
}


#q_right .bg .yohaku {
	PADDING-BOTTOM: 5px; PADDING-TOP: 3px
}

/* 右側 最新の質問部分qeslog
-------------------------------- */
#q_right .qeslog1 {
	PADDING-left: 10px;
	PADDING-TOP: 3px;
	padding-right: 10px;
}
#q_right .qeslog1 a{color: #633}
#q_right .qeslog1 a:hover{color: #f06482}

#q_right .qeslog2 {
	PADDING-left: 10px;
	PADDING-TOP: 3px;
	padding-right: 10px;
}
#q_right .qeslog2 a{color: #966}
#q_right .qeslog2 a:hover{color: #f06482}

#q_right .qeslog3 {
	PADDING-left: 10px;
	PADDING-TOP: 3px;
	padding-right: 10px;
}
#q_right .qeslog3 a{color: #c99}
#q_right .qeslog3 a:hover{color: #f06482}

#q_right .qeslog4 {
	PADDING-left: 10px;
	PADDING-TOP: 3px;
	padding-right: 10px;
}
#q_right .qeslog4 a{color: #dbb}
#q_right .qeslog4 a:hover{color: #f06482}