@charset   "Shift_JIS";

body.toppage{
	background: url(img/image001.jpg)  ;
    }

body{
	background-color: #F0F0F0;
    }

/* ------- wrapper ------- */

#wrapper {
	display: block; 
	margin: 0 auto;
        margin-top: 0px ;
        padding-left: 10px ;
        padding-right: 10px ;
        padding-bottom: 10px ;
	clear: both;
	width: 1000px;
        background-color:#F0F0F0; 
}


/* ------- header ------- */

#header {
	margin-top: 0px;
	height: 50px;
	width: 1000px;
	border-bottom:3px solid #cccccc; 
}

#header.color_wr {
	margin-top: 0px;
	height: 80px;
	width: 1000px;
	border-bottom:3px solid #B92048; 
}

#header.color_bl {
	margin-top: 0px;
	height: 80px;
	width: 1000px;
	border-bottom:3px solid #B92048; 
}

/* #header #logo { */
#header .logo {
        display:block;
	margin-top: 30px; 
	margin-left: 0;
	float: left;  
	width: 500px;
}

#header .logoline {
        display:block;
	float: left;  
	width: 500px;
}

#header .logoline p {
        padding-top:37px;
}

#header .logoline a:hover {
/*
  	display: inline-block;
        background:transparent url(myslider3/images/grad_wr4.png) no-repeat bottom;
*/
        background-color:#B92048; 
        color:#FFFFFF;
        background-image:none;
}

#navbar { 
	margin-top: -6px;
	padding-bottom: 1px;
	width: 1000px;

        }


#navbar ul li{
        list-style-type:none;
/**        padding:0; **/
        margin:auto 0;
	 width: 130px; 
        float:left;
        }


/**
#navbar ul li.navbar_m {
        list-style-type:none;
        padding:0;
        margin:0;
        width:100;
        float:left;

        }

#navbar ul li.navbar_l {
        list-style-type:none;
        padding:0;
        margin:0;
        width:150;
        float:left;

        }
**/


#navbar li a{
/*        width:aouto; */
        font-size:15px;
	background-image:none;
        display:block;
        height:30px;
        line-height:30px;
        padding:1px;
        margin:0px;
        text-align:center;
        font-family:メイリオ,Meiryo,"MS Pゴシック",Osaka, sans-serif;
/**        background-color:#88a4cb;  **/
        background-color:#ffffff;
        border:solid 1px;
        border-color:#CCCCCC #666666 #666666 #CCCCCC;
        color:#333333;
	}

#navbar li a.color_wr{
        background:transparent url(myslider3/images/grad_wr4.png) no-repeat bottom; 
	}

#navbar li a.color_bl{
        background:transparent url(myslider3/images/grad_b_35x150b.png) no-repeat bottom; 
	}

#navbar li a:hover{
        background-color:#B92048; 
        color:#FFFFFF;
        background-image:none;
        }



/* ------- info ------- */
#infodiv {
	display: block; 
	margin: 0px auto 0px;
        margin-top: 30px ;
        padding-left: 20px ;
	clear: both;
	width: 1000px;
/*	height: 500px; */
        font-size: 10pt;
        line-height: 140%;
       color:#0;
}


#infodiv h3 {
	height: 30px;
	border-left:10px solid #CCCCCC;
	border-bottom:2px solid #CCCCCC;

}

#infodiv h3.color_wr {
	height: 30px;
	border-left:10px solid #B92048;
	border-bottom:2px solid #B92048;
        background:transparent url(myslider3/images/grad_wr4.png) bottom;
}

#infodiv h3.color_bl {
	height: 30px;
	border-left:10px solid #B92048;
	border-bottom:2px solid #B92048;
        background:transparent url(myslider3/images/grad_b_35x150b.png) bottom;
}


#infodiv h3 span {
        padding-top: 7px ;
        padding-left: 30px ;
	display: inline-block;
}

#infodiv h4 {
	font-size: 11pt;  
/*	border-bottom:1px solid #CCCCCC; */
}

#infodiv h4.color_wr {
	font-size: 11pt;  
	border-bottom:1px solid #B92048;
}

#infodiv h4.color_bl {
	font-size: 11pt;  
	border-bottom:1px solid #B92048;
}

#infodiv h4.color_wr_nl {
	font-size: 11pt;  
}

#infodiv h4.color_bl_nl {
	font-size: 11pt;  
}

#infodiv h4.color_wr_nl_r {
	font-size: 11pt;  
       text-align: right;
       line-height: 3px ;
}

.infotopics {
       color:#0;
	display: block;
	margin: 0px auto 0px;
        top:0;
	padding:0;
	width: 300px;
        float:left;
	width: 450px;
}


.infotopics ul     { padding:0;	margin: -30px 0px 50px 20px}
.infotopics ul li  { padding:0;	margin: -30px 0px -10px 0px;}

.infolefttopics {
       color:#0;
	display: block;
	margin: 0px auto 0px;
	margin-left: 50px;
        top:0;
	padding:0;
	width: 300px;
        float:left;
	width: 450px;
}


.infolefttopics ul     { padding:0;	margin: -30px 0px 50px 20px}
.infolefttopics ul li  { padding:0;	margin: -30px 0px -10px 0px;}

.topics {
       color:#0;
	display: block;
	margin: 0px auto 0px;
        top:0;
	padding:0;
	width: 700px;
}


.topics ul     { padding:0;	margin: -30px 0px 50px 20px}
.topics ul li  { padding:0;	margin: -30px 0px -10px 0px;}



#cpright {
	border-top:3px solid #CCCCCC;
	display: block;
	margin: 0px auto;
	margin-top: 200px;
	clear: both;
	width: 1000px;
        font-size: 10pt;
        line-height: 140%;
}

#cpright.color_wr {
	border-top:3px solid #B92048;
}

#cpright.color_bl {
	border-top:3px solid #B92048;
}

#cpright img{
        float:left;
}

p.right{
        text-align: right;
	width: 100%;
}





a.topline:link { color: #ffffff;}
a.topline:active { color: #ffffff;}
a.topline:vlink {color: #ffffff;}
a.topline:hover {text-decoration: underline ;color: #ffffff;}


a { text-decoration: none }
a:link { text-decoration: none }
a:active { text-decoration: underline }
a:vlink {	text-decoration: none }
a:hover {	text-decoration: underline }




