@charset "utf-8";
/* ===================================================================
CSS information
 file name  : common.css
 style info : Basic setting (header,footer,menu etc.)
=================================================================== */

/* Basic */
a:link,a:visited,a:active {text-decoration: none; color: #333333;}
a:hover {text-decoration: underline; color: #fe6512;}

.left {float: left;}
.right {float: right;}
.center{margin: 0 auto;}

#wrap {margin: 0px auto;width: 900px;background:#ffffff top center repeat-y;position: relative;}

/* header */
#header {margin: 0px auto;width: 900px;height: 92px; border-top: 4px solid #003399; border-bottom: 2px solid #003399;}
.logbox{float: right; background: url(../images/lg_window.gif) no-repeat; width: 300px; height: 58px;}
.logbox table{width:300px; border: 0;cell-spacing:30px;}
.logbox table td{border: 0; vertical-align:middle; line-height: 24px; font-size: 12px;}
.logform{height:22px; line-height:22px; padding-top: 1px; margin-top: 6px;}

/* footer */
#footer {margin: 0px auto;width: 900px;height: 50px; text-align:center;border-top:1px solid #cccccc;}

/* contents */
#contents_wrap {margin: 15px auto;width: 880px;background:#FFFFFF; position: relative;}

p.bclist {margin: 0px auto;width: 880px;padding: 0px;text-align: right; height: 0px;}


/* leftmenu */
#leftmenu {width: 205px;float: left;background:#FFFFFF; position: relative; z-index: 0;}
#leftmenu_guest {width: 172px;float: left;background:#FFFFFF; position: relative;}
#lm_title {
	height: 30px;
	padding-left: 10px;
	background:url(../images/lm_title.gif) #FFFFFF;
	line-height:30px;
	font-size: 12px;
	font-weight:800;
	color: #FFFFFF;
	text-shadow:1px 1px 1px #333333;
	 z-index: 0;
}
#leftmenu dl{padding-left:10px; font-size: 12px; z-index: 0;}
#leftmenu dt{font-weight:800; line-height: 30px; background:url(../images/lm_dt_line.gif) repeat-x #FFFFFF; z-index: 0;}
#leftmenu dd{line-height: 24px; padding-left: 9px; margin-left: 9px; background:url(../images/lm_dd_allow.gif) no-repeat #FFFFFF; z-index: 0;}
#leftmenu dd a{text-decoration: underline; color: #003399; z-index: 0;}
#leftmenu dd a:hover{ color: #fe6512; z-index: 0;}
#leftmenu dd.sub{line-height: 24px; padding-left: 14px; background:#FFFFFF; z-index: 0;}

#sessiontime{border:1px solid #ff0000} /* 2009/1/19追記 */

.lm_bg{background: url(../images/lm_bg.gif) repeat-y;}

.lm_reg a {
	display: block;
	text-indent: -2000px;
	background: url(../images/btn_reg.gif) no-repeat;
	overflow: hidden;
	width: 152px;
	height: 81px;
}
.lm_reg a:hover {background-position: 0 100%;}
.lm_top {background: url(../images/lm_top.gif) no-repeat; height: 10px; line-height: 0px;}
.lm_ttl span {background: #003399; padding:5px 30px 5px 8px;color: #FFFFFF;}
.lm_mid {border-bottom: 1px solid #dad7c8; height: 34px; padding:6px 0 0 8px;}
.lm_mid2 {border-bottom: 1px solid #dad7c8; height: 46px; padding:6px 0 0 8px;}
.lm_mid_l {height: 28px; padding:6px 0 0 8px;}
.lm_mid a, .lm_mid2 a, .lm_mid_l a{
	display: block;
	height:26px;
	width: 146px;
	line-height: 26px;
	padding-left: 10px;
	background:url(../images/lm_btn.gif) no-repeat #FFFFFF;
}
.lm_mid2 a{
	height: 36px;
	line-height: 16px;
	padding-top: 4px;
	background:url(../images/lm_btn2.gif) no-repeat #FFFFFF;
}
.lm_mid a:hover, .lm_mid_l a:hover{
	background-position: 0px -26px;
	text-decoration: none;
}
.lm_mid2 a:hover{
	background-position: 0px -40px;
	text-decoration: none;
}
.lm_mid_l p a{
	width: 146px;
	line-height: 20px;
}
.lm_btm {background: url(../images/lm_btm.gif) no-repeat; height: 15px; overflow: hidden;}
.lm_base {width: 172px; position: absolute; bottom: 0; left: 0;}

/* main */
#main {width: 665px; float: right; background: #FFFFFF; z-index: 1;}
#main_front {width: 686px; float: right; background: #FFFFFF;}
#main_pop {width: 665px; background: #FFFFFF;}

.mf_bg{background: url(../images/mf_bg.gif) repeat-y;}
.mf_top {background: url(../images/mf_top.gif) no-repeat; height: 10px; line-height: 0px;}
.mf_ttl {height: 22px;}
.mf_ttl span {font-size: 12px; background: #003399; padding:5px 30px 5px 8px; line-height: 22px; color: #FFFFFF;}
.mf_btm {background: url(../images/mf_btm.gif) no-repeat; height: 15px; overflow: hidden;}

.mf_event {width: 200px; height: 40px;}
.mf_detail {width: 150px; height: 40px; background: url(../images/ev_bg.gif) repeat-x;}

.mf_icon01 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) 0px 0px; }
.mf_icon02 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -40px 0px; }
.mf_icon03 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -80px 0px; }

.mf_icon04 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) 0px -40px; }
.mf_icon05 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -40px -40px; }
.mf_icon06 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -80px -40px; }

.mf_icon07 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) 0px -80px; }
.mf_icon08 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -40px -80px; }
.mf_icon09 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -80px -80px; }

.mf_icon10 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) 0px -120px; }
.mf_icon11 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -40px -120px; }
.mf_icon12 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -80px -120px; }

.mf_icon13 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) 0px -160px; }
.mf_icon14 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -40px -160px; }
.mf_icon15 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -80px -160px; }

.mf_icon16 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) 0px -200px; }
.mf_icon17 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -40px -200px; }
.mf_icon18 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -80px -200px; }

.mf_icon19 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) 0px -240px; }
.mf_icon20 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -40px -240px; }
.mf_icon21 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -80px -240px; }

.mf_icon22 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) 0px -280px; }
.mf_icon23 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -40px -280px; }
.mf_icon24 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -80px -280px; }

.mf_icon25 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) 0px -320px; }
.mf_icon26 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -40px -320px; }
.mf_icon27 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -80px -320px; }

.mf_icon28 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) 0px -360px; }
.mf_icon29 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -40px -360px; }
.mf_icon30 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -80px -360px; }

.mf_icon31 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) 0px -400px; }
.mf_icon32 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -40px -400px; }
.mf_icon33 {text-indent: -9999px;width: 40px; height: 40px; background: url(../images/icon_top.jpg) -80px -400px; }

#help {width: 580px;}
#rireki {width: 1000px;}

h1 {height: 30px; padding-left: 10px; margin-bottom:15px; background:url(../images/ma_title.gif) #FFFFFF; line-height:30px; text-shadow:1px 1px 1px #FFFFFF;}
h2 {height: 30px; padding:10px 0 0 10px; background:url(../images/ma_title2.gif) #FFFFFF; line-height:30px; text-shadow:1px 1px 1px #FFFFFF;}
h2.bgcol1 {background:url(../images/ma_title3.gif) #FFFFFF no-repeat;}
h2.bgcol2 {background:url(../images/ma_title4.gif) #FFFFFF no-repeat;}
h2.bgcol3 {background:url(../images/ma_title5.gif) #FFFFFF no-repeat;}
h2.bgcol4 {background:url(../images/ma_title6.gif) #FFFFFF no-repeat;}
h2.faq {height: 30px; padding:0 0 0 10px; background:url(../images/ma_title.gif) #FFFFFF; line-height:30px; text-shadow:1px 1px 1px #FFFFFF;}
h2.eventdays {
	height: 30px;
	padding:5px 0 0 10px;
	background:url(../images/ma_title2.gif) 0px -5px #FFFFFF;
	line-height:30px;
	text-shadow:1px 1px 1px #FFFFFF;
}
#help h2 {height: 30px; padding:10px 0 0 10px; background:url(../images/ma_title_help.gif) no-repeat #FFFFFF; line-height:30px; text-shadow:1px 1px 1px #FFFFFF;}
#rireki h2 {height: 30px; padding:10px 0 0 10px; background:url(../images/ma_title_rireki.gif) no-repeat #FFFFFF; line-height:30px; text-shadow:1px 1px 1px #FFFFFF;}
#tabcontainer {overflow: hidden; width: 665px; height: 30px; background: url(../images/ma_tab_bg.gif) 0 repeat-x;}
#tabcontainer ul {height: 30px;}
#tabcontainer ul li {
	float: left;
	width: 215px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
}
#tabcontainer ul li a {
	display: block;
	width: 215px;
	height: 30px;
	background-position: 0 0;
	background: url(../images/ma_tab.gif) no-repeat;
	text-shadow:1px 1px 1px #FFFFFF;
}
#tabcontainer ul li a:hover {background-position: 0 100%; text-decoration: none;}
#tabcontainer ul li a#current {background-position: 0 100%;font-weight:800; color: #fe6512;}

.check_t{
	height:62px;
	line-height: 65px;
	padding: 0 10px;
	background: url(../images/ma_ckt_bg.gif) no-repeat;
}
.check_t2{
	height:95px;
	line-height: 95px;
	padding: 0 10px;
/*	background: #D5D5D5; */
	background: url(../images/ma_ckt_bg2.gif) no-repeat;
}

.check_b{
	height:65px;
	line-height: 65px;
	padding: 0 10px;
	background: url(../images/ma_ckb_bg.gif) no-repeat;
}
.check_b2{
	height:95px;
	line-height: 95px;
	padding: 0 10px;
/*	background: #D5D5D5; */
	background: url(../images/ma_ckb_bg2.gif) no-repeat;
}
.contents_t{
	background: url(../images/ma_cnt.gif) no-repeat;
	height:5px;
	overflow:hidden;
}
.contents_t2{
	background: url(../images/ma_cnt2.gif) no-repeat;
	height:5px;
	overflow:hidden;
}
.contents_b{
	background: url(../images/ma_cnb.gif) no-repeat;
	height:5px;
	overflow:hidden;
}

.contents{
	background: url(../images/ma_cn_bg.gif) repeat-y;
	padding: 0 10px;
}

.pglist_l{float: left; width: 300px;}
.pglist_r{float: right; width: 300px; text-align: right;}
.pglist_c{text-align: center;}
.pglist_c a.selected {color: #FF0000; font-size: 12px;}     /* 2010/02/18 */

.conditions_c{font-size:11px; text-align: left;}                /* 2010/05/19 */
.conditions_c a.selected {color: #FF0000; font-size: 12px;}     /* 2010/05/19 */

.statlist {height: 30px; text-align:left;}
.statlist ul li {
	display: block;
	font-size: 12px;
	overflow: hidden;
	float: left;
	height: 30px;
	line-height: 30px;
	text-shadow:1px 1px 1px #FFFFFF;
	border: 1px solid #dad7c8;
}
.statlist ul li.alt {
	background: #dbe4f3;
}
.statlist ul li.hide {
	border: 0;
}

.iframe{border: 1px #cccccc solid;}

/* table */

table{width: 645px; cellpadding: 1px; border: 1px #d5d5d5 solid; table-layout:auto;}
table tr.top{background: #eae3d9;}
table tr.alt{background: #dbe4f3;}
table td{text-align: center; line-height: 24px; font-size: 12px; border: 1px #d5d5d5 solid; padding:0 5px;}
table td.alt{background: #f4f7fc;}	/* 2010/02/28追記 */
table td a:link, table td a:visited, table td a:active{text-decoration: underline;}
table td.admin{line-height: 16px; word-break: break-all; padding: 4px 5px;}
table.target td{width: 130px;}

.mf_bg table{width: 684px; table-layout:auto; border: none;}
.mf_bg table tr.top{background: #f9fce7;}
.mf_bg table tr.alt{background: #edeae5;}
.mf_bg table td{line-height: 20px; font-size: 12px; border: none; padding:0 5px;}
.mf_bg table td.alt{background: #edeae5;}

.partners table{width: 666px; table-layout:auto;}
.partners table td{line-height: 16px; border: 1px #d5d5d5 solid; padding:5px 0;}
.partners table td img{border: 1px #d5d5d5 solid;}
.partners table td dl dt{
	padding-left: 10px;
	display: inline-block;
	width: 7rem;
}
.partners table td dl dd{
	display: inline-block;
	width: calc(100% - 7rem - 10px);
}

.partners-link table{width: 666px; table-layout:auto;}							/* 2016/02/19 */
.partners-link table td{line-height: 16px; border: none; padding:5px 0 25px;}	/* 2016/02/19 */
.partners-link table td img{border: 1px #d5d5d5 solid;}							/* 2016/02/19 */


.w10{width: 10px;}
.w23{width: 23px;}
.w25{width: 25px;}
.w35{width: 35px;}
.w40{width: 40px;}
.w50{width: 160px;}
.w55{width: 55px;}
.w70{width: 70px;}
.w95{width: 95px;}
.w103{width: 103px;}
.w115{width: 115px;}
.w135{width: 135px;}
.w140{width: 140px;}
.w145{width: 145px;}
.w158{width: 158px;}
.w170{width: 170px;}
.w178{width: 178px;}
.w180{width: 180px;}
.w190{width: 190px;} /* 2009/1/19追記 */
.w198{width: 198px;}
.w215{width: 215px;}
.w295{width: 295px;}
.w305{width: 305px;}
.w367{width: 367px;}
.w350{width: 350px;}
.w402{width: 402px;}
.w473{width: 473px;}
.w528{width: 528px;}
.w600{width: 600px;}
.w645{width: 645px;}
.w666{width: 666px;}

/* font */
.col01{color: #555555; margin-left: 5px;}
.col02{}
.col03{}
.col04{}
.red{color: #FF0000;}
.green{color: #007B00;}
.blue{color: #0000FF;}
.orange{color: #fe6512;}
.before{color: #FF9944; font-size: 12px;}
.bold{font-weight:800;} /* 2009/1/19追記 */

/* text */
.t_left{text-align: left;}
.t_right{text-align: right;}
.t_center{text-align: center;}

.center{margin: 0 auto;}

.cmt_b{font-size:16px; font-weight:800;}
.cmt_n{font-size:12px;}
.cmt_s{font-size:10px;}

.warning {
	display: block;
	color: #ffffff;
	font-size:14px;
	font-weight:800;
	height: 24px;
	line-height: 26px;
	padding-left: 24px;
	background: url(../images/warning.gif) no-repeat 2px 0px #ff0000;
}
.announcement_partners{
	font-size: 12px;
	line-height: 20px;
	padding: 10px;
	background: #ffffcc;
}

/* link */
.link_blue a:link {text-decoration: underline; color: #0000ff;}      /* 2010/06/17 */
.link_blue a:visited {text-decoration: underline; color: #0000ff;}   /* 2010/06/17 */
.link_blue a:active {text-decoration: underline; color: #0000ff;}    /* 2010/06/17 */
.link_blue a:hover {text-decoration: underline; color: #fe6512;}     /* 2010/06/17 */

.link_red a:link {text-decoration: underline; color: #ff0000;}      /* 2010/06/17 */
.link_red a:visited {text-decoration: underline; color: #ff0000;}   /* 2010/06/17 */
.link_red a:active {text-decoration: underline; color: #ff0000;}    /* 2010/06/17 */
.link_red a:hover {text-decoration: underline; color: #fe6512;}     /* 2010/06/17 */

/* button */

.button_log {width: 56px;overflow: hidden; height: 38px;}
.button_log  a:link,.button_log  a:visited, .button_log  a:active {
	display: block;
	width: 56px;
	height: 38px;
	line-height: 48px;
	background-position: 0 0;
	background: url(../images/btn_log.gif) no-repeat;
	color: #FFFFFF;
}
.button_log a:hover {background-position: 0 -38px; text-decoration: none; color: #FFFFFF;}

.button_l {float: right; width: 645px;overflow: hidden; height: 30px;}
.button_l2 {float: right; width: 645px;overflow: hidden; height: 65px;}
.button_l ul ,.button_l2 ul {height: 30px; font-size: 12px;}
.button_l ul li ,.button_l2 ul li {
	overflow: hidden;
	float: right;
	width: 110px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-shadow:1px 1px 1px #FFFFFF;
}
.button_l ul li a ,.button_l2 ul li a {
	display: block;
	width: 110px;
	height: 30px;
	background-position: 0 0;
	background: url(../images/button_l.gif) no-repeat;

}
.button_l ul li a:hover ,.button_l2 ul li a:hover {background-position: 0 100%; text-decoration: none;}

.button_l ul li.cmttxt{width: 300px; text-align: right;}

.button_s {float: left; width: 300px;overflow: hidden; height: 15px; text-align:left;}
.button_s ul {height: 15px;}
.button_s ul li {
	overflow: hidden;
	float: left;
	width: 70px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	text-shadow:1px 1px 1px #FFFFFF;
}
.button_s ul li a {
	display: block;
	width: 70px;
	height: 15px;
	background-position: 0 0;
	background: url(../images/button_s.gif) no-repeat;

}
.button_s ul li a:hover {background-position: 0 100%; text-decoration: none;}

/* form */
.form{
	margin: 0;
	padding: 0;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	border-bottom: 1px solid #888888;
	background-image: url(../images/form_bg.gif);
	background-repeat: repeat-y;
	background-color: #ffffff;
}
.formtop{border-top: 1px solid #888888;}

.forml{float:left; width: 214px;margin-right: 6px; padding-right: 4px; padding-bottom: 5px; height: 100%;}
.fname{font-size:12px; font-weight:800; margin-left: 5px; margin-bottom: 2px;}
.caution{color:#FF0000; clear: left; font-weight: 800;}
.formr{float:left; font-size: 12px; width: 419px;}
.formr p{font-size: 10px;}
.formr table{width: 419px; border: 0;}
.formr table td{border: 0; text-align:left; vertical-align:middle; font-size: 12px;}
.formr table input{display: block; float: left; clear: left; margin: 0; padding: 0; height:24px;}

table.pftable{border: 0; width: 400px;table-layout:fixed;}
table.pftable td{border: 0; text-align:left; line-height: 18px; font-size: 12px; width: 400px;}
table.pftable td .posiRight{position: absolute; top: 0; right: 0;}
.formr pre{
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
} /* 2010/02/17追記 */

.pre{
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
}

.formr .ime_auto    {ime-mode: auto;}
.formr .ime_on      {ime-mode: active;}
.formr .ime_off     {ime-mode: inactive;}
.formr .ime_disable {ime-mode: disabled;}

.formr .caution{clear: left; color:#FF0000; font-size:12px; font-weight: 800;} /* 2011/01/20 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.formr textarea{width: 90%;}
}

label {margin-left: 3px; cursor: pointer;}
.formr label{display: inline; clear: none; margin-left: 4px;}

.formbg{background-color:#EAEAEA;} /* 2009/1/19追記 */
.formbg1{background-color:#ffcc99;} 
.formbg2{background-color:#ccff99;} 
.formbg3{background-color:#99ccff;} 
.formbg4{background-color:#ff99ff;} 
.formbg-admin{background-color:#F4F7FC;}  /* 2010/05/20 */

.focus{color: #333333; border: 2px solid #fe6512; background-color: #ffffff;}
.focus2{color: #333333; border: 1px solid #fe6512; background-color: #ffffff;}

.checkbutton a{display: block; width: 87px; height: 20px; line-height: 20px; background:url(../images/button_check.gif) no-repeat; text-shadow:1px 1px 1px #FFFFFF;}
.checkbutton a:hover{background-position: 0 100%; text-decoration: none;}

.checkbutton2 a{display: block; width: 180px; height: 20px; line-height: 20px; background:url(../images/button_check2.gif) no-repeat; text-shadow:1px 1px 1px #FFFFFF;}
.checkbutton2 a:hover{background-position: 0 100%; text-decoration: none;}

/* watermark positioning container */
.updnWatermark{
/*	position: relative;*/	/* positioning container */
	position: absolute;	/* positioning container */
	width: 0;
	height: 1.25em;	/* must specify height for consistent vertical alignment */
	vertical-align: middle;
}
/* IE7/6 hasLayout hack */
.updnWatermark{
	*zoom: 1;
}
/* watermark label styling */
.updnWatermark label{
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	color: #999;
	padding-left: 4px;
	margin-left: 200px;
	height: 1.25em;	/* must specify height for consistent vertical alignment */
	vertical-align: middle;
	cursor: text;
}

.readonly {color:black;background-color:#E8E8E8;}
.border_n {border-style:none;}

/* sortable&accordion */
.column { width: 645px;}
.portlet { margin: 0 0 10px 0; }
.portlet-header { margin: 0.3em; font-size:12px;}
.portlet-header .ui-icon { float: right; }
.portlet-header input{margin: 0 5px;}
.portlet-content { padding: 5px; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
.portlet-content table{width: 633px; border: 0;}
.portlet-content table td{border: 0; text-align:left; vertical-align:middle; font-size: 12px;}
.portlet-content table input{display: block; float: left; clear: left; margin: 0; padding: 0; height:24px;}  /* 2010/02/02追記 */

/* stepmenu */
.step {width: 665px; height: 30px; text-align:left; margin-bottom:15px}
.step ul{height: 30px; font-size: 12px; background: url(../images/ma_title_step.gif) no-repeat;}
.step ul.step1{background-position: 0 0;}
.step ul.step2{background-position: 0 25%;}
.step ul.step3{background-position: 0 50%;}
.step ul.step4{background-position: 0 75%;}
.step ul.step5{background-position: 0 100%;}
.step ul li {
	overflow: hidden;
	float: left;
	width: 133px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-shadow:1px 1px 1px #FFFFFF;
}
.step ul li.current {
	font-weight: 800;
}
/* .3step{background: url(../images/ma_title_step3.gif) no-repeat;} */

/* tooltip */
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size:12px; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

/* sortlist */
.sortlist td{font-size:10px;}

/** YUI calendar **/
#cal4Container .wd0{border-color:red;}
#cal4Container .wd6{border-color:blue;}

/* Q&A */
.qaContainer,.qaContainer1 {width:665px;}

.qaContainer dl,.qaContainer1 dl {clear: both;width: 665px;border-bottom: 1px solid #CCC;}
/* Q */
.qaContainer dl dt,.qaContainer1 dl dt {
	margin: 0px;padding-left: 20px;
	background: url(../images/qa_q.gif) no-repeat;
	background-position:left center;
	font-weight: bold;color: #0033FF;
	text-decoration: underline;
	line-height:30px;
}
/* A */
.qaContainer dl dd,.qaContainer1 dl dd {
	margin: 0px 0px 10px 20px;
	padding-left: 20px;
	background: url(../images/qa_a.gif) no-repeat 0px 0px;
	/* border: 1px solid #CCC; */
}

/* toTB */
.toTB {
	position: fixed;
	top: 40%;
	width: 50px;
	height: 200px;
	margin: 0 0 0 900px;
}
.toTB li{
	width: 50px;
	height: 50px;
	margin-bottom: 20px;
	background: #ccc;
	border-radius: 10px;
}
.toTB li a{
	display: inline-block;
	width: 50px;
	line-height: 50px;
	color: #fff;
	font-weight: 800;
	text-align: center;
	font-size: 30px;
	text-decoration: none;
}
.toTB li:hover{
	background: #ddd;
}

/* space */
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mb5 {margin-bottom: 5px;}
.mb8 {margin-bottom: 8px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.ml1 {margin-left: 1px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml51 {margin-left: 51px;}

.mtb5 {margin: 5px 0px;}
.mtb10 {margin: 10px 0px;}
.mtb15 {margin: 15px 0px;}
.mtb20 {margin: 20px 0px;}

.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}

.ptb5 {padding: 5px 0px;}
.ptb10 {padding: 10px 0px;}
.ptb15 {padding: 15px 0px;}
.ptb20 {padding: 20px 0px;}

