@charset "utf-8";

/*-- common 
-------------------------------------------*/
* { margin: 0; padding: 0; font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, /*--"メイリオ",--*/ "ＭＳ Ｐゴシック", /*--Meiryo,--*/ sans-serif; color: #663; }

html { overflow-y: scroll; }
body { background-color: #fff; font-size: 80%; line-height: 175%; }
th, td, li { font-size: 100%; }

img { border: none; }

p { padding: 0 0 30px 0; }
.gotoform { padding: 30px 0; }

.clear { clear: both; }
.strong { font-weight: bold; }
.page-break { page-break-before: always; }

#wrapper { width: 960px; margin: 0px auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: url(../images/common/wrap-bg.jpg) repeat-y top left; }

/*-- navi
-------------------------------------------*/
#navi { width: 199px; overflow:hidden; float: left; }
#navi ul { list-style:none;}
#navi li {border-bottom: 1px dashed #ccc; height: 49px; overflow: hidden; }
#qr { border-bottom: 1px dashed #ccc;  margin: 0 0 15px; font-size: x-small; background: url(../images/common/qr-bg.jpg) no-repeat; line-height: 21px; min-height: 88px; }
#qr p { padding: 10px 15px 10px 90px; }
.navi-bn1 { padding: 0 0 15px; }
.navi-bn2 { padding: 0 0 11px; }
.navi-bn3 { padding: 0; }

#header { background: url(../images/common/header-bg.jpg) no-repeat; height: 120px; overflow: hidden; padding: 0 15px; border-bottom: 1px dashed #ccc; }
h1 { font-size: x-small; line-height: 15px; font-weight: normal; height: 45px; }
#pagebody { width: 760px; float: right; overflow: hidden; }
#mainimg { border-bottom: 1px solid #ccc; height: 300px; overflow: hidden; }
#contimg { border-bottom: 1px solid #ccc; height: 135px; overflow: hidden; }
#main { padding: 15px; _height: 1%; min-height: 1%; }
#main ul { margin: 0 0 30px; }
#main ol { margin: 0 0 30px; }
#main li { margin: 0 0 10px 2em; }



h2 { clear: both; font-size: 150%; margin: 0 0 20px; border-bottom: 5px solid #cc9; }
h3 { clear: both; font-size: 120%; margin: 0 0 20px; border-left: 5px solid #cc9; padding: 0 0 0 5px;}
h4 { clear: both; font-size: 100%; margin: 0 0 20px; }

/*--
table { width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
th { background-color: #efefef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; text-align: left; }
td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px 8px; }
--*/

/*-- footer 
-------------------------------------------*/
#textlink { padding: 5px 15px; clear: both; font-size: x-small; }
#footer { background: url(../images/common/footer-bg.jpg) no-repeat;  margin: 0px 1px; height: 200px; }
#copyright { float: left; }
#copyright p { font-size: x-small; line-height: 20px; padding: 13px; }
#back { float: right; } /*--pagetop anchor--*/
#back p { padding: 13px; }


/*-- index / cl01
-------------------------------------------*/
#appeal { width: 315px; float: left; border-bottom: 25px solid #fff; }
#appeal h2 {  }

#ssc { width: px; float: right; border-bottom: 25px solid #fff; }

#cl01-wn { clear: both; _height: 1%; min-height: 1%; }
#cl01-wn h2 { padding: 0 0 15px; }
#cl01box { _height: 1%; min-height: 1%; padding : 0 0 15px; }
.cl01inbox { _height: 1%; min-height: 1%; padding : 0 0 15px; border-bottom: 1px dashed #ccc; }
.cl01-bg { background: url(../images/cl01inbox-bg.jpg) repeat-y; _height: 1%; min-height: 1%; }

.cl01-pht { width: 200px; float: left; border-right: 15px solid #fff; }
.phtfrm { border: 1px solid #ccc; padding: 1px; }
.cl01-txt { _height: 1%; min-height: 1%; }
.cl01-dsgn { width: 240px; float: left; }
.cl01-mtrl { width: 240px; float: right; }
.cl01-ttl { border-bottom: 1px dashed #ccc; font-weight: bold; padding: 0 0 5px;}
.cl01-ttltxt { margin: 30px 0 20px; }
.cl01-dsc { padding: 15px 0 0; }
.pagingtop { border-bottom: 1px dashed #ccc; text-align: right; }
.pagingbtm { padding: 30px 0 20px; text-align: right; }

/*-- concept  
-------------------------------------------*/
.concept { line-height: 300%; font-weight: bold; }
.signature { padding: 0 0 60px; text-align: right; }
#history table { width: 730px; }
#history th { text-align: right; vertical-align: top; }
#history td { padding: 4px 8px; border-left: 2px solid #fff; background: #ffffef; vertical-align: top; }
.year-bg01 {background: #cc9; width: 4em; padding: 4px 0 4px 8px; }
.year-bg02 {background: #f2f2d8; width:4em; padding: 4px 0 4px 8px; }
.month-bg01 {background: #cc9; width:3em; padding: 4px 8px 4px 0; }
.month-bg02 {background: #f2f2d8; width:3em; padding: 4px 8px 4px 0; }

/*-- course  
-------------------------------------------*/
.crs-img { text-align: center; }
.course { padding: 0 0 15px; }
.coursemenu { width: 290px; border-top: 2px solid #ccc; }
.crs-th { width: 7em; text-align: left; padding: 4px 0; border-bottom: 1px dashed #ccc; }
.crs-td { padding: 4px 0; border-bottom: 1px dashed #ccc; }
.guidebox { margin: 0 0 30px; border-bottom: 1px dashed #ccc; min-height: 210px; _height: 1%; }

/*-- trial
------------------------------------------------*/
#boshu table { width: 730px; border-top: 2px solid #ccc; }
#boshu th { border-bottom: 1px dashed #ccc; padding: 4px 0; text-align: left; }
#boshu td { width: 600px; border-bottom: 1px dashed #ccc; padding: 4px 0; }

/*-- studio
------------------------------------------------*/
.map { width: 500px; float: left; }
.access { width: 220px; float: right; }

/*-- culture
------------------------------------------------*/
#scdl h3 { margin: 30px 0 20px; }
#scdl table { width: 730px; border-top: 2px solid #ccc; }
#scdl th { width: 8em; border-bottom: 1px dashed #ccc; padding: 4px 0; text-align: left; }
#scdl td { border-bottom: 1px dashed #ccc; padding: 4px 0; }

/*-- shopping 
-------------------------------------------*/
#original { padding: 0 0 30px; }
#original table { width: 550px; border-top: 2px solid #ccc; }
#original th { border-bottom: 1px dashed #ccc; padding: 4px 0; text-align: left; }
#original td { width: 9em; border-bottom: 1px dashed #ccc; padding: 4px 0; }

#arrange, #hanbai { padding: 0 0 30px; }
#arrange table, #hanbai table { width: 726px; border: 2px solid #fff; }
.td-pht { vertical-align: bottom; }
#arrange th, #hanbai th { center; padding: 6px; }
#arrange td, #hanbai td { text-align: center; padding: 6px; }

/*-- business
------------------------------------------------*/
#soryo table { width: 730px; border-top: 1px dashed #ccc; }
#soryo th { width: 6em; border-bottom: 1px dashed #ccc; padding: 4px 0 4px 1em; text-align: left; }
#soryo td { border-bottom: 1px dashed #ccc; padding: 4px 1em; text-align: right; }

#bsns table { width: 730px; border-top: 2px solid #ccc; }
#bsns th { width: 7em; border-bottom: 1px dashed #ccc; padding: 4px 0; text-align: left; }
#bsns td { border-bottom: 1px dashed #ccc; padding: 4px 0; }

/*-- links  
-------------------------------------------*/
.link-bn1 { width: 254px; float: right; }
.link-txt1 { width: 450px; float: left; }
.link-bn2 { width: 81px; float: right; }
.link-txt2 { width: 620px; float: left; }

/*-- contact, form 
-------------------------------------------*/
form table { width: 730px; border-top: 1px dashed #ccc; }
form th { border-bottom: 1px dashed #ccc; padding: 4px 0; text-align: left; }
form td { width: 500px; border-bottom: 1px dashed #ccc; padding: 4px 0; }

.form-s { width: 100px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-m { width: 200px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
.form-l { width: 300px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }
textarea { width: 500px; border: 1px solid #ccc; border: 1px solid #ccc; padding: 2px; }

.contbtn { text-align: center; padding: 5px;}



.box {margin: 0 0 30px;  }
.fbox {margin: 0 0 30px;  min-height: 60px; _height: 1%; }
.bbox {margin: 0 0 30px; border-bottom: 1px dashed #ccc; }
.fbbox { margin: 0 0 30px; min-height: 105px; _height: 1%; border-bottom: 1px dashed #ccc; }
.pb15 { padding: 0 0 15px; }

/*-- float  
-------------------------------------------*/
.fl { float: left; }
.fr { float: right; }
.l160 { width: 160px; float: left; }
.r555 { width: 555px; float: right; }
.l350 { width: 350px; float: left; }
.r350 { width: 350px; float: right; }
.pd30 { padding: 0 30px;}
.l180 { width: 180px; float: left; }
.r535 { width: 535px; float: right; }
.l150 { width: 150px; float: left; }
.r550 { width: 550px; float: right; }


/*-- link 
-------------------------------------------*/
a { overflow: hidden; }
a:link { color: #663; }
a:visited { color: #663; }
a:hover, a:active { color: #330; text-decoration:none; }
a:focus{ outline: none; }


/*-- align 
-------------------------------------------*/
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }


/*-- colors 
-------------------------------------------*/
.red { color: #c00; }
.blue { color: #00c; }
.green { color: #0c0; }
.yellow { color: #f00; }
.cyan { color: #0cc; }
.orange { color: #f60; }