@import url("left_menu.css") ;

/* コンテナ */
#container {
	width:942px;
	
	border:1px solid silver;
	border-top:0;
	
	position:relative;
	text-align:left;
	
	background:url('../images/dummy.gif') repeat-y center top;
	margin:0 auto ;
}

/**************************************************** ヘッダー部 */
#header {
	width:100%;
	height:50px;/*メニュー高さ*/
	background:url("../images/header/back.jpg") repeat-x top center;
}

/**************************************************** ヘッダー ロゴ */
#header .logo {
	float:left;
	height:50px;
}
#header .logo a {
	text-decoration:none;
}

#header .minkara {
	float:right;
	height:32px;
}
#header .minkara a {
	text-decoration:none;
}

/**************************************************** ヘッダー メニュー */
#header .top_menu {
	clear:both;
	padding:0 2px;
	height:1.5em;
	background-color:#E60012;
	color:white;
}

#header > .top_menu {
	height:1.5em;
}

#header .top_menu p {
	float:left;
	margin:3px 2px;
}

#header .top_menu p a {
	color:white;
	text-decoration:underline;
}

#header .top_menu p a:hover {
	font-weight:bold;
}

#header .top_menu ul {
	float:right;
	margin:3px 2px;
}

#header .top_menu li {
	padding:0 5px;
	float:left;
	border-right:1px solid white;
}

#header .top_menu li.end {
	margin-right:0;
	border-right-style:none;
}

#header .top_menu li a {
	color:white;
	text-decoration:underline;
	text-align:center;
}

#header .top_menu li a:hover {
}

/**************************************************** 上段メニュー部 */
#menu {
	background-color:#666666;
	clear:both;
	width:100%;
	height:36px;
	border-bottom:2px solid gray;
}

#menu li {
	float:left;
	width:117px;/*103px;お知らせの削除*/
	height:36px;
	display:block;
	text-indent:-500em;
}

#menu a {
	width:100%;
	height:28px;
	margin:5px 0;
	display:block;
	border-right:1px solid #EEEEEE;
}

#menu a.noborder {
	border-right:0px;
}

#menu a.active {
}

li a#company {
	background:url("../images/menu/company.gif") no-repeat center 0;
}
li a#product {
	background:url("../images/menu/product.gif") no-repeat center 0;
}
li a#search {
	background:url("../images/menu/search.gif") no-repeat center 0;
}
li a#sports {
	background:url("../images/menu/sports.gif") no-repeat center 0;
}
li a#shop {
	background:url("../images/menu/shop.gif") no-repeat center 0;
}
li a#event {
	background:url("../images/menu/event.gif") no-repeat center 0;
}
li a#support {
	background:url("../images/menu/support.gif") no-repeat center 0;
}
li a#info {
	background:url("../images/menu/info.gif") no-repeat center 0;
}
li a#minkara {
	background:url("../images/menu/minkara.gif") no-repeat center 0;
}
li a#infoeng {
	background:url("../images/menu/infoeng.gif") no-repeat center 0;
}

li a#company:hover {
	background-position:center -30px;
}
li a#product:hover {
	background-position:center -30px;
}
li a#search:hover {
	background-position:center -30px;
}
li a#sports:hover {
	background-position:center -30px;
}
li a#shop:hover {
	background-position:center -30px;
}
li a#event:hover {
	background-position:center -30px;
}
li a#support:hover {
	background-position:center -30px;
}
li a#info:hover {
	background-position:center -30px;
}
li a#minkara:hover {
	background-position:center -30px;
}
li a#infoeng:hover {
	background-position:center -30px;
}

/* メインコンテンツ */
#main {
	width:100%;
/*
	min-height:552px;
*/
	height:auto;
	min-height:250px;
	float:left;
	background:url("../images/main/back.gif") repeat-y right center;
}

#container > #main {
	height:auto;
}

#main #contents {
	width:758px;
	height:250px;
	float:left;
	padding:16px 4px ;
}

#content_image {
	width:766px;
	float:left;
}

#main > #contents {
	width:750px;
	height:auto;
	min-height:300px;
	padding:16px 8px;
}

/**************************************************** コンテンツメニュー部 */
#contents_menu {
	float:left;
	width:766px;
	background-color:white;
}

#contents_menu li {
	height:28px;
	display:block;
	margin:1px;
	float:left;
	line-height:28px;
	vertical-align:middle;
	border:1px solid silver;
	border-left:6px solid #AAA;
}

#contents_menu li.pain2 {
	width:372px;
}
#contents_menu li.pain3 {
	width:245px;
}
#contents_menu li.pain4 {
	width:182px;
}

#contents_menu li a {
	height:100%;
	display:block;
	color:gray;
	background-color:white;
	font-size:110%;
	font-weight:bold;
	vertical-align:middle;
	padding-left:2px;
}

#contents_menu li.pain2 a {
	width:370px;
}
#contents_menu li.pain3 a {
	width:243px;
}
#contents_menu li.pain4 a {
	width:180px;
}

#contents_menu li a:hover {
	background-color:#AAA;
	text-decoration:underline;
	color:white;
}

#contents_menu li a.act {
	background-color:#AAA;
	color:white;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-table;
}

/* IE-mac */
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* end */

/* フッター */
#footer {
	clear:both;
	height:30px;
	padding:0 2px;
	position:relative;
	
	border-top:1px solid silver;
	background:url("../images/footer/base.jpg") repeat-x center center;
}

#footer_menu {
	position:absolute;
	left:2px;
	bottom:2px;
}

#footer_menu li {
	float:left;
	padding:0 4px;
	border-right:1px solid silver;
}

#footer_menu li.end {
	border-right:0;
}

#footer_menu li a {
	color:black;
	text-decoration:underline;
}

#footer #copyright {
	position:absolute;
	right:2px;
	bottom:2px;
	float:right;
}