/* ====================================================================== */
/* 基本設定 */
/* ====================================================================== */

html {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

/* IE6ロールオーバー時のちらつき防止 */
* html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
	behavior:url("/wscms/theme/hansokusite_1/css/csshover2.htc");
	background:  #74c476 url("../img/cmn/bg.gif");

}

a       { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff7f00; text-decoration: underline; }

img { border: 0; }
br  { letter-spacing: 0; }

h1 {
	display:inline;
	font-size: 100%;
	line-height: 100%;
	font-weight: normal;
	color: #ffffff;
}

h2 {
	display:inline;
	font-size: 100%;
	line-height: 100%;
	font-weight: normal;
}

h3 {
	display:inline;
	font-size: 100%;
	line-height: 100%;
	font-weight: normal;
}

/* ====================================================================== */
/* ヘッダ */
/* ====================================================================== */

#header {
	width: 100%;
	background: url("../img/cmn/bg_board.gif") repeat-x;
}

#header-frame {
	width: 900px;
	height: 35px;
	display: table;
}

#header-left {
	width: 740px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	text-align: left;
	display: table-cell;
	vertical-align: middle;
}

#header-adjust {
	width: 10px;
	height: 35px;
	display: table-cell;
	vertical-align: middle;
}

#header-right {
	width: 150px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	display: table-cell;
	vertical-align: middle;
}

* html div#header-frame div {/* IE 6 */
	display:inline;
	zoom:1;
}

*:first-child+html div#header-frame div {/* IE 7 */
	display:inline;
	zoom:1;
}

#header-plain {
	color: #ffffff;
}

#header-plain a {
	color: #ffffff;
	text-decoration: none;;
}

/* ====================================================================== */
/* 基本フレーム */
/* ====================================================================== */

#container {
	width: 100%;

	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -35px; /* same #container, #push, #footer - +Effect line size = 2px */
}

#contents {
	width: 900px;
	text-align: left;
}

#push {
	height: 35px; /* same #container, #push, #footer */
}

#footer {
	width: 100%;
	background: url("../img/cmn/bg_board.gif") repeat-x;
}

#footer-frame {
	width: 900px;
	height: 35px; /* same #container, #push, #footer */
}

#footer-left {
	float: left;
	width: 250px;
	padding: 10px 0px 0px 0px;
	color: #ffffff;
	text-align: left;
}

#footer-right {
	float: left;
	width: 650px;
	color: #ffffff;
	padding: 10px 0px 0px 0px;
	text-align: right;
}

#footer-right a {
	color: #ffffff;
	text-decoration: none;;
}

#footer-right a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* ====================================================================== */
/* コンテンツフレーム */
/* ====================================================================== */

#cts-frame {
	width: 854px;
	background: url("../img/cmn/frame_bg.gif") repeat-y;
	padding: 18px 19px 0px 27px;
}

#cts-body {
	float: left;
	width: 580px;
	text-align: left;
}

#cts-space {
	float: left;
	width: 14px;
}

#cts-side {
	float: left;
	width: 260px;
	text-align: left;
}

/* ====================================================================== */
/* コンテンツフレーム */
/* ====================================================================== */

#main-image {
	width: 900px;
}

#main-image-01 {
	float: left;
	width: 119px;
}

#main-image-02 {
	float: left;
	width: 179px;
}

#main-image-03 {
	float: left;
	width: 52px;
}

#main-image-04 {
	float: left;
	width: 550px;
}

#main-flash {
	float: left;
	width: 178px;
	height: 254px;
	background-color: #333333;
}

#main-text {
	width: 550px;
	height: 221px;
	background: url("/wscms/design/__msdir/top/main_07.gif") no-repeat;
}

#main-text-01 {
	float: left;
	width: 269px;
	height: 73px;
	text-align: left;
	padding: 47px 0px 0px 12px;
}

#main-text-02 {
	float: left;
	width: 257px;
	height: 73px;
	text-align: left;
	padding: 47px 0px 0px 12px;
}

#main-text-03 {
	float: left;
	width: 269px;
	height: 61px;
	text-align: left;
	padding: 38px 0px 0px 12px;
}

#main-text-04 {
	float: left;
	width: 257px;
	height: 61px;
	text-align: left;
	padding: 38px 0px 0px 12px;
}

.main-text-area {
	width: 245px;
}

/* ====================================================================== */
/* ツール一覧 */
/* ====================================================================== */

#tool-frame {
	width: 900px;
	background: url("/wscms/design/__msdir/top/bg_tools.gif") repeat-y;
}

.tool-block {
	float: left;
	width: 300px;
	text-align: center;
	padding: 12px 0px 13px 0px;
}

.tool-border {
	border: solid #ffffff 1px;
}

/* ====================================================================== */
/* 販促ツール.comとは？ */
/* ====================================================================== */

#about-frame {
	width: 854px;
	height: 123px;
	background: url("/wscms/design/__msdir/top/about_bg.jpg") no-repeat;
}

#about-counter {
	height: 25px;
	padding: 9px 3px 0px 0px;
	text-align: right;
}

#about-desc {
	padding: 12px 0px 0px 0px;
	width: 580px;
}

.top-point-text {
	float: left;
	width: 350px;
	height: 155px;
	padding: 15px 17px 0px 33px;
	background: url("/wscms/design/__msdir/top/point_txt_bg.jpg") no-repeat;
}

.top-point-img {
	float: left;
	width: 180px;
	height: 170px;
}

/* ====================================================================== */
/* トップ登録数カウンター */
/* ====================================================================== */

#user-counter {
	width: 246px;
	height: 28px;
	padding: 6px 7px 0px 7px;
	background: url("/wscms/design/__msdir/top/bg_counter.gif") no-repeat;
}

/* ====================================================================== */
/* トップ無料解説 */
/* ====================================================================== */

#top-about-frame {
	width: 854px;
	background: url("../img/cmn/frame_bg.gif") repeat-y;
	padding: 18px 19px 0px 27px;
}

#top-free-snap {
	width: 854px;
	background: url("/wscms/design/__msdir/top/snap_free.jpg") no-repeat;
	background-position: 100% 0%;
}

#top-point-snap {
	width: 854px;
	background: url("/wscms/design/__msdir/top/snap_point.jpg") no-repeat;
	background-position: 100% 0%;
}

#top-about-body {
	width: 580px;
}