@charset "UTF-8";
/* CSS Document */
/*　
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
html{height:100%;color:#333;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:14px/1.231 sans-serif;*font-size:small;*font:x-small;font-family:'Pathway Gothic One', '小塚ゴシック Pro R', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body {position:relative;height:100%;-webkit-text-size-adjust:100%;}


.section {position:relative;min-height:95%;max-width:960px;margin:0 auto 50px;padding:0 0 50px 0;border:solid 1px #fff;overflow-x:hidden;}

.next {position:absolute;bottom:10px;left:0;width:100%;text-align:center;}
.next a {display:inline-block;background:url(../images/next_bk.gif) center top no-repeat;padding:30px 0 0 0;text-decoration:none;color:#ccc;width:52px;}
.return {position:absolute;bottom:80px;left:0;width:100%;text-align:center;}
.return a {display:inline-block;text-decoration:none;color:#ccc;}
.next a:hover ,
.return a:hover {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}



/* ここからtop */
#top h1 {position:absolute;top:36%;left:0;width:100%;text-align:center;}
#top .topNavi {position:absolute;top:75%;left:0;width:100%;text-align:center;}
#top .topNavi li {display:inline-block;margin:0 2%;}
#top .topNavi li a {font-size:154%;text-decoration:none;color:#333;}
#top .topNavi li a:hover {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

/* ここからvision */
#vision h2 {margin:4em auto 4em;text-align:center;}
#vision h3 {font-size:200%;margin:0 auto 1em;text-align:center;}
#vision h4 {font-size:154%;margin:0 auto 2em;text-align:center;}
#vision p {margin:0 auto 1em;text-align:center;line-height:1.6;}

/* ここからstyle */
#style h2 {margin:4em auto 4em;text-align:center;}
#style h3 {font-size:200%;margin:0 auto 2em;text-align:center;}
#style p {margin:0 auto 1em;text-align:center;line-height:1.6;}

/* ここからbusiness */
#business h2 {margin:4em auto 4em;text-align:center;}
#business h3 {font-size:200%;margin:0 auto 1em;text-align:center;}
#business p {margin:0 auto 3em;text-align:center;line-height:1.6;}
#business .businessBox {margin:0 -30px 3em 0;max-width:990px;}
#business .businessBox li {float:left;width:30%;margin:0 3.3% 0 0;min-height:20em;}
#business .businessBox li h4 {border-top:solid 8px #000;margin:0 0 1em 0;padding:20px 0 0 0;text-align:center;}
#business .businessBox li:last-child h4 {border-top:solid 8px #D7DF4C;}
#business .businessBox li p {margin:0 20px;text-align:left;font-size:93%;}
#business p.grassroots {margin:0 auto 150px;background:#666;max-height:200px;}
#business p.grassroots a img {max-width:100%;height:auto;}
#business p.grassroots a img.m {display:none;}
#business p.grassroots a:hover img {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

/* ここからcompany */
#company h2 {margin:4em auto 4em;text-align:center;}
#company h3 {font-size:200%;margin:0 auto 2em;text-align:center;}
#company dl {margin:0 auto 100px;max-width:600px;}
#company dl dt {width:140px;text-align:right;height:0;}
#company dl dd {margin:0 0 1em 150px;font-size:93%;line-height:1.6;}
#company dl dd ul li {list-style:none;margin:0 0 0.3em 0;}
#company dl dd a {text-decoration:none;color:#333;}
#company dl dd a:hover {text-decoration:underline;}

/* ここからrecruit */
#recruit h2 {margin:4em auto 4em;text-align:center;}
#recruit h3 {font-size:154%;margin:0 auto 0.8em;text-align:center;line-height:1.4;}
#recruit p {margin:0 auto 1em;text-align:center;line-height:1.6;}
#recruit .rNavi {margin:0 auto 2em;text-align:center;}
#recruit .rNavi li {display:inline-block;margin:0 5px;}
#recruit .rNavi li a:hover {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#recruit p.note {font-size:93%;line-height:1.6;}
#recruit p.address {max-width:610px;text-align:left;padding:0 0 0 100px;margin:0 auto 2em;font-size:93%;line-height:1.6;}
#recruit #recruitBox {border:solid 10px #E5E5E5;max-width:660px;margin:0 auto 100px;padding:50px 60px 20px;border-image: url("../images/r_border.gif") 10 10 round;border-style:solid; border-width:10px;}
#recruit #recruitBox li {margin:0 0 3em 0;}
#recruit #recruitBox li h3 {background:#D7DF4C;}
#recruit #recruitBox li dl {}
#recruit #recruitBox li dl dt {width:110px;height:0;font-weight:bold;}
#recruit #recruitBox li dl dd {margin:0 0 1em 120px;font-size:93%;line-height:1.6;}
#recruit #recruitBox li dl dd ul {}
#recruit #recruitBox li dl dd ul li {list-style:outside disc;margin:0 0 0.3em 20px;}
#recruit #recruitBox li p {text-align:left;font-size:93%;line-height:1.6;}

/* ここからcontact */
#contact {min-height:90%;padding:0 0 150px 0;}
#contact h2 {margin:4em auto 4em;text-align:center;}
#contact h3 {font-size:154%;margin:0 auto 2em;text-align:center;}
#contact dl {margin:0 auto;max-width:650px;}
#contact dl dt {width:140px;text-align:right;height:0;font-weight:bold;}
#contact dl dd {margin:0 0 1.4em 150px;line-height:1.6;}
#contact dl dd input {vertical-align:middle;}
#contact dl dd input[type=text] {width:480px;max-width:95%;vertical-align:middle;background:#F0F0F0;}
#contact dl dd input[type=checkbox] {margin:0 5px 0 0;}
#contact dl dd textarea {width:480px;max-width:95%;height:5em;vertical-align:middle;background:#F0F0F0;}
#contact input[type=image] {display:block;margin:0 auto;}
#contact input[type=image]:hover {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}


#footer {position:relative;margin:-120px 0 0 0;width:100%;height:120px;background:#000;}
#footer address {max-width:960px;margin:0 auto;color:#ccc;text-align:right;padding:50px 20px 0 0;}


/* ******************* under 640px ******************* */
@media only screen and (max-width: 640px) {


body {min-width:480px;}

.section {position:relative;min-height:1px;margin:0;border:none;border-bottom:solid 1px #ccc;padding:20px 0;overflow-x:hidden;}

.next ,
.return {display:none;}

img {max-width:100%;height:auto;}
span {white-space:nowrap;}


/* ここからtop */
#top {border:none;}
#top h1 {position:relative;top;0;left:0;width:60%;text-align:center;margin:0 auto 1em;}
#top .topNavi {position:relative;top;0;left:0;background:#000;width:100%;text-align:center;padding:10px 0 3px;}
#top .fixed {position:fixed;top:0;left:0;width:100%;z-index:10;}
#top .topNavi li {display:inline-block;margin:0 3% 8px;}
#top .topNavi li a {font-size:123%;text-decoration:none;color:#fff;padding:3px 2px;}
#top .topNavi li a:hover {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

/* ここからvision */
#vision h2 {margin:4em auto 4em;text-align:center;}
#vision h2 img {width:268px;}
#vision h3 {font-size:154%;margin:0 auto 1em;text-align:center;}
#vision h4 {font-size:123%;margin:0 auto 2em;text-align:center;}
#vision p {margin:0 auto 1em;text-align:center;line-height:1.6;}

/* ここからstyle */
#style h2 {margin:4em auto 4em;text-align:center;}
#style h2 img {width:268px;}
#style h3 {font-size:154%;margin:0 auto 2em;text-align:center;}
#style p {margin:0 auto 1em;text-align:center;line-height:1.6;}

/* ここからbusiness */
#business h2 {margin:4em auto 4em;text-align:center;}
#business h2 img {width:344px;}
#business h3 {font-size:154%;margin:0 auto 1em;text-align:center;}
#business p {margin:0 auto 3em;text-align:center;line-height:1.6;}
#business .businessBox {margin:0 30px 3em;max-width:990px;}
#business .businessBox li {float:none;width:auto;margin:0 0 2em 0;position:relative;padding:20px 0 0 170px;min-height:135px;}
#business .businessBox li h4 {position:absolute;top:0;left:0;width:100%;border-top:solid 8px #000;margin:0;min-height:265px;}
#business .businessBox li h4 img {display:none;}
#business .businessBox .planning h4 {background:url(../images/b_planning_m.gif) left top no-repeat;}
#business .businessBox .design h4 {background:url(../images/b_design_work_m.gif) left top no-repeat;}
#business .businessBox .editorial h4 {background:url(../images/b_editorial_m.gif) left top no-repeat;}
#business .businessBox .produce h4 {background:url(../images/b_produce_m.gif) left top no-repeat;}
#business .businessBox .operation h4 {background:url(../images/b_operation_m.gif) left top no-repeat;}
#business .businessBox .project h4 {background:url(../images/b_project_management_m.gif) left top no-repeat;}
#business .businessBox .creative h4 {background:url(../images/b_creative_direction_m.gif) left top no-repeat;}
#business .businessBox .network h4 {background:url(../images/b_network_m.gif) left top no-repeat;}
#business .businessBox .organic h4 {background:url(../images/b_organic_m.gif) left top no-repeat;}
#business .businessBox li:last-child h4 {border-top:solid 8px #D7DF4C;}
#business .businessBox li p {margin:0 20px;text-align:left;font-size:93%;}
#business p.grassroots {margin:0 20px 150px;background:#666;max-height:260px;}
#business p.grassroots a img {display:none;max-width:100%;height:auto;}
#business p.grassroots a img.m {display:inline;}
#business p.grassroots a:hover img {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

/* ここからcompany */
#company h2 {margin:4em auto 4em;text-align:center;}
#company h3 {font-size:154%;margin:0 auto 2em;text-align:center;}
#company dl {margin:0 auto 100px;max-width:600px;}
#company dl dt {width:120px;text-align:right;height:0;}
#company dl dd {margin:0 0 1em 130px;font-size:93%;line-height:1.6;}
#company dl dd ul li {list-style:none;margin:0 0 0.3em 0;}
#company dl dd a {text-decoration:none;color:#333;}
#company dl dd a:hover {text-decoration:underline;}

/* ここからrecruit */
#recruit h2 {margin:4em auto 4em;text-align:center;}
#recruit h3 {font-size:123%;margin:0 auto 0.8em;text-align:center;line-height:1.4;}
#recruit p {margin:0 auto 1em;text-align:center;line-height:1.6;}
#recruit .rNavi {margin:0 auto 2em;text-align:center;}
#recruit .rNavi li {display:inline-block;margin:0 5px;}
#recruit .rNavi li a:hover {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#recruit p.note {font-size:93%;line-height:1.6;text-align:left;padding:0 0 0 2em;}
#recruit p.address {max-width:610px;text-align:left;padding:0 0 0 2em;margin:0 auto 2em;font-size:93%;line-height:1.6;}
#recruit #recruitBox {border:solid 10px #E5E5E5;max-width:660px;margin:0 auto 100px;padding:30px 30px 20px;border-image: url("../images/r_border.gif") 10 10 round;border-style:solid; border-width:10px;}
#recruit #recruitBox li {margin:0 0 3em 0;}
#recruit #recruitBox li h3 {font-size:154%;background:#D7DF4C;}
#recruit #recruitBox li dl {}
#recruit #recruitBox li dl dt {width:auto;height:auto;font-weight:bold;}
#recruit #recruitBox li dl dd {margin:0 0 1em 0;font-size:93%;line-height:1.6;}
#recruit #recruitBox li dl dd ul {}
#recruit #recruitBox li dl dd ul li {list-style:outside disc;margin:0 0 0.3em 20px;}
#recruit #recruitBox li p {text-align:left;font-size:93%;line-height:1.6;}

/* ここからcontact */
#contact {min-height:90%;padding:0 0 150px 0;}
#contact h2 {margin:4em auto 4em;text-align:center;}
#contact h3 {font-size:154%;margin:0 auto 2em;text-align:center;}
#contact dl {margin:0 auto;padding:0 1em 0 2em;}
#contact dl dt {width:autox;text-align:left;height:auto;font-weight:bold;}
#contact dl dd {margin:0 0 1.4em 0;line-height:1.6;}
#contact dl dd input {vertical-align:middle;}
#contact dl dd input[type=text] {width:100%;max-width:95%;vertical-align:middle;background:#F0F0F0;}
#contact dl dd input[type=checkbox] {margin:0 5px 0 0;}
#contact dl dd textarea {width:100%;max-width:95%;height:5em;vertical-align:middle;background:#F0F0F0;}
#contact input[type=image] {display:block;margin:0 auto;}
#contact input[type=image]:hover {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}


#footer {position:relative;margin:-60px 0 0 0;width:100%;height:60px;background:#000;}
#footer address {max-width:960px;margin:0 auto;color:#ccc;text-align:center;padding:20px 20px 0 0;}

/* ** */}


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