@charset "UTF-8"; 
*{
  margin:0;
  padding:0;
}

BODY{
  position:relative;
  font-family:メイリオ,Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
  border:0;
  margin:0;
  padding:0;
  font-size:16px;line-height:18px;
  text-align:center;
  background:#d0d0e0;
  vertical-align:baseline;
}
TABLE{
  margin-left:auto;
  margin-right:auto;
/*  border-collapse:collapse;*/
  border-collapse:separate;
  border-spacing:0;
  border:0;
}
TABLE.tl TR TH{text-align:left;}

TR.tr-alt{
  background:#ccd;
}
TD.alt{
  background:#ccd;
}
LI.li-alt{
  background:#ccd;
}

TH,TD
{
  border: solid 1px #0e0e5a;
  padding-right:4px;
  padding-left:4px;
}
TH.nb,TD.nb
{
  border: 0;
  background-color:transparent;
}
TH{color:#101010; background-color:#beb3ff;}
TD.cal{
  padding-right:1px;
  padding-left:1px;
}

/* マウスが上に来た時の背景色設定 */
TABLE.hover TR:hover TD{
  background:#eec;
}

TH.ns,TD.ns{
position:relative;
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:solid 1px #222;
}

IMG{
  border:0;
  vertical-align:middle;
}


A {color:#3030f0;text-decoration:underline;}
/*A {color:#8080f0;text-decoration:underline;}*/
A:hover {color:#3030f0;text-decoration:underline;}
A:visited {color: #3030f0}
A.brul:      {cursor:pointer;color:#101010;text-decoration:none;}
A.brul:hover {cursor:pointer;color:#f02020;text-decoration:underline;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.fll{float:left;}
.flr{float:right;}
.pr{position:relative;}
.odd{background:#ccc;}

.bgbbf{background:#bbf;}
.bgeee{background:#eee}
.w_1{margin:0px 1px 0px 1px;height:1px;}
.w_2{margin:0px 2px 0px 2px;height:1px;}
.w_4{margin:0px 4px 0px 4px;height:1px;}
.sbtn_1{margin:0px 1px 0px 1px;height:1px;background:#ddd;}
.sbtn_2{margin:0px 2px 0px 2px;height:1px;background:#ddd;}
.sbtnw{padding:0px 1px 0px 1px;background:#ddd;font-weight:bold;cursor:pointer;}
A.sbtna{background:#eee;text-decoration:none;}
A:link.sbtna{color:#111;}
A:visited.sbtna{color:#111;}
A:hover.sbtna{color:#111;}
A:active.sbtna{color:#111;}


DIV.clearboth{
  clear: both;
}

.100p {
  width: 100%;
}
.p49 {
  float: left;
  width: 49%;
}
.p2 {
  float: left;
  width: 2%;
}



#header{
  background:url(./img/ss48.gif) #445 repeat-x left top;
  height:48px;/*40+4+4*/
  border-bottom: solid 2px #222;
}
#header A {color:#c0c0f0;text-decoration:underline;}
#header A:hover {color:#8080a0;text-decoration:underline;}
#header A:visited {color: #c0c0f0}

#headerwrap{
  background:transparent;
  color:#eee;
  margin: 0 auto;
  padding:4px 0px 4px 0px;
  clear:both;
}
#logo{
  background:url(./img/spb.gif) no-repeat 0% 0%;
  border:0;
  float: left;
  height:40px;
  width:40px;
  margin: 0;
  padding:0px 0px 0px 0px;
}
#topurl{
  background:transparent;
  border:0;
  font-size:24px;
  float: left;
  margin: 0;
  padding:20px 24px 0px 0px;
}
#navi{
  background:transparent;
  border:0;
  text-shadow:1px -1px 1px #555;
  font-size:24px;
  float: left;
  margin: 0;
  vertical-align:baseline;
}
#a4{
  width:210mm;
  margin-left:auto;
  margin-right:auto;
  border: dashed 1px #f00000;
}
#a4in{
  width:200mm;
  margin-left:auto;
  margin-right:auto;
  border: dashed 1px #0000f0;
}
div.menu_on {
  float: left;
  color:#444;
  padding:20px 4px 6px 4px;
  border-top: solid 2px #222;
  border-left: solid 1px #222;
/*  background:#f0f0f8;*/
  background:#d0d0e0;
}
div.menu_off {
  float: left;
  font-size:16px;
  padding:20px 4px 4px 4px;
}
.menu_off:hover {
  margin-top:2px;
  padding:20px 4px 6px 4px;
  color:#444;
  background:#eec;
}

.widthx{
  width: 1000px;
}
.widthx900{
  width: 900px;
}
.widthxp, .width90p{
  width:90%;
}
.width100p{
  width:100%;
}

.wrapx{
  position:relative;
  width: 900px;
  margin-left:auto;
  margin-right:auto;
}

.foundation000{
  clear:both;
  position:relative;
  margin:0 auto;
  border:0;
  padding:0;
  background:#d0d0e0 scroll repeat 0% 0%;
  vertical-align:baseline;
}
.wrap1000 {
  position:relative;
  text-align:center;
  width: 1000px;
  margin-left:auto;
  margin-right:auto;
}
.wrap900 {
  position:relative;
  text-align:center;
  width: 900px;
  margin-left:auto;
  margin-right:auto;
  border: dashed 1px #0000f0;
}
.wrap800 {
  position:relative;
/*text-align:center;*/
  width:800px;
  margin-left:auto;
  margin-right:auto;
  border: dashed 1px #0000f0;
}
.wrap640{
  position:relative;
  width:640px;
  margin-left:auto;
  margin-right:auto;
}
.a4{
  position:relative;
  width:640px;
  margin-left:auto;
  margin-right:auto;
  border: dashed 1px #0000f0;
}
.a4r{
  position:relative;
  width:842px;
  height:595px;
  margin-left:auto;
  margin-right:auto;
  border: dashed 1px #0000f0;
}
.a4rx{
  position:relative;
  width:902px;
  margin-left:auto;
  margin-right:auto;
  border: dashed 1px #0000f0;
}

.envdl{
  width:800px;
  margin-left:auto;
  margin-right:auto;
  border:0px;
  border: dashed 1px #0000f0;
}
.pf{
  font-size:12px;line-height:12px;
  letter-spacing:0px;
}
.centerbox {
  position:relative;
  margin-left:auto; margin-right:auto;
}

.column2 {
  position:relative;
  background:transparent;/*#f0f0f8;*/
  float:left;
  width: 50%;/*必須*/
  margin: 0px;/*使用不可*/
  padding:0px;/*使用不可*/
}
.column25 {
  position:relative;
  background:transparent;
  float:left;
  width: 25%;/*必須*/
  margin: 0px;/*使用不可*/
  padding:0px;/*使用不可*/
}
.column75 {
  position:relative;
  background:transparent;
  float:left;
  width: 75%;/*必須*/
  margin: 0px;/*使用不可*/
  padding:0px;/*使用不可*/
}
.marginbox{
  position:relative;
  margin:4px 0px 0px 0px;
}
.mt4{
  margin-top:4px;
}
.intop {
  float:left;
  background:#eee;
  width: 50%;
  height:18px;
  border-right: 1px solid #666;
}
.shadow{
  border-right: 1px solid #666;
  border-bottom: 2px solid #666;
}
.inbox {
  position:relative;
  background:#ddd;
  width: *;
  border: 4px solid #f0f0f8;
  margin:0;
}
.inset {
  position:relative;
  width: *;
  border: 2px inset #eef;
}

.info-subject{
/*  background:url(./img/gkrgb.gif) repeat-x 0px -48px;*/
  color: #eee;
  padding: 0px 0px 0px 4px;
  font-weight: bold;
}
.info-confirmation{
  background:url(./img/gkrgb.gif) repeat-x 0px -48px;
}
.info-notification{
  background:url(./img/gkrgb.gif) repeat-x 0px 0px;
}

.info-body{
  border:0;
  margin:0px 0px 0px 40px;
  padding:0;
}
.info-meta{
  text-align:right;
  margin:0px 4px 0px 0px;
}


UL{
  list-style-type:none;
}
LI.info{
  position:relative;
  text-align:left;
  border-bottom: #ddd 1px solid;
}
A.info{
display:block;
width:100%;
height:100%;
}
LI.hover:hover{
  background:#eec;
}

IMG.info-auth{
  margin: 4px 0px 0px 4px;
  max-height: 32px;
  width: 32px;
  vertical-align:middle;
}
SPAN.info-auth{
  line-height:20px;
  font-size: 20px;
  font-weight: bold;
}
.badge{
  background:url(./img/gkrgb.gif) repeat-x 0px -144px;
  position: absolute; top: 56px; left:4px;
/*  border-top: #eee 4px solid;
  border-bottom: #f00 4px solid;*/
  width: 32px; height: 12px;
  line-height:12px;
  font-size: 12px;
  font-style: bold;
  color: #eee;
  text-align: center;
  background-color: #334;
}



.wrap740 {
  width:740px;
  margin: 0 auto;
}

.tabhead {
	margin: 0;
	padding: 0;
}
.tabhead a,
.tabhead a:link {
	display: block;
	width: 100px;
	height: 22px;
	text-align: center;
	color: #101010;
	line-height: 2.0;
/*	font-size: 12px;
    font-family: sans-serif;*/
	text-decoration: none;
	outline: none;
}
.tabhead a:visited {
	color: #101010;
	text-decoration: none;
}
.tabhead a:hover,
.tabhead a:active {
	color: #f0f0a0;
	text-decoration: none;
}
.tabbody {
  clear: left;
  border: solid 2px #beb3ff;
  background:#beb3ff;
}
.tab_on{
  float: left;
  width: 100px;
  height: 22px;
  margin: 0;
  padding: 0;
  border-top: solid 1px #0e0e5a;
  border-right: solid 1px #0e0e5a;
  border-bottom: solid 1px #beb3ff;
  border-left: solid 1px #0e0e5a;
  background-color:#beb3ff;
}
.tab_off{
  float: left;
  width: 100px;
  height: 22px;
  margin: 0;
  padding: 0;
  border: solid 1px #0e0e5a;
  background-color:#aea3ef;
}

.tab_end {
  float: left;
  width: 336px;
  height: 22px;
  margin: 0;
  padding: 0;
  border-top: solid 1px red/*#f0f0f8*/;
  border-bottom: solid 1px #0e0e5a;
}
.tabtd
{
  border: solid 1px #0e0e5a;
  padding-right:4px;
  padding-left:4px;
  background:#f0f0f8;
  color:#101010;
}



#common_top {
  width:760px;height:60px;
  background-color:#edff9b;
}

.foundation010 {
  position:relative;
  width:740px;
  margin:0px auto;
  background-color:#f8f0d0;
}
.darkblue{color:#ccccff}

.que{
width:260px;
color:#333;
background-color:#beb3ff;
}

table.stealth{
	border:0px;
}
td.stealth{
	border:0px;
}

.cola{color:#10d000;}
.colh{color:#ae83ff;}
.ang{
	color:#000000;
	background-color:#beffb3;
}
.hil{
	color:#000000;
	background-color:#beb3ff;
}

input.warning, textarea.warning {
background-color: #f0d0d0;
}


.btno{
  width:14px; height:14px;
/*  border:outset 2px #dd7;
  background-color:#dd8;
*/}
.btni{
  width:10px; height:10px;
  border: inset 2px #f8f880;
  background-color:#f8f880;
}
.btnao{
  width:10px; height:10px;
  border:outset 2px #aeefa3;
  background-color:#aeefa3;text-decoration:none;
}
.btnao A     {cursor:pointer;color:#101010;text-decoration:none;}
A.xbtnao:hover {cursor:pointer;color:#101010;text-decoration:none;}

.btnai{
  width:10px; height:10px;
  border: inset 2px #eeffb3;
  background-color:#eeffb3;
}
.btnai A{cursor:pointer;color:#101010;text-decoration:none;}
.btnho{
  width:10px; height:10px;
  border:outset 2px #aea3ef;
  background-color:#aea3ef;
}
.btnho A{cursor:pointer;color:#101010;text-decoration:none;}
.btnhi{
  width:10px; height:10px;
  border: inset 2px #eee3ef;
  background-color:#eee3ef;
}
.btnhi A{cursor:pointer;color:#101010;text-decoration:none;}

.btnli{
  width:10px; height:10px;
  border: inset 2px #f08080;
  background-color:#e0a0a0;
}
.btnli A{cursor:pointer;color:#101010;text-decoration:none;}

.bbqbox{
  float: left;
  width:14px; height:56px;
}
.bbqbox A{cursor:pointer;text-decoration:none;}
.bbqboxo{
  width:10px; height:52px;
  border:outset 2px #f8f880;
  background-color:#f8f880;
}
.bbqboxi{
  width:10px; height:52px;
  border: inset 2px #f88;
  background-color:#f88;
}
.angbox{
  float: left;
}
.hilbox{
  float: left;
}
.daycap{
  text-align:left;
}
.day{
  float: left;
  width:42px;height:70px;
  margin:1px 1px 0px 0px;
  background-color:#ccc;
}
.today{
  float: left;
  width:42px;height:70px;
  margin:1px 1px 0px 0px;
  background-color:#ffc;
}

.sun{
  color:#f88;
}
.sat{
  color:#88f;
}
.dotw{
  float:left;
  width:42px; height:10px;
  margin:1px 1px 0px 0px;
  background-color:#ccc;
}

.monthtop{
  margin:1px 1px 0px 0px;
  color:#eee;
  font-size:16px;
  line-height:18px;
  background-color:#0e0e5a;
}
.monthtopc{
  margin:1px 1px 0px 0px;
  color:#222;
  font-size:16px;
  line-height:18px;
  background-color:#ffc;
}
.monthbox{
  float: left;
  text-align:center;
  font-size:8px;
  line-height:12px;
  margin:2px;
}
.cal3box{
  width:960px;
  margin-left:auto;margin-right:auto;text-align:justify;
}