@charset "utf-8";
/* CSS Document */

/*====== Reset =============================================================*/
html{
color:#333333;
background:#FFF;
}
body{
font:13px/1.231 Arial, Helvetica, sans-serif;
*font-size:small;
*font:x-small;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{
margin:0;
padding:0;
font-size:99%;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
img{
border:none;
vertical-align:bottom;
}
address,caption,em,strong,th{
font-style:normal;
font-weight:normal;
}
li{
list-style:none;
}
table{/*テーブルセルの間隔を揃える*/
border-collapse:collapse;
border-spacing:0;
font-size:inherit;
font:100%;
}
caption,th{
text-align:left;
}
input,textarea,select{/*フォーム部品を親要素の値を継承させたものにする*/
font-family:inherit;
font-size:inherit;
font-weight:inherit;
*font-size:100%;/*IE用CSSハック*/
}
a:hover{
color:#990033;
text-decoration:none;
background:#EFECDE;
}

/*====== ボックス ==========================================================*/
body{
background:url(../img/back/back.jpg) repeat-x top;
text-align:center;
}
/* ヘッダー */
#header{
background:url(../img/back/back_h.jpg) no-repeat top center;
}

/* コンテンツ */
#contents{
background:url(../img/back/back_c.jpg) repeat-y center;
}

/* フッター */
#footer{
background:url(../img/back/back_f.jpg) repeat-x bottom;
}

/* 各メインボックス共通 */
.content{
width:990px;
margin:0 auto;
}

#contents .content{
width:890px;
padding:0 50px;
}
* html #contents .content {
width:990px;
}

#contents .content .box{
text-align:left;
}

/* 2カラム */
#contents .content .content_l,#contents .content .content_r{
text-align:left;
float:left;
}
#contents .content .content_l{
width:525px;
padding-right:30px;
}


/*====== hx ================================================================*/
h1,h2,h3,h4{
text-align:left;
}
h2{
padding-top:20px;
}


/*====== p =================================================================*/
p{
text-align:left;
}

#contents .content p.pstyle{
margin-bottom:15px;
margin-top:15px;
text-align:justify;
text-justify:inter-ideograph;
text-indent:1em;
line-height:150%;
}

/* 「画像をクリックすると…」テキスト */
#contents .content p.click{
color:#993300;
font-size:85%;
margin-top:1em;
}

/* お問い合わせへのリンク */
#header .content p{
text-align:right;
margin-top:-1.5em;
padding-bottom:3px;
}
#header .content p,#header .content p a{
color:#FFFFFF;
}
#header .content p a:hover{
color:#FFCC00;
background:none;
}

/* ページのトップへ戻る */
p.pagetop{
text-align:right;
margin-top:30px;
}

/* 前｜次 */
p.pagelink{
color:#CCCCCC;
border-top:1px dotted #CCCCCC;
padding-top:1em;
text-align:center;
}

/*====== ul ================================================================*/

/* menu */
ul#menu li{
float:left;
margin-right:1px;
}
ul#menu li.m6{
margin-right:0;
}

/* パンくずリスト */
ul.pan{
text-align:left;
margin-left:50px;
margin-top:10px;
}
ul.pan li{
color:#0D4B89;
display:inline;
font-size:90%;
}
#contents .content ul.pan{
margin-left:0;
}


/*====== table =============================================================*/
#contents .content table{
text-align:left;
}

#contents .content table th,#contents .content table td{
line-height:150%;
}

#contents .content table.tablestyle01 th,#contents .content table.tablestyle01 td{
border:1px solid #666666;
line-height:180%;
}
#contents .content table.tablestyle01 tfoot td{
border:none;
}


/*====== address ===========================================================*/
address{
background:#FFFFDF;
padding:1em;
padding-left:2em;
text-indent:-1em;
margin-top:1em;
width:36em;
}
address b{
font-size:105%;
line-height:160%;
}


/*====== img ===============================================================*/
/* ヘッダー*/
img.header_i{
border-top:1px solid #CCCCCC;
}
html>/**/body img.header_i {
margin-left:-1px;
}


/* フッター */
.footer_i{
text-align:center;
margin:0 auto;
}
.footer_i img{
margin-left:-1px;
}

/*====== clear ===============================================================*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

.damy{
font-size:0;
line-height:0;
clear:both;
margin:0;
}


/*====== class ===============================================================*/
.red{
color:#CC3333;
}
.align_r{
text-align:right;
}

.small{
font-size:80%;
}
.middle{
font-size:100%;
}
.large{
font-size:110%;
}