@charset "Shift_JIS";

html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,table,th,td,pre,blockquote{ margin: 0; padding: 0;}
body{ background: #D9E5FF; margin:0 auto; text-align: center;
	font-family: Verdana, "ＭＳ Ｐゴシック", "MS PGothic", 'メイリオ', sans-serif; }
#body1{ margin:0 auto; width:880px; padding: 0 1em; text-align:left; background: white; color: #555;
	border: solid blue; border-width: 0 1px; line-height: 1.6;
	 -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%;}
/* Chro */ @media screen and (-webkit-min-device-pixel-ratio:0) { h1,h2,h3,h4,h5,p,dt,dd,ul,ol,li,td,pre,blockquote { max-height: 100%;}}
p{ padding: 0.4em;}
.section1{ padding: 6px 20px 12px; font-weight: bold;}
.section1,#menu6,.subtitle{ background: #003 url(img/top.png) 50% 0 repeat-y;}
.section1 p{ padding: 0 0 8px; color:#F8F8FF; font-size: 12px;}
.section1 .p1{ float: left; width: 80%;} .section1 .p2{ float: right; width: 16%; text-align: right;}
.section1 a{ text-decoration: none;}
h1{ background: url(img/pc.gif) no-repeat; height: 60px; margin: 0 auto; text-align: center; clear: both; color:#FFD700; }
h1 a{ color:#FFD700;} 
h1 em{ font-size: 15px;}
h2,h3{ padding: 0.4em; color: black; }
.section1 ul,#menu6 ul{ margin: 0 0 12px 0; list-style: none;}
.nav li{ float: left; margin: 8px 4px 2px; white-space: nowrap;}
.nav a{ display: block; color: #E0FFFF; border:1px solid #999; padding: 0 7px; }
.nav a:hover{ color: #FEF !important; border: 1px solid white; }
.nav .toplink{ border: 1px solid #EEE;}
.nav span{ color: #999;}
#menu2{ padding:0.5em 0 1em 3em; line-height: 2;}
.menu4{ font-size: 1.4em; font-weight: bold; }   /* menu4は？ */
.menu4{ display: block; float: left; margin-left: 1em;
	padding: 0 6px; border:4px solid #D9E5FF; }


dl.introduction{margin: 10px 10px 10px 60px;}
hr{ color:#FFA500; margin: 14px 0; border: 1px dashed #FFA500;}
.subtitle{ margin-top: .5em; padding-left: 1em; color:#FFD700;}
ul#foot-nav{ padding-left: 40px; }
ul#foot-nav li{ list-style: none; background: url(img/serch.gif) no-repeat 0 0.7em; padding: 6px 0 6px 44px; font-size: 90%; }
#foot-nav a{ font-size: 110%; }
#foot-nav a:hover,#menu2 a:hover
{ padding-left:2px; text-decoration:none; background-color:#FFC; color:black; }

#menu6{ line-height: 1.4; border-bottom: 4px solid white; font-weight: bold; }
#menu6 p{ float: left; margin: 14px 36px 0px 80px; color:#F8F8FF; }
#menu6 ul{ font-size: 28px; }
#menu6 img{ margin: 0 20px -10px 0; }
#menu6 hr{ clear: both; margin: 0; visibility: hidden; }
.footer{ padding-top: 1px; }
#copy{ padding: 1em 0; font-family: 'Comic Sans MS' , fantasy; }
#logo{ padding: 0.5em; }
#logo img{ vertical-align: middle; margin-left: 32px; }
#DESCRIPTION img,.ol2 img{ border:1px solid #D9E5FF; margin: 0.5em; padding: 4px; }
#DESCRIPTION p{ padding-left: 40px;}
.ol2 li{ padding-top: 1.5em;}
.side2{ float:left; padding: 1em 0 1em 2em;}
.side2,.line2{ line-height: 2.2;}
.tx-ind{ text-indent: -24px; padding-top:1.6em;}

a img{ border-style: none; }
em,dfn { font-style: normal; }
kbd{ font-size: 1em; background-color: #F0FFFF;}
kbd,.btn{ border: outset #D9E5FF; border-width: 1px 2px 2px 1px; padding: 0.2em 0.4em; margin: 0 0.3em; font-weight: bold; color: black;}

ol{ padding-left: 2em; color:#DC143C; font-size: 120%;}
ol p,ol dl,ol a,ol small,.min{ font-size: 84%;}
ol p,ol ul,ol dl,#step a{ color:#555;}
ol small{ color:#999;}
ol h3{ color:black; font-size: 100%;}
ul.step{ line-height: 2;}
.step li{ display: block; float: left; padding-left: 50px; line-height: 2em; list-style: none; background: url(img/next.gif) no-repeat 0% 50%; font-weight: bold; white-space: nowrap;}
.step li.no-mark{ background: none; padding-left: 1em;}
.go-link /* ←次回削除 */ ,.step2{ padding-left: 60px; background: url(img/next.gif) no-repeat 0% 60%;} /* zoom併用 for IE7 */

.table{ border: 1px solid silver;}
.table th,td{ padding:4px 10px;}
.table td{ border:1px solid #D9E5FF;}
.table th,
pre,blockquote,code,.source,.enter{ background: #F5F5F5; border: 1px solid silver; }
pre code,.source code{ border: none;}
blockquote#mail{ padding: 0 2em; font-size: 84%; }
#mail .subject{ border:dashed silver; border-width:1px 0; }
.iline{ border:1px solid #D9E5FF; padding: 4px;}
.next,.noline{ border-style:none !important;}
.next,.vline,.nextline img{ vertical-align:middle;}
img.inline-img{ vertical-align:middle; margin: 0 .5em;}
.cl,.hide { clear: both }
.hide{ visibility: hidden;}
.mat0{ margin-top: 0 }
.mab0{ margin-bottom: 0 }
.ma0{ margin: 0 }
.spr{ margin-right: 20px }
.pal{ padding-left: 60px; }
.flef{ float: left }
.frig{ float: right }
.lef{ text-align: left }
.cen,.footer{ text-align: center }
.rig{ text-align: right }
.bt-line{ padding: .2em; background: white; border-bottom: 1px dashed silver;}
.look{ font-size: 200% }
.font3{ font-size: 120% }
.font4{ font-size: 150% }
.font-s{ font-size: 90% }
.bol,.footer{ font-weight: bold }
.thin{ font-weight: normal }
.wblu,#menu6 a,.footer a{ color: #E0FFFF; }
.bla{ color: black }
.blu{ color: #007 }
.red{ color: #C00 }
.gray{ color: #999 }
.bro{ color: #600 }

.enter{ padding: 2px 8px; margin: 0 8px; color: black; font-size: 105%; font-weight: bold;}
*:first-child+html .zoom{ letter-spacing: 0;}
.zoom q:after{ content: url(img/serch.gif);}
.zoom q{ padding: 2px 8px; margin: 0 8px; quotes:none; border: 1px solid silver;}
p#noscript{ margin-bottom: 1em; padding: .5em; background-color: yellow; font-size:18px; color:#DC143C;}
.mp0{ margin: 0 !important; padding: 0 !important;}
.nowrap,kbd,.btn{ white-space: nowrap;}