@charset "UTF-8";
/* CSS Document */
* { margin:0px; padding:0px; }
body {
	font-family:Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#ffffff;/* #686868; */
	background-color:#000000; /* #ffffff; */

	background-image:url(../img/bg.gif);
	background-repeat:repeat-x;
}

div.layout {
	position:relative;
	left:0px;
	top:0px;
	width:1099px;
	height:824px;
	background-image:url('../img/bg.png');
	background-repeat:no-repeat;
}

/* for IE6 */
* html body { font-size:75%; }
/* for IE7 */
*:first-child+html body { font-size:75%; }
/*IE用→ 12px=75% 13px=82% 14px=88% 15px=94% 16px=100% */

div, p, span, li, td{
    font-family:Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
    font-size:12px;
    line-height:1.5em;
}

li{
    font-family:Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
    font-size:12px;
    line-height:1.5em;
    margin-left:30px;
    list-style-type:disc;
}

input.imeD { ime-mode:disabled; }
input.imeA { ime-mode:active;   }
input.imeI { ime-mode:inactive; }

input.id { width:240px; } /* 240px */
input.pswd { width:240px; } /* 120px */
input.button { width:75px; height:25px; }
input.button2 { width:100px; height:35px; }

input.wB {width:150px}
input.wBB {width:250px}

.dispN { display:none; }
.dispB { display:block; }
.dispI { display:inline; }

ol { list-style-position:outside; }
ul { list-style-type:none; }
select, input { padding:2px; }
textarea { font-size:100%; }
address { font-style:normal; }
table { border-collapse:collapse; border-spacing:0; } 
fieldset, iframe, img { border:0; vertical-align:bottom; } 
ol,ul { list-style:none; } 
optgroup { font-style:normal; }

/* link */
a    { color:#3399FF; text-decoration:underline; }
a:visited { color:#0075a9; text-decoration:underline; }
a:hover   { color:#ffffff; text-decoration:none; }
a:active  { color:#ff7800; text-decoration:none; }

a.con1_lmenu{ color:white; text-decoration:none;}
a.con1_lmenu:visited { color:white; }
a.con1_lmenu:hover   { color:ff7800; text-decoration:underline; }
a.con1_lmenu:active  { color:white;}

a.toukou_link:link    { color:#ffffff; text-decoration:underline; }
a.toukou_link:visited { color:#ffffff; text-decoration:underline; }
a.toukou_link:hover   { color:#ffffff; text-decoration:underline; }
a.toukou_link:active  { color:#ffffff; text-decoration:underline; }

a.toukou_norm:link    { color:#686868; text-decoration:none; }
a.toukou_norm:visited { color:#686868; text-decoration:none; }
a.toukou_norm:hover   { color:#686868; text-decoration:none; }
a.toukou_norm:active  { color:#686868; text-decoration:none; }

input.imeD { ime-mode:disabled; }
input.imeA { ime-mode:active;   }
input.imeI { ime-mode:inactive; }

a img { border:none; }

/* multi class */
.vT { vertical-align:top; }
.vM { vertical-align:middle; }
.vB { vertical-align:bottom; }
.vTt { vertical-align:text-top; }
.vBs { vertical-align:baseline; }
.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }
.fL { float:left; }
.fR { float:right; }
.white { color:white; }
.blue  { color:#0000ff; }
.black { color:black; }
.sys { color:#686868; }
.red { color:#f10000; }
.blue { color:#0000f1; }
.clr1{color:#b45a50; }
.clr2{ color:#333333; }
.clr3{ color:#cccccc; }
.fs0 { font-size:0; }
.fsSSS { font-size:60%; }
.fsSS { font-size:84%; }
.fsS { font-size:92%; }
.fsL { font-size:117%; }
.fsLL { font-size:134%; }
.fsLLL { font-size:150%; }
.fwN { font-weight:normal; }
.fwB { font-weight:bold; }

.clear { clear:both; }
.w100per { width:100%; }
.w99per { width:99%; }
.w95per { width:95%; }
.w90per { width:90%; }
.w80per { width:80%; }
.w70per { width:70%; }
.w60per { width:60%; }
.w50per { width:50%; }
.w40per { width:40%; }
.w30per { width:30%; }
.w20per { width:20%; }
.w10per { width:10%; }
.w05per { width:5%; }
.m0 { margin:0px; }
.mT00 { margin-top:0px; }
.mT01 { margin-top:1px; }
.mT02 { margin-top:2px; }
.mT03 { margin-top:3px; }
.mT04 { margin-top:4px; }
.mT05 { margin-top:5px; }
.mT10 { margin-top:10px; }
.mT15 { margin-top:15px; }
.mT20 { margin-top:20px; }
.mT25 { margin-top:25px; }
.mT30 { margin-top:30px; }
.mT35 { margin-top:35px; }
.mT40 { margin-top:40px; }
.mT45 { margin-top:45px; }
.mT50 { margin-top:50px; }
.mB00 { margin-bottom:0; }
.mB01 { margin-bottom:1px; }
.mB02 { margin-bottom:2px; }
.mB03 { margin-bottom:3px; }
.mB04 { margin-bottom:4px; }
.mB05 { margin-bottom:5px; }
.mB10 { margin-bottom:10px; }
.mB15 { margin-bottom:15px; }
.mB20 { margin-bottom:20px; }
.mB25 { margin-bottom:25px; }
.mB30 { margin-bottom:30px; }
.mB35 { margin-bottom:35px; }
.mB40 { margin-bottom:30px; }
.mB45 { margin-bottom:45px; }
.mB50 { margin-bottom:50px; }
.mL00 { margin-left:0; }
.mL05 { margin-left:5px; }
.mL10 { margin-left:10px; }
.mL15 { margin-left:15px; }
.mL20 { margin-left:20px; }
.mL25 { margin-left:25px; }
.mL30 { margin-left:30px; }
.mL35 { margin-left:35px; }
.mL40 { margin-left:40px; }
.mL45 { margin-left:45px; }
.mL50 { margin-left:50px; }
.mR00 { margin-right:0; }
.mR05 { margin-right:5px; }
.mR10 { margin-right:10px; }
.mR15 { margin-right:15px; }
.mR20 { margin-right:20px; }
.mR25 { margin-right:25px; }
.mR30 { margin-right:30px; }
.mR35 { margin-right:35px; }
.mR40 { margin-right:40px; }
.mR45 { margin-right:45px; }
.mR50 { margin-right:50px; }
.mTB05 { margin-top:5px; margin-bottom:5px; }
.mTB10 { margin-top:10px; margin-bottom:10px; }
.mLRauto { margin-right:auto; margin-left:auto; }
.mLR05 { margin-right:5px; margin-left:5px; }
.mLR10 { margin-right:10px; margin-left:10px; }
.mLR15 { margin-right:15px; margin-left:15px; }
.mLR20 { margin-right:20px; margin-left:20px; }
.mLR30 { margin-right:30px; margin-left:30px; }
.p0 { padding:0px; }
.p01 { padding:1px; }
.p02 { padding:2px; }
.p03 { padding:3px; }
.p04 { padding:4px; }
.p05 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.p30 { padding:30px; }
.pT00 { padding-top:0px; }
.pT05 { padding-top:5px; }
.pT10 { padding-top:10px; }
.pT20 { padding-top:20px; }
.pT30 { padding-top:30px; }
.pT00 { padding-left:0px; }
.pL05 { padding-left:5px; }
.pL10 { padding-left:10px; }
.pL20 { padding-left:20px; }
.pL30 { padding-left:30px; }
.pR00 { padding-right:0px; }
.pR05 { padding-right:5px; }
.pR10 { padding-right:10px; }
.pR20 { padding-right:20px; }
.pR30 { padding-right:30px; }
.pB00 { padding-bottom:0px; }
.pB05 { padding-bottom:5px; }
.pB10 { padding-bottom:10px; }
.pB20 { padding-bottom:20px; }
.pB30 { padding-bottom:30px; }
.pLR05 { padding-left:5px; padding-right:5px; }
.pLR10 { padding-left:10px; padding-right:10px; }
.pLR20 { padding-left:20px; padding-right:20px; }
.pLR30 { padding-left:30px; padding-right:30px; }
.p_05_10 { padding:5px 10px; }
.p_05_15 { padding:5px 15px; }
.p_10_20 { padding:10px 20px; }
.p_20_40 { padding:20px 40px; }
.space10 { height:10px; font-size:0; overflow:hidden; }
.space20 { height:20px; font-size:0; overflow:hidden; }
.space30 { height:30px; font-size:0; overflow:hidden; }
.zero { font-size:0; line-height:0; overflow:hidden; } /* 背景画像のみ見せたい場合使用 */
.h0 { height:0; }
.hdn { visibility:hidden; }
.no_disp{background-repeat:no-repeat;display:block;text-indent: -1000px;overflow:hidden;}
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
.no_border{border:none;}
.clear{clear:both}
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/*header*/

div.header{
	width:all;
	height:70px;
	background-color:#0000CC;
	color:#d3d3d3;
	padding:10px;
}

h1{
	font-size:20px;
}

h2{
	font-size:18px;
}

div.bg{
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	width:1076px;
	height:761px;
}

div.top{
	position:relative;
	left:0px;
	top:0px;
	width:1075px;
	height:173px;
	background-image:url(../img/top_bg.png);
	background-repeat:no-repeat;
}

div.abs {
	position:absolute;
	overflow:hidden; /* scroll */
	background-repeat:no-repeat;
}

div.rel {
	position:relative;
	overflow:hidden; /* scroll */
	background-repeat:no-repeat;
}

div.top_exp {
	position:relative;
	overflow:hidden; /* scroll */
	background-repeat:no-repeat;
}

div.bottom {
	position:relative;
	left:0px;
	top:-175px;
	width:1045px;
	height:135px;
	background-image:url(../img/bottom_bg.png);
	background-repeat:no-repeat;
}

div.cnt{
	position:relative;
	left:0px;
	top:-175px;
	width:1045px;
	height:449px;
	background-repeat:no-repeat;
}

#div_demo{ /* 全ブラウザで透明化する */
	filter: alpha(opacity=100); /* IE */
	-moz-opacity: 1.0;          /* Firefox・Netscape */
	opacity: 1.0;               /* Opera・Safari */
}

#menu{
	width:207px;
	height:327px;
	position:absolute;
	left:15px;
	top:15px;
}

#link{
	width:670px;
	height:300px;
	position:absolute;
	left:260px;
	top:285px;
}

.submenu {
	/* background: #EAEBD8;*/
	/* border: 1px solid #5970B2;*/
	visibility: hidden;
	position: absolute;
	z-index: 3;
	/* filter: alpha(Opacity=90); */ /* 半透明処理 */
	/* opacity: 0.9; */
}

div.info{
	position:absolute;
	left:838px;
	top:40px;
	z-index:3;
	width:185px;
	height:205px;
	background-image:url(../img/info_bg.gif);

	background-repeat:repeat-x;
	background-color:#000000;
}

div.info_b{
    position:relative;
    top:1px;
    left:2px;
    background-color:transparent;
    width:181px; /* 150 */
    height:203px;
    /* overflow:auto; */
    overflow-y:scroll; /* visible */
    overflow-x:hidden;
    font-size:11px;
}

span.info_b{
	font-size:11px;
}

div.priv h2,h3{
    font-family:Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
    font-size:17px;
    line-height:1.5em;
    margin-left:30px;
    margin-bottom:10px;
    list-style-type:none;
}

div.priv li{
    font-family:Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
    font-size:12px;
    line-height:1.5em;
    margin-left:30px;
    list-style-type:none;
}

div.priv ul{
    margin-bottom:10px;
}

div.cnt_body{
	position:absolute;
	left:300px;
	top:134px;
	width:605px;
	height:430px;
	padding:0px;
	overflow-y:scroll;
}

div.public_cnt {
	position:absolute;
	left:485px;
	top:0px;
	width:530px;
	height:530px;
	border:2px solid #ededed;
	overflow:auto;
}

div.toukou_body{
	position:absolute;
	left:298px;
	top:131px;
	width:625px;
	height:430px;
	padding:0px;
	overflow-y:scroll;
	background-repeat:no-repeat;
	background-attachment:expression('fixed'); /* IE専用 repeat-y */
	background-position:expression('350px ' + (256+this.parentNode.scrollTop) + 'px'); /* IE専用 */
}

div.con1_body{
	position:absolute;
	left:298px;
	top:131px;
	width:625px;
	height:430px;
	padding:0px;
	overflow-y:scroll;
}

div.rsv_body{
	position:absolute;
	left:298px;
	top:131px;
	width:617px; /* 625px; */
	height:430px;
	padding:0px;
	overflow-y:scroll;
}

div.inquiry_msg {
	color:black;
	font-size:120%;
	font-weight:bold;
}

div.inquiry_memo {
	color:black;
	font-size:100%;
	font-weight:normal;
}

div.toukou_title{
	width:559x;
	height:135px;
	padding:0px;
	overflow-y:hidden; /* scroll */
	background-repeat:no-repeat;
}

div.toukou_exp {
	overflow:hidden; /* scroll */
	background-repeat:no-repeat;
}

div.toukou_brd {
	background-color:#ffffff;
	border:1px solid #000000;
}

div.albumw_cnt {
	position:absolute;
	left:245px;
	top:30px;
	width:693px;
	height:571px;
	overflow:hidden;
	background-repeat:no-repeat;
}

div.albumw_msg {
	position:absolute;
	left:104px;
	top:432px;
	width:418px; /* 378px; */
	height:77px;
	font-family:Verdana,Arial,Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-weight:bold;
	color:#ffffff;
	/* background-color:skyblue; */
}

.SI-FILES-STYLIZED label.file_btn {
    width: 79px;
    height: 22px;
    background: url(../img/submit_btn_blue.png) 0 0 no-repeat;
    display: block;
    overflow: hidden;
    cursor: pointer;
}

div.kiyaku{
	overflow:auto;
	/*overflow-x:hidden;*/
	border:inset 1px #ffffff; /* border:1px solid #ffffff; */
	background-color:#ffffff;
}

/*
div.my_genre {
	width:250px;
	height:243px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	background-color:skyblue;
}*/

div.footer{
	color:#ffffff;
	position:absolute;
	left:0px;
	top:740px;
	text-align:center;
	width:1075px;
}

span.error{
	color:#ff0000;
	font-weight:bold;
}

a.footer{ color:#ffffff; text-decoration:none;}
a.footer:visited { color:#ffffff; text-decoration:none;}
a.footer:hover   { color:#ff7800; text-decoration:underline; }
a.footer:active  { color:#ffffff; text-decoration:none;}

a.albumb_link{ color:#ff7800; text-decoration:none;}
a.albumb_link:visited { color:#ff7800; text-decoration:none;}
a.albumb_link:hover   { color:#ff7800; text-decoration:underline; }
a.albumb_link:active  { color:#ff7800; text-decoration:none;}

a.calendar{ color:hotpink; text-decoration:none;}
a.calendar:visited { color:hotpink; }
a.calendar:hover   { color:hotpink; text-decoration:underline; }
a.calendar:active  { color:hotpink;}

table.calendar{
	width:300px;
	border:1px solid #0054a7;
	margin-left:110px;
	
}

table.calendar th{
	background-color:#0054a7;
	color:#ffffff;
}

table.calendar td{
	text-align:center;
	border:1px solid #0054a7;
}

.time{
    margin-left:50px;
    width:380px;
}

table.time{
    margin-left:50px;
}

.time td{
    font-size:10px;
    margin:0px 3px;

}

.png {
behavior: expression(IEPNGFIX.fix(this));
}

table.gra_nm{
	border-collapse:collapse;
	
	background-color:#ffffff;
}

table.gra_nm th{
	border:1px solid #ffffff;
}

table.gra_nm tr{

}

table.gra_nm td{
	height:26px;
	padding:3px;
}

tr.ffffff{
	background-color:#ffffff;
}

tr.dddddd{
	background-color:#dddddd;
}

input.gra_nm{
	width:110px;
}

.inp_gray{
    border:1px solid #666666;
}