/* Cross-browser settings */

@import "present.css";
@import "sc.css";

* {
 margin: 0;
 padding: 0;
}

/* general styles */
body {
 height: 100%;
 background: #e9e9e9;
 font-size: 12px;
}

p {
 margin: 0px;
 padding: 0px 5px;
 font-size: 12px;
 line-height: 24px;
}

img {
 border:0;
}

a {
 color: #0297ff;
 text-decoration:none;
}

a:visited {
 color: #0297ff;
}

a:hover {
 color: #FF3EB9;
}

#wrapper {
 width: 1000px;
 margin:0px auto;
 padding: 0px;
 background: #ffffff;
 color: #333333;
 font: 1.0em/150% 'arial', sans-serif;
}

* html #firstSide { 
margin-left: 9px;
}

* html h3 { 
font-size: x-small;
text-align:left;
}


/* Header */
.logo {
 margin:15px 0px 0px 30px;
 padding:0px;
 width:900px;
 height:80px;
 float:left;
}

#header {
 float: left;
 width: 100%;
 height: 100px;
 margin: 0px;
 padding: 0px;
 border-top:solid 10px #0297ff;
}

#header #title {
 margin: 10px 0px 0px 100px;
 padding: 0px;
 color: #000000;
 font-size: xx-small;
 text-align: left;
 display:none;
}

#header #title a {
 color: #000000;
}

#header div#description {
 margin: 0px 0px 0px 100px;
 padding: 0px;
 color: #666666;
 font-size: xx-small;
 text-align: left;
 display:none;
}

/* Navigation */
#navigation {
 float: left;
 margin: 0px 0px 0px 20px;
 padding:0px;
 width:960px;
 height:30px;
 display:inline;
 border-top: 3px solid #e9e9e9;
 border-bottom: 3px solid #e9e9e9;
 background: #ffffff;
 font-weight:bold;
}

#navigation ul {
 list-style:none;
 float: right;
}

#navigation li {
 display:inline;
 float:left;
 margin: 0px;
 color: #0297FF;
}

#navigation li a.tabs {
 float:left;
 padding-left: 4px;
 text-decoration:none;
}

#navigation li a.tabs:hover {
 background: #0297ff;
}

#navigation li a.tabs span {
 float:left;
 padding: 5px 15px 4px 15px;
 color: #0297FF;
 font-size: 1.0em;
}

#navigation li a.tabs:hover span {
 color: #ffffff;
}


/* ---------------------- Blueslate nav ---------------------- */
.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */


/* Main main */

#contents {
 float: left;
 margin:0px;
 padding:0px;
 width: 1000px;
 margin: 10px 0px 30px 0px;
 padding: 0px;
 background: #FFFFFF;
 font-size: 1.0em;
 text-align: left;
}

#contents2 {
 float: left;
 margin:0px;
 padding:0px;
 width: 1000px;
 margin: 10px 0px 30px 0px;
 padding: 0px;
 background: #FFFFFF;
 font-size: 1.0em;
 text-align: left;
}


#topimg {
 width:960px;
 margin: 0px 0px 30px 20px;
 padding: 0px;
} 


#bcs {
 margin:0px 20px;
 padding:20px 20px 0px 0px;
 width:940px;
 height:35px;
 background:url(https://ssl31.heteml.jp/kenjinman/jamia/images/shopbannar.jpg) no-repeat;
 text-align:right;
 }


#bcc {
 margin:0px 0px 0px 20px;
 padding:20px 20px 0px 0px;
 width:940px;
 height:35px;
 background:url(/images/craftsbannar.jpg) no-repeat;
 text-align:right;
 }

#bca {
 margin:0px 0px 0px 20px;
 padding:20px 20px 0px 0px;
 width:940px;
 height:35px;
 background:url(/images/aboutbannar.jpg) no-repeat;
 text-align:right;
 }

#bcpp {
 margin:0px 0px 0px 20px;
 padding:20px 20px 0px 0px;
 width:940px;
 height:35px;
 background:url(/images/ppbannar.jpg) no-repeat;
 text-align:right;
 }
 
#bcm {
 margin:0px 0px 0px 20px;
 padding:20px 20px 0px 0px;
 width:940px;
 height:35px;
 background:url(./images/contactbannar.jpg) no-repeat;
 text-align:right;
 }
 
#bcp {
 margin:0px 0px 0px 20px;
 padding:20px 20px 0px 0px;
 width:940px;
 height:35px;
 background:url(/images/paybannar.jpg) no-repeat;
 text-align:right;
 }
 
 #bcpre {
 margin:0px 0px 0px 20px;
 padding:20px 20px 0px 0px;
 width:940px;
 height:35px;
 background:url(https://ssl31.heteml.jp/kenjinman/jamia/images/presentbannar.jpg) no-repeat;
 text-align:right;
 }
 
#bcco {
 margin:0px 0px 0px 20px;
 padding:20px 20px 0px 0px;
 width:940px;
 height:35px;
 background:url(/images/conceptbannar.jpg) no-repeat;
 text-align:right;
 }
 
#bcl {
 margin:0px 0px 0px 20px;
 padding:20px 20px 0px 0px;
 width:940px;
 height:35px;
 background:url(/images/linkbannar.jpg) no-repeat;
 text-align:right;
 } 
 
#bcr {
 float:left;
 margin:0px 0px 0px 20px;
 padding:20px 20px 0px 0px;
 width:940px;
 height:35px;
 background:url(/images/recobannar.jpg) no-repeat;
 text-align:right;
 }

* html #bcr {
 float:none;
}

#main {
 float: left;
 width: 740px;
 margin: 0px;
 padding: 0px;
 background: #FFFFFF;
 font-size: 1.0em;
 text-align: left;
}

#main h2 {
 margin: 0px ;
 padding: 5px 10px;
 font: bold 1.2em 'arial', sans-serif;
 color: #0297ff;	
 text-align: left;
}

#main h2 a {
 color: #0297ff;
}

#main .main_body {
 margin: 5px 10px;
 padding: 0px;
}


#main h3 {
 margin: 10px 0px 10px ;
 padding: 0px ;
 font: bold 1.0em 'arial', sans-serif;
 color: #0297ff;
 text-align: left;
}

#main blockquote {
 padding: 5px;
 background: #efefef;
 border: #999999;
}

#main h4 {
 margin: 0px ;
 padding: 0px ;
 font: bold 1.0em 'arial', sans-serif;
 color: #0297ff;
 text-align: center;
}



#recosideimg {
 float:left;
 width:200px;
 margin: 0px;
 padding:0px 5px 0px 20px;
}


#main2 {
 float: right;
 width: 740px;
 margin: 0px;
 padding-right: 20px;
 background: #FFFFFF;
 font-size: 1.0em;
 text-align: left;
}

#main2 h2 {
 margin: 0px ;
 padding: 5px 10px;
 font: bold 1.2em 'arial', sans-serif;
 color: #0297ff;	
 text-align: left;
}

#main2 h2 a {
 color: #0297ff;
}

#main2 .main_body {
 margin: 5px 10px;
 padding: 0px;
}


#main2 h3 {
 margin: 10px 0px 10px ;
 padding: 0px ;
 font: bold 1.0em 'arial', sans-serif;
 color: #0297ff;
 text-align: left;
}

#main2 blockquote {
 padding: 5px;
 background: #efefef;
 border: #999999;
}

#main2 h4 {
 margin: 0px ;
 padding: 0px ;
 font: bold 1.0em 'arial', sans-serif;
 color: #0297ff;
 text-align: center;
}

/* Container */

#container {
 float:left;
 margin: 0px 10px;
 padding: 0px 3px;
 width: 340px;
 }

/* Container2 */

#container2 {
 float:right;
 margin: 0px 0px 0px 10px;
 padding: 0px 3px;
 width: 340px;
 }



/* Container3 */

#container3 {
 float: left;
 margin: 0px auto 5px 5px;
 padding: 5px 5px;
 width: 160px;
 height: 300px;
 border: 1px solid #BABABA;
}

/* Cart */
#cart {
 float:left;
 margin:0px;
 padding:0px;
 width:540px;
}


/* Next */
#next {
  clear:both;
  margin:0px 0px 0px 10px;
  padding:0px;
  width:510px;
  height:30px;
  text-align:right; 
}

/* CartBox */
#cartbox {
 float:right;
 margin:0px;
 padding:0px;
 width:200px; 
 text-valign:top;
}


/* SSL&ゴミ箱 */
.ssl {
 float:right;
 margin:10px 0px 0px;
 padding:0px;
 width:198px; 
 border:solid 1px #efefef;
 text-valign:top;
}


/* Container4 */

#container4 {
 float: left;
 margin: 0px;
 padding: 0px 0px 0px 20px;
 width: 720px;
}



/* Container5 */

#container5 {
 float: right;
 margin: 0px;
 padding: 0px;
 width: 720px;
 vertical-align:top;
}

/* Container6 */

#container6 {
 float: left;
 margin: 0px;
 padding-left: 20px;
 width: 960px;
 vertical-align:top;
}



/* SidebarB */
#sideb { 
 float: right;
}

.sidebarb {
 width: 200px;
 height:auto;
 margin: 0px 20px 0px 0px;
 padding: 0px;
 font:1.0em 'arial', sans-serif;
 text-align: left;
 border:none;
}

.sidebar h4 {
 margin: 20px 15px 0px 0px;
 padding: 5px 10px;
 color: #0297ff;
 font: bold 1.2em 'arial', sans-serif;
 text-align: left;
}

.sidebarb ul {
 margin:0px;
 padding:0px;
 list-style:none;
 width: 200px;
 border:none;
}

* html .sidebarb ul {
 padding-top: 15px;
}

.sidebarb p {
 margin:0px;
 padding: 10px 0px 0px 10px;
}

.sidebar li {
 line-height: 0;
}

.sidebarb li a {
 display:block;
 line-height: normal;
 margin:0px;
 padding: 20px 0px 3px 0px;
 border-bottom: 1px dashed #0297ff;
 background: #ffffff;
 color: #0297ff;
 font-size: 1.0em;
 text-align: left;
 text-decoration: none;
}

* html .sidebarb li a {
 margin-top: -15px;
}


.sidebarb li a:hover {
 border-bottom: 1px dashed #0297ff;
 background: #efefef;
 color: #ff3eb9;
}


/* SidebarC */
#sidec { 
 float: left;
}

.sidebarc {
 width: 200px;
 height:auto;
 margin: 0px;
 padding: 0px 20px 0px 20px;
 font: bold 1.2em 'arial', sans-serif;
 text-align: left;
 border:none;
}


.sidebar h4 {
 margin: 20px 15px 0px 0px;
 padding: 5px 10px;
 color: #0297ff;
 font: bold 1.2em 'arial', sans-serif;
 text-align: left;
}

.sidebarc ul {
 list-style:none;
 width: 180px;
 border:none;
}


.sidebarc p {
 padding: 10px 0px 0px 10px;
}

.sidebar li {
 line-height: 0;
}

.sidebarc li a {
 display:block;
 margin:0px;
 padding: 20px 10px 3px;
 border-bottom: 1px dashed #0297ff;
 background: #ffffff;
 color: #0297ff;
 font-size: 1.0em;
 text-align: left;
 text-decoration: none;
}

* html .sidebarc ul {
 padding-top: 15px;
}
* html .sidebarc li a {
 margin-top: -15px;
}


.sidebarc li a:hover {
 border-bottom: 1px dashed #0297ff;
 background: #efefef;
 color: #ff3eb9;
}
/* 特定商取引 */

table.table211 {
  margin:0px;
  padding:20px 0px 0px -20px;
  width: 700px;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 100%;
}

table.table211 caption {
  margin-top: 1em;
  text-align: right;
}

table.table211 th,
table.table211 td {
  padding: 4px 20px;
}

table.table211 th {
  background: #1B3AB4;
  text-align: center;
  font-size: 92%;
  color: #FFF;
}

table.table211 td {
  text-align: left;
}

table.table211 col.month {
  background: #EDEDED;
  width:20%;
}

table.table211 col.session {
  background: #ffffff;
}






.navilink {
 padding-left: 16px;
 background:url(http://www.goodtime-jamia.com/images/ya.jpg) left no-repeat;
 height:100%;
 font-weight:bold;
 float:right;
 }


/* Footer */
#footer {
 clear:both;
 width: 100%;
 height: 200px;
 margin: 0px;
 padding: 20px 0px 0px;
 background: #0297FF  ;
 color: #ffffff;
 font-size: 0.8em;
 text-align: center;
}



/* F Navigation */
#f_navi {
 float: left;
 margin: 20px;
/*width:700px;*/
 font-size: 1.2em;
 color:#ffffff;
}

#f_navi ul {
 list-style:none;
 float: left;
}

#f_navi li {
 /*display:inline;*/
 float:left;
 margin: 3px;
 padding:0px 15px;
 border-left:solid 1px #ffffff;
}

#f_navi li a.tabs {
 float:left;
  color: #ffffff;
 text-decoration:none;
}

#f_navi li a.tabs:hover {
 color:#FF3EB9;
}

#f_navi li a.tabs span {
 float:left;
 padding: 5px 15px 4px 15px;
 color: #ffffff;
 font-size: 1.2em;
}

#f_navi li a.tabs:hover span {
 color: #FF3EB9;
}


/* sitemap */
.sitemap {
 float: left;
 margin:20px;
 text-align:left;
 font-color:#ffffff;
}




.copyright {
 float:right;
 margin-right:20px;
 padding:10px;
 width:180px;
 height:125px;
 }

.clearfix{
  display: inline-block;
}
* html .clearfix{
  height: 1%;
}
.clearfix{
  display: block;
}
