@charset "Shift_JIS";

/* ヘッダの記述 */

div#header {
	margin: 0 auto;
	border: 1px solid white;
	padding: 0;
	width: 760px;
	font-size: 62.5%;
	text-align: left;
	position: relative;
}

/*	ロゴ周りの設定	*/
div#header a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size: 1.3em;
}
div#logo {
	margin: 30px 0;
	width: 161px;
}
div#logo img {
	border-style: none;
	margin: 0;
}

/*	検索エリア	*/
div#serch-area {
	width: 380px;
	position: absolute;
	top: 0;
	left: 200px;
	margin: 0;
	padding: 0;
	z-index: 10;
}
div#search {
	width: 368px;
	text-align: left;
	font-size: 1.2em;
	padding: 5px;
	background-color: #ffc;
	background-image: url(http://www.synapse.jp/images/header/search_back.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	display: none;
}
div#search form {
	margin: 0;
}
div#search optgroup[label] {
	font-style: normal;
}
div#search span#tools {
	display: none;
}
div#s-button {
	width: 380px;
	background-image: url(http://www.synapse.jp/images/header/search_tab_1.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height: 22px;
}
div#s-button a {
	display: block;
	width: 68px;
	height: 22px;
	outline: 0;
	text-indent: -9999px;
	float: right;

}
/*	ユーザ参加型コンテンツエリア	*/
div#csta-area {
	width: 165px;
	position: absolute;
	top: 0;
	left: 587px;
	margin: 0;
	padding: 0;
	z-index: 10;
}
ul#cstation {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	display: none;
}
ul#cstation li {
	margin: 0;
	padding: 0;
	text-align: center;
}
ul#cstation li a {
	display: block;
	background-color: #ffffe5;
	border-bottom: 1px dashed #ccc;
	padding: .25em;
}
ul#cstation li a:hover {
	background-color: #ffc;
}

div#c-button {
	background-image: url(http://www.synapse.jp/images/header/cstation_tab_1.gif);
	height: 22px;
}
div#c-button a {
	display: block;
	width: 165px;
	height: 22px;
	outline: 0;
	text-indent: -9999px;
	float: right;
}

/*	利用規約のナビゲーション	*/
div#header ul#agreement {
	position: absolute;
	right: 0;
	top: 48px;
	margin: 0;
	padding: 0;
}
div#header ul#agreement li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	background-repeat: no-repeat;
	background-position: left 50%;
	list-style-type: none;
	width: 110px;
}

/*	ヘッダ部リストアイコンの記述	*/

/*	利用規約のリストアイコン	*/
div#header ul#agreement li#agreement-use {
	background-image: url(/all_img/common/agreement-use.gif);
}

/*	サイトマップのリストアイコン	*/
div#header ul#agreement li#sitemap {
	background-image: url(/all_img/common/sitemap.gif);
}

/*	お問い合わせのリストアイコン	*/
div#header ul#agreement li#inquiry {
	background-image: url(/all_img/common/inquiry.gif);
}

div#header ul#agreement li a {
	margin: 0;
	padding: 0 0 0 1.5em;
	display: block;
	float: none;
	font-size: 1.3em;
}
div#header ul#agreement li a:hover {
	text-decoration:underline;
}
/*リンクしない場合*/
div#header ul#agreement li span {
	margin: 0;
	padding: 0 0 0 1.5em;
	display: block;
	float: none;
	font-size: 1.3em;
}

/*	ボックスのフロート対策	*/
.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}
.clearfix {
	min-height:1px;
}
* html .clearfix {
	height:1px;
}


/*	headerのリキッドボーダー	*/
div#under-border {
	width: 100%;
	height: 5px;
	background-color: #EEEEEE;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom:30px;
	padding:0;
	line-height: 0;
	font-size: 5px;
}