@charset "utf-8";

/*-----------------------------------------
  reset
-----------------------------------------*/
html{color:#000;background:#c8a894;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}





/*-----------------------------------------
  font
-----------------------------------------*/
body {font:13px/1.231 arial,helvetica,clean,Meiryo,sans-serif;*font-size:small;*font:x-small; color:#666666;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* -------- font --------*/

* html body {font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif; line-height:110%;}/*IE 6 と それ以前*/
*:first-child+html body{font-family:Verdana,"ＭＳ Ｐゴシック","メイリオ",Meiryo,sans-serif; line-height:110%;}/*IE 7 のみ*/
html>/**/body{font-family:Verdana,"ＭＳ Ｐゴシック","メイリオ",Meiryo,sans-serif; line-height:110%;}/*IE7 を除くモダンブラウザにのみ適用*/


/*-----------------------------------------
   CSS HACK
-----------------------------------------*/

/* -------- floating box clear --------*/
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }

* html .clr { height: 1%; }
.clr { display: block; }

/* -------- Hide from mac IE5 \*//*/
* html .clr { height: 1%; }
.clr { display: block; }
* html #name {
margin: 0 -3px;
}
/* -------- End Hide from mac IE5 -------- */

/* -------- hide text -------- */

.hidetxt { text-indent: -9999px; overflow: hidden; }

.hidetxt a { overflow: hidden; }

/*-----------------------------------------
  other
-----------------------------------------*/

/* -------- margin --------*/

.mr2{margin:0 2px 0 0;}
.mr10{margin:0 10px 0 0;}
.mt5{margin:5px 0 0 0;}
.pb1{padding:0 0 1px 0;}
.mb5{margin:0 0 5px 0;}
.clear{clear:both;}

/* -------- float --------*/

.fr{float:right;}
.fl{float:left;}

/*-----------------------------------------

  link

-----------------------------------------*/

a:link,a:visited{color:#df6903; text-decoration:none;}

a:hover,a:active,a:focus{color:#df6903; text-decoration:underline;}


/*-----------------------------------------
  contents
-----------------------------------------*/

div#contents{width:760px; margin:0 auto; background:#FFFFFF;}
div#header{padding:8px 0 0 0; text-align:right; background:#c8a894;}

div.navi_read{width:174px; float:left; font-size:10px; padding:5px 8px;  color:#805a5a;}

div#navi_read_bg{ background:url(../images/navi_read_bg.gif) no-repeat; width:760px;}

/* -------- banner_area --------*/
div#banner_area{width:730px; margin:0 15px; font-size:10px;}

div#banner_area h1{padding:12px 0; clear:both;}


div.bn_big{width:360px; float:left;}
div.bn_small{width:355px; float:right;}
div.bn_small img{ float:left;}
.bn_small_read{width:240px; float:right;}
.bn_small_read span{color:#835712; font-weight:bold;}
div.bn_small li{margin:0 0 20px 0;}

.syousai{text-align:right; margin:0 0 10px 0;}


.line{width:730px; margin:0 auto 15px auto; height:2px; background:#ddd7d7; font-size:1px;}

/* -------- banner_footer --------*/

#bn_ft{width:730px; margin:0 auto; padding:0 0 15px 0;}
div.bn_ft_small{margin:0; float:right; display:inline;}


/* -------- footer --------*/
#footer_new{margin:10px auto 0 auto; width:760px; padding:0 0 20px 0;}