@charset "UTF-8";
@import "reset.css";
@import "common.css";

body { position: relative; }

.works01,
.works02,
.works03 { background-color: #000; color: #fff; }
.works04,
.works06 { background-color: #EFECDD; }
.works01 #content h2,
.works02 #content h2,
.works03 #content h2,
.works04 #content h2,
.works06 #content h2 { display: none; }

.works03 .title { background-color: #2D1918; color: #fff; text-align: center; }
.works03 .title p { margin: 0 auto; padding: 5px 0; width: 670px; text-align: left; }

.works06 .title { text-align: center; }

#content .block { border: solid 1px #fff; width: 760px; margin: 10px auto 30px; padding: 13px 0; background: url(../../works/images/photo_bg.png) 0 13px no-repeat; }
#content .block dl { width: 265px; float: left; min-height: 272px; _height: 272px; }
#content .block dl dt { width: 225px; margin-left: 16px; }
#content .block dl dd { width: 225px; margin-left: 16px; padding-top: 5px; border-top: solid 1px #fff; line-height: 1.6em; }
#content .block dl img { display: block; margin-bottom: 8px; }
#content .block .photo { float: left; width: 456px; padding: 0 0 0 25px; border-left: solid 1px #fff; }
#content .block .photo ul { padding-left: 25px; }
#content .block .photo ul li.last { display: table-cell; clear: left; height: 0; background-color: #ccc; }
#content .block .photo li { display: inline; float: left; margin: 0 1px 1px 0; }
#content .block .photo li img { display :block; }

.works01 #content .thumb,
.works02 #content .thumb { margin-top: 30px; }
.works03 #content .thumb { margin-top: 0; margin-bottom: 20px; padding-bottom: 0; }
.works01 #content .thumb h3,
.works02 #content .thumb h3 { margin: 0 auto; width: 760px; clear: both; display: block; }
.works03 #content .block dd { border: none; }

/*---form---*/
/*---form(login時)---*/
#content p.logout { position: absolute; top: 0; right: 20px; padding: 1px 5px; background-color: #900; }
#content p.logout a { color: #fff; font-weight: bold; }
#content p.logout a:hover { color: #f90; }

/*---form(edit_block)---*/
.works01 form,
.works02 form,
.works03 form { width: 760px; margin: 0 auto; }
.works01 form input[type="submit"],
.works02 form input[type="submit"],
.works03 form input[type="submit"] { margin: -30px 0 20px; }
form.addBlock { border: solid 1px #333; padding: 10px 0; }
form.addBlock input { margin: 0 10px; }

/*---form(edit)---*/
.works06 #showLog,
.works04 #showLog { border-top: solid 1px #999; border-bottom: solid 1px #999; margin-bottom: 10px; }
.works04 #content div#login { width: 760px; margin: 0 auto; }
.works06 #content div#login { width: 800px; margin: 10px auto; }
.works04 #content form.edit { width: 760px; }
.works06 #content form.edit { width: 800px; }

#content form.edit { margin: 0 auto 20px; border: solid 1px #999; padding:10px; }
#content form p.about { display: inline; }
#content div#login { padding-bottom: 30px; }
#content div#login h2 { display: block;  }


#content div#login div#showLog { padding: 10px 0; }
#content div#login li { position: relative; }
#content div#login li input { position: absolute; top: 100px; left: 10px; }
.works04 #content div#login li input { left: 0.5em; }
#content div#login li p.album { display: block; position: absolute; top: 100px; left: 2em; width: auto; }
p.setting { padding-bottom: 3px;}
p.setting input { border: solid 1px #ccc; background-color: #fff; color: #333; font-size: 83.4%; line-height: 1.4em; vertical-align: middle; height: 20px; width: 12em; }
p.setting input:hover { border: solid 1px #999; background-color: #eee; }


/*-----*/

#content div.menu { background: url(../../works/images/worksNaviBG.png) left bottom repeat-x #fff; height: 77px; }
#content ul.menu { margin: 0 auto; padding-top: 20px; width: 756px; }
#content ul.menu li { float: left; }
#content ul.menu li a { display: block; width: 126px; height: 37px; background-color: #eee; }
#content ul.menu li a span { display: none; }
#content ul.menu li.li1 a { background: url(../../works/images/worksNavi.png) 0 0 no-repeat; }
#content ul.menu li.li2 a { background: url(../../works/images/worksNavi.png) -126px 0 no-repeat; }
#content ul.menu li.li3 a { background: url(../../works/images/worksNavi.png) -252px 0 no-repeat; }
#content ul.menu li.li4 a { background: url(../../works/images/worksNavi.png) -378px 0 no-repeat; }
#content ul.menu li.li5 a { background: url(../../works/images/worksNavi.png) -504px 0 no-repeat; }
#content ul.menu li.li6 a { background: url(../../works/images/worksNavi.png) -630px 0 no-repeat; }
#content ul.menu li.li1 a:hover,#content ul.menu li.li1 a.act { background-position: 0 -40px; }
#content ul.menu li.li2 a:hover,#content ul.menu li.li2 a.act { background-position: -126px -40px; }
#content ul.menu li.li3 a:hover,#content ul.menu li.li3 a.act { background-position: -252px -40px; }
#content ul.menu li.li4 a:hover,#content ul.menu li.li4 a.act { background-position: -378px -40px; }
#content ul.menu li.li5 a:hover,#content ul.menu li.li5 a.act { background-position: -504px -40px; }
#content ul.menu li.li6 a:hover,#content ul.menu li.li6 a.act { background-position: -630px -40px; }

#content p.note { margin: 5px auto; width: 780px; text-align: right; font-size: 83.4%; }
#content .block1 { border-bottom: solid 1px #000; margin-bottom: 30px; }

#content .thumb { padding-bottom: 10px; }
#content .thumb h3 { margin: 0 auto; width: 780px; clear: both; display: block; }
#content .thumb ul.works { margin: 0 auto; width: 800px; clear: both; display: block; }
#content .thumb ul.works li { float: left; display: inline; margin: 10px 0; padding: 0 11px; overflow: hidden; }
#content .thumb ul.works li p { width: 138px; line-height: 1.6em; height: 40px; }
#content .thumb ul.works li.clearfix { height: 0; margin: 0; padding: 0;  }

#content p.pNavi { width: 780px; margin: 0 auto; color: #ccc; }
.works04 #content p.pNavi { width: 680px; margin: 0 auto; color: #ccc; }

.works03 #content .thumb ul.works li a { display: block; border: solid 2px #efecdd; width: 134px; height: 92px; overflow: hidden; }
.works03 #content .thumb ul.works li a img { margin: -2px; }

.works04 #content .thumb ul.works { width: 712px; }
.works04 #content .thumb ul.works li { padding: 0 20px; }

.works05 #content .main { margin: 0 auto; width: 798px; text-align: center; border-left: solid 1px #000; border-right: solid 1px #000; }
.works05 #content .main h2 { margin-bottom: 24px; }
.works05 #content .main p.catch { margin-bottom: 25px; }
.works05 #content .main h3 { margin: 0 0 10px; }
.works05 #content .main p.headCopy { font-size: 116.7%; padding-bottom: 10px; line-height: 1.3em; }
.works05 #content .main dl.flow { width: 614px; margin: 0 auto; padding-bottom: 10px; text-align: left; }
.works05 #content .main dl.flow dt { height: 18px; line-height: 140%; display: block; border: solid 1px #944429; background-color: #f3e8da; margin-bottom: 5px; }
.works05 #content .main dl.flow dt.dt1 { background: url(../../works/images/works05/flowhead_01.gif) 0 0 no-repeat #f3e8da; }
.works05 #content .main dl.flow dt.dt2 { background: url(../../works/images/works05/flowhead_02.gif) 0 0 no-repeat #f3e8da; }
.works05 #content .main dl.flow dt.dt3 { background: url(../../works/images/works05/flowhead_03.gif) 0 0 no-repeat #f3e8da; }
.works05 #content .main dl.flow dt.dt4 { background: url(../../works/images/works05/flowhead_04.gif) 0 0 no-repeat #f3e8da; }
.works05 #content .main dl.flow dt.dt5 { background: url(../../works/images/works05/flowhead_05.gif) 0 0 no-repeat #f3e8da; }
.works05 #content .main dl.flow dt.dt6 { background: url(../../works/images/works05/flowhead_06.gif) 0 0 no-repeat #f3e8da; }
.works05 #content .main dl.flow dt.dt7 { background: url(../../works/images/works05/flowhead_07.gif) 0 0 no-repeat #f3e8da; }
.works05 #content .main dl.flow dt.dt8 { background: url(../../works/images/works05/flowhead_08.gif) 0 0 no-repeat #f3e8da; }
.works05 #content .main dl.flow dt.dt9 { background: url(../../works/images/works05/flowhead_09.gif) 0 0 no-repeat #f3e8da; }
.works05 #content .main dl.flow dt.dt10 { background: url(../../works/images/works05/flowhead_10.gif) 0 0 no-repeat #f3e8da; }
.works05 #content .main dl.flow dt.dt11 { background: url(../../works/images/works05/flowhead_11.gif) 0 0 no-repeat #f3e8da; }
.works05 #content .main dl.flow dt.dt12 { background: url(../../works/images/works05/flowhead_12.gif) 0 0 no-repeat #f3e8da; }
.works05 #content .main dl.flow dt.dt13 { background: url(../../works/images/works05/flowhead_13.gif) 0 0 no-repeat #f3e8da; }
.works05 #content .main dl.flow dt strong { display: none; }
.works05 #content .main dl.flow dt small { margin-left: 160px; font-size: 91.7%; line-height: 1.8em; _line-height: 1.6em; white-space: nowrap; }
.works05 #content .main dl.flow dt.dt10 small { letter-spacing: -0.1em; }
.works05 #content .main dl.flow dd { margin-bottom: 20px; }
.works05 #content .main dl.flow dd img { border: solid 1px #944429; margin-right: 4px; }
.works05 #content .main dl.flow dd img.last { margin-right: 0; }
.works05 #content .main dl.flow dd p { float: left; display: inline; }
.works05 #content .main dl.flow dd p.last { margin-right: 0; }
.works05 #content .main dl.flow dd p strong { display: block; width: 200px; text-align: center; border: solid 1px #944429; background-color: #944429; color: #fff; font-size: 91.7%; }
.works05 #content .main dl.flow dd p span { display: block; width: 194px; min-height: 4.8em; _height: 4.8em; border: solid 1px #944429; background-color: #fff; font-size: 84.3%; line-height: 1.2em; padding: 3px; }
html>/**/body.works05 #content .main dl.flow dd p span { margin-bottom /*\**/: 20px\9; } /*ie8hack*/
body.works05:first-of-type dd.clearfix { height: 1px; } /*safari4hack*/
.works05 #content .main .block { margin: 0 auto; width: 680px; text-align: left;}
.works05 #content .main .block1 { text-align: center; border: none; }
.works05 #content .main .block2 p.copy { margin: 0 auto; width: 540px; font-size: 133.4%; line-height: 1.2em; }
.works05 #content .main .block2 img.img1 { float: left; margin: 0 0 0 70px; }
.works05 #content .main .block2 .dl2 { clear: both; display: block; width: 540px; margin: 0 auto; font-size: 84.3%; }
.works05 #content .main .block2 .dl2 dt,
.works05 #content .main .block2 .dl2 dd { float: left; }
.works05 #content .main .block2 .dl2 .dd1 { width: 170px; min-height: 10em; _height: 10em; }
.works05 #content .main .block2 .dl2 .dd2,
.works05 #content .main .block2 .dl2 .dd3 { width: 220px; min-height: 7em; _height: 7em; }
.works05 #content .main .block2 .dl2 .dd4 { clear: both; }
.works05 #content .main .block3 { margin: 0 auto; width: 540px; padding: 10px 0; background-color:#FAE9CC; line-height: 1.6em; }
.works05 #content .main .block3 p { float: left; padding: 0 10px; font-size: 108.4%; width: 252px; letter-spacing: -0.03em; }
.works05 #content .main .block3 img { margin-bottom: 10px; }
.works05 #content .main .block3 table { width: 260px;}
.works05 #content .main .block3 table th,
.works05 #content .main .block3 table td { border: solid 1px #000; padding: 3px; font-size: 84.3%; line-height: 1.4em; }
.works05 #content .main .block3 table th { background-color:#DE8E18; color:#ffffff; text-align:center; font-weight:bold; font-size:10px; white-space:nowrap; }
.works05 #content .main .block3 table th.th2 { background-color:#D4541C; }
.works05 #content .main .block3 table td { background-color:#ffffff; font-size:10px; white-space:nowrap; vertical-align:middle; }
.works05 #content .main .block3 table td.td2 { background-color:#F8DCC6; text-align:center; }
.works05 #content .main .block3 table td.td3 { text-align:center; }
.works05 #content .main .block3caption { margin: 0 auto; width: 540px; text-align: right; font-size: 84.3%; }
.works05 #content .main .block4 { text-align: center; }
.works05 #content .main .block4 a { margin: 0 8px; }
.works05 #content .main .block { padding-bottom: 30px; }
.works05 #content .main .block5 { position: relative; }
.works05 #content .main .block5 h3 { margin: 30px auto; height: 115px; overflow: hidden; }
.works05 #content .main .block5 p a { display: block; width: 128px; height: 55px; position: absolute; top: 30px; left: 282px; background: url(../../works/images/works05/link.png) -282px -30px no-repeat; }
.works05 #content .main .block5 p a:hover { background-position: -282px -150px; }
.works05 #content .main .block5 p a span { display: none; }

/*---100810 works3headerImage---*/
.works03 div.headerImage { width: 780px; margin: 75px auto 0; }
.works03 div.headerImage img.img1 { margin-bottom: 17px; }
.works03 div.headerImage img.img2 { margin-left: 10px; }
.works03 div.headerImage p { margin: 20px 10px 25px; }
.works03 .coast { margin-top: 70px; height: 690px; background: url(../../works/images/works3bg.jpg) 50% 100% no-repeat; }
.works03 .coast dl { width: 760px; margin: 0 auto; position: relative; }
.works03 .coast dl dt { font-style: italic; font-family: 'Times New Roman',serif; font-size: 150%; padding-top: 10px; }
.works03 .coast dl dt img { float: left; margin-right: 25px; margin-top: -10px; }
.works03 .coast dl dd { border-top: solid 1px #999; font-size: 116.7%; line-height: 1.6em; padding-top: 5px; margin-top: 5px; }

/*--- コピー無し ---*/
#content .thumb ul.works li p { width: 138px; line-height: 1.6em; height: 20px; }