@charset "utf-8";

html{
	margin:0;
	padding:0;
	border:none;
	height:100%;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック;
}

body { color:#333333;background-color:#ffffff; background-image:url(images/bg.gif); background-repeat:repeat-y; background-position:center top; text-align: center; margin:0 auto; padding:0; height:100%;width:900px;}

form,input,div{margin: 0; padding: 0;}

.text95{font-size: 95%; }
.text90{font-size: 90%; }
.text85{font-size: 85%; }
.text80{font-size: 80%; }
.text75{font-size: 75%; }
.text70{font-size: 70%; }
.p5{ padding: 5px; }
.p10{ padding: 10px; }
.p20{ padding: 20px; }
.pl10t90{ font-size: 90%; padding-right: 10px; padding-left: 10px; }

div.kiyaku{ font-size: 90%;background-color: #ffffe0; height: 200px; overflow: scroll; padding: 10px; }
div.kiyaku ui{ margin: 0; padding: 0; }
div.kiyaku li{ font-size: 90%; line-height: 1.4;}
div.kiyaku li.menu{ font-size: 90%; line-height: 1.4; margin: 0; padding: 0; list-style-type: square; }
div.kiyaku h6 { font-size: 90%; font-weight: bold; }

div.info{ font-size: 90%; background-color: #ffffff; height: 100px; overflow: scroll; padding: 10px; }

li.att{ color: #f00; font-size: 80%; line-height: 1.3; margin-top: 3px; margin-bottom: 3px; list-style-type: square; }

#contents{ width:900px;text-align: center; margin: 0; padding: 0; }

#header { margin: 0; padding: 0; }
#header .tdmenu{ color: #fff; font-size: 10px; margin: 0; padding: 2px 10px; }
#header .tdmenu a:link,#header .tdmenu a:visited{ color:#fff; text-decoration: underline; }
#header .tdmenu a:hover,#header .tdmenu a:active{ color: #fff; text-decoration: none; }


#maincontents { font-size: small; line-height: 1.4; margin: 40px; padding: 0; width:820px; }
#maincontents h1{ color: #fff; font-size: 20px; font-weight: bold; line-height: 1.4; background-color: #4682b4; margin: 0; padding: 2px 10px; }
#maincontents h3{ font-size: 14px; font-weight: bold; line-height: 1.4; margin: 20px 0; padding: 0 8px; border-left: 7px solid #c00; }
#maincontents h4{ font-size: 14px; font-weight: bold; line-height: 1.4; margin: 20px 0; padding: 0 8px; border-left: 7px solid #036; }
#maincontents td{ line-height: 1.4;}
#maincontents .l10{ line-height: 1.4; padding-left: 10px; }
#maincontents .silvermidashi { font-size: 12px; line-height: 1.3; background-color: #fff; background-image: url(images/blue_pod.jpg); height: 25px; margin: 0; padding: 5px 10px; border-color: #dcdcdc; border-width: 1px; }

#maincontents2 { font-size: small; line-height: 1.4; margin: 30px 15px; padding: 0; width:840px; }
#maincontents2 h1{ color: #fff; font-size: 20px; font-weight: bold; line-height: 1.4; background-color: #4682b4; margin: 0; padding: 2px 10px; }
#maincontents2 h3{ font-size: 14px; font-weight: bold; line-height: 1.4; margin: 20px 0; padding: 0 8px; border-left: 7px solid #c00; }
#maincontents2 h4{ font-size: 14px; font-weight: bold; line-height: 1.4; margin: 20px 0; padding: 0 8px; border-left: 7px solid #036; }
#maincontents2 td{ line-height: 1.4;}
#maincontents2 .l10{ line-height: 1.4; padding-left: 10px; }
#maincontents2 .silvermidashi { font-size: 12px; line-height: 1.3; background-color: #fff; background-image: url(images/blue_pod.jpg); height: 25px; margin: 0; padding: 5px 10px; border-color: #dcdcdc; border-width: 1px; }

#maincontents .question { font-size: 90%; line-height: 1.3; background-color: #eeeeef; }
#maincontents .sentaku { font-size: 90%; line-height: 1.3; background-color: #fff;}
#maincontents .sentaku2 { font-size: 70%; line-height: 1.3; background-color: #fff;}
#maincontents .sentaku3 { font-size: 80%; line-height: 1.3; background-color: #fff; padding: 5px 10px; }
#maincontents .cap { color: #808080; font-size: 10px; }

#maincontents .onn { color: #fff; font-size: 120%; font-weight: bold; line-height: 1.3; background-color: #9cc; padding: 5px 10px; }
#maincontents .off { color: #999; font-size: 80%; line-height: 1.3; padding: 3px; border: solid 1px #dcdcdc; }

#maincontents #rightside{ font-size: small; line-height: 1.4; margin: 0; padding: 0; width:220px;}
#rmenutop { background-image: url(images/blue_pod2.jpg); height: 25px; margin: 0; padding: 2px; border-color: #dcdcdc; border-width: 1px; }
#rmenu { font-size: 90%; font-weight: bold; line-height: 1.4; width: 100%; margin: 0; padding: 2px; }
#rmenu a:link,#rmenu a:visited{ color: #00008b; font-weight: normal; text-decoration: none; padding-left: 3px; }
#rmenu a:hover,#rmenu a:active{ color: #ff4500; text-decoration: underline; padding-left: 3px; }


#maincontents #leftside{ font-size: small; line-height: 1.4; margin: 0; padding: 0; width:580px; }
.promom{padding:5px }
.promol{ padding:0  ; border-right: 2px solid #fcf; }
.promo{ font-size: 10px; line-height: 1; padding:5px }
#promo1 { color: #636; font-weight: bold; line-height: 1.1; padding: 1px; border-bottom: 1px solid #936; }
#promo1 td{ color: #636; font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
.promo1-2{ color: #636; font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
.promo2 { font-size: 13px; line-height: 1.1; padding: 2px; }
#promo3{ font-size: 10px; line-height: 1; padding: 0;}
#promo3 ul { margin:5px 0 5px 40px; padding: 0;}
#promo3 li { font-size: 10px; line-height: 1.1; margin: 0 0 0 -15px; padding: 2px 0; list-style-type: disc; }
.name { font-size: 70%; line-height: 1.1; padding: 2px 5px; }
.lmenu { background-color: #fff; background-image: url(images/blue_pod.jpg); height: 25px; margin: 0; border: solid 1px #dcdcdc; }
.lmenu td{ font-size: 12px; font-weight: bold; text-decoration: none; margin: 0; padding: 4px 10px 3px; }

#att { font-size: 80%;}
#att td { background-color: #fff; font-size: 75%; line-height: 1.4; }
#att a:link,#att a:visited{ color: #036; text-decoration: none; }
#att a:hover,#att a:active{ color: #f00; text-decoration: underline; }