@charset "UTF-8";

/* ***************************************************
* CSS file For yamaguchi-lc
	FileName: bbs_pill.css
	data:2009/01/30 yoshii

■目次 ==========================================
■[10]:大枠レイアウト
■[20]:掲示板
■[30]:ご相談専用ダイヤル
**************************************************** */

/*-----------------------------------------------------------
■[10]:大枠レイアウト
------------------------------------------------------------*/

div#BbsContainer {
	width: 100%;
	text-align: left;
	background: #FFF1F2 url(/common/container_bg.jpg) repeat-x top left;
}

div#BbsWrapper {
	width: 800px;
	background: none;
}


div#BbsContent {
	width: 770px;
	float: right;
}


div.BbsMainBg {
	width: 770px;
	background: url(/img/bbs_pill/memo_bg.gif) repeat-y left top;
}


/*-----------------------------------------------------------
■[20]:掲示板
------------------------------------------------------------*/

div#BbsTop {
	width:810px;
	position: relative;
}

div#BbsTop div.BbsLogo {
	width:400px;
}

div#BbsTop div.BbsLogo img{
	margin: 54px 0 22px 38px;
}

div#BbsTop div.Kvis {
	position: absolute;
	top:36px;
	left:610px;
}

/* IE6のみ */
/* * html div#BbsTop div.Kvis{
	top:41px;
}
 */
div.BbsPill {
	padding: 22px 26px 20px 36px;
}

div.BbsPill h2 {
	width: 100%;
	margin: 0 0 10px;
}

div.TopTxt {
	width: 530px;
}

ul.Link {
	float:left;
	margin: 15px 0;
}

ul.Link li{
	float:left;
	/* width: 260px; */
	padding: 0 0 0 16px;
	margin-left : 12px;
	background: url(/img/bbs_pill/list_link.gif) no-repeat left 3px;
}

div.Attention {
	font-size: 10px;
	line-height: 16px;
	padding:0 20px 15px;
	margin: 0 0 20px;
	background-color: #f5f5f5;
	clear:both;
}

div.Attention img{
	margin: 15px 0 0;
}

div.Attention ul{
	margin:10px 0 5px;
}

div.Attention ul li{
	padding: 0 0 0 11px;
	background: url(/img/bbs_pill/list_attention.gif) no-repeat left 4px;
}

div.Attention p{
	text-align: right;
}

/* input */
input,textarea {
	padding:0px 3px;
}

input.name,input.mailaddress,input.title {
	width:467px;
}


textarea {
	width:467px;
	height:120px;
}

input.submit{
	width: 195px;
	height: 30px;
	background: url(/img/bbs_pill/btn_contribute.gif) no-repeat left bottom;
}

/* error */
span.Err{
	font-size: 10px;
	color: #FF0000;
}

/* table */
table.Form{
	font-size: 12px;
	margin: 0 0 10px;
}

table.Form th{
	width:220px;
	padding: 7px 14px;
	margin:0;
	text-align: left;
	background: url(/img/bbs_pill/th_bg.gif) repeat-y left bottom;
	border-bottom: 3px solid #FFF;
	background-color:#F5F5F5;
}

table.Form td{
	padding: 7px 20px;
	border-bottom: 1px solid #FFF;
}

table.Form td span{
	display:block;
	margin: 5px 0 0;
}

div.ContributeComp{
	color: #FF0000;
	text-align: center;
	background-color: #fff0f2;
	border: 1px solid #ea5e87;
	padding:25px;
	margin: 0 0 20px;
}

div.BtnContribute{
	margin: 0 0 30px;
	text-align: center;
}

div.BtnContribute p{
	margin: 0 0 7px;
}

div.BbsArea{
	margin: 0 0 30px;
	background: url(/img/bbs_pill/bbs_frame_bg.gif) repeat-y left top;
}

div.FrameBtm{
	margin: 11px 0 0;
}

div.FrameBtm img{
	vertical-align: bottom;
}

div.FrameTop{
	margin: 0 0 3px;
}

div.FrameTop img{
	vertical-align: top;
}


div.Comment {
	margin:0 16px;
}

div.Comment p.Title{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	padding: 14px 70px 1px 53px;
	background: #84C9CA url(/img/bbs_pill/comment_bg.gif) no-repeat left top;
}

div.Comment p.Time{
	padding: 5px;
	text-align: right;
}

div.Comment p.Txt{
	padding: 0 15px;
}

div.Response {
	margin:0 16px;
	padding: 20px 0 0 36px;
	background: url(/img/bbs_pill/arrow.gif) no-repeat 5px 28px;
}

div.Response p.Title{
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	padding: 14px 70px 1px 39px;
	background: #F38AA9 url(/img/bbs_pill/response_bg.gif) no-repeat left top;
}

div.Response p.Time{
	padding: 5px;
	text-align: right;
}

div.Response p.Txt{
	color:#F38AA9;
	padding: 0 15px;
	margin: 0 0 20px;
}

div.ResFrame{
	margin: 3px 0 0;
	background-color: #FFF;
	border: 1px solid #CFCFCF;
}

div.Pager{
	text-align: center;
	margin: 0 0 14px;
	padding:5px;
	background-color: #F5F5F5;
	border-left:2px solid #F38AA9;
	border-right:2px solid #F38AA9;
}

div.Pager p{
	display:inline;
}

div.Pager span{
	padding: 3px;
}

div.Pager p.Prev{
	padding: 5px 185px 5px 5px;
}

div.Pager p.Next{
	padding: 5px 5px 5px 175px;
}

div.Pager p.Num{
	margin: 0 5px;
	padding: 5px 2px;
	text-align: center;
}

/*-----------------------------------------------------------
■[30]:ご相談専用ダイヤル
------------------------------------------------------------*/
h3	{ padding-top : 5px; clear:both; }
h3.mt15	{ padding-top : 15px; clear:both; }

div.DialBox{
	width: 708px;
	background: url(/img/bbs_pill/dot.gif) repeat-x top #fff8eb;
	float: left;
}

div.DialBox dl{
	width: 708px;
	float: left;
	height: 41px;
	background: url(/img/bbs_pill/dot.gif) repeat-x bottom;
}

div.DialBox dl dt{
	width: 154px;
	float: left;
	line-height: 40px;
}

div.DialBox dl dd{
	float: left;
	line-height: 40px;
}

div.DialBox dl dd.pl10{
	padding-left: 10px;
}



div.DialBox span{
	font-size: 10px;
	line-height: 16px;
	padding: 10px;
	float: left;
}