@charset "utf-8";

/*
======== CONTENTS =========

last-updated:2007/07/06

	1.link
	1.reset
	2.body
	3.font
	5.base layout
	6.parts
	7.ad

===========================
*/



/*
===== 1.link ======
*/


a			{ color: #0055AA; text-decoration: none; }
a:link		{ color: #0055AA; text-decoration: none; }
a:visited	{ color: #333399; text-decoration: none; }
a:active	{ color: #FF8000; text-decoration: none; }
a:hover		{ color: #FF8000; text-decoration: underline; }

.SecondMenu {
	height: 30px;
}

.SecondMenu a , .SecondMenu a:link , .SecondMenu a:visited{
	text-decoration: underline; 
}
.SecondMenu a:hover {
	border:solid 0px #900;background:#FFC;
}
.SecondMenu .bo {
	border:none;
}
.SecondMenu .label {
	float: left;
	display: inline;
	padding: 0px 0px 0px 0px;
}


.ThirdMenu {height: 30px;}
.ThirdMenu a , .ThirdMenu a:link { color: #6D520F;text-decoration: underline; }
.ThirdMenu a:visited	{ color: #838341;text-decoration: underline; }
.ThirdMenu a:hover	{ color: #FF8000;text-decoration: underline; }

#footer a , #footer a:link , #footer a:visited{ text-decoration: underline; }

#lead a , #lead a:link  { color: #900; text-decoration: underline; }
#lead a:visited { color: #630; text-decoration: underline; }

#article a , #article a:link  {
	color: #900; text-decoration: underline;
}
#article a:visited { 
	color: #900; 
	text-decoration: underline; 
}
#article a:hover {
	border:solid 0px #900;background:#FFC; 
}

/*
===== 2.reset ======
*/


* { margin: 0; padding: 0;}
img { vertical-align:bottom; border: none;}
a img {	border: none;}
hr { display: none; height: 1px;}
.clear { clear: both; display: block;}
a { text-decoration: none;}

table{ border-collapse:collapse;}

td,th { vertical-align:top; }

a:link[name], a:hover[name] {
	text-decoration: none;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
  
.clearfix {
	display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
 * html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */
    

/*
===== 3.body ======
*/
html{
}

body {
	color: #333333;
	background:#EFEFEF url(../images/mainbg.png) repeat-x ;
}


/*
===== 4.font ======
*/

h1,h2,h3,h4 { font-weight: bold; }

span.note{
	font-weight: bold;
	color: #c30;
}

span.caution{
	color: #c30;
}


#contents h1 , #contents h2 , #contents h3 , #contents h4 { font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}

#main p{
	/* ここでサイズ指定しない：影響が大きすぎのため */
}

img.new{
	margin-left:2px;
	vertical-align:middle;
}



/*
===== 5.base layout ======
*/


#gnavi{
	border-bottom: 3px solid #0066AA;
}


#header{
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	margin: 0px;
}

#topbanner{
background-position:right bottom;
background-repeat:no-repeat;
display:block;
padding:10px 17px 10px 0;
}


/*
.NaviMenu{
	background: #fff;
	border-bottom: 4px solid #0066AA;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0px 24px;
	padding:6px 0 0 0;
	height: 22px;
}

.NaviMenu_s{
}

.NaviMenu_s ul li{
	list-style: none;
	display: inline;
	float: left;
	vertical-align:bottom;
	padding:5px 0;
}
*/

/*-----------------------------------------
  dropdown navi
 -----------------------------------------*/
.NaviMenu, .NaviMenu_s
{
	background: #fff;
	border-bottom: 4px solid #0066AA;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	margin: 0px 24px;
	padding:6px 0 0 0;
	height: 22px;
}

.NaviMenu ul, .NaviMenu_s ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.NaviMenu a, .NaviMenu_s a
{
	text-decoration: none;
	display: block;
	background-color: #ffffff;
	color: #000000;
}
.NaviMenu li.navmain, .NaviMenu_s li.navmain
{
	float: left;
	background-color: #ffffff;
}
.NaviMenu .navmain a
{
}
.NaviMenu ul.submenu, .NaviMenu_s ul.submenu
{
	position: absolute;
	z-index: 100;
	visibility: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 180px;
	background-color: #ffffff;
	color: #000000;
	filter:				progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	-moz-opacity:		0.9;
}
.NaviMenu ul.submenu li, .NaviMenu_s ul.submenu li

{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 90%;
	
}
.NaviMenu ul.submenu li a, .NaviMenu_s ul.submenu li a
{
	margin: 0px 0px;
	padding: 2px 2px 2px 2px;
	display: block;
	border: 1px solid #ffffff;
	width: 173px;
	color: #000000;
	font-size: 90%;
	font-weight: normal;
	text-decoration: none;
}
.NaviMenu ul.submenu li a:hover, .NaviMenu_s ul.submenu li a:hover
{
	font-weight: bold;
	background-color: #F6F6EC;
	border: 1px solid #0D60A3;
	color: #0D60A3;
}

/* for submenu */
.NaviMenu_s
{
	border-bottom: solid 0px #ffffff;
	margin: 0px 0px 8px auto;
	float:right;
}
.NaviMenu ul.submenu ,.NaviMenu_s ul.submenu
{
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
.NaviMenu_s ul.submenu * img.subicon
{
	margin-right: 4px;
}


/*-----------------------------------------
  --dropdown navi
 -----------------------------------------*/

#gmsub_bmlist{
	margin-left: 4px;
}

#gmsub_bmlist li{
	text-align: left;
}

#gmsub_bnlist{
	/*width: 250px;*/
	margin-left: 4px;
}

#gmsub_bnlist li a{
	/*width: 300px;*/
	text-align: left;
}





#contents{
	background: #fff;
	border-top: 1px solid #fff;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	display: block;
	margin: 0px 24px;
	padding:10px 5px 5px 0;
/*	padding:5px;*/
}



#footer {
	background: #fff;
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	border-bottom: 1px solid #fff;
	display: block;
	margin: 0px;
}

div#contents{
	border-left: 0px solid #ccc;
	border-right: 0px solid #ccc;
	border-bottom: 1px solid #fff;
	display: block;
	margin: 0px;
}


div#contents:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
  
div#contents {
	display: inline-block;
}  

/* Holly Hack Targets IE Win only \*/
 * html div#contents {height: 1%;}
div#contents{display: block;}
/* End Holly Hack */



/*
===== 6.parts ======
*/

img.img-right{float:right; margin:2px 0px 4px 1em;}/* 右寄せに画像を入れる */
img.img-left{float:left; margin:2px 1em 4px 0;}/* 左寄せに画像を入れる */
img.img-center{margin:2px auto 4px auto;}/* 中央に画像を入れる */

/* 2カラムのテーブル組 */
table.column_2 {
	margin-right:-310px;
	width:100%;
}
table.column_2 td.column_left{
	width:50%;
	padding:0 8px 0 0;
}
table.column_2 td.column_right{
	width:50%;
	padding:0 0 0 8px;
}

/* 一覧用 */
table.column_3 {
	margin-right:-310px;
	width:100%;
}
table.column_3 td.column_left{
	width:50%;
	padding:0 8px 4px 0;
	background:transparent url(/ez/static/common/images/bar-dot2.gif) repeat-x scroll center bottom;

}
table.column_3 td.column_right{
	width:50%;
	padding:0 0 4px 8px;
	background:transparent url(/ez/static/common/images/bar-dot2.gif) repeat-x scroll center bottom;

}



.app{
	margin: 0px 0px 10px 5px;
	overflow:hidden;

}



.apptitle {
	background: #0D60A3 url(/ez/static/common/images/title.png) repeat-x scroll 0 0;
	margin-bottom:4px;
	padding:2px 0 0 0;
}

.apptitle_text {
background: url("/ez/static/common/images/apptitle_bg2.gif") no-repeat scroll right bottom transparent;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 0 5px 10px;
}

.apptitle_a {
	background: transparent url(/ez/static/common/images/title.png) no-repeat scroll 0 -156px;
	margin: 0px;
	padding: 0px 0px 0px 12px;

}


.apptitle_text a{
	color:#fff;
	/*padding:2px 0 2px 0px;*/
}


.apptitle2 {
	background: #E1E1E1 url(/ez/static/common/images/title.png) repeat-x scroll 0 -255px;
	margin-bottom: 4px;
	padding: 2px 0 0;
	border-left: 5px solid #0D61A4;
	border-bottom: 1px solid #e8e8e8;
}

.apptitle2_text {
	color: #0061AD;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0 5px 5px;
	border-bottom: 1px solid #fff;
}

.apptitle_icon {
	vertical-align:middle;
	padding-right:5px;
}

.apptitle_sub {
	color:#666;
	border-top: 3px solid #0062AB;
	border-bottom: 1px solid #AAAAAA;
	font-weight: bold;
	margin-bottom:6px;
	padding:4px 4px 4px 6px;
	font-size: 80%;
}

.apptitle_sub span{
	border-left: 6px solid #0062AB;
	padding:0 1px 0 6px;
}

.apptitle_sub_2 {
	background: #E1E1E1 url(/ez/static/common/images/title.png) repeat-x scroll 0 -255px;
	padding: 7px 0 0 2px;
	border-left: 5px solid #0D61A4;
	border-bottom: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
}

.apptitle_sub_3 {
	background: url(/ez/static/common/images/side_t_bg3.gif)  repeat-x;
	padding:7px 4px 0 6px;
	border-left:#CC0000 5px solid;
	border-bottom:#E8E6E6 1px solid;
	margin-bottom:3px;
	margin-top:5px;

}

.apptitle_sub_4 {
	background: url(/ez/static/common/images/side_t_bg3.gif)  repeat-x;
	padding:7px 4px 0 6px;
	border-left:#0066AA 5px solid;
	border-bottom:#E8E6E6 1px solid;
	margin-bottom:3px;
		margin-top:5px;

}

.apptitle_text_3 {
	display: block;
	padding:0 0 5px 4px;
	font-size: 90%;
	color:#666666;
	font-weight: bold;
}


.apptitle_text_2 {
	color: #666666;
	display: block;
font-size: 90%;
    font-weight: bold;
padding: 0 0 5px 4px;
	border-bottom: 1px solid #fff;

}



/*
===== 7.ad ======
*/

.ad_info_list
{
	margin: 0px 0px 6px 5px;
}

.ad_info_head
{
	background: url(../images/ad_info_head_bg.gif) repeat-x bottom;
}

.ad_info_list_contents
{
	margin: 0px 0px 6px 0px;
}
.ad_info_list_title
{
	font-size:80%;
	font-weight:bold;
	margin:0 0 4px;
	padding:0 0 0 21px;
	background: url(/ez/static/common/images/icon.png) no-repeat 0px -1094px;
}
.ad_info_list_text
{
	margin: 0px 0px 8px 0px;
	font-size: 10px;
  line-height: 12px;
	color: #666666;
}


/*
=== input table ===
*/
table.tbl_app {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #5F6D93;
	border-collapse:collapse;
}
table.tbl_app td {
	margin: 0px 0px;
	padding: 4px 4px;
	border: solid 1px #5F6D93;
	font-size: 80%;
	text-align: left;
	vertical-align: top;
}
table.tbl_app th {
	padding: 8px 4px;
	background-color: #5F6D93;
	font-weight: bold;
	color: #ffffff;
	text-align:left;
	font-size: 80%;
	vertical-align: top;
}
table.tbl_app td.th {
	background-color: #5F6D93;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	vertical-align: top;
}
table.tbl_app td.thr {
	background-color: #F0F0DF;
	font-weight: bold;
	text-align: right;
}
table.tbl_app td.sep {
	padding: 4px 4px;
	background-color: #5F6D93;
	font-weight: bold;
	color: White;
}
table.tbl_app td.none table tr td
{
	margin: 0px 0px;
	padding: 2px 2px;
	border: solid 0px white;
	font-size: 100%;
}

/* arena */

.article_arena{
  border:1px solid #999999;
  padding:5px 10px 0px 10px;
  background-color: #FFFFFF;
  background-image: url(/ez/static/common/images/arena_bg.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 5px;
}



.article_arena .arena_item {
	display: block;
	float:left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}
.article_arena .arena_item_title {
	display: block;
	font-size: 16px;
	font-weight: bold;
 margin: 4px 0px 4px 0px;
/*
	margin-bottom: 4px;
	margin-left: 10px;
	margin-right: 10px;
*/
}

.article_arena .arena_contents {
	float:left;
	border:solid 0px black;
}


.article_arena .arena_img {
	float:left;
	margin-top: 0;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 4px;
	border: 1px solid #CCCCCC;
	padding:1px;
}

.article_arena .arena_summary {
    font-size: 75%;
    line-height: 1.5em;
}

.article_arena .arena_img_left {
	float:left;
	padding:0px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-left: 0;
	border: 1px solid #CCCCCC;
}

.article_arena .arena_img_sum {
	background: url(/ez/static/common/images/sum_img_bg.gif) no-repeat;
	width:90px;
	height:70px;
	padding:5px;
	float:left;
	margin: 4px 0px 0px 14px;
}

.article_arena .arena_title {
	color:#000000;
	font-size:100%;
	font-weight: bold;
	line-height:1.2em;
	margin-bottom: 8px;
	font-family:"Hiragino Kaku Gothic Pro",Meiryo,"メイリオ","ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

.article_arena .arena_title_2 {
	background:url(/ez/static/common/images/b_square.gif) no-repeat 0.2em 0.4em;
	font-size: 90%;
	padding-left: 13px;
	margin-bottom: 8px;
}

.t {
	font-size: 80%;
	text-align:right;
	margin-top: 8px;
	margin-bottom:8px;

}


/*adlink*/


.adlink_title{
	background:transparent url(/ez/static/common/images/title_adlink.png) repeat-x scroll 0px -20px;
	height: 19px;
}
.adlink_title .adlink_title_inner{
	width:92px;
	height:19px;
	background:transparent url(/ez/static/common/images/title_adlink.png) no-repeat scroll 0px 0px;
}
.adlink_box {
	background-color: #F7F7F7;
	padding-bottom:5px;
	overflow: auto;
	width: 100%;
}

.adlink_box .link
{
	margin: 3px 0px 0px 6px;
	padding: 0px 0px 0px 12px;
	font-size: 70%;
	font-weight: normal;
	background-image: url(/ez/static/common/images/arrow_adlink.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.2em;
}

.adlink_box td{
	vertical-align:top;
}

/*adlink*/

