@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : layout.css
 Author     : ethicalive
 Style Info : /service/
=================================================================== */

/* creative.html */

#creativeCont #container { background:URL(../img/creative_bg01.jpg) no-repeat center top; min-width:960px; }

#creativeCont #main01 { width:960px; margin:0 auto; height:510px; text-align:left; }
#creativeCont #main01 h2 { padding:168px 0 0 0; }
#creativeCont #main01 p { margin:46px 0 0 0; }

#creativeCont #main02 { background:URL(../img/creative_bg02.png) repeat center top; padding:80px 0; }
#creativeCont #main02 .mainWrap01 { width:960px; margin:0 auto; }
#creativeCont #main02 .mainWrap01 .contWrap01 { padding:0 0 60px 0; background:URL(../img/creative_bdr01.gif) no-repeat center bottom; }
#creativeCont #main02 .mainWrap01 .contWrap01 h2 { width:740px; margin:0 auto; }
#creativeCont #main02 .mainWrap01 .contWrap01 p { font-size:16px; color:#303030; line-height:170%; text-align:center; margin:44px 0 0 0; }
#creativeCont #main02 .mainWrap01 .contWrap01 figure { width:740px; margin:50px auto 0 auto; }
#creativeCont #main02 .mainWrap01 .contWrap02 { margin:60px 0 0 0; }
#creativeCont #main02 .mainWrap01 .contWrap02 h3 { width:596px; margin:0 auto; }
#creativeCont #main02 .mainWrap01 .contWrap02 ul { vertical-align:top; margin:33px 0 0 0; }
#creativeCont #main02 .mainWrap01 .contWrap02 ul li { height:65px; padding:10px 0 0 0; }

/* testMarketingCont.html */

#testMarketingCont #container { background:URL(../img/test_bg01.jpg) no-repeat center top; min-width:960px; }

#testMarketingCont #main01 { width:960px; margin:0 auto; height:510px; text-align:left; }
#testMarketingCont #main01 h2 { padding:168px 0 0 0; }
#testMarketingCont #main01 p { margin:46px 0 0 0; }

#testMarketingCont #main02 { background:URL(../img/test_bg02.png) repeat center top; padding:80px 0; }
#testMarketingCont #main02 .mainWrap01 { width:960px; margin:0 auto; }
#testMarketingCont #main02 .mainWrap01 .contWrap01 { padding:0 0 60px 0; background:URL(../img/test_bdr01.gif) no-repeat center bottom; }
#testMarketingCont #main02 .mainWrap01 .contWrap01 h2 { width:706px; margin:0 auto; }
#testMarketingCont #main02 .mainWrap01 .contWrap01 p { font-size:16px; color:#303030; line-height:170%; text-align:center; margin:44px 0 0 0; background:URL(../img/test_bg04.png) no-repeat center bottom; padding:0 0 58px 0; }
#testMarketingCont #main02 .mainWrap01 .contWrap02 { margin:60px 0 0 0; }
#testMarketingCont #main02 .mainWrap01 .contWrap02 h3 { width:845px; margin:0 auto; }
#testMarketingCont #main02 .mainWrap01 .contWrap02 ul { vertical-align:top; margin:43px 0 0 0; }
#testMarketingCont #main02 .mainWrap01 .contWrap02 ul li { float:left; }
#testMarketingCont #main02 .mainWrap01 .contWrap02 h4 { width:681px; margin:20px auto 0 auto; }

/* royaltyMarketingCont.html */

#royaltyMarketingCont #container { background:URL(../img/royal_bg01.png) no-repeat center top; min-width:960px; }

#royaltyMarketingCont #main01 { width:960px; margin:0 auto; height:510px; text-align:left; }
#royaltyMarketingCont #main01 h2 { padding:150px 0 0 0; }
#royaltyMarketingCont #main01 p { margin:46px 0 0 0; }

#royaltyMarketingCont #main02 { background:URL(../img/royal_bg02.png) repeat center top; padding:80px 0; }
#royaltyMarketingCont #main02 .mainWrap01 { width:960px; margin:0 auto; }
#royaltyMarketingCont #main02 .mainWrap01 .contWrap01 h2 { width:836px; margin:0 auto; }
#royaltyMarketingCont #main02 .mainWrap01 .contWrap01 p { font-size:16px; color:#303030; line-height:170%; text-align:center; margin:44px 0 0 0; }
#royaltyMarketingCont #main02 .mainWrap01 .contWrap02 { margin:53px 0 0 0; }
#royaltyMarketingCont #main02 .mainWrap01 .contWrap02 h3 { width:397px; margin:0 auto; }
#royaltyMarketingCont #main02 .mainWrap01 .contWrap02 h4 { width:801px; margin:32px auto 0 auto; }
#royaltyMarketingCont #main02 .mainWrap01 .contWrap02 ul { height:160px; margin:32px 0 0 0; vertical-align:top; }
#royaltyMarketingCont #main02 .mainWrap01 .contWrap02 ul li { float:left; height:160px; }
#royaltyMarketingCont #main02 .mainWrap01 .contWrap03 {  }
#royaltyMarketingCont #main02 .mainWrap01 .contWrap03 h3 { width:828px; margin:0 auto; }
#royaltyMarketingCont #main02 .mainWrap01 .contWrap03 ul { height:123px; margin:32px 0 0 0; vertical-align:top; }
#royaltyMarketingCont #main02 .mainWrap01 .contWrap03 ul li { float:left; height:123px; }
#royaltyMarketingCont #main02 .mainWrap01 .contWrap03 div { width:828px; margin:0 auto; }

/* 共通 */
#creativeCont #results { background:URL(../img/creative_bg03.png) repeat center top; padding:80px 0 180px 0; }
#testMarketingCont #results { background:URL(../img/test_bg03.png) repeat center top; padding:80px 0 180px 0; }
#royaltyMarketingCont #results { background:URL(../img/creative_bg03.png) repeat center top; padding:80px 0 180px 0; }
#results .mainWrap01 { width:960px; margin:0 auto; }
#results .mainWrap01 h2 { width:156px; margin:0 auto; }
#results .mainWrap01 article { width:450px; float:left; margin:53px 60px 0 0; text-align:left; }
#results .mainWrap01 article.mR00 { margin-right:0 !important; }
#results .mainWrap01 article .Lcol { width:210px; float:left; }
#results .mainWrap01 article .Lcol p.col01 { margin:24px 0 0 0; }
#results .mainWrap01 article .Lcol p.col02 { margin:18px 0 0 0; font-size:12px; line-height:180%; }
#results .mainWrap01 article h4 { font-size:13px; font-weight:700; line-height:150%; margin:4px 0 0 0; }
#results .mainWrap01 article .Rcol { width:208px; float:right; }
#results .mainWrap01 article p.col03 { margin:24px 0 0 0; }
#results .mainWrap01 article p.col04 { margin:18px 0 0 0; font-size:12px; line-height:180%; }

@media screen and (max-device-width:480px) {
	#creativeCont { background:#db645e; }
	#creativeCont #container { background:URL(../img/creative_bg01.jpg) no-repeat center top; min-width:960px; background-size:3000px 2100px; }
	#testMarketingCont { background:#ececec; }
	#testMarketingCont #container { background:URL(../img/test_bg01.jpg) no-repeat center top; min-width:960px; background-size:3000px 2100px; }
	#royaltyMarketingCont { background:URL(../img/royal_bg_sp.jpg) repeat center top; }
	#royaltyMarketingCont #container { background:URL(../img/royal_bg01.jpg) no-repeat center top; min-width:960px; background-size:3000px 2100px; }
}