@charset "UTF-8";



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

* 

{

  color:#333;

}



body {

   margin:0;

   padding:0;

   letter-spacing:1px;

}



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;

}


.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }

/* MacIE用 */
*+html .clearfix { height: 1%; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }




ul.thumbnail { list-style-type: none; }	/* リストマークを非表示 */
ul.thumbnail li {
 float: left;				/* 左回り込み */
 margin: 0 5px 5px 0;			/* 右と下にスペース 5px */
}
ul.thumbnail li img {
 width: 120px;				/* 画像の幅 */
 height: 90px;				/* 画像の高さ */
}
ul.thumbnail li a { display: block; }	/* リンクをブロックレベルへ */





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





div#top {

   width:757px;

   margin:0 auto;

   background:#fff;

}



div#header {

   width:757px;

   background:#fff;

}



div#menu {

   width:757px;

   margin-bottom:10px;

}



div#contents {

   clear:both;

   width:757px;

   background:url(images/bg_contents.gif) 0 0 repeat-y;

   background:#FFFFFF;  

}

div#contents2 {

   clear:both;

   width:757px;

   background:url(images/bg_contents.gif) 0 0 repeat-y;

   background:#e0ffff;  

}

div#contents3 {

   clear:both;

   width:757px;

   background:url(images/bg_contents.gif) 0 0 repeat-y;

   background:#fffacd;  

}

div#contents4 {

   clear:both;

   width:757px;

   background:url(images/bg_contents.gif) 0 0 repeat-y;

   background:#ffe4e1;  

}

div#contents5 {

   clear:both;

   width:757px;

   background:url(images/bg_contents.gif) 0 0 repeat-y;

   background:#e6e6fa;  

}

div#contents6 {

   clear:both;

   width:757px;

   background:url(images/bg_contents.gif) 0 0 repeat-y;

   background:#ccffcc;  

}



div#headImage {

   width:757px;

}



div#main {

   float:left;

   width:567px;

   margin:5px;

}



div#sub {

   float:right;

   width:180px;

   margin-top:10px;

}



div#totop {

   border-top:1px solid #535D57;

}



div#footer {

   position:relative;

   clear:both;



   width:757px;

}



/* 回り込み解除 */



div#contents:after {

   content:"";

   display:block;

   height:0;

   clear:both;

   visibility:hidden;

}





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





div#header h1 {

   margin:0;

   padding:0;

   font-size:2em;

   color:#000;

   line-height:60px;

}



div#header h1 a {

   color:#000;

}



div#header h1 a:hover {

   color:#535D57;

}









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





div#menu ul {

   width:756px;

   margin:0;

   padding:1px 0 1px 1px;

   background:#000;

}





div#menu li {

   float:left;

   font-size:0.75em;

   color:#333;

   text-align:center;

   list-style-type:none;

}





div#menu li a{

   display:block;

   width:125px;

   margin-right:1px;

   padding:5px 0;

   color:#fff;

   background:url(images/bg_menu_off.gif);



}





div#menu li a:hover{

   color:#fff;

   background:url(images/bg_menu_on.gif);

}







/* 回り込み解除 */





div#menu ul:after{

   content:"";

   display:block;

   height:0;

   clear:both;

   visibility:hidden;

}





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



div#main a {

   color:#31001D;

}





div#main a:hover {

   color:#31001D;

   border:0px;

   border-bottom:1px solid #31001D;

}



div#main h2 {

   margin-bottom:8px;

   padding:2px 2px 2px 0;

   color:#31001D;

   font-size:0.94em;

   font-weight:bold;

   line-height:1.4;

   border-bottom:3px double #535D57;

}





div#main h3 {

   margin-bottom:3px;

   font-size:0.88em;

}





div#main h4 {

   margin-bottom:2px;

   font-size:0.75em;

   line-height:1.4;

}

div#main h5 {

   margin-bottom:2px;

   font-size:0.75em;

   line-height:1.4;

}



div#main h6 {

   margin-bottom:2px;

   font-size:0.75em;

   line-height:1.4;

}



div#main p{

   margin:0 10px 1em 0;

   font-size:0.75em;

   line-height:1.4;

}





div#main ol,dl{

   margin-right:10px;

   font-size:0.75em;

}



div#main dt{



}


div#main li{

list-style-type: none;

}





div#main dt{

   margin-bottom:3px;

}



div#main dd{

   padding:0;

   margin:0 0 1em 1em;

   padding:3px;

   background:#f1f1f1;

}







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





div#sub .section {



}



div#sub h2 {

   padding:3px;

   font-size:0.88em;

   font-weight:bold;

   color:#fff;

   background:#31001D url(images/bg_sub_h2.gif) 0 0 repeat-x;

}





div#sub ul {

   margin:0;

   padding:5px 0 1em 0;

}



div#sub li {

   margin:0;

   padding-left:18px;

   font-size:0.75em;

   line-height:1.8;

   background:#fff url(images/bg_list.gif) 0 4px no-repeat;

   list-style:none;

}







/* ========FOOTER CUSTOMIZE======== */





div#totop{

   position:relative;

   height:2em;

}



div#totop p{

   position:absolute;

   top:10px;

   right:7px;

   margin:0;

   padding-left:8px;

   font-size:0.63em;

   background:#fff url(images/bg_totop.gif) 0 50% no-repeat;

}



address{

   padding:10px 0;

   font-size:0.63em;

   color:#333;

}