@import url("header.css");
@import url("footer.css");

body {
	color: #404040;
	font-size: 12px;
	line-height: 11pt;
	margin: 0px;
}
body .css {
	background-color:#ffffff;
	background-image:url(/image/main/back01.gif);
	color:#404040;
	font-size:12px;
	line-height:11pt;
	margin:0px;
}
img {
	border:0px;
}
a:link {
	text-decoration:underline;
	color:#4b9ef7;
}
a:visited {
	text-decoration:underline;
	color:#445f8d;
}
a:active {
	text-decoration:underline;
	color:#88bef8;
}
a:hover {
	text-decoration:underline;
	color:#88bef8;
}
.form {
	color:#000040;
}
.res {
	color:#000040;
}
.formname {
	color:#000040;
	font-weight:bold;
	font-size:7pt;
}
.formfield {
	color:            #999999;
	background-color: #ffffff;
	border-bottom:    #999999 1px solid;
	border-left:      #999999 1px solid;
	border-right:     #999999 1px solid;
	border-top:       #999999 1px solid;
}
.button {
	color:            #000040;
	background-color: #ffffff;
	border-bottom:    #000040 1px solid;
	border-left:      #000040 1px solid;
	border-right:     #000040 1px solid;
	border-top:       #000040 1px solid;
	cursor:           hand;
}
.capmenu {
	width:720px;
	height:35px;
	margin:0px;
	display:inline;
}
.capmenu h1 {
	display:inline;
	text-indent:-9876px;
	font-size:10px;
	font-weight:normal;
}

ul,li,ol{
list-style: none;
margin: 0;
padding: 0;
}

#footer {
width: 720px;
height: 21px;
background: url(../image/menu/skin_footer.jpg) no-repeat;
text-align: right;
line-height: 21px;
}
/*======================================

	ページ構成用
	
=======================================*/

#page {
	width: 720px;
	text-align: center;
}
.frame {
	border: #666 solid 1px;
	background: #ccc;
	margin-left: 5px;
	padding:8px;
}
.content {
	background: #fff;
	border: #666 solid 1px;
	margin: 0 auto;
	padding: 6px;
	text-align: left;
}
.content table {
	text-align: left;
}

h2 {
	font-size: 13px;
	margin: 0;
	line-height: 1.7;
	border: #666 solid 1px;
	text-align: left;
}
h2 img {
	float: left;
}

/*======================================

	ショップ用
	
=======================================*/
body#shopping h2 {
	color: #404040;
	background: #ccc url(../image/goods/bg01.gif);
	margin: 0 auto 5px;
	width: 100%;
	font-size: 16px;
	line-height: 20pt;
	text-indent: 1em;
}
body#shopping div.section {
	width: 350px;
	margin-left: 345px;
}
body#shopping table.goods_image {
	float: left;
}
.goods_title {
	color:#404040;
	font-size:16px;
	line-height:20pt;
}
.goods_head01 {
	color:#404040;
	font-size:14px;
	line-height:16pt;
}
/*======================================

	ショップフォーム用
	
=======================================*/
body#shopping_mail {
	text-align: center;
}
body#shopping_mail div#content {
	width: 400px;
	margin: 10px auto;
	padding: 0 5px;
	text-align: left;
	border:solid #999 1px;
}
body#shopping_mail div.section {
	border: solid #aaa 1px;
	margin-bottom:10px;
	padding: 5px;
}
body#shopping_mail div.section div.payment {
	background-color: #ffd;
}
body#shopping_mail h1 {
	background: #333 url(../image/goods/bg_h1.gif) repeat-x;
	border: solid #555 1px;
	color: #fff;
	font-size: 16px;
	line-height: 2;
	height: 2em;
	margin: 0;
	text-indent: 1em;
}
body#shopping_mail h2 {
	background: #aaecfe url(../image/goods/bg_h2.gif) repeat-x;
	border: solid #97cdf3 1px;
	border-bottom: none;
	color: #333;
	font-size: 13px;
	line-height: 2;
	height: 2em;
	margin: 0;
	text-indent: 1em;
}
/*======================================

	バナー表示テスト用
	
=======================================*/
body#bannertest {
	text-align:center;
}
body#bannertest div#content {
	margin: 0 auto;
	;
}
body#bannertest h1 {
	color: #fff;
	line-height: 1.5;
	height: 1.5em;
	background: #333;
	border: #ccc;
	width: 100%;
	margin: 0 0 0.5em;
}
body#bannertest div.vertical {
	float: left;
}
body#bannertest div.horizontal {
	float: left;
}
/*======================================

	
	
=======================================*/
.center {
	text-align:center;
}
#entry td .main {
	background-image:url(../image/information/newentry_bg.jpg);
	background-repeat:no-repeat;
}
#entry .t01 {
	width:400px;
	margin:20px;
	text-align:left;
}
#entry .t01 h3 {
	font-weight:normal;
	font-size:12px;
	display:inline;
}
#entry .t02 {
	width:300px;
	float:left;
	border: #ccc 1px solid;
	margin-left:20px;
	text-align:left;
}
#entry .t03 {
	width:300px;
	float:right;
	border: #ccc 1px solid;
	margin-right:20px;
	text-align:left;
}
/*======================================

	ナビゲーション１
	
=======================================*/
.navi01 {
margin: 0 auto;
}
.navi01 ul {
 list-style: none;
 margin-left: 20px;
}
.navi01 ul li {
    float: left;
    width: 96px;
    list-style-type: none;
    border: #444 solid 1px;
    display: inline;
}
.navi01 ul li a,
.navi01 ul li a:visited {
    height: 25px;
    display: block;
    position: relative;
    line-height: 2;
    font-size: inherit;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #000 url(../image/flier/h01.gif) repeat-x;
}
.navi01 ul li a:hover {
    color: #fff;
    background: #444;
}
/*======================================

	イベント紹介ページ用
	
=======================================*/
body#event {
color: #333;
}
body#event #page {
	background: #000;
}
body#event #page h2{
background: url(../image/flier/works01.jpg) no-repeat;
widows: 720px;
height: 100px;
margin: 0;
padding: 0;
text-indent: -9999px;
border: none;
}
body#event .section {
	padding: 20px;
	text-align: left;
}
.event_body01 {
	background-color:#999;
	background-image:url(../image/flier/bg01.gif);
	background-repeat: repeat-x;
	line-height: 1.5;
	width:350px;
	border: #ffffff 1px solid;
	float: left;
	padding: 0;
}
.event_body01 a:link {
	text-decoration:none;
	color:#fff;
}
.event_body01 a:visited {
	text-decoration:none;
	color:#fff;
}
.event_body01 a:hover {
	text-decoration:underline;
	color:#999;
}
.event_body01 h3 {
	color: #fff;
	font-size: 12px;
	border: #333 solid 1px;
	background: #000 url(../image/flier/h01.gif) repeat-x;
	line-height: 1.8;
	margin: 0 0 5px;
	text-indent: 0.5em;
}
.event_body01 .url{
color: #fff;
}
.event_body015 {
	float:left;
	width:350px;
}
.event_body02 {
	margin:10px;
	color:#404040;
	font-size:12px;
	line-height:14pt;
	width:350px;
}
.event_body03 {
	margin:10px;
}
.event_body04 {
float: right;
	width:320px;
}
.unknown {
	background:#eaeaea;
	border-top:solid 1px #aaaaaa;
	border-bottom:solid 1px #aaaaaa;
}
.event_body05 {
	background-color:#eaeaea;
	background-image:url(/image/flier/bg01.gif);
	line-height:16pt;
	width:680px;
	border: #ffffff 1px solid;
}
.event_body06 {
	margin:10px;
	color:#404040;
	font-size:12px;
	line-height:14pt;
	width:660px;
}
/*======================================

	広告掲載用
	
=======================================*/
#ad #catch {
	background: url(../image/banner/copy01.gif) no-repeat;
	width: 680px;
	height: 163px; /* 画像編集無しで高さ変更でカット 2009.04.25 */
	position: relative;
	margin-bottom: 10px;
}
#ad #catch a.link_1 {
	position: absolute;
	top: 70px;
	left: 280px;
}
#ad #catch a.link_2 {
	position: absolute;
	top: 110px;
	left: 280px;
}
#ad .box_1 {
	width: 468px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
#ad h2 span{
font-weight: normal;
}
#ad h3.01 {
	background: #f77;
border:
}
#ad .ad_random, #ad .ad_fix, #ad .ad_mail {
	margin: 10px;
	padding: 5px;
}
#ad .ad_random {
	background: #e2ffff;
	background: #eee;
	border: #b1dddd solid 1px;
}
#ad .ad_fix {
	background: #dbfcd7;
	background: #eee;
	border: #b4e2b4 solid 1px;
}
#ad .ad_mail {
	background: #fffdd3;
	background: #eee;
	border: #f4e69a solid 1px;
}
#ad .ad_random h4, #ad .ad_fix h4, #ad .ad_mail h4 {
	margin: 0;
	line-height: 1.5;
	color: #333;
}
#ad .ad_random .name {
	background: #e2ffff;
	border: #b1dddd solid 1px;
	margin: 0 0 10px;
	color: #749595;
}
#ad .ad_fix .name {
	background: #dbfcd7;
	border: #b4e2b4 solid 1px;
	margin: 0 0 10px;
	color: #72986e;
}
#ad .ad_mail .name {
	background: #fffdd3;
	border: #f4e69a solid 1px;
	margin: 0 0 10px;
	color: #9c985c;
}
#ad p.icon {
margin: 10px;
border: #ccc solid 1px;
padding: 10px;
line-height: 1.5;
}
/*======================================

	PV用
	
=======================================*/
#pv .content {
	width: 400px;
	height: 500px;
	background: url(../image/pv/disp01.jpg) no-repeat;
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding: 0;
	border: none;
}
#pv .content .movie {
	position: absolute;
	top: 45px;
	left: 40px;
}
#pv .content .text {
	color: #fff;
	position: absolute;
	top: 345px;
	left: 0;
	width: 400px;
}

/*======================================

	カラー調節
	
=======================================*/
span.c01 {
	color: #f00;
}
/*======================================

	携帯ページ用
	
=======================================*/


body.mobile {
	background-color: #333;
	color: #fff;
}
body.mobile p span {
	color: #ff0;
}
body.mobile a {
	color: #fff;
}
/*======================================

	テキストバナー表示用
	
=======================================*/
.text_banner {
	font-size: 14px;
	background: #fff;
	width: 422px;
	height: 54px;
	text-align: center;
	line-height: 54px;
}
/*======================================

	アイコン表示用
	
=======================================*/


.mmjicon01 {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon01) no-repeat right bottom;
}
.mmjicon02 {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon02) no-repeat right bottom;
}
.mmjicon_arrow01 {
	width: 13px;
	height: 13px;
	display: inline;
	background: url(http://mensmix.jp/skin/icon_1.gif) right bottom no-repeat;
}
.mmjicon_dj {
	width: 13px;
	height: 13px;
	display:inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_dj) no-repeat right bottom;
}
.mmjicon_live {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_live) no-repeat right bottom;
}
.mmjicon_red {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_red) no-repeat right bottom;
}
.mmjicon_orange {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_orange) no-repeat right bottom;
}
.mmjicon_yerrow {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_yerrow) no-repeat right bottom;
}
.mmjicon_lightgreen {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_lightgreen) no-repeat right bottom;
}
.mmjicon_green {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_green) no-repeat right bottom;
}
.mmjicon_aqua {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_aqua) no-repeat right bottom;
}
.mmjicon_blue {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_blue) no-repeat right bottom;
}
.mmjicon_purple {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_purple) no-repeat right bottom;
}
.mmjicon_pink {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_pink) no-repeat right bottom;
}
.mmjicon_silver {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_silver) no-repeat right bottom;
}
.mmjicon_gold {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_gold) no-repeat right bottom;
}
.mmjicon_dollar_red {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_dollar_red) no-repeat right bottom;
}
.mmjicon_dollar_orange {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_dollar_orange) no-repeat right bottom;
}
.mmjicon_dollar_yerrow {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_dollar_yerrow) no-repeat right bottom;
}
.mmjicon_dollar_lightgreen {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_dollar_lightgreen) no-repeat right bottom;
}
.mmjicon_dollar_green {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_dollar_green) no-repeat right bottom;
}
.mmjicon_dollar_aqua {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_dollar_aqua) no-repeat right bottom;
}
.mmjicon_dollar_blue {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_dollar_blue) no-repeat right bottom;
}
.mmjicon_dollar_purple {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_dollar_purple) no-repeat right bottom;
}
.mmjicon_dollar_pink {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_dollar_pink) no-repeat right bottom;
}
.mmjicon_dollar_silver {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_dollar_silver) no-repeat right bottom;
}
.mmjicon_dollar_gold {
	width: 13px;
	height: 13px;
	display: inline;
	background : url(http://mensmix.jp/img.php?filename=mmjicon_dollar_gold) no-repeat right bottom;
}
/*======================================

	ログイン画面
	
=======================================*/
/* ログイン画面フォーム調整 */
dl {
	display: block ;
	position: absolute ;
	left: -260px ;
	top: -80px ;
	z-index: 20;
}
/* ログイン画面フッター調整 */

div#container_login div.footer {
}

div#container_login .footer {
	display: block ;
	position: absolute ;
	left: 0px ;
	top: 3px ;
	width: 720px ;
	height: 563px ;
	text-align: right ;
	padding: 0;
	z-index: 1 ;
}
div#container_login .footerlink a {
	font-size : 0.8em;
}

div#container_login .footer .footerlink{
	display: block ;
	position: absolute ;
	left:400px ;
	top: 545px ;
}

/* ログイン画面リンク */
div#container_login div.footer div.top_link {
	display: block;
	width: 720px ;
	height: 563px ;
}

/* ログイン画面リンク設定1 */
div#container_login div.footer div.top_link a.link_1 {
	display: block ;
	position: absolute ;
	left: 0px ;
	top: 100px ;
	width: 460px ;
	height: 445px ; 
	z-index: 10 ;
}

/* ログイン画面リンク設定2 */
div#container_login div.footer div.top_link a.link_2 {
	display: block ;
	position: absolute ;
	left: 480px ;
	top: 404px ;
	width: 230px ;
	height: 130px ; 
	z-index: 10 ;
}

/* ログイン画面以外 */

td.inc_page_footer div.top_link ,
td.inc_page_footer div.top_link * {
	display: none;
}

.footerlink a {
	font-size : 0.8em;
}