﻿@charset "UTF-8";


/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 * 
63% ->	10pxに相当
 * 70% ->	11pxに相当
 * 
75% ->	12pxに相当
 *
82% ->	13pxに相当
 *
88% ->	14pxに相当
 * 
94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 
107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 
119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */
 

 


/* ========BASIC======== */* 


{ 
  font-family:
  "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","MS P ゴシック",verdana,sans-serif;

  color:#333;

}


body {
   
  margin:20px auto;

  padding:0;

  line-height:1.6;
 
  letter-spacing:1px;
 
  background:#E7DFCE url(images/uuu.png) fixed;

  text-align:center;
}



br {

   letter-spacing:normal;

}


a {
 
  color:#333;

  text-decoration:none;

}



a:hover {

  color:#31001D
;
  text-decoration:none;

}



img {
	border: 0
}



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

}






/* ========TEMPLATE LAYOUT======== */

div#top {

   width:1000px;

   margin:0 auto;

   padding:20px;
   
   background-color:#ffffff
;

}



div#header {

   width:1000px;

   padding:0 0 0 10px;

}



div#menu {

   width:1000px;

   padding:0 10 0 10px;

}



div#contents {

   clear:both;

   width:1000px;

}



div#headImage {
 
  width:1000px;

}



div#main {
 


  float:right;

   width:700px;

   padding:0 30px;

   text-align:left;
}


div#main_2 {
 
   float:right;

   width:480px;

   padding:0 0 0 20px;

   text-align:left;
}


div#main_3 {
 
   float:right;

   width:920px;

   padding:0 10 0 40px;

   text-align:left;
}



div#sub {

   float:left;

   width:250px;

   margin-top:20px;

}
div#sub_2 {

   float:left;
   width:480px;

   padding:0 3 0 0px;

   text-align:left;
        
}




}
div#footer {
 
   clear:both;

   width:980px;

   padding:0 10 0 10px;

   text-align:center;
}



/* 回り込み解除 */


div#contents:after {

   content:"";

   display:block;

   height:0;

   clear:both;
 
  visibility:hidden;

}





/* ========HEADER CUSTOMIZE======== */

div#header h1 {

   margin:0;

   padding:0;

   font-size: 82%;/* 13pxに相当 */
 
   color:#fff;

   line-height:80px;

}



div#header h1 a {
 
  color:#fff;

}



div#header h1 a:hover {

   color:#fff;

}



div#headImage img{

   vertical-align:bottom;;

}





/* ========MENU CUSTOMIZE======== */

div#menu ul {

   margin:0;
 
  padding:0;

}



div#menu li {

    float:left;

    font-size:94%;/* 15pxに相当 */
 
    color:#333;

    text-align:center;

    list-style-type:none;

}



div#menu li a {

   display:block;

   width:160px;

   padding:10px 0;

   color:#fff;

   background-color:#fff;

}



div#menu li a.active {

   display:block;

   width:160px;

   padding:10px 0;

   color:#fff;

   background-color:#fff;
}



div#menu li a:hover {
 
   color:#ddd;

   background:url(images/menu-b.gif);

;

}



/* 回り込み解除 */


div#menu ul:after {

   content:"";

   display:block;

   height:0;

   clear:both;
 
   visibility:hidden;

}





/* ========HEADLINE CONTENTS CUSTOMIZE======== */

div#contents h2 { 
   height:50px;
   margin: 10px 0 10px;

   padding:10 10px 0 10px;
   color:#330000;

   font-family:Georgia;

   font-size:94%;/* 15pxに相当 */
  	
   font-weight:300;

   background:url(images/line-on.gif) repeat-x;




}





/* ========MAIN CONTENTS CUSTOMIZE======== */

div#main a {

   color:#D70053;

}



div#main a:hover {
 
  color:#D2447B;

   border:0;

   border-bottom:1px
   solid #D2447B;

}



div#main h2 {

   height:50px;
   margin-bottom:10px;

   padding:20px 2px 2px 0;

   color:#ffffff;

   font-size:94%;/* 15px相当 */

   font-weight:bold;

 
}



div#main h3 {

   margin-bottom:3px;

   font-size:82%;/* 13px相当 */

}



div#main h4 {

   margin-bottom:3px;

   font-size:82%;/* 13px相当 */

   color:#ff33cc;


}



div#main h5 {
 
 
  margin-bottom:2px;

   font-size:82%;/* 13px相当 */

   background:url(images/line-un.gif) repeat-x;


}



div#main h6 {

   margin-bottom:2px;

   font-size:82%;/* 13px相当 */

}



div#main p {
 
  margin:0 0 1em 0;

  font-size:82%;/* 13px相当 */

}



div#main ul,ol,dl {

  font-size:82%;/* 13px相当 */

}

div#main dt {

   margin-bottom:3px;

}


div#main dd {

   padding:0;

   margin:0 0 0.5em 1em;

   padding:3px;

   background:#f1f1f1;

}





/* ========MAIN_2 CONTENTS CUSTOMIZE======== */

div#main_2 a {

   color:#D70053;

}



div#main_2 a:hover {
 
   color:#D2447B;

   border:0;

   solid #D2447B;

}



div#main_2 h2 {

   height:50px;
   margin-bottom:10px;

   padding:20px 2px 2px 0;

   color:#ffffff;

   font-size:94%;/* 15px相当 */

   font-weight:bold;

 
}



div#main_2 h3 {

   margin-bottom:3px;

   font-size:82%;/* 13px相当 */

}





div#main_2 h4 {
 
   padding:10px 40 0px 0; 
   margin:0 40 0 3px;
   font-size:82%;/* 13px相当 */




}


div#main_2 h5 {

   margin-bottom:3px;

   height:40px;
   padding:10px 0 2px 0;
   font-size:82%;/* 13px相当 */

   background:url(images/h4_m_2.gif) no-repeat;


}



div#main_2 h6 {

   height:40px;
   margin:0 0 0 3px;
   padding:10px 40px 0px 0;
   font-size:82%;/* 13px相当 */

   font-weight:normal;
   background:url(images/h6_m_2.gif) no-repeat;

}

div#main_2 p {
 
  margin:0 0 1em 0;

  font-size:82%;/* 13px相当 */

}



div#main_2 ul,ol,dl {

  font-size:82%;/* 13px相当 */

}

div#main_2 dt {

   margin-bottom:3px;

}


div#main_2 dd {

   padding:0;

   margin:0 0 0.5em 1em;

   padding:3px;

   background:#f1f1f1;

}




/* ========MAIN_3 CONTENTS CUSTOMIZE======== */

div#main_3  a {

   color:#D70053;

}



div#main_3  a:hover {
 
   color:#ff99cc;

   border:0;

   solid #33ccff;

}



div#main_3  h2 {

   height:50px;
   margin-bottom:10px;

   padding:20 20 0 20px;
 
   color:#ffffff;

   font-size:94%;/* 15px相当 */

   font-weight:bold;

 
}



div#main_3  h3 {

   margin-bottom:3px;

   font-size:82%;/* 13px相当 */

}



div#main_3  h4 {

   margin-bottom:3px;

   font-size:82%;/* 13px相当 */

   color:#333300;


}



div#main_3  h5 {
 
 
   margin-bottom:2px;

   font-size:82%;/* 13px相当 */

   background:url(images/line-un.gif) repeat-x;


}



div#main_3  h6 {

   margin-bottom:2px;

   font-size:82%;/* 13px相当 */


}

div#main_3  p {
 
  margin:0 0 1em 0;

  font-size:82%;/* 13px相当 */

}

div#main_3  dt b {
 
  margin:0 0 1em 0;

  font-size:14px;
  font-color:#62c400;
}



div#main_3  ul,ol,dl {

  font-size:82%;/* 13px相当 */

}

div#main_3  dt {

   margin-bottom:3px;

}


div#main_3  dd {

   padding:0;

   margin:0 0 0.5em 1em;

   padding:3px;

   background:#f1f1f1;

}



div#main_3 .letter {	/*1個あたりのボックス設定*/
width: 780px;
height: 335px;
background: url(letter_img.png) no-repeat;
overflow: hidden;
padding-top: 4px;
padding-bottom: 5px;
}

div#main_3 .letter p {	/*ボックス内のリンク色設定*/
color: #0000ff;
background:  #fff;
font-weight: bold;
padding-top: 30px;
padding-left: 80px;
}

div#main_3 .letter a {	/*ボックス内のリンク色設定*/
color: #0000ff;
background:  #fff;
font-weight: bold;
}

div#main_3 .letter a:hover {	/*ボックス内のリンクのカーソルオーバー時の文字色設定*/
color: #333333;
background:  #fff;
font-weight: bold;
font-size : 13px;
}


/* ========sub CONTENTS CUSTOMIZE======== */

div#sub h2 {

   padding:3px;
   font-size:88%;/* 14px相当 */

   font-weight:bold;

   color:#fff;

}



div#sub ul {


   font-size:82%;/* 13px相当 */
 
}



div#sub li {


   font-size:82%;/* 13px相当 */
 
   color:#333;

}

  
 




  

/* ========sub_2 CONTENTS CUSTOMIZE======== */

div#sub_2 a {

   color:#D70053;

}



div#sub_2 a:hover {
 
  color:#D2447B;

   border:0;

   solid #D2447B;

}



div#sub_2 h2 {

   height:50px;
   margin-bottom:10px;

   padding:20px 2px 2px 0;

   color:#ffffff;

   font-size:94%;/* 15px相当 */

   font-weight:bold;

 
}



div#sub_2 h3 {

   margin-bottom:3px;

   font-size:82%;/* 13px相当 */

}




div#sub_2 h4 {
 
   padding:10px 0 2px 0; 
   margin:0 0 0 3px;
   font-size:82%;/* 13px相当 */


}



div#sub_2 h5 {

   height:40px;
   margin:0 0 0 3px;
   padding:10px 40px 3px 0;
   font-size:82%;/* 13px相当 */

   background:url(images/h4_s_2.gif) no-repeat;


}




div#sub_2 h6 {

   height:40px;
   margin:0 0 0 3px;
   padding:10px 40px 0px 0;
   font-size:82%;/* 13px相当 */

   font-weight:normal;
   background:url(images/h6_s_2.gif) no-repeat;
}



div#sub_2 p {
 
  margin:0 0 1em 0;

  font-size:82%;/* 13px相当 */

}




div#sub_2  ul,ol,dl {

  font-size:82%;/* 13px相当 */

}

div#sub_2 dt {

   margin-bottom:3px;

}


div#sub_2 dd {

   padding:0;

   margin:0 0 0.5em 1em;

   padding:3px;

   background:#f1f1f1;

}







/* ========FOOTER CUSTOMIZE======== */
address {
   padding:10px;
   font-style:normal;
   font-size:75%;/* 12px相当 */
   color:#3300;
   text-align:center;
}