@charset "UTF-8";

/* -------------------------------

default & layout

------------------------------- */
a{
	color:#0078b7;
	text-decoration:none;
	-webkit-transition:.0s !important;
	   -moz-transition:.0s !important;
		-ms-transition:.0s !important;
		 -o-transition:.0s !important;
			transition:.0s !important;
}
a:hover{color:#f64469;}

#wrapper{
	width:100%;
	margin:30px auto 0 auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ',Osaka,'ＭＳ Ｐゴシック';
}

header{
	width:100%;
	height:120px;
	background-color:#FFF;
	position:fixed;
    top:29px;
    left:0px;
	z-index:2;
	/**/box-shadow:0px 0px 5px #bbb;
	-moz-box-shadow:0px 0px 5px #bbb;
	-webkit-box-shadow:0px 0px 5px #bbb;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb, direction=90, strength=5, enabled=true);
    /* IE6 */
    _position:absolute; 
    _top:expression(eval(document.documentElement.scrollTop+0)+'px');
}
@media only screen and (max-width:767px) {header{top:0;}}

.main{
	width:960px;
	margin:0 auto;
	padding:140px 0 40px 0;
}


footer{
	margin:0 auto 30px auto;
}

.block960{
	width:960px;
	margin:0 auto;
}

.block820{
	width:820px;
	margin:0 auto;
}

h3{
	margin:0 0 10px 0;
	font-size:1.8em;
	font-weight:bold;
}


/* -------------------------------

header

------------------------------- */
h1 a{
	width:349px;
	height:23px;
	display:block;
	margin:35px 0 0 0;
	float:left;
	background:url(/img/listing_ad/logo.gif) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.header-link{
	float:right;
	margin:32px 0 0 0;
}

.header-link ul li{
	margin:0 20px 0 0;
	padding:0 0 7px 10px;
	line-height:1.5;
	background-repeat:no-repeat;
	background-image:url(/img/listing_ad/icon_link_pink.gif);
	background-position: 0 5px;
}
.header-link ul li a:hover{color:#f64469;}

.header-offer{float:right;}

.header-offer a{
	width:220px;
	height:50px;
	display:block;
	margin:15px 0;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
	line-height:50px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	background:#f64469;
}
.header-offer a:hover{
	background:#e72d54;
}

/*nav*/
.header-menu-bg{
	width:100%;
	height:50px;
	background-color:#008dc2;
}

.header-menu{	
	width:960px;
	height:50px;
}

.header-menu li{
	position:relative;
	list-style:none;
	float:left;
	display:block;
	height:50px;
}

/*nav-links*/
.header-menu li a{
	display:block;
	padding:0 15px;
	line-height:50px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.header-menu li a.header-menu-on,
.header-menu li a:hover{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.header-menu li:hover > a{
	color:#fff;
}

/*nav-sub menu*/
.header-menu ul{
	position:absolute;
	top:50px;
	left:0;
	opacity:0;
	background-color:#f7b40a;
	-webkit-border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
	-webkit-transition:opacity .15s ease .1s !important;
	-moz-transition:opacity .15s ease .1s !important;
	-o-transition:opacity .15s ease .1s !important;
	-ms-transition:opacity .15s ease .1s !important;
	transition:opacity .15s ease .1s !important;
}

.header-menu li:hover > ul{opacity:1;}

.header-menu ul li{
	height:0;
	overflow:hidden;
	padding:0;
	text-shadow:none;
	-webkit-transition:height .15s ease .1s !important;
	-moz-transition:height .15s ease .1s !important;
	-o-transition:height .15s ease .1s !important;
	-ms-transition:height .15s ease .1s !important;
	transition:height .15s ease .1s !important;
}

.header-menu li:hover > ul li{
	height:50px;
	padding:0;
	overflow:visible;
	line-height:40px;
	text-shadow:none;
}

.header-menu ul.header-menu-about li a{
	width:300px;
	margin:0;
	color:#000;
	text-shadow:none;
}

.header-menu ul.header-menu-feature li a{
	width:80px;
	margin:0;
	color:#000;
	text-shadow:none;
}

.header-menu ul.header-menu-about li a:hover,
.header-menu ul.header-menu-feature li a:hover{
	color:#FFF;
	background-color:#e39c04;
	text-shadow:0 1px 1px #b47b04;
}

.header-menu ul.header-menu-about li:first-child a:hover,
.header-menu ul.header-menu-feature li:first-child a:hover{
	-webkit-border-radius:0 5px 0 0;
	-moz-border-radius:0 5px 0 0;
	border-radius:0 5px 0 0;
}

.header-menu ul.header-menu-about li:last-child a:hover,
.header-menu ul.header-menu-feature li:last-child a:hover{
	-webkit-border-radius:0 5px 5px 5px;
	-moz-border-radius:0 5px 5px 5px;
	border-radius:0 5px 5px 5px;
}

/*nav-icons*/
.header-menu a.header-menu-icon{background:url(/img/sugo-e_netshop/subMenu_close.png) no-repeat center right 10px;}
.header-menu a:hover.header-menu-icon{background:url(/img/sugo-e_netshop/subMenu_link_on.png) no-repeat center right 10px;}


/* -------------------------------

sub contents

------------------------------- */
/*breadcrumb list*/
.page-list{
	display:inline-block;
	margin:0 0 40px 0;
}
.page-list ul li{
	float:left;
	margin:0 15px 0 0;
	color:#bbb;
	font-size:0.9em;
	line-height:1;
}

/*social button*/
.social-block-top{
	width:100%;
	display:inline-block;
	padding:15px 0 10px 0;
	overflow:hidden;
	text-align:center;
	vertical-align:bottom;
	background:#f6f6f6;
}

.social-block-top-position{
	width:620px;
	margin:0 auto;
	padding:0 0 0 340px;
}

.social-block{
	height:30px;
	display:inline-block;
	margin:0 0 30px 0;
	float:right;
	text-align:left;
	vertical-align:bottom;
}

.social-facebook{
	float:left;
	width:115px;
}

.social-twitter{
	float:left;
	width:105px;
	margin:3px 0 0 0;
}

.social-google{
	float:left;
	width:60px;
	margin:3px 0 0 0;
}

.social-line{
	float:left;
	width:105px;
	height:30px;
}

/*title*/
.subtitle-bg{
	margin:0 0 30px 0;
	padding:5px 0 7px 20px;
	border-left:10px #008dc2 solid;
	font-size:1.2em;
	line-height:1;
}
.win .subtitle-bg{padding:10px 0 10px 20px;}

.subtitle-bg h2{
	font-size:2em;
	font-weight:bold;
	color:#008dc2;
}

/*main*/
.contents-txt{font-size:1.2em;}
.contents-txt p{
	margin-top:40px;
	margin-bottom:10px;
	padding-bottom:5px;
	font-size:1.4em;
	font-weight:bold;
	color:#008dc2;
	border-bottom:3px solid #008dc2;
}

/*text block*/
.text-block-border{
	padding:30px;
	border:5px #eee solid;
}
.text-block-border b{
	font-size:1.4em;
	font-weight:bold;
}

/*icon link*/
.link-txt{
	margin:5px 0 0 0;
	padding:0 0 0 35px;
	line-height:1.5;
	background-repeat:no-repeat;
	background-image:url(/img/listing_ad/icon_link_blue.gif);
	background-position: 20px 7px;
}

/*anchor link*/
#a01,#a02,#a03,
#a01_01,#a01_02,#a01_03,#a01_04,#a01_05,#a01_06,#a01_07,
#a02_01,#a02_02,#a02_03,#a02_04,#a02_05,
#a03_01,#a03_02{
	margin:-165px 0 0 0;
	padding:165px 0 0 0;
}


/* -------------------------------

footer

------------------------------- */
.footer-link-bg{
	margin:0 0 40px 0;
	padding:40px 0;
	background-color:#008dc2;
}

.footer-link-inquiry a{
	width:500px;
	display:block;
	margin:0 auto;
	padding:20px;
	background:#fff;
	font-size:2.8em;
	font-weight:bold;
	color:#f64469;
	text-align:center;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
.footer-link-inquiry a:hover{
	background:#f64469;
	color:#fff;
}

.footer-link-offer{
	float:left;
	padding:40px 0 0 0;
}

.footer-link-offer ul li{
	margin:0 20px 0 0;
	padding:0 0 0 20px;
	background-repeat:no-repeat;
	background-image:url(/img/listing_ad/icon_footerlink.gif);
	background-position:0 5px;
	line-height:1;
}
.win .footer-link-offer ul li{background-position:0 3px;}
.footer-link-offer ul li:hover{background-image:url(/img/listing_ad/icon_footerlink_on.gif);}
.footer-link-offer ul li a{
	font-size:1.7em;
	font-weight:bold;
	color:#fff;
}
.footer-link-offer ul li a:hover{color:#f64469;}


/*gmoc footer*/
#footer-logo a{
	width:179px;
	height:14px;
	display:block;
	margin:10px 0 0 0;
	float:left;
	background:url(/img/lp/footer_logo.gif) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#footer-link{
	margin:0 0 5px 0;
	font-size:0.9em;
}
#footer-link a{margin:0 0 0 20px;}

#footer-copyright{font-size:0.9em;}


/*page top*/
#page-top{
	position:fixed;
	bottom:20px;
	right:20px;
}

#page-top a{
	width:55px;
	height:55px;
	text-align:center;
	display:block;
	text-decoration:none;
	font-weight:bold;
	line-height:55px;
	color:#FFF;
	background-color:#ccc;
	border:3px #ccc solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}

#page-top a:hover{
	text-decoration:none;
	background:#999;
	border:3px #999 solid;
	color:#FFF;
}


/* -------------------------------

top

------------------------------- */
.main-top-title{
	margin:0 auto;
	padding:130px 0 20px 0;
	font-size:1.2em;
	background-color:#f6f6f6;
}

.top-title{
	width:460px;
	float:left;
}
.top-title h2{
	margin-bottom:20px;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.5em;
}

.top-agency{
	margin-top:20px;
	padding:20px;
	background-color:#fff;
	font-size:.8em;
}
.top-agency-txt{
	width:240px;
	float:left;
}
.top-agency-txt p{
	font-size:1.2em;
	font-weight:bold;
}
.top-agency-badge{
	width:170px;
	height:80px;
	float:right;
	background:url(/img/listing_ad/top_agency_badge.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.top-image{
	width:460px;
	height:336px;
	float:right;
	margin-top:20px;
	background:url(/img/listing_ad/top_image.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.main-top-contents{
	width:960px;
	margin:0 auto;
	padding:0;
}

.top-yahoo,.top-google{
	width:960px;
	margin:40px 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.top-yahoo{
	height:337px;
	background:url(/img/listing_ad/top_yahoo.png) no-repeat;
}
.top-google{
	height:612px;
	background:url(/img/listing_ad/top_google.png) no-repeat;
}

.top-detail a{
	width:450px;
	display:block;
	margin:0 auto;
	padding:20px;
	border:2px #008dc2 solid;
	background:#fff;
	font-weight:bold;
	color:#008dc2;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
.top-detail a:hover{
	background:#008dc2;
	color:#fff;
}


/* -------------------------------

yahoo

------------------------------- */
.yahoo-flow,.yahoo-conversion,.yahoo-device,.yahoo-operation,.yahoo-operation01,.yahoo-targeting,.yahoo-cost{
	width:880px;
	margin-top:20px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.yahoo-flow{
	height:627px;
	margin-bottom:20px;
	background:url(/img/listing_ad/yahoo_flow.png) no-repeat;
}
.yahoo-conversion{
	height:580px;
	margin-bottom:20px;
	background:url(/img/listing_ad/yahoo_conversion.png) no-repeat;
}
.yahoo-device{
	height:229px;
	background:url(/img/listing_ad/yahoo_device.png) no-repeat;
}
.yahoo-operation{
	width:960px;
	height:363px;
	margin:20px auto;
	background:url(/img/listing_ad/yahoo_operation.png) no-repeat;
}
.yahoo-operation01{
	width:960px;
	height:363px;
	margin:20px auto;
	background:url(/img/listing_ad/yahoo_operation01.png) no-repeat;
}
.yahoo-targeting{
	height:388px;
	margin:20px auto;
	background:url(/img/listing_ad/yahoo_targeting.png) no-repeat;
}
.yahoo-cost{
	height:362px;
	margin:20px auto 0 auto;
	background:url(/img/listing_ad/yahoo_cost.png) no-repeat;
}


/* -------------------------------

Google

------------------------------- */
.google-adw,.google-pla,.google-pla-image,.google-pla-flow,.google-prospecting{
	width:880px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.google-pla-flow{width:820px;}
.google-adw{
	height:338px;
	background:url(/img/listing_ad/google_adw.png) no-repeat;
}
.google-prospecting{
	height:338px;
	background:url(/img/listing_ad/google_prospecting.png) no-repeat;
}
.google-pla{
	height:340px;
	background:url(/img/listing_ad/google_pla.png) no-repeat;
}
.google-pla-image{
	height:455px;
	background:url(/img/listing_ad/google_pla_image.png) no-repeat;
}
.google-pla-flow{
	height:206px;
	background:url(/img/listing_ad/google_pla_flow.png) no-repeat;
}


/* -------------------------------

flow

------------------------------- */
.flow01,.flow02,.flow03,.flow04{
	width:100px;
	height:100px;
	float:left;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.flow01{background:url(/img/listing_ad/flow_icon01.png) no-repeat;}
.flow02{background:url(/img/listing_ad/flow_icon02.png) no-repeat;}
.flow03{background:url(/img/listing_ad/flow_icon03.png) no-repeat;}
.flow04{background:url(/img/listing_ad/flow_icon04.png) no-repeat;}

.flow-arrow{
	width:750px;
	margin:0 auto 20px auto;
	height:17px;
	background:url(/img/listing_ad/flow_arrow.png) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.flow-txt{
	width:700px;
	float:right;
	font-size:1.2em;
}

.flow-txt p{
	font-size:1.2em;
	font-weight:bold;
	color:#008dc2;
}

.flow-txt p small{
	display:block;
	font-size:.9em;
}

.flow-finish{
	width:770px;
	margin:0 auto;
	padding:20px;
	background-color:#fff;
	border:5px solid #008dc2;
	text-align:center;
	font-size:3em;
	font-weight:bold;
	color:#008dc2;
	border-radius:100px;
	-moz-border-radius:100px;
	-webkit-border-radius:100px;
	-o-border-radius:100px;
	-ms-border-radius:100px;
}


/* -------------------------------

price

------------------------------- */
table.table-2column{
	width:100%;
}

table.table-2column td,table.table-2column th{
	padding:15px;
	vertical-align:middle;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
}
table.table-2column th,table.table-2column td.table-subtitle{
	text-align:center;
}
table.table-2column td.table-title,table.table-2column td.table-subtitle{
	width:25%;
	background-color:#f3f3f3;
}

table.table-2column th{
	background-color:#008dc2;
	font-weight:bold;
	color:#fff;
}

table.table-2column td p{
	font-size:1.6em;
	font-weight:bold;
}
table.table-2column td small{
	font-size:.8em;
}

table.table-2column td.table-line-rNo,table.table-2column th.table-line-rNo{border-right:none;}
table.table-2column td.table-line-bNo,table.table-2column th.table-line-bNo{border-bottom:none;}


/* -------------------------------

FAQ

------------------------------- */
.faq-sublink-block,.faq-qaColor-block,.faq-qa-block{font-size:1.2em;}
.faq-sublink-block p{
	margin:0 0 20px 0;
	padding:15px;
	font-size:1.2em;
	font-weight:bold;
	line-height:1;
	background-color:#008dc2;
	color:#FFF;
}

.faq-qaColor-block,.faq-qa-block{
	padding:20px;
}
.faq-qaColor-block{background-color:#f3f3f3;}

.faq-q-block{
	margin-bottom:20px !important;
}

.faq-q-block p{
	display:block;
	float:left;
	margin:0 10px 0 0;
	padding:10px;
	background-color:#008dc2;
	line-height:1;
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.faq-q-block b{
	width:790px;
	float:right;
	margin:0 10px 0 0;
	padding:7px 0 0 0;
	font-weight:bold;
}

.faq-a-block{
	margin:0 0 0 0;
}

.faq-a-block p{
	display:block;
	float:left;
	padding:10px;
	background-color:#CCC;
	font-size:1.2em;
	line-height:1;
	font-weight:bold;
	color:#FFF;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.faq-a-block b{
	width:790px;
	float:right;
	margin:0 10px 0 0;
	padding:7px 0 0 0;
}