/*base */
html{height: 100%;}
body {background-color: #FFFFFF; color:#000000; line-height:130%; font-size:12px; font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";  text-align:center; margin:0; height: 100%;}

/*common*/

h1,h2,h3,h4,h5,h6 { margin:0; }

a:link { font-size:12px; color:#0000FF; text-decoration:underline; font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
a:visited {font-size:12px; color:#0000FF; text-decoration:underline; font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
a:hover {font-size:12px; color:#FF0000; text-decoration:none; font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

#txtnv { width:600px;  text-align:left; font-size:10px; margin-bottom:5px; color:#333333;}
#txtnv a:link { font-size:10px; color:#0000FF; text-decoration:underline; font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
#txtnv a:visited {font-size:10px; color:#0000FF; text-decoration:underline; font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
#txtnv a:hover {font-size:10px; color:#FF0000; text-decoration:none; font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

#pagelink { width:580px; padding:3px 5px 3px 5px; text-align:right; background-color:#E7E7E7;}

#ftrnv { width:800px;  text-align:center; font-size:10px; margin-bottom:10px; }
#ftrnv a:link { font-size:10px; color:#666666; text-decoration:underline; font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
#ftrnv a:visited {font-size:10px; color:#666666; text-decoration:underline; font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
#ftrnv a:hover {font-size:10px; color:#FF0000; text-decoration:none; font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}


.clear { content : ""; display : block; height : 0; clear : both; margin:0; padding:0;}

/*header*/
#header-container { width:100%; background-image:url(../images/hdr_bg01.jpg); height:70px; background-repeat:repeat-x; text-align:center; }
#header h1{ background-image:url(../images/hdr_logo01.gif); background-repeat:no-repeat; width:211px; height:43px ;  text-indent:-99999px; float:left; cursor: pointer;}
#headerline01 { width:100%; height:3px; background-color:#FF3366; font-size:0px;}
#headerline02 { width:100%; background-image:url(../images/hdr_line02.jpg); height:10px; background-repeat:repeat-x; left:0;margin-bottom:10px;font-size:0px;}
#header .logo01{ float:left;margin:0 3px 0 0;}
#header .box01{ float:right; margin:0 5px 0 0; width:500px;}
#header .box02{ float:right; margin-right:5px;}
#header .box03{ text-align:right; font-size:10px; color:#FFFFFF; margin-right:5px; }
#header .box04{ float:right; margin:2px 5px 0 0; width:500px;}
#header { width:800px;  margin:13px auto 0 auto; }

/*main*/
#container { width:800px; margin:auto; background-image:url(../images/rnvbg01.gif); background-repeat:repeat-y; margin-bottom:10px;}
#contents-container { width:600px; float:left; text-align:center;}

/*#footernavi*/
#ftrtoplink { width:600px; text-align:right; margin:10px 0 10px 0;}

/*footer*/
#footer-container { width:98%; background-color:#FF99FF; padding:5px;}
#footer { width:800px; margin:auto;}
#footer .logo01{ float:right; margin-right:5px;}
#footer .copy{ float:left; padding:3px 0 3px 0;}

/*rnv*/
#rnv { height:100%;}
#rnv-container { width:180px; float:right; text-align:center;}
#rnv .box01{ width:170px; height:20px; background-color:#EDEBE0; text-align:center; border-bottom:5px solid #FFFFFF; margin:auto;}
#rnv .box02{ width:170px; height:100%; background-color:#EDEBE0; text-align:center; margin:0 auto 5px auto; padding-top:3px; }
#rnv .bnr01{margin:20px 0 15px 0;}
#rnv .bnr02{margin:8px 0 20px 0;}
#rnv .txt01{ width:160px; font-size:10px; color:#999999; line-height:120%; text-align:left; margin:2px 0 0 5px;}
#rnv .btn01{margin:5px 0 0 0;}

/*top*/
#top { width:600px; margin 0; text-align:left;}
#top .catch01{width:600px; height:160px; text-align:center;}
#top .search01{width:590px; height:30px; background-image:url(../images/bg_search01.jpg); background-repeat:no-repeat;text-align:center; margin:8px auto 10px auto; padding:5px;}
#top .search02{width:590px; text-align:right; margin:3px auto 15px auto; font-size:10px;}
#top .newbox{ width:600px; margin-bottom:15px; }
#top .ttl-new01{ width:600px; height:30px; background-image:url(../images/title_new01.jpg); border:1px solid #FF9999; background-repeat:no-repeat; text-indent: -9999px; margin-bottom:10px; background-position:center;}
#top .box-new01{ width:190px; height:280px; text-align:center; float:left;}
#top .box-new02{ width:190px; height:280px; text-align:center; margin-left:15px; float:left;}
#top .rec-hdl01{ width:139px; margin:0 auto 5px auto; background-color:#FF0066; text-align:center; font-weight:bold; padding:3px; color:#FFFFFF;}
#top .rec-hdl02{ margin:5px 5px 0 5px;}

#top .listbox{ width:600px; border:1px solid #FF9999; margin-bottom:15px; }
#top .box-list01{ width:600px; margin:5px 0 10px 0;}
#top .box-list02{ width:295px; float:left; border:1px solid #FF9A9A;}
#top .box-list03{ width:295px; float:right; border:1px solid #FF9A9A;}
#top .ttl-list01{　width:132px; height:12px; background-image:url(../images/top_hdl01.gif); background-repeat:no-repeat; text-indent:-9999px; background-position:left;}
#top .inbox01{ width:70px; margin:5px 0 0 5px; text-align:center; float:left; }
#top .inbox02{ width:205px; text-align:left; margin:5px 0 0 10px; float:left; }
#top .btn01{ margin:8px auto 5px auto;}
#top .hdl01{ width:190px; margin:0 0 2px 0; text-align:left; }
#top .line01{ width:190px; background-image:url(../images/line01.gif); height:1px; margin:2px 0 2px 0; text-align:left; }
#top .line-list01{ width:598px; background-image:url(../images/line01.gif); height:1px; margin:2px 0 2px 0; text-align:left; }
#top .txt01{ margin-bottom:5px; text-align:left; }
#top h2{font-size:12px; margin:1px 0 1px 0;}

#top .detail-link{ width:590px; font-size:12px; margin:8px 5px; text-align:right;}

#top .ttl-mypage01{　width:598px; height:30px; background-image:url(../images/title_data01.jpg); background-repeat:no-repeat; text-indent:-9999px; margin:auto; border:1px solid #FF9999; }
#top .ttl-mypage02{ width:580px; height:14px; text-align:left;}
#top .line-mypage01{ width:580px; height:1px; background-image:url(../images/line01.gif); background-repeat:repeat-x; margin:3px 0 3px 0;}
#top td{ font-size:12px; padding:3px;}
#top h2.mypage-h2{ font-size:12px; margin:0; font-weight:bold; text-align:left;}
#top h3.mypage-h3{ font-size:12px; margin:0 0 5px 0; font-weight:bold; text-align:left; color:#333333;}
#top .txt-mypage01{ width:540px; text-align:left; font-size:12px; line-height:130%; color:#333333;}
#top .box-mypage01{ width:580px; margin:5px auto;}
#top .box-mypage02{ width:580px;  margin: 5px 0 10px 0;}
#top .box-mypage03{ width:580px;  margin: 5px 0 10px 0;}
#top .box-mypage04{ width:550px; margin:15px auto; border:1px #D4D4D4 solid; padding:5px;}
#top td.pad-mypage01{ padding-left:5px;}
#top tr.bg-mypage01{ background-color:#FFA4D8; font-size:12px; font-weight:bold;}
#top tr.bg-mypage02{ background-color:#FFEDF7; font-size:12px; }
#top tr.bg-mypage03{ background-color:#FFD6ED; font-size:12px; }

#top .search-hdl{ float:left;}
#top .search-box01{}
#top .search-box02{ float:left;}
#top .search-btn{ float:left;}

/*recommonded*/
#recommonded { width:600px; margin:10px 0 0 0; text-align:left;}
#recommonded .box01{ background-image:url(../images/rcmnd_bg01.jpg); background-repeat:no-repeat; width:190px; height:280px; text-align:center; float:left;}
#recommonded .box02{ background-image:url(../images/rcmnd_bg01.jpg); background-repeat:no-repeat; width:190px; height:280px; text-align:center; margin-left:15px; float:left;}
#recommonded .ttl01{ width:600px; height:30px; background-image:url(../images/title_list_01.gif); background-repeat:no-repeat; text-indent: -9999px; margin-bottom:10px;}
#recommonded .img01{ margin:8px auto 0 auto;}
#recommonded .btn01{ margin:5px 0 10px 0;}
#recommonded .rec-hdl01{ margin:5px 5px 0 5px;}
#recommonded h2{ font-size:12px;}


/*list*/
#list { width:600px; height:100%; text-align:center; margin-top:15px;}
#list .box01{ width:600px; margin:10px 0 10px 0;}
#list .box02{ width:295px; float:left; border:1px solid #FF9A9A;}
#list .box03{ width:295px; float:right; border:1px solid #FF9A9A;}
#list .ttl01{　width:600px; height:30px; background-image:url(../images/title_list_02.gif); background-repeat:no-repeat; text-indent:-9999px; margin:auto;}
#list .inbox01{ width:70px; margin:5px 0 0 5px; text-align:center; float:left; }
#list .inbox02{ width:200px; text-align:left; margin:5px 0 0 10px; float:left; }
#list .btn01{ margin:8px auto 5px auto;}
#list .hdl01{ width:190px; margin:0 0 2px 0; text-align:left; }
#list .line01{ width:190px; background-image:url(../images/line01.gif); height:1px; margin:2px 0 2px 0; text-align:left; }
#list .txt01{ margin-bottom:5px; text-align:left; }
#list h2{font-size:12px; margin:1px 0 1px 0;}

/*detail*/
#detail { width:600px; margin:10px 0 10px 0; text-align:center:}
#detail .box01{ width:580px; margin:15px auto;}
#detail .box02{ width:370px; float:left; margin: 0 0 8px 10px; text-align:left;}
#detail .box03{ width:580px;  margin: 5px 0 10px 0;}
#detail .ttl01{　width:600px; height:30px; background-image:url(../images/title_list_01.gif); background-repeat:no-repeat; text-indent:-9999px; margin:auto;}
#detail .ttl02{ width:370px; height:14px; text-align:center;}
#detail .ttl03{ width:580px; height:14px;}
#detail .ttl04{　width:600px; height:30px; background-image:url(../images/title_detail_01.gif); background-repeat:no-repeat; text-indent:-9999px; margin:auto;}
#detail .line01{ width:370px; height:1px; background-image:url(../images/line01.gif); background-repeat:repeat-x; margin:3px 0 3px 0;}
#detail .line02{ width:580px; height:1px; background-image:url(../images/line01.gif); background-repeat:repeat-x; margin:3px 0 3px 0;}
#detail .img01{ width:200px; height:260px; float:left;}
#detail .img02{ width:115px; height:85px; float:left; margin-right:1px;}
#detail h2{ font-size:12px; margin:0; font-weight:bold;}
#detail h3{ font-size:12px; margin:0; font-weight:bold; text-align:left;}
#detail h4{ font-size:12px; margin:0; font-weight:bold; text-align:left;}
#detail .txt01{ width:365px; text-align:left; padding-left:5px; font-size:12px; line-height:130%;}
#detail .txt02{ width:577px; text-align:left; padding-left:3px; font-size:12px; line-height:130%;}
#detail .btn01{ width:600px;  text-align:center:}
#detail td{ font-size:12px;}
#detail td.pad01{ padding:3px;}
#detail td.pad02{ padding:3px 3px 3px 8px;}
#detail tr.bg01{ background-color:#FFA4D8; font-size:12px; font-weight:bold;}
#detail tr.bg02{ background-color:#FFEDF7; font-size:12px; }
#detail tr.bg03{ background-color:#FFD6ED; font-size:12px; }

/*mypage*/
#mypage { width:600px; margin:10px 0 10px 0; text-align:center:}
#mypage .ttl01{　width:600px; height:30px; background-image:url(../images/ttl_mypage01.gif); background-repeat:no-repeat; text-indent:-9999px; margin:auto;}
#mypage .ttl02{ width:580px; height:14px; text-align:left;}
#mypage .line01{ width:580px; height:1px; background-image:url(../images/line01.gif); background-repeat:repeat-x; margin:3px 0 3px 0;}
#mypage td{ font-size:12px; padding:3px;}
#mypage h2{ font-size:12px; margin:0; font-weight:bold; text-align:left;}
#mypage h3{ font-size:12px; margin:0 0 5px 0; font-weight:bold; text-align:left; color:#333333;}
#mypage .txt01{ width:540px; text-align:left; font-size:12px; line-height:130%; color:#333333;}
#mypage .box01{ width:580px; margin:15px auto;}
#mypage .box02{ width:580px;  margin: 5px 0 10px 0;}
#mypage .box03{ width:580px;  margin: 5px 0 10px 0;}
#mypage .box04{ width:550px; margin:15px auto; border:1px #D4D4D4 solid; padding:5px;}
#mypage td.pad01{ padding-left:5px;}
#mypage tr.bg01{ background-color:#FFA4D8; font-size:12px; font-weight:bold;}
#mypage tr.bg02{ background-color:#FFEDF7; font-size:12px; }
#mypage tr.bg03{ background-color:#FFD6ED; font-size:12px; }

/*guide*/
#guide { width:600px; margin:10px 0 10px 0; text-align:center:}
#guide .ttl01{　width:600px; height:30px; background-image:url(../images/ttl_guide01.gif); background-repeat:no-repeat; text-indent:-9999px; margin:auto;}
#guide .ttl02{ width:580px; height:14px; text-align:left;}
#guide .hdl01{ width:580px; text-align:left; border:1px solid #FF99CC; padding:2px;margin: auto;}
#guide .hdl02{ width:560px; text-align:left;  padding:2px; margin:5px auto 5px auto;}
#guide .line01{ width:580px; height:1px; background-image:url(../images/line01.gif); background-repeat:repeat-x; margin:3px 0 3px 0;}
#guide .line02{ width:560px; height:1px; background-image:url(../images/line01.gif); background-repeat:repeat-x; margin:3px auto 3px auto;}
#guide .box01{ width:580px; margin:10px auto 3px auto; text-align:left;}
#guide .box02{ width:580px;  margin: 5px auto 10px auto;}
#guide .box03{ float:left; margin:8px;}
#guide .box04{ width:580px;  margin: 5px auto 10px auto; background-color:#FFFAEA;}

#guide h2{ font-size:12px; margin:0; font-weight:bold; text-align:left;}
#guide h3{ font-size:12px; margin:0; font-weight:bold; text-align:left; color:#333333;}
#guide .txt01{ width:580px; text-align:left; font-size:12px; line-height:130%; color:#333333;margin:auto;}
#guide .txt02{ width:314px;text-align:left; font-size:12px; line-height:130%; color:#333333; float:left; margin-top:8px;}
#guide .txt03{ width:390px;text-align:left; font-size:12px; line-height:130%; color:#333333; float:left; margin:8px;}
#guide .txt-rd01{ font-size:12px; line-height:130%; color:#FF0000;}
#guide .txt-rd02{ font-size:10px; line-height:130%; color:#FF0000;}
#guide .txt04{ font-size:10px; line-height:130%;}


/*corp*/
#corp { width:600px; margin:10px 0 10px 0; text-align:center:}
#corp .ttl01{　width:600px; height:30px; background-image:url(../images/ttl_corp01.gif); background-repeat:no-repeat; text-indent:-9999px; margin:auto;}
#corp .box01{ width:580px; margin:15px auto; text-align:left;}
#corp td{ padding:2px 0 2px 8px ; font-size:12px;}
#corp td.bg01{ background-color:#DFD8BD; font-weight:bold;}
#corp td.bg02{ background-color:#EDE9DA; font-weight:bold;}
#corp td.bg03{ background-color:#E3E3E3;}
#corp td.bg04{ background-color:#EFEFEF;}


/*reg*/
#reg { width:600px; margin:10px 0 10px 0; text-align:center:}
#reg .ttl01{　width:600px; height:30px; background-image:url(../images/ttl_reg01.gif); background-repeat:no-repeat; text-indent:-9999px; margin:auto;}
#reg .box01{ width:580px; margin:15px auto; text-align:left;}
#reg .box02{ width:580px; margin:15px auto; text-align:center; font-size:16px; color:#FF0000; font-weight:bold; text-decoration:underline;}
#reg td{ padding:2px 0 2px 8px ; font-size:12px;}
#reg td.bg01{ background-color:#DFD8BD; font-weight:bold;}
#reg td.bg02{ background-color:#EDE9DA; font-weight:bold;}
#reg td.bg03{ background-color:#E3E3E3;}
#reg td.bg04{ background-color:#EFEFEF;}

/*FAQ*/
#faq { width:600px; margin:10px 0 10px 0;  text-align:left;}
#faq .ttl01{　width:600px; height:30px; background-image:url(../images/ttl_faq01.gif); background-repeat:no-repeat; text-indent:-9999px; margin:auto;}
#faq .hdl01{width:585px; margin:15px 0 10px 0; text-align:left; padding:0 0 3px 5px; font-size:12px; font-weight:bold; border-bottom:solid 2px #CCCCCC;}
#faq p{ margin:0; text-align:left;}
#faq ul{ display: marker; margin:0 0 0 10px;}
#faq li{ list-style-position : inside; margin:3px 0 3px 0;}
#faq .line{ height:1px; margin:25px 0 25px 0; background-image:url(../images/line_lead.gif); background-repeat:repeat-x;}
#faq .ans-title01{ font-size:12px;width:585px; margin-bottom:10px; font-weight:bold; border-bottom:solid 2px #FF6699; padding:3px; text-align:left; color:#FF3366;}
#faq .ans-title02{ font-size:12px;width:585px; margin-bottom:10px; font-weight:bold; border-bottom:solid 2px #FF66CC; padding:3px; text-align:left; color:#FF6699;}
#faq .text01{ width:580px; font-size:12px; color:#333333;line-height:130%; margin-bottom:30px; padding-left:5px; text-align:left;}
#faq .return{width:100%; text-align:right; margin-bottom:20px;}
#faq a:link {color:#0066FF; text-decoration:underline;}
#faq a:visited {color:#0066FF; text-decoration:underline;}
#faq a:hover {color:#FF0000; text-decoration:none;}


#faq  .mainbox{ width:600px; margin-bottom:25px;}
#faq  .boxleft{ width:290px; float:left; border:solid 1px #EDEDED; padding:1px; text-align:left;}
#faq  .boxright{ width:290px; float:right; border:solid 1px #F3F3F3; padding:1px; text-align:left;}
#faq  .hdl{ background-color:#E6E6E6; color:#003399; font-weight:bold; margin-bottom:5px; text-align:left; padding:3px 3px 3px 5px; font-size:12px;}
#faq  .detail{ padding:3px 3px 3px 5px; text-align:left; font-size:12px; margin-bottom:5px;}

/*contact*/
#contact { width:600px; margin:10px 0 10px 0;  text-align:left;}
#contact .ttl01{　width:600px; height:30px; background-image:url(../images/ttl_contact01.gif); background-repeat:no-repeat; text-indent:-9999px; margin:auto;}
#contact .text01{ width:580px; font-size:12px; color:#333333;line-height:130%; margin:10px 0 15px 0; padding-left:5px; text-align:left;}
#contact p.alt{ margin:0; color:#FF0000;}
#contact form { margin:auto;}
#contact .formbox {text-align:center; font-size:12px; margin:0 auto 30px auto;}
#contact .tablebox { text-align:center; margin:auto;}
#contact iframe.agrbox { width:100%; font-size:12px; line-height:130%; text-align:left;}
#contact .hdl03{width:98580px;margin-bottom:10px; text-align:left; padding:0 0 3px 0; font-size:12px; font-weight:bold;}

#contact .text03{width:98580px; font-size:12px; color:#333333;line-height:130%; margin-bottom:10px; padding-left:5px; text-align:left;}


/*JOIN*/

#join { width:600px; margin:10px 0 10px 0;  text-align:left;}
#join .ttl01{width:600px; height:30px; background-image:url(../images/ttl_join01.jpg); background-repeat:no-repeat; text-indent:-9999px; margin:auto;}

#join .box01{ width:580px; margin:15px auto; text-align:left;}
#join .box02{  margin:15px auto; text-align:center;}
#join .box03{  margin:50px auto; text-align:center;}
#join td{ padding:5px ; font-size:12px;}


/*check-result*/

#check-result { width:600px; margin:10px 0 10px 0;  text-align:left;}
#check-result .ttl01{width:600px; height:30px; background-image:url(../images/title_check_result01.gif); background-repeat:no-repeat; text-indent:-9999px; margin:auto;}

#check-result .box01{ width:580px; margin:15px auto; text-align:left;}
#check-result .box02{ width:580px;  margin:15px auto; text-align:center;}
#check-result .bnr-box01{ float:left; margin-right:10px;}
#check-result .bnr-box02{ float:left; text-align:left;}