@charset "utf-8";

/*------------------------------------------------------------

site : マーケティングコンサルタント・原田翔太公式サイト
used : 公開相談（無料） ページスタイル
file : /soudan/css/style.css

------------------------------------------------------------*/

/*============================================================
body.wd720 #main (width: 650px;)
============================================================*/

body.wd720 #header .favoriteBox {
	display: none;
}


/*============================================================
div#main
============================================================*/
#main h3.ttlImg {
	margin: 30px 0 0 0;
}

/*------------------------------------------------------------
div.grayBox
------------------------------------------------------------*/
#main .grayBox{
	margin: 8px 0 0 0;
	padding: 0 0 20px 0;
}

#main .grayBox p {
	margin: 20px 20px 0 20px;
}

/*------------------------------------------------------------
div.whiteBox
------------------------------------------------------------*/
#main .whiteBox{
	margin: 8px 0 0 0;
	padding: 0 0 20px 0;
}

#main .whiteBox p {
	margin: 20px 20px 0 20px;
	padding: 0 0 0 0;
}


/* 記事一覧 */
#main ul.articles {
	margin-bottom: 40px;
}

#main ul.articles li {
	margin-bottom: 1px;
	*margin-bottom: -2px;  /* for Win IE */
	padding: 4px 13px 4px 40px;
	font-size: 93%;
}

#main ul.articles li.odd {
	background: #e7e4e0 url(../images/icon_article.gif) no-repeat 10px 5px;
}

#main ul.articles li.even {
	background: #F3F2F1 url(../images/icon_article.gif) no-repeat 10px 5px;
}

#main ul.articles li .title {
	float: left;
	width: 350px;
}

#main ul.articles li .customer {
	float: right;
	width: 200px;
	text-align: right;
}

#main ul.articles li .customer .name {
	margin-right: 14px;
}

/*------------------------------------------------------------
ul.qaList
------------------------------------------------------------*/
#main ul.qaList {
	width: 660px;
	margin: 30px 0 0 0;
}

#main ul.qaList li {
	padding: 8px 10px 6px 35px;
	border-top: #fff 1px solid;
	background: url(/soudan/images/icon_article.gif) no-repeat 10px 8px;
}
* html #main ul.qaList li {
	height: 1%;
	border-top: none;
}
*:first-child+html #main ul.qaList li {
	height: 1%;
	border-top: none;
}

#main ul.qaList li span {
	display: block;
	margin: 0 10px 0 0;
	float: right;
}

#main ul.qaList li a {
	display: block;
	float: left;
}

#main ul.qaList li a:link {
	color: #000;
	text-decoration: underline;
}

#main ul.qaList li a:visited {
	text-decoration: underline;
}
#main ul.qaList li a:hover,
#main ul.qaList li a:active {
	text-decoration: none;
}

#main ul.qaList li.qa1 {
	background-color: #e7e4e0;
}
#main ul.qaList li.qa2 {
	background-color: #f0efee;
}