@charset "utf-8";

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

html { overflow-y: scroll; }
body { background-color: #fff; font-size: 80%; line-height: 150%; }

img { border: none; }

p { padding: 5px 0 15px 0; }

.clear { clear: both; }
.strong { font-weight: bold; color: #666; }

#wrapper { width: 1000px; margin: 0px auto; }
#header { padding: 20px 10px 0; }
h1 { font-size: x-small; line-height: 40px; padding: 0 10px; }
#pagebody { padding: 0 19px; }
#mainimg { border: 1px solid #ccc; width: 960px; }

h2 { clear: both; font-size: 100%; margin: 0 1px 40px; }
h3 { clear: both; font-size: 100%; margin: 0 1px 10px; }
h4 { clear: both; font-size: 100%; }

.title { border-left: 5px solid #666; padding: 0 0 0 10px; margin: 0 0 40px;}

.box { border-bottom: 1px solid #ccc; padding: 0 0 45px; margin: 0 0 30px; }

/*-- 
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; }
--*/

/*-- navi yoko
-------------------------------------------*/
#navi { clear: both; overflow: hidden; height:120px; width: 980px; }
#navi li { list-style-type:none; float:left; }

/*-- footer 
-------------------------------------------*/
#footer { margin: 0px 120px; border-top: 1px solid #ccc; }
#copyright { color: #333; line-height: 20px; float: right; }

/*-- index 
-------------------------------------------*/
#main { width: 960px; margin: 40px auto; min-height: 480px;}
#main ul { margin-left: 0em; }
#main ol { margin-left: 0em; }
#main li { margin-left: 2em; }

/*-- topics 
-------------------------------------------*/
#topics { padding: 0 100px; }

#topics table { width: 760px; }
#topics th { padding: 0px 2em 20px 0; font-weight: normal; text-align: right; }
#topics td { width: 660px; padding: 0px 0px 20px; }

/*-- detail - WN02 
-------------------------------------------*/
#detail { width: 762px; margin: 0 auto; }
#tpxpht { border: 1px solid #ccc; }
.tpxtxt { padding: 40px 0 0; }

/*-- list - CL01 
-------------------------------------------*/
#cl01box { width: 760px; margin: 0 auto; }
.ttl { border-bottom: 1px solid #ccc; }
#cl01inbox { min-height: 320px; padding: 0 4px;}
.cl01pht { border-left: 1px solid #fff; border-bottom: 1px solid #fff; width: 93px; float: left; }
#paging { text-align: right; font-size: x-small; padding: 5px 0;}

/*-- atelier
-------------------------------------------*/
#atelier { width: 760px; margin: 0 auto; }

.atrlft { width: 470px; float: left; }
.atrpht { width: 250px; float: left; border-bottom: 40px solid #fff; }
.atrtxt { width: 200px; float: right; border-bottom: 40px solid #fff; }
.border { border: 1px solid #ccc; padding: 4px; }
.atrlnk { width: 470px;}

.atrrht { width: 242px; float: right; }
.map { margin: 0 0 10px; border: 1px solid #ccc; }
.atrprf { width: 242px; }
#link table {width: 470px;} 
#link th {width: 160px; padding: 10px 0;}
#link td {padding: 10px 0;}
.dashed { border-bottom: 1px dashed #ccc; }
#prof table { border-top: 1px dashed #ccc; width: 242px; }
#prof th { border-bottom: 1px dashed #ccc; padding: 4px 2em 4px 0; text-align: left; font-weight: normal; }
#prof td { border-bottom: 1px dashed #ccc; padding: 4px 0; }

/*-- order
-------------------------------------------*/
#order { width: 762px; margin: 0 auto; }
#order ul { margin: 0; }
#order li { margin: 0 0 10px 2em; }
#haisou table { width: 720px; }
#haisou th { padding: 6px 24px 6px 0; text-align: left; border-bottom: 1px dashed #ccc; }
#haisou td { padding: 6px 24px 6px 0; border-bottom: 1px dashed #ccc; }
.bikou { font-size: x-small; }
#haisou ul { padding: 30px 0 12px; }

#fax { float: left; width: 400px;}
.faxform { width: 200px;}
#fax .faxform a { display: block; background: url(../images/pdficon.jpg) no-repeat top left #fff; padding: 8px 8px 8px 28px; text-decoration: none; line-height:24px;}
#fax .faxform a:link { display: block; background: url(../images/pdficon.jpg) no-repeat top left #fff; padding: 8px 8px 8px 28px; text-decoration: none; }
#fax .faxform a:visited { display: block; background: url(../images/pdficon.jpg) no-repeat top left #fff; padding: 8px 8px 8px 28px; text-decoration: none; }
#fax .faxform a:active { display: block; background: url(../images/pdficon.jpg) no-repeat top left #fff; padding: 8px 8px 8px 28px; text-decoration: none; }
#fax .faxform a:hover { display: block; background: url(../images/pdficon.jpg) no-repeat top left #fff; padding: 8px 8px 8px 28px; text-decoration: none; }
#gotoform { float: right; width: 240px;}
.gotoform { width: 240px; }
#gotoform .gotoform a { display: block; background: #efefef; padding: 8px; text-align: center; text-decoration: none; border: 1px solid #ccc;}
#gotoform .gotoform a:link { display: block; background: #efefef; padding: 8px; text-align: center; text-decoration: none; }
#gotoform .gotoform a:visited { display: block; background: #efefef; padding: 8px; text-align: center; text-decoration: none; }
#gotoform .gotoform a:active { display: block; background: #efefef; padding: 8px; text-align: center; text-decoration: none; }
#gotoform .gotoform a:hover { display: block; background: #efefef; padding: 8px; text-align: center; text-decoration: none; }

/*-- form 
-------------------------------------------*/
.formbox { padding: 0 80px 60px; }
form h2 { text-align: left; }
form table { width: 600px; border-top: 1px dashed #ccc; }
form th { padding: 6px 24px 6px 0; border-bottom: 1px dashed #ccc; text-align: left; }
form td { padding: 6px 0; border-bottom: 1px dashed #ccc; width: 420px; }
form ul { padding: 30px 0 12px; }

.frmdsc { padding: 0 20px 30px; }
.contbtn { padding: 6px 0; text-align: center; }

.form-s { width: 120px; border: 1px solid #ccc; }
.form-m { width: 240px; border: 1px solid #ccc; }
.form-l { width: 300px; border: 1px solid #ccc; }
textarea { width: 420px; border: 1px solid #ccc; font-size: 100%; }

#pp { height: 150px; overflow: auto; margin: 0 0 15px; padding: 15px; border: 1px solid #ccc; }


/*-- float  
-------------------------------------------*/
.l160 { width: 160px; float: left; }
.r380 { width: 380px; float: right; }

.l380 { width: 380px; float: left; }
.r160 { width: 160px; float: right; }

.l220 { width: 220px; float: left; }
.r520 { width: 520px; float: right; }

.l520 { width: 520px; float: left; }
.r220 { width: 120px; float: right; }

/*-- link 
-------------------------------------------*/
a { overflow: hidden; }
a:link { color: #333; }
a:visited { color: #333; }
a:hover, a:active { color: #333; 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; }