@charset "Shift_JIS";

/* 一括で全ての要素の余白をゼロに指定 */
* {
  padding: 0;
  margin: 0;
}

/*全体のリンク指定 */
a:link {
  color: #000088;
  text-decoration: none;

}
a:visited {
  color: #000088;
  text-decoration: none;

}
a:hover {
  color: #ff00ff;
  text-decoration: underline;
}

/*共通*/

.clear { clear:both; }   
.clear hr { display:none; } 
.naka { text-align: center; }
.migi { text-align: right; }

h1{
  text-align: right; color:#ffffff;font-size:12px;

}
h2{
  color:#ffffff;font-size:14px;
}


/*レイアウトに関する指定 */

body { 
   padding: 0;
   margin: 0;
   text-align:center;
   background:url(img/bg_gra_lb3.gif) repeat-y;
   font-size:80%;
}  
 
/*-- 全体を囲んでいます --*/
#wrap {
   width:800px;
   background:#ffffff;
   border:solid 1px 1px 1px 1px #ffffff;   
   text-align:left;
   margin:0 auto;
   position: relative;

}   

/*-- ヘッダー部分 --*/
#header {
   height:120px;
   background: url(img/midashi.jpg) repeat-x;
   margin:1px 1px;
}

/*-- コンテナー部分 --*/
#inner {
   margin:0 5px;
} 

/*-- コンテンツ部分 --*/
#largeWrap {
   float:left;
   width:610px;
}  
#mainWrap {
   width:590px;
   float:right;
   background:#fff;
   border:solid 0px 0px 0px 0px #00ff00;   
}
#mainWrap h3 {
   color:#009;
   background: url(img/t001_10.gif) no-repeat;
   padding:8px 0px 5px 30px;
   font-size:14px;
   margin:5px 1px 1px 1px;
}
#mainWrap h4 {
   color:#6cf;
   background:url(img/titlebar080111_lightblue.gif) no-repeat;
   padding:12px 0px 25px 30px;
   font-size:14px;font-weight:bold;
   margin:5px 1px 1px 1px;
}
#mainWrap h5 {
   color:#6cf;
   background:url(img/t001_08.gif) no-repeat;
   padding:7px 0px 25px 30px;
   font-size:14px;font-weight:bold;
   margin:5px 1px 1px 1px;
}

#mainWrap p {
   color:#00f;
   padding:5px 0px 5px 5px;
   font-size:12px;
   margin:1px 1px 1px 1px;
}
#mainWrap  ul {
   padding:0;
   margin:0px 3px;
}
#mainWrap  li {
   list-style:none;
   padding-left:15px;
   background:url(img/yn004_06.gif) 0px 4px no-repeat;
   line-height:20px;
   color:#000;
   font-size:12px;
}
#mainWrap li ul li {
   list-style:none;
   padding-left:15px;
   background:url(img/yn006_06.gif) 0px 4px no-repeat;
   color:#009;
   font-size:12px;
}

#mainWrap dl {
   line-height:20px;
   margin:10px 3px;
}
#mainWrap dt {
   margin-top:10px;
   padding-left:5px;
   color:#009;
   font-size:12px;
}
#mainWrap dd {
   margin-top:0px;
   padding-left:20px;
   padding-bottom:0px;
   color:#000;
   font-size:12px;
}
#mainWrap dt dd dt{
   background:url(img/yn006_06.gif) no-repeat;
   padding-left:30px;
   color:#00f;
   font-size:12px;
}
#mainWrap dt dd dt dd{
   padding-left:30px;
   padding-bottom:6px;
   color:#00f;
   font-size:12px;
}

.new {
   margin-top:5px;
}
.new2 ul {
   padding:0;
   margin:0px 3px;
}
.new2 li {
   list-style:none;
   padding-left:15px;
   background:url(img/yn004_06.gif) no-repeat;
   line-height:20px;
   color:#000;
   font-size:12px;
}
.new2 li ul li {
   list-style:none;
   padding-left:15px;
   background:url(img/yn006_06.gif) 0px 4px no-repeat;
   color:#009;
   font-size:12px;
}

.menu {
   margin-top:5px;
}
.link {
   margin-top:5px;
}
.bana {
   margin-top:10px;
   line-height:30px;   
   text-align:center;   
}
.title1 {
   float:left;
   margin-top:10px;
}
.tel {
   float:right;
   margin-top:10px;
}


.osusume {
   margin:5px 1px 1px 1px;
   padding:2px 2px 2px 2px;
   height:240px;
   overflow:visible;
}
.osusume2 {
   margin:10px 2px 2px 2px;
   padding:5px 5px 5px 5px;
   height:380px;
   overflow:visible;
}

.zumen {
   margin:10px 2px 2px 120px;
   padding:5px 5px 5px 5px;
   width:300px;
   height:300px;
   text-align:center;
   overflow:visible;
}
.tra1 {
   float:left;
   margin-top:10px;
   clear:left;
}
.tra2 {
   float:right;
   margin-top:10px;
   margin-right:70px;
   clear:right;
}
.tra3 {
   float:left;
   margin-top:120px;
   clear:left;
}


.cart {
   margin:10px 2px 2px 2px;
   padding:5px 5px 5px 5px;
   width:570px;
   height:600px;
   overflow:visible;
}

.rireki {
   margin:10px 2px 2px 2px;
   padding:5px 5px 5px 5px;
   border:solid 5px #eeeeee;   
   height:150px;
   overflow:auto;
}
.msg {
   float:left;
   margin:2px 2px 2px 2px;
   padding:5px 5px 5px 5px;
   background-color:#ffffcc;
   color:#000000;
   font-weight:bold; 
   border:solid 2px #ffffcc; 
   width:370px;
   height:150px;
   overflow:auto;
}
.msg2 {
   margin:5px 0px 10px 0px;
   padding:5px 0px 10px 0px;
   border:solid 0px #eeeeee;   
   height:140px;
   overflow:visible;
}
.joho {
   float:right;
   margin:2px 2px 2px 2px;
   padding:5px 5px 5px 5px;
   background-color:#0000ff;
   color:#ffffff;
   font-size:16px;
   font-weight:bold; 
   border:solid 2px #0000ff;
   width:370px;
   height:150px;
   overflow:auto;
}

.osusume_title1 {
   margin:2px 50px 2px 2px;
   padding:5px 5px 5px 5px;
   background-color:#0000ff;
   color:#ffffff;
   font-size:20px;
   font-weight:bold; 
   border:solid 2px #0000ff;   
   height:50px;
   overflow:auto;
}


.photo1 {
   float:left;
   margin:10px 10px 10px 10px;
   text-align:center;
   width:200px;
   hight:120px;   
}
.setumei1 {
  float:right;
  margin-top:10px;  margin-left:10px;
  text-align:left;
  line-height:20px;   
  width:380px;
  hight:120px;   
}
.photo2 {
   float:right;
   margin:10px 10px 10px 10px;
   text-align:center;
   width:200px;
   hight:120px;   
}
.setumei2 {
  float:left;
  margin-top:10px; margin-left:10px;
  text-align:left;
  line-height:20px;   
  width:380px;
  hight:120px;   
}
.photo_koji {
   margin:10px 10px 10px 10px;
   text-align:center;
   hight:270px;   
}
.setumei_koji {
  float:right;
  margin-top:10px;  margin-left:10px;
  text-align:left;
  line-height:20px;   
  width:380px;
  hight:120px;   
}
.photo3 {
   float:left;
   margin:10px 10px 10px 10px;
   text-align:center;
   width:350px;
   hight:280px;   
}
.setumei3 {
  float:right;
  margin-top:10px;  margin-left:10px;
  text-align:left;
  line-height:20px;   
  width:210px;
  hight:280px;   
}
.photo4 {
   float:left;
   margin:10px 10px 10px 10px;
   text-align:center;
   width:250px;
   hight:300px;   
}



/*-- サイドバー部分 --*/
#sideAlphaWrap {
   float:left;
   width:160px;
   background:#ffffff;

} 
#sideAlphaWrap p {
   margin:5px 1px;
   line-height:30px;
   background:#eeeeee;
   color:#00f;   
   text-align:center;   
}

.kenmei{
   color:#006600;
}

/*-- 右サイドバー部分 --*/
#sideBetaWrap {
   margin-top:15px;
   float:right;
   width:120px;
   background:#fff;
   border:solid 1px 1px 1px 1px #e0ffff;   
} 

/*-- フッター部分 --*/
#footer {
   clear:both;
   width:100%;
   padding:2em 0 1em;
   background:url(img/bg_gra_lb3.gif) repeat-y;
   border:solid 1px 1px 1px 1px #e0ffff;   
}
#footer p {
   text-align: center;
}  
 
/*-- トップナビ部分 --*/
#gNavi{
   position:absolute;
   top:80px;
   left:180px;
}
#gNavi ul {   
    margin:10px 0;   
    padding:0;   
    width:588px;   
    height:30px;   
    overflow:hidden;   
}   
#gNavi li {
   list-style:none;   
   width:98px;
   float:left;    font-size:14px;   
}   
#gNavi li a {   
    display:block;   
    line-height:30px;   
    color:#ff0;   
    text-align:center; 
  
}   
#gNavi li a:hover {
   background-color:#fff;
   color:#00f;   
} 

.sideMenu , .sideMenu ul { margin:0; padding:0; background:#eeeeee; 
 }   
.sideMenu a { text-decoration:none; 
background:#eeeeee;
   border-bottom:solid 2px #ffffff;   
}   
.sideMenu li { 
    list-style:none;margin:5px 5px;
    padding-left:0px;
    line-height:30px;   
    font-size:14px;
    font-weight:bold;   
}   
.sideMenu li a {   
    display:block;   
    padding:1px 2px;   
    color:#00f;   
}   
.sideMenu li a:hover { background:#cccccc;color:#000; } 

.hako1 { width:80%; table-layout:fixed;margin:5px; padding:10px; } 
.hako2 { width:30%;background:#ccffff;color:#000;margin:5px; padding:10px;} 
.hako3 { width:70%;background:#ccffcc;color:#00f;margin:5px; padding:10px;} 
.hako4 { margin:20px;padding:20px;} 

#hyo {width:500px;text-align:center;padding-top:20px;padding-left:30px;}

#hyo dl { 
margin:  0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-size:14px;
}

#hyo dt {
font-style: normal;font-weight:bold;
line-height: 1.2em;
background:#33ccff;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:16.5em;text-align:left;
}

#hyo dd {
position:relative; 
top:-1.2em; 
left:16.5em;
border-width: 0px; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
line-height: 100%;
z-index:1;
width:80%;line-height: 1.2em;text-align:left;
}

#hyo p{margin:0 0 7px 0;padding:0;}