/* CSS Document */

*{ margin: 0; padding: 0; color: #232323; line-height: 1.5; font-size: 14px;}

body{ background: #ffffff url(../image/body_bg.jpg) repeat-x top left; text-align: center;}
img{ border: 0}
.red1{ 
	font-size: 11px; 
	color: #cc3300;
	}
.cap1{ 
	font-size: 11px; 
	}
	
a{text-decoration: none; color:#454545}
a:hover{color:#3399FF}
h2{ padding: 0 0 10px 0; font-size: 18px; }
h2.t{ padding: 15px 0 10px 0; text-align: center}
h3{ clear: both; font-size: 16px; margin: 5px 0 0 0; padding: 15px 0; color:#145abb;}
h3.gr{ padding:0 0 10px 20px; color:#666}
h4{ font-size: 14px; padding: 10px 0; color:#333;}
#container{ width: 940px; margin: 0 auto; text-align: left}
/*font-------------------------------------*/
.s{ font-size: 11px;}
.m{ font-size: 12px;}
.red{ color: #cc3300}
/*head-------------------------------------*/
#head{ margin: 20px 0 0 0; padding: 10px;}
#head h1{ float: left; width: 253px; height: 65px;}
#head h1 img{ padding: 5px 0}
#head ul{ float: right;width: 600px; padding: 35px 0 10px 0; text-align: right}
/*menu*/
#head li{display: inline; padding: 0 10px 0 0; list-style-type: none; }
#head li a{ font-family:"ＭＳ ゴシック", "Osaka－等幅"; font-size: 11px;}
#head li a.here{ color:#0099FF}
/*globalNavi-------------------------------*/
#navi{ clear: both;}
#navi li{display: inline;list-style-type: none; }
#navi li img{vertical-align:bottom}
#navi .sub{ background-color:#ddeeff;  padding: 7px 0; font-size: 12px;}
#navi .sub img{ padding: 0 10px 0 0;}
#navi .sub span{ color:#66CCFF}
#navi #pr.sub{ background-color:#e6f2de; }
/*contents-------------------------------*/
#leftWrapper{ float: left; width: 138px;}

/*menu*/
#leftWrapper ul{ padding: 10px 0 10px 0; }
#leftWrapper li{ clear: both; padding: 4px 0; list-style-type: none; }
#leftWrapper li strong{ font-size: 12px; color: #3399ff}
#leftWrapper li em{ display: block; float: left; border: 1px solid #ccc; font-style: normal; color:#3399FF}
#leftWrapper li.sub{ padding: 4px 0 4px 5px; }
#leftWrapper li.sub em{ background-color: #eee}
#leftWrapper a{ display: block; float: left; padding: 0 0 0 5px; font-size: 12px; } 
#leftWrapper a.here{color: #3399FF;} 
#leftWrapper.pr li em,
#leftWrapper.pr li strong,
#leftWrapper.pr li a.here,
#leftWrapper.pr li a:hover,
#leftWrapper h3.pr{ color: #8caf09;}
#leftWrapper .related{ clear: both; background-color: #f6fcfe; padding: 0 5px 15px 0}
#leftWrapper .related h3{ color:#666}


#rightWrapper{ float: right; width: 778px;  padding: 17px 0 0 0;}
#rightWrapperInner{ padding: 0 30px 0 20px;}
#rightWrapper .sign,
#rightWrapper .date{ text-align: right; padding: 15px 0}
#rightWrapper p{ text-align: left; }
#rightWrapper01{ float: left; width: 515px;}
#rightWrapper01 p{ text-align: left; padding: 0 0 0 5px;}
#rightWrapper02{ float: right; width: 237px;}
#rightWrapper01 h3{ padding-left: 10px; background: url(../image/bar_h3.gif) repeat-x center left; }
#rightWrapper01.pr h3{ color:#669900 }
#rightWrapper01.pr a{ color:#669900 }
#rightWrapper01 h3 em{ padding: 0 10px; color:#ffffff; border: 1px solid #3399FF; background-color:#3399FF; font-style: normal; }
#rightWrapper01.pr h3 em{ border: 1px solid #a4cf02; background-color:#a4cf02; font-size: 12px }
#rightWrapper01 h3 strong{ color: #FF6600; font-weight: normal; font-size:12px}

/*table style(calendar/form)-------------------------------*/
.calendar,
.form{ margin: 0 0 10px 0; font-size: 14px; border-collapse: collapse; width: 100%;background-color:#ccc}
.form{ margin: 0 0 10px 20px;width: 650px; border: 1px soiid #ddd}
.calendar th, 
.calendar td{ padding: 5px; border: 1px solid #ddeeff; vertical-align: top; text-align: center; }

.form th, 
.form td{ padding: 7px; border: 1px solid #ccc; vertical-align: top; text-align: left; }

.form td td{ border: 0 }

.calendar th{ background-color: #c2e0f5; white-space: nowrap} 
.calendar th em{font-size: 12px; font-weight: normal; font-style: normal} 
.form th{ background-color: #eeeeee; white-space: nowrap; font-weight: normal}
.form td{ background-color: #fefefe; white-space: nowrap}

.calendar td{ font-size: 14px; }

.calendar td strong{ font-size: 14px; font-weight: normal; color: #cc3300}
.calendar tr{background-color: #ffffff}
.calendar tr.c1{ background-color: #ddeeff;}
.calendar tr.c2{ background-color: #fffddd;}
.calendar tr.c3{ background-color: #eeeeee;}

#st01.calendar td{ text-align: left}
#st02.calendar th,
#st02.calendar td{ text-align: left; }
#st02.calendar td{  padding: 15px 10px;}
#rightWrapper01.pr .calendar th{ background-color: #e5f1ba;}
#rightWrapper01.pr .calendar th, .calendar td{ border: 1px solid #dddddd;}
#rightWrapper01.pr .calendar tr.c1{ background-color: #ffeedd;}
#rightWrapper01 a#pr02,
#rightWrapper01 a#pr04 { display: block; padding: 50px 0 0 0}
/*contents-------------------------------*/
#contents ol{ margin: 0 0 0 30px;}
#contents ul{ width: 100%; margin: 0 0 10px 0;}
#contents ol li, #contents ul li{ padding: 3px 0;}
#contents ul li{ list-style-type: none}
#contents ul.icRed li{ background: url(../image/ico_red.gif) no-repeat 0 8px; padding: 3px 0 3px 20px;font-size: 12px;}
#contents ul.icRed li em{ color:#cc3300; font-weight: bold; font-style: normal ; font-size: 14px; padding: 0 5px 0 0; }

#contents ul.icOrg li{ background: url(../image/ico_cr_org.gif) no-repeat 0 12px; padding: 3px 0 3px 10px; }
#contents ul.icBlue li{ background: url(../image/ico_cr_blue.gif) no-repeat 0 12px; padding: 3px 0 3px 10px; }
#contents ul.list{ display: inline; margin: 15px 0 0 0; }
#contents ul.list li{ float: left; margin: 0 0 0 20px ; width: 350px; }
#contents ul.list li img{ float: left; padding: 3px; border: 1px solid #ccc; margin: 0 15px 5px 0;}
#contents ul.list li p{ font-size: 12px}
#contents ul.list li p.link{ clear: both; text-align: right}
#contents ul.list li p.link em{ font-size: 12px;  font-style: normal; border: 1px solid #ccc; color: #8caf09;}
#contents ul.list li p.link a:hover{ color: #8caf09;}


#contents #leftWrapper h3{ clear: both; font-size: 14px; margin: 20px 0 0 0; padding: 0; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc;line-height: 1.2 }
#contents p{ margin: 0 0 10px 5px;}
/*info---------------------------------*/
#info p,
#info table th,
#info table td{ font-size:12px; vertical-align: top}
/*txtBox-------------------------------*/
.txtBox1{ border: 1px solid #ffddee; margin: 15px 10px 15px 10px; padding: 0 15px; background-color: #fcf9f4; }
.txtBox1 h3{ color: #cc3300}
.txtBox1 li{font-size:12px; line-height: 1.8}
.txtBox1 p.pic{float: left; padding: 0 30px 0 0;}

#foot{clear: both; padding: 25px 5px 15px 0; text-align: right;}
#foot address{ text-align: right; font-style: normal; color: #666; font-size: 10px; font-family:Arial, Helvetica, sans-serif }
#rightWrapper p.toTop,
p.toTop{ clear: both; margin: 0 0 25px 0;　text-align: right;}
p.toTop em{ margin-right: 10px; border: 1px solid #ccc; font-style: normal; color: #3399FF; }
p.toTop a{ font-size: 12px}

table.faq{ border-collapse: collapse; width: 98%}
table.faq th,
table.faq td{ padding: 5px}
table.faq th{vertical-align::top;border-bottom:1px dotted #ccc; background-color: #ffffcc;color:#333333}
table.faq th.a{vertical-align::top; background-color: #ffeeee;color:#cc3300}
table.faq td.q{background-color: #FFFFEE;color:#333333; border-bottom:1px dotted #ccc}
table.faq td.at{background-color: #fcfcfc;}

/*stTop(Top Only)--------------------------------------------*/
#contents.stTop #rightWrapper01 h2{ margin: 0; padding: 0 }
#contents.stTop #rightWrapper01 h3{ margin: 0 0 0 0; padding: 10px 0;}
#contents.stTop #leftWrapper {padding: 10px 0 0 0}
#contents.stTop #leftWrapper .kidoairaku li span{font-size: 11px; color:#3399FF}
#contents.stTop #leftWrapper li strong{padding: 0 0 0 5px; font-size: 12px; color:#cc3300; line-height: 1.3}
#contents.stTop #rightWrapper {padding: 10px 0 0 0}

#contents.stTop #leftWrapper h3 em{ display: block; padding: 0 10px; color:#ffffff; border: 1px solid #3399FF; background-color:#3399FF; font-style: normal; }
*html #contents.stTop #leftWrapper h3{ margin: 0 0 0 0; /*IE6*/}
*html #contents.stTop #leftWrapper ul{ margin: 0 0 0 0; /*IE6*/}


#contents.stTop #rightWrapper .info li{ clear: both; border-bottom: 1px dotted #ddd; padding: 0;}
#contents.stTop #rightWrapper .news li{ clear: both; padding: 5px; height: 40px; border-bottom: 1px dotted #ccc; font-weight: bold}
#contents.stTop #rightWrapper .news li strong{ padding: 0 0 0 5px;  font-size: 12px; color:#cc3300; line-height: 1.3}
#contents.stTop #rightWrapper .news li em{ display: block; float: left; border: 1px solid #ccc; font-weight: normal; font-style: normal; color: #3399FF;}
#contents.stTop #rightWrapper .news li a{ display: block; float: left; padding-left: 5px}
#contents.stTop #rightWrapper .news li a span{ color:#3399FF; font-size: 11px; font-weight: normal}
#contents.stTop #rightWrapper01 table{ margin: 10px 0 0 0}
#contents.stTop #rightWrapper01 table.tb1 th { padding: 2px; border: 1px solid #ddd}
#contents.stTop #rightWrapper01 table.tb1 td { font-size:12px; color: #3399FF; line-height: 1.3}
#contents.stTop #rightWrapper01 table.tb1 td a{ color: #333; font-size:11px;}

#contents.stTop #rightWrapper02 ul.to li{ margin: 0; padding: 0; border: 0;background-color: #fff; }
#contents.stTop #rightWrapper02 ul.to li.toTxt{ margin: 0 0 10px 0; padding: 0; background: #fff url(../image/top/to_bg_mid.gif) repeat-y top left; }

#contents.stTop #rightWrapper02 ul.to dd.toTxt2{ background-color:#6699cc; color: #fff; font-size: 12px; padding: 10px;line-height: 1.2}
#contents.stTop #rightWrapper02 ul.to dd.toTxt2 em{ display: block; padding: 7px 0 0 0; font-size: 11px; font-style: normal; color: #333;line-height:1.2}
#contents.stTop #rightWrapper02 ul.to dl{ background: url(../image/top/to_bg_btm.gif) no-repeat bottom left; margin: 0 0 0 0; padding: 5px 10px 0 10px; font-size:11px;}
*html #contents.stTop #rightWrapper02 ul.to dl{ background: url(../image/top/to_bg_btm.gif) no-repeat bottom left; margin: 0 0 0 0; padding: 5px 10px 10px 10px; font-size:11px;}
#contents.stTop #rightWrapper02 ul.to dt{ border-bottom: 1px dotted #ccddee; font-size:11px; color:#cc3300}
#contents.stTop #rightWrapper02 ul.to dd{ padding: 10px 10px 10px 10px ; font-size:11px;}
*html #contents.stTop #rightWrapper02 ul.to dd{ padding: 10px 10px 0 10px ; font-size:11px;}
#contents.stTop #rightWrapper02 ul.to dd.link{ clear: both; text-align: right; border: 0;}
#contents.stTop #rightWrapper02 ul.to dd.link em{ border: 1px solid #ccc;font-style:normal; color:#3399FF; }
#contents.stTop #rightWrapper02 ul.to dd img.brief{float: right; margin: 0 0 0 5px; padding: 3px; border: 1px solid #ccc}
#contents.stTop #rightWrapper02 ul.to dd img.brief2{float: right; margin: 0 0 0 5px; padding: 3px; }
#contents.stTop #rightWrapper02 ul.to dd a{font-size:11px; color:#3399FF; }
.update{ display: block; float: right; font-size:11px; color:#333; font-weight: normal; padding-top: 5px;}
#contents.stTop #rightWrapper02 ul.to dt .update{ padding: 0;}
#contents.stTop #rightWrapper h3 em{ background-color:#666; border: 1px solid #353535}

.clear{ clear:both}
/*--Voice-----------------------------------------------------*/
#voice{ margin: auto; width: 680px; text-align: left; background-color:#fff}
#voice *{ font-size: 12px; }
#voiceInner{ padding: 15px 30px;}
#voice h1{ font-size: 16px; margin: 0 0 15px 0; padding: 5px 0 5px 0; border-bottom: 1px solid #ccc;} 
#voice h1 img{ float: left; margin: 0 15px 5px 0 ;padding: 3px; border: 1px solid #ccc; }
#voice h1 em{ font-size: 12px; font-style: normal; font-weight: normal} 
#voice h2{  font-size: 12px; font-weight: normal; color:#333333} 
#voice h3{  padding: 5px; margin: 15px 0; font-size: 14px;color: #3399FF; border-bottom: 1px dotted #3399ff} 
#voice.pr h3{ color: #8caf09; border-bottom: 1px dotted #8caf09}
#voice ul{ list-style-type: none }
#voice ul li{  background: url(../image/ico_cr_org.gif) no-repeat 0 12px; padding: 3px 0 3px 10px; }
#voiceInner p{ line-height:1.5 }


#contents.stTop h3.title_info{ background: url(../../common/image/top/title_info.jpg) no-repeat; font-size:12px; color: #666666; }
#contents.stTop h3.title_whatsnew{ background: url(../../common/image/top/title_whatsnew.jpg) no-repeat; font-size:12px; color: #666666; }
#contents.stTop h3.title_cong{ background: url(../../common/image/top/title_cong.jpg) no-repeat; font-size:12px; color: #666666; }
#contents.stTop h3.title_info span,
#contents.stTop h3.title_whatsnew span{ padding-left: 120px; bakcground-color: transparent; font-size: 11px; color:#666}

#contents.stTop h3.title_cong span{ padding-left: 140px; bakcground-color: transparent; font-size: 11px; color:#666}

.clearfix:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
} 

.clearfix {  display: inline-block;  }