/***************** デフォルト定義 ******************/

* {
	margin: 0;
	padding: 0;
	color: black;
	font-size: small;
	font-weight: normal;
	line-height: 1.5em;
}


/* リンクの色の指定 */
a, a:link {
	color: blue;
	text-decoration: underline;
}

a:visited {
	color: purple;
}

a:hover {
	color: red;
}

a:active {
	color: red;
}


hr {
	width: 50%;
	color: white;
	text-align: center;
	border-top: 1px dotted black;
	margin: 20px auto;
}


/***************** 共通で利用する定義 ******************/

.clr {
	clear: both;
}
.spacer{
/*
	visibility: hidden;
*/
	font-size: 1px;
	margin:0;
	padding:0;
}

/* 汎用定義 */
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}

.left-side {
	float: left;
	width: 400px;
	margin: 0;
	padding: 0 0px 0 75px;
}
.left-side p {
	width: 380px;
	margin: 30px 0;
	padding: 0;
}

.right-side {
	float: right;
	width: 270px;
	margin: 0;
	padding: 0px;
}
.right-side p {
	width: 200px;
	margin:  20px 0;
	padding: 0;
}

.floatclear {
	clear: both;
}


/* 強調 */
.point-yellow {
	background: yellow;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	padding: 5px 3px 0px 3px;
}

.point-red {
	color: #B22222;
	font-weight: bold;
	font-style: normal;
}

.point-bold {
	font-weight: bold;
	font-style: normal;
}

/* リンク前のボタン */
.link {
	background: url("zantei_images/016-001.gif") no-repeat center left;
	padding: 5px 0 5px 20px;
}


/***************** 大枠の設定 ******************/

body {
	width: 760px;	/* 影を考慮 */
	margin: 0 auto 0 auto;
	text-align: center;	/* IEでのセンタリング対策 */

	background: white url("zantei_images/kage.gif") repeat-y center top;

}

#container {
	position; relative;
	width: 750px;
	margin: 0 auto 0 auto;
	
	text-align: left;
	background: white;
	
}


h1#header-title {
	margin: 0px;
	padding: 0 0 0 10px;
	font-size: 12px;
	text-align: left;
	background: white;
}


/* ヘッダバナー */
#header-banner {
	width: 750px;
	height: 100px;
	background: url("zantei_images/header-bg.gif")
}
#header-char {
	float: left;
	margin: 10px 0 0 10px;
}
#header-copy {

	width: 200px;
	height: 50px;
	font-size: 12px;
	float: left;
	margin: 25px 0 0 20px;
}

/* ヘッダ下部のトップメニュー */
#header-menu {

	font-size: 12px;

	height: 25px;
/*	background: #C5D5D5;*/
	background: url("zantei_images/menubtn.gif") repeat-x bottom center;
}
#header-menu li {

	margin: 0;
	padding: 0;
	display: block;
	float: left;
	list-style: none;
	text-align: center;
}

/* ヘッダメニュー共通定義 */
#header-menu a {
	display: block;
	height: 23px;
	padding: 2px 0 0 0;
	color: black;
	text-decoration: none;
	background: url("zantei_images/menubtn.gif") no-repeat bottom center;
}
#header-menu a:hover {
	color:white;
	text-decoration:none;
	background: url("zantei_images/menubtn.gif") no-repeat top center;
}

/* １マスのメニュー */
#menu-home a,  #menu-blog a, #menu-mag a {
	width: 70px;
	border-right: 1px solid gray;
}

#menu-fxhikaku a, #menu-yougo a {
	width: 100px;
	border-right: 1px solid gray;
}

/* ３マスのメニュー */
#menu-aboutfx a {
	width: 180px;
	border-right: 1px solid gray;
}

/* ２マスのメニュー */
#menu-aboutus a {
	width: 154px;

	/* 右が空くとき */
/*	width: 150px;
	border-right: 1px solid gray;
*/
}


/* 今いるカテゴリで表示を変える */
#aboutfx #menu-aboutfx a { color:blue; text-decoration:none;}
#fxhikaku #menu-fxhikaku a { color:blue; text-decoration:none;}
#yougo #menu-yougo a { color:blue; text-decoration:none;}
#blog #menu-blog a { color:blue; text-decoration:none;}
#mag #menu-mag a { color:blue; text-decoration:none;}
#aboutus #menu-aboutus a { color:blue; text-decoration:none;}


#pagebody {

}

/* メインコンテンツの大枠 */
#contents {
	width: 530px;
	float: right;
	background: white;
}

/* サイドバーの大枠 */
#sidebar {
	width: 220px;
	float: left;
	background: #D7E2E2;
/*	background: white;
*/
}

#footer {
	clear: both;
	font-size: 12px;
}

#footer-menu p {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}
#footer-menu a{
	margin: 0px 5px;
}

#footer-info {

	text-align: center;
	background: steelblue;
}
address {
	font-style: normal;
	color: white;
}
address a, address a:hover, address a:visited, address a:active {
	color: white;
	text-decoration: none;
}

/***************** ぱんくずリスト ******************/

.pankuzu {
	width: 510px;
	margin: 10px auto;
	text-align: left;
}

/***************** エントリの設定 ******************/


.entry {

	width: 510px;
	margin: 10px auto;
	padding: 1px 0;	/* Firefoxで子要素のマージンを効かせるため */
/*	background: lightblue;
*/
}

.entry-header {
	margin: 5px;
	padding: 2px 0px 2px 25px;
	
	color: white;
	font-size: 14px;

	background: gray url("zantei_images/entry-header-back.gif") repeat-y left center;
}

.entry-content {
	margin: 5px;
	padding: 2px 5px;

}

.entry p {
	margin: 20px auto;
}

.entry-footer {
	margin: 5px;
	padding: 2px 5px;
}

.entry-left {
	width: 255px;
	float: left;
	
	margin: 10px auto;
	padding: 1px 0;	/* Firefoxで子要素のマージンを効かせるため */

}

.entry-right {
	width: 255px;
	float: right;
	
	margin: 10px auto;
	padding: 1px 0;	/* Firefoxで子要素のマージンを効かせるため */

}

.entry-header-half {
	margin: 5px;
	padding: 2px 0px 2px 25px;
	
	color: white;
	font-size: 12px;

	background: gray url("zantei_images/entry-header-back.gif") no-repeat left center;

}

.entry-content-half {
	margin: 5px;
	padding: 2px 5px;
	color: white;
	
}

/***************** モジュールの設定 ******************/


.module {
	width: 200px;
	margin: 10px auto;
	padding: 1px 0 0 0;	/* FireFoxで子要素のpaddingが効かないため */
	background: #E8F1FF url("zantei_images/marukado-top.gif") no-repeat center top;
}
.module-inner {
	background: url("zantei_images/marukado-bottom.gif") no-repeat center bottom;
	margin: 0;
	padding: 0 0 1px 0;	/* FireFoxで子要素のpaddingが効かないため */
}
.module-header {

	margin: 5px 8px;
	padding: 2px 8px 0 8px;
	text-align: center;
	color: white;
	background: url("zantei_images/mod-header-back.gif") no-repeat center center;
}
.module-header a, .module-header a:visited {
	color: white;
	text-decoration: none;
}

.module-contentss {

	margin: 5px;
	padding: 2px 5px;

	/* debug */
/*	background: #DEE7E7;*/
}

.module p {
	margin: 5px auto;
}


/***************** モジュール内のリスト ******************/
ul.module-list {
	margin: 0;
	padding: 0 0 0 10px;
}
li.module-list-item {
	margin: 2px 0;
	padding: 0;
	list-style-type: none;
}


/***************** 実績の表 ******************/
/*
	IE と Firefox でキャプションが絡む時のマージンの扱いが違うので注意
*/
div.jisseki_table {
	margin: 20px 0 0 0;
}

.jisseki_table table {
	width: 470px;
	margin: 0px auto 10px auto;
	padding: 0;
	text-align: center;
	
}
.jisseki_table caption {
	background: deepskyblue;
	margin: 20px auto 0 auto;
	padding: 0px 0 0 0;
	color: white;
}
.jisseki_table td {
	padding: 2px 5px;
}

.jisseki_table .t-label {
	background: #99ccff;
}

.jisseki_table .t-content {
	background: #eee;
}

.jisseki_table hr {
	width: 50%;
	color: white;
	text-align: center;
	border-top: 1px dotted black;
	margin: 20px auto;
}


/***************** ボックス ******************/

.box {
	width: 450px;
	padding: 20px;
	margin: 0px auto;
	border: double 3px #FF5000;
	background-color: #FFFFCC;
	font-weight: normal;
	text-align: left;
}
.box h4 {
	margin: 20px auto;
}

.box ul {
	margin: 0;
	padding: 0 0 0 30px;
}

.box li {
	margin: 10px 0;
	padding: 0;
}

.box h4 {
	font-weight: bold;
}


/* 説明ボックス */
.box-setsumei {
	width: 450px;
	padding: 10px;
	margin: 20px auto;
	border: solid 1px silver;
	background-color: white;
}
.box-setsumei p {
	width: 430px;
	margin: 20px auto;
	padding: 0px;
}


/* 注文ボタン 302*63 */
p.order_btn {
	width: 302px;
	height: 63px;
	text-align: center;
}


/***************** 注文ボタン ******************/

p.order_btn a {
	display: block;
	width: 302px;
	height: 63px;
	background: url(zantei_images/order.gif);
}
p.order_btn a:hover {
	background: url(zantei_images/order_push.gif);
}

.hidden {
	display: none;
}