﻿/*＝＝＝＝基本設定＝＝＝＝*/

BODY{
  margin : 0px;
  padding : 0px;
  text-align : center;
  color:#333333;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  font-size:17px;
  letter-spacing: 0;
  line-height : 1.5em;
  background : #ffffff;
  min-width : 1000px;
}

p,div,td,th,h1,h2,h3,ul,dl{
  margin : 0px;
  padding : 0px;
  font-size : 17px;
  font-weight : normal;
}

img{
  margin : 0px;
  border : none;
}

div img { vertical-align: text-bottom; }

table {border-collapse : collapse;}

a:hover img {
opacity: .6;
}


/*基本のリンク*/

a:link{
  color : #3333cc;
  text-decoration : none;
}

a:visited{
  color : #6666cc;
  text-decoration : none;
}

a:hover{
  color : #cc3366;
  text-decoration : underline;
}

/*全幅 中央コンテナ*/

.all{
  width : 1000px;
  margin : 0px auto;
  text-align : left;
}

/*リード文*/

#read{
  background : #bb0003;/*ローライト*/
  border-bottom : 3px solid #999;/*アクセント*/
  color : #ffffff;
}

#read h1{
  font-weight : normal;
  font-size : 14px;
  background : #bb0003;/*ローライト*/
}


/***ヘッダー***/

#header{
  background : #fff;
}

/*------------------*/
#tel{
  float : right;
  margin-top : 5px;
  font-size : 14px;
  line-height : 1.7em;
}

#tel a:link{
  color : #000;
  font-size : 24px;
  text-decoration : none;
  font-weight : bold;
}

#tel a:visited{
  color : #000;
  font-size : 24px;
  text-decoration : none;
  font-weight : bold;
}

#tel a:hover{
  color : #6666cc;
  font-size : 24px;
  text-decoration : none;
  font-weight : bold;
}

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

a.to_form:link{
  border : 3px double #dedef1;/*ハイライト*/
  background : #bb0003;/*ローライト*/
  padding : 10px 20px;
  color : #fff;
  font-weight : bold;
}

a.to_form:visited{
  border : 3px double #dedef1;/*ハイライト*/
  background : #bb0003;/*ローライト*/
  padding : 10px 20px;
  color : #fff;
  font-weight : bold;
}

a.to_form:hover{
  border : 3px double #bb0003;/*ローライト*/
  background : #dedef1;/*ハイライト*/
  color : #003366;
  text-decoration : none;
}

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

#gromenu{
  clear : both;
  margin-top : 10px;
  margin-bottom : 5px;
  float : right;
}

#gromenu li{
  float : left;
  margin-left : 60px;
  padding-left : 20px;
  background: url(image/limk1.gif) no-repeat 0px 0.3em;
  list-style: none;
}

#gromenu a:link{color : #000;}
#gromenu a:visited{color : #000;}
#gromenu a:hover{color : #bb0000;}/*メインカラー*/


/***メインイメージ***/

#main_img{
  background : url(image/bg_main.gif) repeat-x;
}

.bgm{
  background : url(image/main_img.jpg) repeat-x;
  width : 1000px;
  height : 270px;
}

#copy_main{
  font-size : 38px;
  font-weight : bold;
  color : #000;
  line-height : 1.4em;
  padding : 20px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  text-shadow : 1px 1px 0px #fff;
}

#copy_sub{
  font-size : 18px;
  color : #000;
  line-height : 1.5em;
  padding-left : 20px;
  text-shadow : 0px 0px 3px #666;
}

/***フッター***/

#ft{
  margin-top : 10px;
  border-top : 3px solid #999;/*アクセント*/
  background : #bb0000;
  color : #ffffff;
  padding : 10px 0px;
  line-height : 115%;
}

#ft div{background : #bb0000;}

#ft a:link{
  color : #ffffff;
  text-decoration : none;
}

#ft a:visited{
  color : #ffffff;
  text-decoration : none;
}

#ft a:hover{
  color : #ccccff;
  text-decoration : none;
}

/***本文エリア***/


#hidari{
  float : right;
  width : 230px;
}


#migi{
  float : left;
  width : 740px;
}

#ueni{
  text-align : right;
  padding-top : 15px;
}

.bun p{margin-bottom : 10px;}


/*--枝ページタイトル--*/

#page_title{
  background : #fff;/*メインカラー*/
  border-left : 14px solid #bb0000;/*アクセント*/
  border-right : 1px solid #bb0000;/*アクセント*/
  border-top : 1px solid #bb0000;/*アクセント*/
  border-bottom : 1px solid #bb0000;/*アクセント*/
  height : 80px;
  padding : 25px 0px 5px 15px;
  color : #666;
  margin-bottom : 20px;
}

/*--トピックス--*/

.topics{
  border : 1px solid #bb0000;
  padding : 15px 15px 0px 15px;
  background : #f9f9f9;
}

.topics h1{
  color : #bb0003;/*ローライト*/
  font-size : 16px;
  font-weight : bold;
  margin-bottom : 10px;
}

.topics dt{
  clear : left;
  float : left;
  margin: 0 0 15px;
  width: 7em;
  line-height : 1.4em;
  font-size : 15px;
  color : #000;
}

.topics dd{
  margin-bottom: 15px;
  margin-left: 7em;
  line-height : 1.4em;
  font-size : 15px;
  color : #333;
}


/***サイドナビ***/

#sidenavi{
  margin-bottom :10px;
  background : #ffcccc;
}

#sidenavi p{
  background : #bb0000;/*メインカラー*/
  border-left : 10px solid #999;/*アクセント*/
  color : #ffffff;
  font-size : 13px;
  padding-left : 7px;
}

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

#sidenavi a:link{
  font-size : 16px;
  display : block;
  line-height : 1.3em;
  border-top : 2px solid #fff;
  border-bottom : 2px solid #fff;
  padding-left : 10px;
  padding-top : 22px;
  padding-bottom : 22px;
  text-decoration : none;
  color : #cc0000;
  font-weight : bold;
}

#sidenavi a:visited{
  border-top : 2px solid #fff;
  border-bottom : 2px solid #fff;
  text-decoration : none;
  color : #cc0000;
  font-weight : bold;
}

#sidenavi a:hover{
  border-top : 2px solid #fff;
  border-bottom : 2px solid #fff;
  text-decoration : none;
  color : #fff;
  font-weight : bold;
  background : #cc0000;/*ハイライト*/
}

a.txbn:link{
  font-weight : bold;
  padding-left : 10px;
  padding-top : 22px;
  padding-bottom : 22px;
  margin-bottom : 10px;
  line-height : 1.3em;
  background : #bb0000;/*メインカラー*/
  border : 1px solid #bb0000;/*メインカラー*/
  color : #fff;
  display : block;
}

a.txbn:visited{
  font-weight : bold;
  background : #bb0000;/*メインカラー*/
  border : 1px solid #bb0000;/*メインカラー*/
  color : #fff;
  display : block;
}

a.txbn:hover{
  font-weight : bold;
  background : #ffcccc;/*メインカラー*/
  border : 1px solid #bb0000;/*メインカラー*/
  color : #bb0000;
  display : block;
  text-decoration : none;
}

.txbn2{
  font-weight : bold;
  padding : 10px;
  margin-bottom : 10px;
  line-height : 1.3em;
  background : #dedef1;/*ハイライト*/
  border : 1px solid #bb0000;/*メインカラー*/
  color : #bb0000;/*メインカラー*/
}

/*＝＝＝＝見出しフォント＝＝＝＝*/

/*コンテンツタイトル*/

.md1{
  font-weight : bold;
  font-size : 23px;
  line-height : 26px;
  padding : 2px 5px;
  color : #bb0000;/*メインカラー*/
  text-shadow : 1px 1px 2px #ff9999;
  border-bottom : 4px solid #666;/*アクセント*/
}


/*本文中の色つき見出し*/

.md2{
  font-size : 12pt;
  color : #000;
  text-shadow : 1px 1px 1px #999;
  border-bottom : 3px solid #cc6666;
  border-top : 1px solid #ccc;
  border-left : 1px solid #ccc;
  border-right : 1px solid #ccc;
  padding : 1px 10px;
  background : linear-gradient(#ededed,#fff);
  -webkit-gradient(linear,from(#ededed),  to(#fff));
}

.md3{
  font-weight : bold;
  font-size : 18pt;
  color : #333;
  text-shadow : 1px 1px 0px #cccccc;
  line-height : 130%;
}


/*＝＝＝＝テーブル＝＝＝＝*/

.vat{vertical-align : top;}
.nrp{white-space : nowrap;}

.teb1{border-collapse : collapse;}

.teb1 td{
  border : 1px solid #666;
  padding : 5px 10px;
}

.teb2{border-collapse : collapse;}

.teb2 td{
  border : 1px solid #666;
  padding : 2px 10px;
  font-size : 13.5px;
}


.kmk{background : #f3f3f3;}
.kmk2{background : #ffcc99;}


/*＝＝＝＝リスト＝＝＝＝*/

.deci {
  list-style-type : decimal;
}

.limk{
  padding-left : 0px;
}

.limk li{
  margin-bottom : 10px;
  padding-left : 25px;
  background: url(image/mark1.gif) no-repeat 0px 0.2em;
  list-style: none;
}

.limk2{
  padding-left : 0px;
  font-weight : bold;
  text-shadow : 1px 1px 1px #cccccc;
}

.limk2 li{
  margin-bottom : 20px;
  padding-left : 25px;
  background: url(image/mark2.gif) no-repeat 0px 0.2em;
  list-style: none;
}


/*＝＝＝＝フォーム＝＝＝＝*/

/*入力欄*/

.ran100{
  border : 1px solid #999;
  width : 100px;
  height : 20px;
  font-size:16px;
  margin : 6px 0px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

input.ran100:focus {border : 1px solid #000;background : #ffeeee;}

.ran150{
  border : 1px solid #999;
  width : 150px;
  height : 20px;
  font-size:16px;
  margin : 6px 0px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

input.ran150:focus {border : 1px solid #000;background : #ffeeee;}

.ran200{
  border : 1px solid #999;
  width : 200px;
  height : 20px;
  font-size:16px;
  margin : 6px 0px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

input.ran200:focus {border : 1px solid #000;background : #ffeeee;}

.ran350{
  border : 1px solid #999;
  width : 350px;
  height : 20px;
  font-size:16px;
  margin : 6px 0px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

input.ran350:focus {border : 1px solid #000;background : #ffeeee;}


/*入力欄（半角英数）*/

.ran_e50{
  border : 1px solid #999;
  width : 50px;
  ime-mode : disabled;
  height : 20px;
  font-size:16px;
  margin : 6px 0px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

input.ran_e50:focus {border : 1px solid #000;background : #ffeeee;}

.ran_e80{
  border : 1px solid #999;
  width : 80px;
  ime-mode : disabled;
  height : 20px;
  font-size:16px;
  margin : 6px 0px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

input.ran_e80:focus {border : 1px solid #000;background : #ffeeee;}

.ran_e120{
  border : 1px solid #999;
  width : 120px;
  ime-mode : disabled;
  height : 20px;
  font-size:16px;
  margin : 6px 0px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

input.ran_e120:focus {border : 1px solid #000;background : #ffeeee;}

.ran_e150{
  border : 1px solid #999;
  width : 150px;
  ime-mode : disabled;
  height : 20px;
  font-size:16px;
  margin : 6px 0px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

input.ran_e150:focus {border : 1px solid #000;background : #ffeeee;}

.ran_e200{
  border : 1px solid #999;
  width : 200px;
  ime-mode : disabled;
  height : 20px;
  font-size:16px;
  margin : 6px 0px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

input.ran_e200:focus {border : 1px solid #000;background : #ffeeee;}

.ran_e350{
  border : 1px solid #999;
  width : 350px;
  ime-mode : disabled;
  height : 20px;
  font-size:16px;
  margin : 6px 0px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

input.ran_e350:focus {border : 1px solid #000;background : #ffeeee;}

/*入力欄（textarea）*/

.txa100{
  width : 99%;
  height : 100px;
  border : 1px solid #999;
  margin : 6px 0px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}


/*送信ボタン（submit）*/

.smt1{
  padding : 8px 15px;
  font-size : 16px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}


/*＝＝＝＝汎用タグ＝＝＝＝*/

/***★汎用タグ＝位置***/


.flm{float : right;}
.flh{float : left;}
.cb{clear : both;}

.migi{text-align : right;}
.naka{text-align : center;}
.hidari{text-align : left;}

.blk{display : block;}
.inl{display : inline;}

.vam{vertical-align: middle;}
.vatb{vertical-align: text-bottom;}

/***7字ぶらさげ（住所など）***/

dl.brsg7 dt{
  clear : left;
  float : left;
  margin: 0 0 1.2em;
  width: 7em;
}

dl.brsg7 dd{
  margin-bottom: 1.2em;
  margin-left: 7em;
}

/***４字ぶらさげ（住所など）***/

dl.brsg4 dt{
  clear : left;
  float : left;
  margin: 0 0 1.2em;
  width: 4em;
  padding-left: 5px;
}

dl.brsg4 dd{
  margin-bottom: 1.2em;
  margin-left: 4em;
}

/***テキスト１字ぶらさげ（※、注、数字など）***/

.brsg1{
  text-indent : -1em;
  padding-left : 1em;
}


/***★汎用タグ＝余白（マージン・パディング）***/

.mg10{margin : 10px;}
.mg15{margin : 15px;}
.mg20{margin : 20px;}

.t5{margin-top : 5px;}
.t10{margin-top : 10px;}
.t15{margin-top : 15px;}
.t20{margin-top : 20px;}
.t30{margin-top : 30px;}
.t40{margin-top : 40px;}
.t50{margin-top : 50px;}
.t60{margin-top : 60px;}
.t70{margin-top : 70px;}

.b5{margin-bottom : 5px;}
.b10{margin-bottom : 10px;}
.b15{margin-bottom : 15px;}
.b20{margin-bottom : 20px;}
.b30{margin-bottom : 30px;}
.b40{margin-bottom : 40px;}
.b50{margin-bottom : 50px;}

.h10{margin-left : 10px;}
.h15{margin-left : 15px;}
.h20{margin-left : 20px;}
.h30{margin-left : 30px;}
.h40{margin-left : 40px;}
.h50{margin-left : 50px;}

.m10{margin-right : 10px;}
.m15{margin-right : 15px;}
.m20{margin-right : 20px;}
.m30{margin-right : 30px;}

.pd5{padding : 5px;}
.pd10{padding : 10px;}
.pd15{padding : 15px;}
.pd20{padding : 20px;}

.pdt5{padding-top : 5px;}
.pdt10{padding-top : 10px;}
.pdt40{padding-top : 40px;}

.pdh10{padding-left : 10px;}
.pdh20{padding-left : 20px;}


/*★汎用タグ＝色・線*/

.bd1c{border : 1px solid #cccccc;}

.aka{color : #cc0000;}
.siro{color : #ffffff;}
.kon{color : #000099;}
.ao{color : #0000cc;}
.kuro{color : #000000;}
.gray{color : #999;}

.kage{text-shadow : 1px 1px 1px #cccccc;}

.bg_main{background : #bb0000;}/*メインカラー*/
.bg_kuro{background : #000000;}
.bg_kon{background : #000099;}
.bg_usuhai{background : #e6e6e6;}
.bg_siro{background : #ffffff;}

.kasen{text-decoration : underline;}

.kesi{text-decoration : line-through;}


/*★汎用タグ＝幅・行間・文字サイズ*/

.w99p{width : 99%;}

.w80{width : 80px;}
.w100{width : 100px;}
.w110{width : 110px;}
.w120{width : 120px;}
.w125{width : 125px;}
.w150{width : 150px;}
.w180{width : 180px;}
.w200{width : 200px;}
.w250{width : 250px;}
.w300{width : 300px;}
.w400{width : 400px;}
.w420{width : 420px;}
.w600{width : 600px;}

.lh0{line-height : 0px;}
.lh110{line-height : 110%;}
.lh130{line-height : 130%;}
.lh140{line-height : 140%;}
.lh150{line-height : 150%;}
.lh170{line-height : 170%;}
.lh200{line-height : 200%;}

.fs8{font-size : 8px;}
.fs10{font-size : 10px;}
.fs10_5{font-size : 10.5px;}
.fs11{font-size : 11px;}
.fs12{font-size : 12px;}
.fs13{font-size : 13px;}
.fs14{font-size : 14px;}
.fs15{font-size : 15px;}
.fs16{font-size : 16px;}
.fs17{font-size : 17px;}
.fs18{font-size : 18px;}
.fs20{font-size : 20px;}
.fs22{font-size : 22px;}
.fs24{font-size : 24px;}
.fs26{font-size : 26px;}
.fs30{font-size : 30px;}
.fs36{font-size : 36px;}
.fs40{font-size : 40px;}
.fs50{font-size : 50px;}
.fs60{font-size : 60px;}

.fwb{font-weight : bold;}
.fwn{font-weight : normal;}





