﻿/* 基本構造 */

body {
	margin: 0px;
	padding: 0px;
	font-family : "Lucida Grande","Hiragino Kaku Gothic Pro","qMmpS Pro W3","lr oSVbN",Osaka,sans-serif,"?SVbN std R";
    color:#e9e9e9;
}
#contentWrapper {
   overflow: auto !important;
   overflow /**/: hidden;
   width: 960px;
   padding: 1px 0 0 0;
   background: #ffffff url(../images/boby_bg.gif) left top repeat-y;
}

#wrapper {
   width:960px;
   height:100%;
   }
#logo {
    position: absolute;
	left: 15px;
	top: 50px;
	width: 150px;
	border: 0px none #000000;
	}
#contents {
    float: right;
    width: 760px;
	margin-top:45px;
    text-align :center;
	}
#section {
   width: 760px;
    float:right;
	margin-top:10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	text-align:left;
	}
#globalNav {
	position: absolute;
	padding-left:5px;
	top: 100px;
	width: 760px;
	height:35px;
	list-style-type: none;
	background: #ffffff url(../images/global_nav_bg.jpg) left top repeat-x;
	left: 199px;
	}
#globalNav li {
    font-size:12px;
    float: left;
	width: 100px;
	}
#globalNav li a {
    font-size:12px;
    display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:33px;
	padding-top: 33px;
	background-image: url(../images/global_nav.jpg);
	color:#000000 #FFFFFF;	
	}
/* オフマウス時 */
#nav01 a { background-position:  0     0; }
#nav02 a { background-position: -100px 0; }
#nav03 a { background-position: -200px 0; }
#nav04 a { background-position: -300px 0; }
#nav05 a { background-position: -400px 0; }
#nav06 a { background-position: -500px 0; }
#nav07 a { background-position: -600px 0; }

/* 選択済み */
#nav01 a.stay { background-position:  0     -66px; }
#nav02 a.stay { background-position: -100px -66px; }
#nav03 a.stay { background-position: -200px -66px; }
#nav04 a.stay { background-position: -300px -66px; }
#nav05 a.stay { background-position: -400px -66px; }
#nav06 a.stay { background-position: -500px -66px; }
#nav07 a.stay { background-position: -600px -66px; }

/* オンマウス時 */
#nav01 a:hover { background-position:  0     -33px; }
#nav02 a:hover { background-position: -100px -33px; }
#nav03 a:hover { background-position: -200px -33px; }
#nav04 a:hover { background-position: -300px -33px; }
#nav05 a:hover { background-position: -400px -33px; }
#nav06 a:hover { background-position: -500px -33px; }
#nav07 a:hover { background-position: -600px -33px; }

ul {
    margin-left: 0px;
	margin-top: 0px;
	padding-top: 1px;
	}
h1 {
	font-size : 105%;
	color:#d34242;
	margin-bottom : 10px;
	margin-top : 0px;
	padding-right:5px;
	position : relative;
	font-family:"lr oSVbN", Osaka, "qMmpS Pro W3"
  font-weight : lighter;
  padding-top : 5px;
}
h2 {
	font-size : 100%;
	margin-top : 5px;
	margin-bottom : 0px;
	padding-right:5px;
	text-align : right;
	color:#fd8f8f;
  position : relative;
  font-family : "?SVbN std R";
  font-weight : lighter;
}
h2 a {
   font-size : 100%;
	margin-top : 5px;
	margin-bottom : 0px;
	padding-right:5px;
	text-align : right;
	color:#fd8f8f;
    font-family : "?SVbN std R";

	}
	h2 a:hover{
  font-size : 100%;
  color : #ffffff;
  text-decoration : none;
}
h2 img {
	vertical-align:middle;
	}
h2 a:hover{
  color:#663366;
  text-decoration : none;
  }
   
h3{
  font-size : 100%;
  color : #663366;
  margin-top : 10px;
  padding-right:0px;
  margin-bottom:10px;
  text-align : right;
  }
h4{
  clear : both;
  font-size : 14px;
  color : #ffffff;
  margin-left : 1px;
  background: #ffffff url(../images/h4.jpg) left top repeat-x;
  width : 740px;
  height :25px;
  line-height : 1em;
  letter-spacing : 0.2px;
  margin-top : 15px;
  padding-top : 7px;
  text-align : left;
  padding-left : 10px;
  left : 0px;
  margin-right : 0px;
}

h3 a{
  color : #663366;
  font-size : 100%;
  text-decoration : none;
  font-weight : lighter;
  text-decoration : none;
}
h3 a:hover{
  font-size : 100%;
  color : #d34242;
  text-decoration : underline;
text-decoration : none;
}
h4 a{
  color : #d34242;
}
h5{
   margin-bottom: 1px;
   }

P {
  font-size : 12px;
  line-height:1.5em;
  color:#333333;
  text-align : left;
  margin-left : 7px;
  margin-right : 7px;
  margin-top: 7px;
  margin-bottom: 3px;
}
p.img {
	margin-top:0;
	margin-left : 0;
	border: 0px none #000000;
	}
em{
  font-size:12px;
  font-weight : normal;
  font-style : normal;
  color:#fd8f8f;
  margin-left : 0px;
  margin-right : 7px;
  margin-top:5px;
  }
a{
  margin-bottom : 1px;
  padding-right : 0px;
  margin-right : 0px;
  text-decoration : none;
  color:#d34242;
  border-top-width : 0px;
}

ol{
  color:#006699;
}
strong{
 font-size:14px;
line-height:1.5em;
  text-align : left;
  color:#d34242;
}
b{
  font-size : 12px;
   line-height:2.5em;
   color:#FF0000;
   }
A:HOVER{
  color:#000066;
  text-decoration : none;
}
hr{
    color: #fd8f8f;
   margin-top : -5px;
}
.clear{
clear:both;
}
 .graph6{
 margin:0 0 0 0;
  width : 210px;
  height:220px;
  float : left;
  clear : both;
}
.graph7{
 margin:0 0 0 0;
  width : 110px;
  height:120px;
  float : left;
}
/*header*/
#header {
	font-size:12px;
	font-family:Verdana;
	padding-top : 0px;
	padding-left : 0px;
	padding-right: 0px;
	margin-bottom:0px;
	width : 100%;
    height : 80px;
}

#headline {
	float: right;
	padding-top: 10px;
	padding-right: 5px;
	text-align: right;
	width: 760px;
	border-top: 10px solid #fd8f8f;
}

/*top_contents*/
#signboard{
  width : 760px;
  height : 350px;
  text-align : right;
  margin-left : 0px;
  margin-right: 0px;
  margin-top: 5px;
  margin-bottom:0px;
  background-repeat: no-repeat;
  border: 0px none #000000;
}
#productList {
   margin-top: 30px;
   top: 30px;
   margin-left: 0px;
   padding-left: 0px;
   }
#productList1 {
  margin-top: 360px;
  text-indent:-5000px;
  background-image : url(../images/h4_monthiy.jpg);
  background-repeat : no-repeat;
  height :50px;
  }
#productList2 {
  text-indent:-5000px;
  background-image : url(../images/h4_best.jpg);
  background-repeat : no-repeat;
  height : 40px;
  padding-bottom : 15px;
  }
#productList ul {
   margin-left: 0px;
   margin-right: 0px;
   }
#productList li {
   float: left;
   width: 180px;
   margin: 0px 10px 0 0;
   text-align:center;
   }
#productList h5 span {
   display: block;
   padding: 3px 0;
   color:#FFFFFF;
   font-weight: normal;
   background: #d34242;
   }
#productList dl {
   margin: 1px 0;
   font-size: 90%;
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   }
#productList dt {
   color:#660000;
   padding: 2px 0;
   text-align: center;
   background: #e5daca;
   border-top: 1px solid #dabf9a;
   }
#productList dd {
   text-align:center;
   color:#CC3333;
   padding: 2px 0;
   }
#productList p {
   padding: 0 0;
   margin: 0 0 0 0;
   text-align: center;
   border-top: 1px solid #dabf9a;
   }
.navi1a{
   float:left;
   width:243px;
   margin-top:15px;
   margin-bottom: 20px;
   margin-right: 15px;
   border-top: 10px solid #fd8f8f;
}
.navi1a p{
   font-size:10px;
   line-height:1.5;
   color:#333366;
}
.navi1b{
   float:left;
   width:243px;
   margin-top:15px;
   margin-bottom: 20px;
   margin-right: 15px;
   border-top: 10px solid #fd8f8f;
}
.navi1c{
   float:left;
   width:243px;
   margin-top:15px;
   margin-bottom: 20px;
   margin-right: 0px;
   border-top: 10px solid #fd8f8f;
}
iframe{
  width:570px;
  height:600px;
   margin-bottom:15px;
   }

/*table*/
table{
align:left;
  font-size :14px;
  color : #003300;
  margin-right : 0px;
  margin-left:4px;
  text-align : left;
}
td{
  text-align:left;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:5px;
}
table.link_t{
  float:left;
  margin:0px;
}
table.link_t2{
  float:right;
  margin:0px;
}
table.sub{
  width:283px;
  height:auto;
  margin:0;
  border:none;
  background-image:url(../img/sab-title2.jpg);
  background-repeat:no-repeat;
}
td.sub{
  width:185px;
  height:70px;
  border:none;
  margin:0px;
  padding-left:13px;
  text-align:left;
  vertical-align:middle;
}
  
/*side_menu*/

#secondary{
	float: left;
	margin-top: 15px;
	width: 180px;
	text-align:left;
    background: url(../images/boby_bg_fl.gif) left center no-repeat;
}
#primary {
   	float: left;
	margin-top: 15px;
	width: 180px;
	text-align:left;
}

#primary p{
  font-size:12px;
  color:#FFFFFF;
}
#primary .list li,#secondary .list li {
  color : #ffffff;
  margin: 5px 5px 0 5px;
  padding-left: 20px;
  background: url(../images/yazirusi.gif) left center no-repeat;
  line-height : 2em;
  border-bottom: 1px solid #ffffff;
}
#primary .list,#secondary .list{
font-size : 13px;
  margin-bottom : 18px;
}
#primary a,#secondary a{
  margin-bottom : 1px;
  padding-right : 0px;
  margin-right : 0px;
  margin-left: 5px;
  text-decoration : none;
  color:#ffffff;
  border-top-width : 0px;
}
#primary a:hover,#secondary a:hover{
  margin-bottom : 1px;
  padding-right : 0px;
  margin-right : 0px;
  margin-left: 5px;
  text-decoration : none;
  color:#fccbd2;
  border-top-width : 0px;
}
#primary .list h3,#secondary .list h3 {
   font-size:16px;
   text-align:center;
   padding: 3px 15px;
   color:#ba1f1f;
   background-color: #fccbd2;
   }
#module {
  float: left;
  width: 180px;
  margin-bottom: 0px;
  text-align: center;
  }   
/*footer*/

#footer {
   float: right;
   font-size: 12px;
   clear: both;
   position: relative;
   width: 760px;
   padding: 10px 0 35px 0;
   border-top: 5px solid #fd8f8f;
   }
#footer p {
	position: absolute;
	left: 0;
	top: 25px;
	height: 20px;
   }
#footerNav01 {
   position:absolute;
   right: 230px;
   top: 39px;
   width: 80px;
   }
#footerNav02 {
   position:absolute;
   right: 136px;
   top: 39px;
   width: 91px;
   }
#footerNav03 {
   position:absolute;
   right: 6px;
   top: 39px;
   width: 128px;
   }
#footer h3 {
  font-size : 100%;
  color : #663366;
  margin-top : 0px;
  padding-right:0px;
  margin-bottom:0px;
  text-align : right;
  }
#footer h3 a{
  color : #663366;
  font-size : 100%;
  text-decoration : none;
  font-weight : lighter;
  text-decoration : none;
}
#footer h3 a:hover{
  font-size : 100%;
  color : #d34242;
  text-decoration : underline;
text-decoration : none;
}
#footer a{
   font-size: 12px;
  margin-bottom : 1px;
  padding-right : 0px;
  margin-right : 0px;
  text-decoration : none;
  color:#d34242;
  border-top-width : 0px;
}

/*カレンダー*/
#calendar {
   width: 175px;
   float:left;
   margin-top: 10px;
   background-color:#FFFFFF;
   margin-left: 2px;
   }
#calendar table {
   width: 100%;
   margin: 0 auto;
   font-size: 90%;
   }
#calendar th,#calendar td {
   padding: 3px;
   text-align: center;
   }
#calendar th {
   border-right: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   background: #e0e0e0 url(../images/cal01.gif) left bottom repeat-x;
   }
#calendar td {
   border-right: 1px solid #e0e0e0;
   border-bottom: 1px solid #e0e0e0;
   background: #e0e0e0 url(../images/cal02.gif) left bottom repeat-x;
   }
#calendar td a {
   display: block;
   width: 100%;
   background-color: #009900;
   color: #ffffff;
   text-decoration: none;
   }
#calendar td a:hover {
   background-color: #74ce70;
   color: #ffffff;
   text-decoration: none;
   }
#module h3 {
   font-size:16px;
   text-align:center;
   padding: 3px 15px;
   color:#ba1f1f;
   background-color: #fccbd2;
   }
   
/*sub content*/

#section h5 {
  color:#d00808;
  text-align:left;
  margin-top:10px;
  margin-left:100px;
  padding-top:5px;
  padding-left:25px;
  background-image:url(../images/h5.jpg);
  background-repeat:no-repeat;
  width:300px;
  height:50px;
  line-height : 3em;
  letter-spacing : 0.2px;
  }
  #menu1 {
    margin-top:0px;
	margin-left : 0px;
	margin-right : 10px;
	margin-bottom : 0px;
}
