@charset "shift_jis";

/**************************************/
/*             1.Common               */
/**************************************/
body {
   margin:0;
   padding:0;
   color:#FFFFFF;
   font-family:"MS PƒSƒVƒbƒN",osaka;
   font-style:normal;
   font-weight:normal;
   font-size:14px;
   text-align:left;
   text-decoration:none;
   letter-spacing:2px;
   line-height:1.5;
   background:#000000;
}

a {
   color:lightblue;
   text-decoration:none;
}


a:link {
   color:lightblue;
}

a:visited {
   color:#999999;
}

a:hover {
   color:#999999;
}

br {
   letter-spacing:normal;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
   padding:0;
   font-weight:bold;
   font-size:100%;
}

p {
   margin:0px;
   padding:0px;
   font-size:100%;
}
em {
   font-weight:bold;
   font-style:normal;
}

strong {
   font-weight:bold;
   color:#FF9900;
}

ins {
   text-decoration: underline;
}

del {
   color:#999;
   text-decoration: line-through;
}

dl{
   margin:0;
   padding:1em 0;
   font-size:75%;
   
}

th,td {
   font-weight:normal;
   font-size:100%;
   text-align:left;
}

ul {
   list-style-type: none;
   margin: 0;
   padding: 10px;
}

li { 
   padding-left: 25px;
   background: url(../images/list01.gif) no-repeat 10px 0.2em;
   list-style: none;
   }
img {
	vertical-align:bottom;
	}

/**************************************/
/*             2.font                 */
/**************************************/

h1.blue{
	font-size: 16px;
	padding-right: 10;
	padding-bottom: 2;
	padding-left: 5;
	border-bottom-width: 1;
	border-bottom-color: #CCCCCC;
    border-bottom:3px double #CCCCCC;
}
h1.blue:first-letter{
	font-size: 30px;
	color: #FFFFFF;
	padding:5;
	background-color: #006699;
}


h1.gray{
	font-size: 16px;
	padding-right: 10;
	padding-bottom: 2;
	padding-left: 5;
	border-bottom-width: 1;
	border-bottom-color: #CCCCCC;
    border-bottom:3px double #CCCCCC;
}
h1.gray:first-letter{
	font-size: 30px;
	color: #FFFFFF;
	padding:20;
	background-color: #CCCCCC;
}

h1.orange{
	font-size: 16px;
	padding-right: 10;
	padding-bottom: 2;
	padding-left: 5;
	border-bottom-width: 1;
	border-bottom-color: #CCCCCC;
    border-bottom:3px double #CCCCCC;
}
h1.orange:first-letter{
	font-size: 30px;
	color: #FFFFFF;
	padding:20;
	background-color: #FF6600;
}

h2.blue{
    font-size: 14px;
	color:cadetblue;
}

h2.orange{
	font-size: 14px;
    color:#FF6600;
}
h2.lightblue{
	font-size: 14px;
    color: 	lightsteelblue;
}
h2.gray{
	font-size: 14px;
    color: 	thistle;
	font-weight:normal;
}

/**************************************/
/*             3.layout               */
/**************************************/
#base {
   width:1100px;
   height:805px;
   margin:0px;
   padding:0px;
   background:#000;
   vertical-align:top;
}

#contents {
   width:1025px;
   height:805px;
   padding:0px;
}

#title {
   width:1025px;
   height:125px;
   left-margin:0px;
   padding:0px;
}

#main {
   width:1025px;
   height:600px;
   margin:0px;
   padding:0px;
}

#mainframe {
   margin:10px;
   padding-top:10px;
}

#menu {
   width:1025px;
   height:60px;
   margin:0px;
   padding:0px;
   vertical-align:top;
}

#news{
width:300px; height:280px;
margin-top:0px; margin-right:5px;
background-image: url(../images/bg_new.jpg);background-repeat: no-repeat; 
text-align:left; float:right;
overflow:auto;
}
#news2{
padding:10px;
margin-right:100px;
text-align:right;
}


#wn {
   margin:0px;
   padding:0px;
   height:290px;
   background-attachment: fixed; 
   background-image: url(../images/bg_wn.jpg); 
   background-repeat: no-repeat; background-position: left top!important;

}
#top {
   width:1025px;
   height:600px;
   left-margin:0px;
   padding:0px;
   background:#000 url(../images/bg_top.jpg) no-repeat;
   overflow: auto;
   vertical-align:top;
}
#circle {
   padding:0px;
   background-image: url(../images/bg_circle.jpg); 
   background-repeat: no-repeat;
   vertical-align:top;
}
#lesson {
   padding:0px;
   background-image: url(../images/bg_lesson.jpg); 
   background-repeat: no-repeat;
   vertical-align:top;
}
#media {
   padding:0px;
   background-image: url(../images/bg_media.jpg); 
   background-repeat: no-repeat;
   vertical-align:top;
}

#dvd {
   padding:0px;
   background-image: url(../images/bg_dvd.jpg); 
   background-repeat: no-repeat;
   vertical-align:top;
   width:1025px;
   height:600px;
}
#profile {
   padding:0px;
   background-image: url(../images/bg_profile.jpg); 
   background-repeat: no-repeat;
   vertical-align:top;
}
#shop {
   padding:0px;
   background-image: url(../images/bg_shop.jpg); 
   background-repeat: no-repeat;
   vertical-align:top;
}
#link {
   padding:0px;
   background-image: url(../images/bg_link.jpg); 
   background-repeat: no-repeat;
   vertical-align:top;
}

#daikou {
   padding:0px;
   background-image: url(../images/bg_daikou.jpg); 
   background-repeat: no-repeat;
   vertical-align:top;
}
#traning {
   padding:0px;
   background-image: url(../images/bg_training.jpg); 
   background-repeat: no-repeat;
   vertical-align:top;
}
#copy {
   width:1025px;
   height:20px;
   left-margin:0px;
   padding:0px;
   background:#000 url(../images/copy.jpg) no-repeat;
}
#event {
   margin:0px;
   padding:0px;
   width:300px;
   height:300px;
   background-attachment: fixed; 
   background-image: url(../images/bg_event.jpg); 
   background-repeat: no-repeat; background-position: left top!important;
}
#blank {
   width:750px;
   height:125px;
   margin:0px;
   padding:0px;
}
.ev{
   width:280px;
   height:270px;
   vertical-align:top;
   padding-left:20px;
}
.frame {
   width:1025px;
   height:600px;
   overflow:auto;
}
#order {
   margin:0px;
   padding:0px;
}
.form {
   vertical-align:top;
   padding-left:20px;
}
/**************************************/
/*             4.custom               */
/**************************************/

/* table layout-base�«*/!important;
#base .layout {
   margin:0px;
   padding:0px;
}

#base .layout th {
   background-image:  url(../images/bg_menubar.jpg);
   background-repeat: no-repeat;
   width:75px;
   height:805px;
   margin:0px;
   padding:0px;
}
/*  table layout-base�ª */

/* table layout-title�«*/!important;
#title .layout {
   margin:0px;
   padding:0px;
}

#title .layout th {
   background:#000 url(../images/title.jpg) no-repeat;
   width:715px;
   height:125px;
   margin:0px;
   padding:0px;
}

#title .layout td {
   width:250px;
   height:125px;
   margin:0px;
   padding:0px;
   text-align:right;
   vertical-align:middle;
}
/* table layout-title�ª*/

/* table layout-top�«*/!important;
#top .layout {
   margin:0px;
   padding:0px;
}

#top .layout td {
   vertical-align:top;
   padding-top:80px;
   padding-left:25px;
}
/*  table layout-top�ª */

/* table layout-wn�«*/!important;
#wn .layout {
   width:300px;
   height:280px;
   vertical-align:top;
}
#wn h1 {
   padding-top:5px;
   color:#006699;
   font-size:100%;
}
#wn p {
   font-size:100%;
   margin-left:10px;
   letter-spacing:1px;
   line-height:1.3;
}
/*  table layout-wn�ª */


.img {
   padding:0px;
   border:0;
   margin-right:5px;
}

.img-left {
   border:0;
   float:left;
   margin-right:10px;
}

.img-left2 {
   border:0;
   float:left;
   margin-right:20px;
   margin-left:20px;
}

.img-right {
   border:0;
   float:right;
   margin-left:5px;
   margin-right:0px;
}

.imgnew {
   padding:0px;
   border:0;
   margin-bottom:5px;
}

.wn {
  padding-top:75px!important;
  padding-left:25px!important;
}

.sm {
  font-size:90%;
  letter-spacing:1px;
}
.shop-color {
  font-size : 95%;
  letter-spacing:1px;
  color:#CCCCCC;
}
.obi {
  color: #FFFFFF;
     font-weight:bold;
  font-size : 120%;
  padding: 10 10 10;
  background-color: #999999;
}
.obi02 {
  color: #FFFFFF;
  font-weight:bold;
  font-size : 120%;
  padding: 5 5 5;
  background-color: #006699;
}
.top {
   border:0;
   float:right;
   margin-bottom:20px;
}