@import 'reset.css';


html { background: url(/images/assets/bg.gif) repeat top center; }
body { font: 10px/170% "ƒqƒ‰ƒMƒm–¾’© Pro", "‚l‚r ‚o–¾’©", serif; background: #000; color: #fff; background: url(/images/assets/bg-frame.gif) repeat-y top center; }

#page { width: 800px; margin: 0 auto; background: black; padding-bottom: 10px; }

#header { height: 71px; border-bottom: 1px solid #303030; background: url(/images/assets/header-bg.png) repeat-x top left; }
#header h1 {
	float: none;
	width: 330px;
	margin-top: 15px;
	margin-right: 300px;
}
#header div#header-contact { float: right; width: 16.5em; margin-top: 15px; line-height: 1.4em; font-family: sans-serif; }
#header div#header-contact h2 { font-weight: normal; }
#header div#header-contact dt { float: left; width: 3.3em; clear: left; }
#header div#header-contact dd a { color: #fff; text-decoration: none; }
#header div#header-contact dd a:hover { color: #666; }

#nav { border-bottom: 1px solid #557c79; font-size: 1.1em; letter-spacing: 0.2em; background: url(/images/assets/nav-bg.gif) repeat-x top left; }
#nav li { float: left; width: 158px; text-align: center; border-left: 1px solid #000; border-right: 1px solid #4d4d4d; }
#nav li.first { border-left: none; }
#nav li.last { border-right: none; }
#nav li a { display: block; padding-top: 7px; height: 20px; color: #fff; text-decoration: none; }

#footer { border-top: 1px solid #888; width: 774px; margin: 0 auto; padding-top: 8px; }
#footer p { text-align: center; font-family: sans-serif; font-size: 0.9em; color: #333; }

#beauty-pack-banner { margin-bottom: 20px; }

#rental-studio-banner {margin-bottom: 20px; }

#contents { margin: 19px 13px 0 13px; padding-bottom: 60px; background: #000; }

body.home #contents #services { background: url(/images/interface/gradation_bg_service_top_body.jpg) repeat-y top right; float: left; width: 397px; font-family: sans-serif; color}
body.home #contents #services div.bg { background: url(/images/interface/gradation_bg_service_top.jpg) no-repeat top left; padding-top: 32px; margin-bottom: 6px; }
body.home #contents #services div.bg ul { margin: 0 7px 0 11px; background: url(/images/interface/dots.gif) repeat-x top; padding-top: 3px; }
body.home #contents #services div.bg ul li { background: url(/images/interface/dots.gif) repeat-x bottom; padding-bottom: 3px; }
body.home #contents #services div.bg ul li a { display: block; color: #fff; text-decoration: none; font-family: sans-serif; }
body.home #contents #services div.bg ul li a:hover { background: #222; }
body.home #contents #services div.bg ul li a img { padding: 6px 8px 7px 8px; vertical-align: middle; }
body.home #contents #services div.bottom { background: url(/images/interface/gradation_bg_service_top_bottom.jpg) no-repeat bottom left; height: 10px; }
body.home #contents #slideshow { float: right; width: 364px; background: #1a1a1a; margin-bottom: 10px; }
body.home #contents #slideshow div.tl { float: left; background: url(/images/top/rounded_corner_tl.gif) no-repeat top left; width: 13px; height: 11px; }
body.home #contents #slideshow div.tr { float: right; background: url(/images/top/rounded_corner_tr.gif) no-repeat top left; width: 13px; height: 11px; }
body.home #contents #slideshow div.bl { float: left; background: url(/images/top/rounded_corner_bl.gif) no-repeat top left; width: 13px; height: 11px; }
body.home #contents #slideshow div.br { float: right; background: url(/images/top/rounded_corner_br.gif) no-repeat top left; width: 13px; height: 11px; }
body.home #contents #slideshow embed,
body.home #contents #slideshow object { clear: both; margin: 0 auto; display: block; }
body.home #contents #banner { float: right; width: 367px; }


body.portfolio #contents { margin-top: 40px; }
body.portfolio #contents a { display: block; width: 700px; border: 1px solid #999; margin: 0 auto 20px auto; text-decoration: none; font-size: 1.8em; color: #666; }
body.portfolio #contents a:hover { color: #fff; }
body.portfolio #contents a img { vertical-align: middle; margin: 10px 30px 10px 10px; }


body.service-list #contents div.wrapper { background: url(/images/interface/bg_service_list.jpg) repeat-y; }
body.service-list #contents div.wrapper div.bg { background: url(/images/interface/gradation_bg_service_list.jpg) no-repeat top left; padding-top: 32px; }
body.service-list #contents div.wrapper div.bg ul { width: 752px; margin: 0 auto; background: url(/images/interface/dots.gif) repeat-x top; padding-top: 3px; }
body.service-list #contents div.wrapper div.bg ul li { float: left; width: 50%; background: url(/images/interface/dots.gif) repeat-x bottom; padding-bottom: 3px; }
body.service-list #contents div.wrapper div.bg ul li a { display: block; padding: 6px 7px 9px 7px; text-decoration: none; color: #fff; font-family: sans-serif; }
body.service-list #contents div.wrapper div.bg ul li a:hover { background: #222; }
body.service-list #contents div.wrapper div.bg ul li a img { vertical-align: middle; margin-right: 10px; }
body.service-list #contents div.wrapper div.bottom { background: url(/images/interface/gradation_bg_service_list_bottom.jpg) no-repeat bottom left; height: 16px; }


body.photographer #contents { width: 680px; margin: 50px auto 0 auto; padding-bottom: 60px; }
body.photographer #contents div.photographer { margin-bottom: 24px; }
body.photographer #contents div.photographer div { border: 1px solid #666; width: 530px; }
body.photographer #contents div.photographer div h2 { font-size: 2.3em; margin: 30px 30px 10px 30px; letter-spacing: 0.1em; font-weight: normal;}
body.photographer #contents div.photographer div.right h2 { margin-left: 15px; }
body.photographer #contents div.photographer div h2 span { font-size: 0.55em; margin-left: 1.5em; }
body.photographer #contents div.photographer div p { margin: 0 30px 30px 30px; font-size: 1.2em; line-height: 2em; letter-spacing: 0.1em; }
body.photographer #contents div.photographer div.right p { margin-left: 15px; }
body.photographer #contents div.photographer.first div { width: 509px; }


body.about #contents { margin: 75px 10px 0 75px; }
body.about #contents h2 { text-indent: -9999em; background: url(/images/about/about_galateya.gif) no-repeat top left; height: 48px; margin-bottom: 25px; }
body.about #contents p { font-size: 1.2em; line-height: 2.5em; margin-bottom: 2em; }
body.about #contents img#globe { float: right; }


body.contact #contents { margin: 75px 75px 0 75px; }
body.contact #contents h2 { text-indent: -9999em; background: url(/images/contact/contact.gif) no-repeat top left; height: 48px; margin-bottom: 80px; }
body.contact #contents p { margin: 0 0 2em 100px; font-family: sans-serif; font-size: 2.2em; }
body.contact #contents dl { margin: 0 0 2em 100px; font-family: sans-serif; font-size: 1.6em; line-height: 1.6em; }
body.contact #contents dl dt { float: left; width: 7em; }
body.contact #contents dl dd { margin-left: 7em; }
body.contact #contents a { text-decoration: none; color: #fff; }
body.contact #contents a:hover { color: #666; }


body.service #contents { margin: 30px auto; width: 590px; }
body.service #contents h2 { font-size: 1.5em; letter-spacing: 0.3em; margin-bottom: 5px; }
body.service #contents div.wrapper { background: #fff; color: #000; padding-bottom: 20px; }
body.service #contents div.wrapper div.bg { background: url(/images/interface/gradation_bg_service.gif) repeat-x top; }
body.service #contents div.wrapper div.bg div.image { padding: 20px; text-align: center; }
body.service #contents div.wrapper div.bg div.text { width: 455px; margin: 0 auto; font-size: 1.2em; }
body.service #contents div.wrapper div.bg div.text .heading { background: #000; color: #fff; padding: 1px 15px; margin-bottom: 1em; } 
body.service #contents div.wrapper div.bg div.text .description { padding-left: 1em; }
body.service #contents div.wrapper div.bg div.text .description p { margin-bottom: 1.5em; line-height: 1.8em; }
body.service #contents div.wrapper div.bg div.text .description ul { margin-bottom: 1.5em; padding-left: 1.5em; }
body.service #contents div.wrapper div.bg div.text .description ul li { list-style-type: disc; }
body.service #contents div.wrapper div.bg div.text a.ask { display: block; text-indent: -9999em; background: url(/images/service/ask.jpg) no-repeat top left; width: 455px; height: 41px; }
body.service #contents div.wrapper div.bg div.text a.ask2 { display: block; text-indent: -9999em; background: url(/images/service/ask2.jpg) no-repeat top left; width: 455px; height: 41px; }


body.beauty-pack #contents h2 { margin-left: 12px; font-size: 2em; letter-spacing: 0.3em; margin-bottom: 5px;}
body.beauty-pack #contents div.wrapper { background: #fff; color: #000; margin: 0 12px; padding: 30px 0; }
body.beauty-pack #contents div.wrapper img { display: block; margin: 0 auto; }
body.beauty-pack #contents div.wrapper p,
body.beauty-pack #contents div.wrapper ul { margin-left: 80px; font-size: 1.2em; }
body.beauty-pack #contents div.wrapper ul li { list-style-type: disc; margin-left: 1.5em; }
body.beauty-pack #contents div.wrapper a.ask { display: block; text-indent: -9999em; background: url(/images/service/ask.jpg) no-repeat top left; width: 455px; height: 41px; margin: 30px auto 0 auto; }
body.beauty-pack #contents div.wrapper a.ask2 { display: block; text-indent: -9999em; background: url(/images/service/ask2.jpg) no-repeat top left; width: 455px; height: 41px; margin: 30px auto 0 auto; }
body.beauty-pack #contents div.wrapper div.line { width: 650px; border-bottom:1px solid #000; margin: 30px auto; }

body.rental-studio #contents h2 { margin-left: 12px; font-size: 3em; letter-spacing: 0.3em; margin-bottom: 5px;}
body.rental-studio #contents div.wrapper { background: #fff; color: #000; margin: 0 12px; padding: 30px 0; }
body.rental-studio #contents div.wrapper ul { margin-left: 80px; font-size: 1.2em; }
body.rental-studio #contents div.wrapper ul li { list-style-type: disc; margin-left: 1.5em; }

.clearfix:after, div.input:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, div.input { display: inline-block; }
.clearfix, div.input { display: block; }

.left { float: left; }
.right { float: right; }