@charset "UTF-8";

/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#000000;
}

body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   background:#e0e0e0 url(img/bg-tp.png) 50% repeat-y;
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
 
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}



br {
   letter-spacing:normal;
}

a {
   color:#000000;
   text-decoration:none;
}

a:hover {
   color:#888888;
}

img {
   border:0;
   vertical-align:bottom;
}

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





/* ========TEMPLATE LAYOUT======== */
div#top {
   width:750px;
   margin:0 auto;
}

div#wrapper {
   background:url(img/bg.png) repeat-x top #ffffff;
}

div#header {
   background:url(img/bg-hed.png) repeat-x top;
padding: 17px 10px 5px 10px;
}


div#menu {
width:750px;
text-align:left;
margin: 0px;
}



#contents{
margin: 0px 13px;
clear:both;
}


div#left {
margin: 15px 0px;
   width:530px;
    float:left;
}

div#right {
   width:180px;
    float:right;
    margin: 15px 0px;
}




div#footer {
   height:22px;
   clear:both;
   background:url(img/footer-bg.png) repeat-x top;
   margin:0px 0px;
padding:8px 0px 0px 12px;}


/* ========HEADER CUSTOMIZE======== */
div#header h1 {
   margin:0;
   line-height:70px;
 float:left;  }


div#header h2 p {
   margin:0;
   font-size:8.64pt;
   font-weight:normal;
  text-align: right;

}

div#header h2 p img{
margin:5px 0px 10px 0px;
}



/* ========MENU CUSTOMIZE======== */
div#menu ul {
   margin:0px;
   padding:0px;
   list-style-position: inside;
}


ul#navi{
    list-style:none;
    width:100%;
}
ul#navi li{
    list-style:none;
    float:left;
    width:150px;
}
ul#navi a{
    display:block;
    width:150px;
    height:34px;
    text-indent:-100px;
    background-image:url(img/menu-tp.png);
    overflow:hidden;
}
a.gaiyou{
    background-position:0px 0px;
}
a:hover.gaiyou{
    background-position:0px -34px;
}
a.shashi{
    background-position:-150px 0px;
}
a:hover.shashi{
    background-position:-150px -34px;
}
a.jihi2{
    background-position:-300px 0px;
}
a:hover.jihi2{
    background-position:-300px -34px;
}
a.gaityu{
    background-position:-450px 0px;
}
a:hover.gaityu{
    background-position:-450px -34px;
}
a.saiyo{
    background-position:-600px 0px;
}
a:hover.saiyo{
    background-position:-600px -34px;
}


/* ========left CONTENTS CUSTOMIZE======== */

div#left h1 {
   height:20px;
   padding:6px 0px 5px 25px;
   color:#000000;
   font-size:12pt;
   font-weight:bold;
background:url(img/bg-h1.png);
}


div#left h1 img {
   vertical-align:medium;
margin:0px 0px 5px;
}


div#left h2 {
     font-size:8pt;
   font-weight:normal;
   text-align: center;
   margin:0px 0px 20px;}

div#left h2 img {
   vertical-align:medium;
margin:0px 5px 2px;
}

div#left a {
    text-decoration: none;
border-bottom: 1px solid;
   }

div#left a:visited{
   text-decoration: none;
border-bottom: 1px solid;
   }

div#left a:hover {
   color:#888888;
   text-decoration: none;
border-bottom: 0px solid;}


.kosin{
   margin:5px 13px 15px;
   font-size:10pt;
   line-height: 200%;
}

.sp {
   height:209px;
background:url(img/sp-contents.png);
margin:10px 0px;
}

.sp table{
padding:40px 10px 0px;
   font-size:10pt;
line-height: 150%;
}

/* IE7でpadding指定 */
*:first-child+html .sp table{
margin: 40px 10px 0px;
}
 
/* IE6以下でpadding指定 */
*html .sp table{
margin: 40px 10px 0px;
}


div#left h3{
   font-weight:normal;
   color:#336699;
   font-size:12pt;
}

div#left h3 img {
   vertical-align:medium;
margin:0px 3px 5px;
}

div#left h3 a {
   color:#336699;
    text-decoration: none;
border-bottom: 1px solid;
   }

div#left p {
   font-size:10pt;
line-height: 150%;
margin:0px;
}



/* ========right CUSTOMIZE======== */
div#right.section {
   margin-top:0px;
}

div#right{
   padding:0px;
}

.bana img{
   margin-bottom:10px;
}

div#right p{
   margin:3px 5px 0px;
   font-size:9pt;
   line-height: 1.5;
}


div#right p img {
   vertical-align:medium;
margin:0px 5px 5px;
}

.maeni{
background:url(img/bg-maeni.png) 100% 100% no-repeat;
   padding-bottom:6px;
   margin-bottom:10px;
}

.tejun{
background:url(img/bg-tejun.png) 100% 100% no-repeat;
   padding-bottom:6px;
   margin-bottom:10px;
}


.tetyo{
background:url(img/bg-tetho.png) 100% 100% no-repeat;
   padding-bottom:6px;
   margin-bottom:10px;
}




/* ========FOOTMENU CUSTOMIZE======== */
div#footer h1 {margin:0;
   font-size:8pt;
   font-weight:normal;
   color:#fff;
}

div#footer h1 a:link { color: #ffffff; }
div#footer h1 a:visited { color: #ffffff; }
div#footer h1 a:hover {color: #dddddd; }r