@charset "utf-8";

/*reset and clear*/
body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form, div { margin: 0; padding: 0; border: none; text-align: left; list-style-type: none; outline:none}


.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { min-height: 1px;}

* html .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden;/**/}


/*-html-*/
body{ margin:0; padding:0; font-size:80%; line-height:1.6; color:#444; background:white; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

a{ color:#002673; text-decoration:none;}
a:link{ color:#002673; text-decoration:none;}
a:visited{ color:#002673; text-decoration:none;}
a:hover{ color:#002673; text-decoration:underline;}
a:active{ color:#002673; text-decoration:underline;}

a img{ border:0;}
.clear{ clear:both;}
.bottom{ margin-bottom:10px;}
.big{ font-size:120%; font-weight:bold;}
.notice_big{ font-size:110%; font-weight:bold; color:#FF0000;}
.color{ color:#fe929d;}
.notice{ color:#FF0000;}
hr{ border-bottom:1px solid #fe929d; border-top:0px; border-right:0px; border-left:0px; padding:0; margin:5px 0;height:1px}

.fl_right{ float:right; margin-left:10px; margin-bottom:10px}
.fl_left{ float:left; margin-right:10px; margin-bottom:10px}

p{ margin-bottom:10px;}


/*-global-*/
#wrapper{margin:0 auto; width:958px; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; }
#head{ margin:0; padding:7px 0 3px 0}
 .logo{ padding-left:10px; float:left;}
 .head_right{ float:right; padding:5px 10px 2px 0; margin:0; text-align:right; line-height:1px;}

#menu{ padding:0;}

/*-top-*/
#contentsIndex{ margin-top:0; padding:10px; background-color:#fffcf0}

 #mainImg{ float:left; width:663px; background:url(../images/tv_back.jpg) no-repeat; font-size:0.1em; line-height:0.1em}
 .c_tab_info{ padding:11px 12px 22px 12px}
 #contRight{ float:right; width:263px}
  #twitterCont{ width:260px; height:406px; background:url(../images/twitter_back.png) no-repeat; margin-top:10px}
   #twitter{ padding:48px 0 0 5px;}
   #twitter ul{ width:185px; height:250px; overflow:auto;}
   #twitter ul li{ border-bottom:1px dotted #d5d5d5; padding:5px; line-height:1.4em; font-size:90%}
   .home{ text-align:left; padding-left:10px; padding-top:5px}
    .home a{ background:url(../images/arrow.png) no-repeat left center; padding-left:10px; color:#CC0000}
  
 #sampleBanner{ padding-top:10px;}

#leftIndex{ padding:0 0 10px 10px; width:710px; float:left; border-right:1px solid #e7e7e7; font-size:80%; margin-top:0px;}
 .newsBlock{ width:343px; float:left; margin-right:10px}
  .newsBlock h2{ height:32px;}
  .newsBlock h2 span{ display:none;}
  .newsBlock h2.news{ background:url(../images/news_bar.gif) no-repeat;}
  .newsBlock h2.event{ background:url(../images/event_bar.gif) no-repeat;}
  .newsBlock h2.getlkm{ background:url(../images/getlkm_bar.gif) no-repeat;}
  .newsBlock h2.blog{ background:url(../images/blog_bar.gif) no-repeat;}
  .newsBlock h2 img{ float:right; padding:7px;}
 
  .newsBlock ul{ padding:10px 5px 15px 5px; clear:right;}
  .newsBlock ul li{ background:url(../images/arrow_s.gif) no-repeat left 7px; padding-left:8px; padding-bottom:3px!important}
  .newsBlock ul li span.recent_title,#newsBlock ul li span.recent_date{ font-size:120%}
  .newsBlock img{ padding-top:5px}
  .newsBlock p{ padding-top:5px; font-size:120%}

#leftbanner{ padding:10px 0;}
#leftbanner img{ padding-right:10px;}

#rightBanner{ float:right; width:202px; padding:0 15px 0 0; text-align: right;}
#rightBanner img{ padding-bottom:10px;}


/*-footer-*/
#footer{ padding:10px; border-top:1px solid #fbc500; margin:0;}
.copy{ text-align:center}

/*-2nd-*/
#contents{ margin-top:0; padding:10px;}

h1{ margin:0 0 5px 0;}

#main{ width:680px; padding:10px 5px 10px 20px; margin:0; float:left; border-right:1px solid #e7e7e7;}

#main h2{ font-weight:bold; font-size:120%; color:#885d49; padding-bottom:5px}
#main h3{ font-size:110%; font-weight:bold; color:#00713f; margin:12px 0 0 25px;}

.sublead{ font-size:110%; font-weight:bold; color:#00713f; margin:5px 0 0 15px;}

.contCopy{ padding:0 0 20px 20px; float:left}

#main p{ padding-top:10px; font-size:110%; line-height:1.7em}
#main p.farm{ float:left; width:410px}
#main p.small{ font-size:90%;}

img.ph{ background:url(../images/photo_back.gif) no-repeat; padding:10px 10px 12px 10px; margin-bottom:5px; margin-left:20px}

#about{ background:#EFE7D1 url(../images/qanda_back.gif) no-repeat left bottom; margin:0; width:663px; padding:0;}
.back2{ background:#EFE7D1 url(../images/qanda_back2.gif) no-repeat left bottom!important; _height:255px; min-height:255px}
#about a{ color:#432a16;}
 #about h2{ margin:0; padding:0; background:#efe7d1; padding-bottom:0!important;}
 #about h3{ margin:10px 0 0 20px; padding:0; background:url(../images/about_h3.gif) no-repeat left center; padding-left:28px; font-size:120%}
 #about ul{ list-style-type:none; margin:5px; padding:0; font-size:110%; font-weight:bold; padding:5px 105px 15px 10px;}
  #about ul li{ padding-left:38px; margin-bottom:10px; line-height:1.4em; font-weight:bold; background-position: left 4px;}
   #about ul li.q1,span.q1{ background:url(../images/q1.png) no-repeat;}
   #about ul li.q2,span.q2{ background:url(../images/q2.png) no-repeat;}
   #about ul li.q3,span.q3{ background:url(../images/q3.png) no-repeat;}
   #about ul li.q4,span.q4{ background:url(../images/q4.png) no-repeat;}
   #about ul li.q5,span.q5{ background:url(../images/q5.png) no-repeat;}
   #about ul li.q6,span.q6{ background:url(../images/q6.png) no-repeat;}
   #about ul li.q7,span.q7{ background:url(../images/q7.png) no-repeat;}
   #about ul li.q8,span.q8{ background:url(../images/q8.png) no-repeat;}
   #about ul li.q9,span.q9{ background:url(../images/q9.png) no-repeat;}
   #about ul li.q10,span.q10{ background:url(../images/q10.png) no-repeat;}
   #about ul li.q11,span.q11{ background:url(../images/q11.png) no-repeat;}
   #about ul li.q12,span.q12{ background:url(../images/q12.png) no-repeat;}
   #about ul li.q13,span.q13{ background:url(../images/q13.png) no-repeat;}
   #about ul li.q14,span.q14{ background:url(../images/q14.png) no-repeat;}
   #about ul li.q15,span.q15{ background:url(../images/q15.png) no-repeat;}
   #about ul li.q16,span.q16{ background:url(../images/q16.png) no-repeat;}
   #about ul li.q17,span.q17{ background:url(../images/q17.png) no-repeat;}
   #about ul li.q18,span.q18{ background:url(../images/q18.png) no-repeat;}
   #about ul li.q19,span.q19{ background:url(../images/q19.png) no-repeat;}

.qanda{ padding:10px 0; width:663px; background:url(../images/a_img.gif) no-repeat 5px 70px; min-height:273px; _height:273px}
.qanda .bifi{ background:url(../images/a_img.gif) no-repeat 5px 50px!important;}
 .qBox{ background:url(../images/q_back.gif) no-repeat left bottom; margin:0; padding-bottom:25px; line-height:1.6em;}
 .qBox p{ background:url(../images/q_head.gif) no-repeat left top; padding:25px 20px 0 10px; font-size:1.2em; margin:0;}
  .qBox p span{ padding-left:38px; background-position: left 4px; font-weight:bold; display:block}
 .aBox{ float:right; width:570px; background:#EFE7D1 url(../images/a_back.gif) no-repeat left bottom; min-height:215px; _height:215px}
 .aBox2{ float:right; width:570px; background:url(../images/a2_back.gif) no-repeat left bottom;}
  .aBox .aBoxIn{ background:url(../images/a_head.gif) no-repeat left top; padding:10px 100px 20px 20px;}
  .aBox2 .aBoxIn{ background:url(../images/a2_head.gif) no-repeat left top; padding:10px 20px 20px 20px;}
  .aBoxIn p{ margin:0; padding-top:5px; line-height:1.4em!important; text-align:justify}

.orange{ color:#FF6600; font-weight:bold;}

.check{ background:url(../images/check_back.gif) no-repeat left bottom; margin:0; width:663px; padding-bottom:10px; line-height:1.8em;}
.check_in{ padding:20px 45px 20px 45px;}

.result_age{ background:url(../images/result_age.gif) no-repeat 150px; line-height:45px; padding:0 45px 0 300px; font-size:18pt; font-weight:bold; color:#005a82; line-height:1.6em; margin-top:20px}
.result_agecom{ font-size:130%; color:#005a82;}
.result_com{ padding:15px 45px 10px 45px; font-size:120%; font-weight:bold; text-align:center;}

.btt{ padding:5px 10px 15px 45px; text-align:right;}
.source{ line-height:1.6em; font-size:x-small; padding:5px 20px 15px 20px;}


#list,#news{ background:#efe7d1 url(../images/check_back.gif) no-repeat left bottom; margin:10px 0 0 0; width:663px; line-height:1.6em; padding:0;}
.rights{ text-align:right; font-weight:bold;}
.list_in{ padding:5px 20px 20px 20px;}
#list p{ padding:0 5px;}
#news ul{ padding:10px 20px 10px 20px;}
#news ul li{ background:url(../images/arrow_s.gif) no-repeat left 7px; padding-left:8px; padding-bottom:3px!important}
#news ul li span.recent_date{ color:#432a16}
#news ul li span.recent_title{ }

ol{ margin:0 20px 20px 30px}
ol li{ list-style-type:decimal; margin-bottom:10px; padding-left:0;}

table.dat{ border-top:1px solid #612e30; border-left:1px solid #612e30; margin:0 5px 10px 5px;}
table.dat th{ border-right:1px solid #612e30; border-bottom:1px solid #612e30; background:#e4ddc3; font-weight:bold; text-align:center;}
table.dat td{ border-right:1px solid #612e30; border-bottom:1px solid #612e30;}