/*
 * style.css
 */

/*== layout ==*/
body{}
header{ padding:40px 0; background: url('../images/all/bg.gif') repeat scroll 0 0; }
header h1{ margin:0 auto; width:980px; }
div#contents{ margin:15px auto 0; width:980px; background: url('../images/all/grid980.gif') repeat-y scroll 0 0; }
div#contents nav#sidenav{ width:250px; }
div#contents div#content{ padding-left:30px; width:700px; }
div#contents nav#sidenav,
div#contents div#content{ float:left; }
div#contents div#content article{}
div#contents div#content section{}
footer{ padding:15px 15px 30px; }
footer p.copyright{ padding:10px 0 0; font-size:80%; color:#5fcd0e; text-align:center; border-top:1px dotted #5fcd0e; }
@media screen and (max-width:729px){
	header{ padding:10px 0; }
	header h1{ margin:0; width:auto; text-align:center; }
	header h1 img{ width:120px; }
	div#contents{ margin:0; padding:0 8px; width:auto; background:none; }
	div#contents nav#sidenav{ padding:8px 0; width:auto; }
	div#contents div#content{ padding:0 0 10px; width:auto; }
	div#contents nav#sidenav, div#contents div#content{ float:none; }
	footer{ padding:0; background: url('../images/all/bg.gif') repeat scroll 0 0; }
	footer p.copyright{ padding:6px 0; color:#fff; border:none; }
}
@media screen and (min-width:730px) and (max-width:979px){
	header{ padding:20px 0; }
	header h1{ margin:0; width:auto; text-align:center; }
	header h1 img{ width:150px; }
	div#contents{ margin:0; padding:0 15px; width:auto; background:none; }
	div#contents nav#sidenav{ padding:8px 0; width:auto; }
	div#contents div#content{ padding:0 0 10px; width:auto; }
	div#contents nav#sidenav, div#contents div#content{ float:none; }
	footer{ padding:0; background: url('../images/all/bg.gif') repeat scroll 0 0; }
	footer p.copyright{ padding:6px 0; color:#fff; border:none; }
}

/*== #sidenav ==*/
nav#sidenav{}
nav#sidenav ul{}
nav#sidenav ul li{ font-size:105%; }
nav#sidenav ul li a{ display:block; padding:5px 0; text-decoration:none; line-height:22px; color:#6ad71a; }
nav#sidenav ul li a:hover{ color:#01c675; }
nav#sidenav ul li a,
nav#sidenav ul li a:hover{ display:block; text-decoration:none; }
nav#sidenav ul li a span{ display:block; margin:0 8px 0 0; width:24px; height:22px; float:left; }
nav#sidenav ul li a:hover span{}
nav#sidenav ul li.current{}
nav#sidenav ul li.current a,
nav#sidenav ul li.current a:hover{ color:#d9d9d9; }
nav#sidenav ul li.current a span{}
nav#sidenav ul li.current a:hover span{}
nav#sidenav ul li.home a span{ background: url('../images/all/menucon.png') no-repeat scroll 0 0; }
nav#sidenav ul li.works a span{ background: url('../images/all/menucon.png') no-repeat scroll -24px 0; }
nav#sidenav ul li.access a span{ background: url('../images/all/menucon.png') no-repeat scroll -48px 0; }
nav#sidenav ul li.contact a span{ background: url('../images/all/menucon.png') no-repeat scroll -72px 0; }
nav#sidenav ul li.home a:hover span{ background: url('../images/all/menucon.png') no-repeat scroll 0 -22px; }
nav#sidenav ul li.works a:hover span{ background: url('../images/all/menucon.png') no-repeat scroll -24px -22px; }
nav#sidenav ul li.access a:hover span{ background: url('../images/all/menucon.png') no-repeat scroll -48px -22px; }
nav#sidenav ul li.contact a:hover span{ background: url('../images/all/menucon.png') no-repeat scroll -72px -22px; }
nav#sidenav ul li.home.current a span,
nav#sidenav ul li.home.current a:hover span{ background: url('../images/all/menucon.png') no-repeat scroll 0 -44px; }
nav#sidenav ul li.works.current a span,
nav#sidenav ul li.works.current a:hover span{ background: url('../images/all/menucon.png') no-repeat scroll -24px -44px; }
nav#sidenav ul li.access.current a span,
nav#sidenav ul li.access.current a:hover span{ background: url('../images/all/menucon.png') no-repeat scroll -48px -44px; }
nav#sidenav ul li.contact.current a span,
nav#sidenav ul li.contact.current a:hover span{ background: url('../images/all/menucon.png') no-repeat scroll -72px -44px; }

nav#sidenav .banner{ padding:10px 15px 0 0; }
nav#sidenav .banner a{}
nav#sidenav .banner a:hover img{ filter:alpha(opacity=40); -moz-opacity:0.40; opacity:0.40; }
nav#sidenav .banner img{ max-width:100%; }
@media screen and (max-width:729px){
	nav#sidenav ul{ border-top:1px dotted #aaa; }
	nav#sidenav ul li{ border-bottom:1px dotted #aaa; }
	nav#sidenav ul li a{ padding:8px 0; }

	nav#sidenav .banner{ padding:10px 0 0 0; text-align:center; }
}
@media screen and (min-width:730px) and (max-width:979px){
	nav#sidenav ul li{ width:25%; float:left; }

	nav#sidenav .banner{ padding:10px 0 0 0; text-align:center; }
}

/*== #content ==*/
div#content h1{ padding:10px 12px; color:#343a2f; font-size:140%; font-weight:bold; background: url('../images/all/h1bg1.gif') repeat scroll 0 0; }
div#content h1 span{ font-size:60%; font-weight:normal; }
div#content section{}
div#content section p{ font-size:88%; color:#666b63; }
div#content section table.normal{ width:100%; border-top:1px dotted #aaa; }
div#content section table.normal tr{}
div#content section table.normal tr th{ width:25%; }
div#content section table.normal tr td{ width:75%; }
div#content section table.normal tr th,
div#content section table.normal tr td{ padding:8px 0; font-size:82%; color:#666b63; line-height:1.5em; text-align:left; border-bottom:1px dotted #aaa; }
div#content section table.normal tr th div,
div#content section table.normal tr td div{ color:#666b63; line-height:1.5em; }
div#content section dl.works dt,
div#content section dl.works dd{ float:left; }
div#content section dl.works dt{ width:220px; }
div#content section dl.works dt img{ width:210px; border:5px solid #e3e6e1; }
div#content section dl.works dt a:hover img{ filter: alpha(opacity=40); -moz-opacity:0.40; opacity:0.40; }
div#content section dl.works dd{ padding-left:10px; width:464px; }
div#content section h2{ color:#3aab5f; }
div#content section h2 a{ color:#3aab5f; }
div#content section h2 a:hover{ color:#b5cca2; }
div#content section h2 a,
div#content section h2 a:hover{ text-decoration:none; }
div#content section #googleMaps{ border:5px solid #e3e6e1; }
div#content section #googleMaps #createMaps{ width:100%; height:420px; }
@media screen and (max-width:729px){
	div#content section p{ font-size:90%; }
	div#content section #googleMaps #createMaps{ height:360px; }
	div#content section dl.works dt,
	div#content section dl.works dd{ float:none; }
	div#content section dl.works dt{ width:auto; border:5px solid #e3e6e1; }
	div#content section dl.works dt img{ width:100%; border:none; }
	div#content section dl.works dd{ padding:8px 0 10px; width:auto; border-bottom:1px dotted #ccc; }
}
@media screen and (min-width:730px) and (max-width:979px){
	div#content section dl.works dt{ width:25%; }
	div#content section dl.works dt img{ width:100%; border:5px solid #e3e6e1; }
	div#content section dl.works dd{ padding-left:3%; width:72%; }
}

/*== .myform ==*/
.myform{}
.myform dl{ padding:15px 0; border-top:1px dotted #ccc; }
.myform dl dt,
.myform dl dd{ font-size:90%; font-weight:normal; line-height:1.5em; }
.myform dl.input dt{ padding:0 0 3px 34px; background:url('../images/order/order_iconNini.gif') no-repeat scroll 0px 2px; }
.myform dl.required dt{ background:url('../images/order/order_iconHissu.gif') no-repeat scroll 0px 2px; }
.myform dl dd{}
.myform span.error{ display:block; padding:0 0 5px 24px; background:url('../images/icon/mk_del.png') no-repeat scroll 0px 0px; color:#e33; font-size:0.86em; line-height:1.5em; }
.myform div.label3,
.myform span.label3{ color:#888; font-size:100%; line-height:1.6em; }
.myform span.label4{ display:block; padding-top:5px; color:#666; font-size:90%; line-height:1.5em; }
.myform dl dd input[type="text"],
.myform dl dd select,
.myform dl dd textarea{ font-size:18px; }
.myform dl dd input[type="text"],
.myform dl dd textarea{ padding:4px; }
.myform dl dd input[size="4"]{ width:80px; }
.myform dl dd input[size="8"]{ width:135px; }
.myform dl dd input[size="12"]{ width:200px; }
.myform dl dd input[size="24"]{ width:300px; }
.myform dl dd input[size="48"]{ width:300px; }
.myform dl dd input[type="password"]{ padding:4px; width:300px; font-size:18px; }
.myform dl dd select{ min-width:80px; }
.myform dl dd textarea{ width:500px; }
.myform dl dd input{ vertical-align:middle; }
div#content section .myform p.confirm{ min-height:20px; padding:6px; color:#444; font-size:120%; line-height:130%; border:1px solid #d0d0d0; background-color:#f9f9f9; }
input[type="text"].w5, select.w5, textarea.w5{ width:5%; }
input[type="text"].w10, select.w10, textarea.w10{ width:10%; }
input[type="text"].w15, select.w15, textarea.w15{ width:15%; }
input[type="text"].w20, select.w20, textarea.w20{ width:20%; }
input[type="text"].w25, select.w25, textarea.w25{ width:25%; }
input[type="text"].w30, select.w30, textarea.w30{ width:30%; }
input[type="text"].w35, select.w35, textarea.w35{ width:35%; }
input[type="text"].w40, select.w40, textarea.w40{ width:40%; }
input[type="text"].w45, select.w45, textarea.w45{ width:45%; }
input[type="text"].w50, select.w50, textarea.w50{ width:50%; }
input[type="text"].w55, select.w55, textarea.w55{ width:55%; }
input[type="text"].w60, select.w60, textarea.w60{ width:60%; }
input[type="text"].w65, select.w65, textarea.w65{ width:65%; }
input[type="text"].w70, select.w70, textarea.w70{ width:70%; }
input[type="text"].w75, select.w75, textarea.w75{ width:75%; }
input[type="text"].w80, select.w80, textarea.w80{ width:80%; }
input[type="text"].w85, select.w85, textarea.w85{ width:85%; }
input[type="text"].w90, select.w90, textarea.w90{ width:90%; }
input[type="text"].w95, select.w95, textarea.w95{ width:95%; }
input[type="text"].w100, select.w100, textarea.w100{ width:98%; }
select.block1{ width:290px; }
select.block2{ width:145px; }
select.block3{ width:90px; }
select.block4{ width:70px; }
a.submit, a.submit2, input.submit, input.submit2,
a.submits, a.submit2s, input.submits, input.submit2s{ display:inline-block; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif; outline:none; cursor:pointer; }
a.submit, a.submit2, input.submit, input.submit2{ height:35px; font-size:1.0em; line-height:35px; }
a.submits, a.submit2s, input.submits, input.submit2s{ height:28px; font-size:0.88em; line-height:28px; }
a.submit, input.submit, a.submits, input.submits{ background-color:#158ee0; border:1px solid #0072bf; }
a.submit:hover, input.submit:hover, a.submits:hover, input.submits:hover{ background-color:#65b5eb; }
a.submit2, input.submit2, a.submit2s, input.submit2s{ background-color:#f81010; border:1px solid #d32121; }
a.submit2:hover, input.submit2:hover, a.submit2s:hover, input.submit2s:hover{ background-color:#fb7979; }
a.submit, a.submit2, input.submit, input.submit2, a.submits, a.submit2s, input.submits, input.submit2s,
a.submit:hover, a.submit2:hover, input.submit:hover, input.submit2:hover, a.submits:hover, a.submit2s:hover, input.submits:hover, input.submit2s:hover,
a.submit:visited, a.submit2:visited, a.submits:visited, a.submit2s:visited{ padding:0 10px; color:#fff; text-decoration:none; }
@media screen and (max-width:729px){
	.myform span.label3{ display:block; }
	.myform dl dd input[size="4"]{ width:28%; }
	.myform dl dd input[size="8"]{ width:48%; }
	.myform dl dd input[size="12"]{ width:97%; }
	.myform dl dd input[size="24"]{ width:97%; }
	.myform dl dd input[size="48"]{ width:97%; }
	.myform dl dd textarea{ width:97%; }
}
@media screen and (min-width:730px) and (max-width:979px){
	.myform dl dd input[size="4"]{ width:15%; }
	.myform dl dd input[size="8"]{ width:23%; }
	.myform dl dd input[size="12"]{ width:50%; }
	.myform dl dd input[size="24"]{ width:50%; }
	.myform dl dd input[size="48"]{ width:50%; }
	.myform dl dd textarea{ width:50%; }
}