@charset "utf-8";

@import url("default.css");

/* ----------------------------------------------- */
/* clearfix */

.clearfix:after {
	content: ".";
	clear: both;
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
}

.clearfix {
	zoom: 1;
}



/* iepngfix */

.iepngfix {
	behavior: url(../images/iepngfix.htc);
}


/* wordbreak */

.wordBreak{
word-break:break-all;
overflow-x:auto;
}


/* ----------------------------------------------- */
/* リンクのスタイル */

a:link {
	color:#262626;
	text-decoration:underline;
}

a:visited {
	color:#262626;
	text-decoration:underline;
}

a:hover {
	color:#555555;
	text-decoration:none;
}

a:active {
	color:#555555;
	text-decoration:underline;
}


.link_side:link {
	color:#FFFFFF;
	font-size:10px;
}

.link_side:visited {
	color:#FFFFFF;
	font-size:10px;
}

.link_side:hover {
	color:#FFFFFF;
	font-size:10px;
}

.link_side:active {
	color:#FFFFFF;
	font-size:10px;
}


.entry_note a:link {
	color:#0096d5;
	text-decoration:underline;
}

.entry_note a:visited {
	color:#0096d5;
	text-decoration:underline;
}

.entry_note a:hover {
	color:#0096d5;
	text-decoration:none;
}

.entry_note a:active {
	color:#0096d5;
	text-decoration:underline;
}

a.link_for_privacy:link {
	color:#0000AA;
	text-decoration:none;
}

a.link_for_privacy:visited {
	color:#0000AA;
	text-decoration:none;
}

a.link_for_privacy:hover {
	color:#0000AA;
	text-decoration:none;
}

a.link_for_privacy:active {
	color:#0000AA;
	text-decoration:none;
}


/* ----------------------------------------------- */
/* メインコンテンツ */

* {
	margin:0;
	padding:0;
}

html,body {
	height:100%;
	text-align:center;
	margin:0px auto;
}


body {
	color:#5e5e5e;
	background-color:#747474;
}

.container {
	width:960px;
	background:url(../images/bg_body.png) repeat-y;
	margin:0px auto;
	position: relative;
	height: 100%;
	text-align: left;
}

body > .container {
	height:auto;
}

.wrapper {
	width:950px;
	margin:0px auto;
	height:auto;
}

.wordBreak {
	word-break: break-all;
}

/* ヘッダー */

.header {
	width:950px;
	height:84px;
	background:url(../images/bg_header.png) no-repeat;
	margin:0px auto;
	overflow:hidden;
}

.header_section {
	width:940px;
	margin:13px auto 0px auto;
}

.logo {
	width:200px;
	float:left;
	display:inline;
	margin:13px 0px 0px 10px;
}

h1 {
	visibility: hidden;
	position:relative;
	top:-9999px;
	left:-9999px;
}

.header_account {
	width:650px;
	float:right;
}

.btn_login {
	text-align:right;
}

.account_area {
	margin-right:10px;
}

.account_box {
	float:right;
	border:0px;
	margin:17px 0px 0px 0px;
}

/* メイン */


.main_title {
	margin:0px 0px 15px 0px;
}

.main_section {
	width:930px;
	margin:10px auto 0px auto;
	padding-bottom:10px;
}


/* フッター */

.footer {
	width:950px;
	height:46px;
	margin:0px auto;
	position:relative;
	bottom: 0px;
}

.footer_link {
	width:581px;
	height:46px;
	background:url(../images/bg_footer.png) no-repeat;
	float:left;
	text-align:left;
}

.footer_link p {
	padding-left:10px;
	_padding-top:15px;
	line-height:46px;
	color:#262626;
}

.footer_link p a img {
  width:108px;
  height:32px;
}

.footer_copy {
	width:369px;
	height:46px;
	background:url(../images/footer_copy.png) no-repeat;
	text-indent:-9999px;
	float:left;
}


/* ----------------------------------------------- */
/* トップページ */

.top_section {
	width:950px;
	margin:0px auto;
}

.top_image_phone {
	width:950px;
	height:300px;
	background:url(../images/header_image_phone.png) 0px 0px no-repeat;
	position:relative;
	top:-300px;
	overflow:hidden;
	z-index:1;
}


.top_main {
	width:950px;
	height:300px;
	background:url(../images/header_main.jpg) 0px 0px no-repeat;
	overflow:hidden;
}


.top_main_image {
	width:950px;
	height:300px;
	overflow:hidden;
}





/* ----------------------------------------------- */
/* グローバルメニュー */
.global_menu {
	width:950px;
	height:31px;
	background:url(../images/global_menu.png) 0px 0px no-repeat;
}

.global_menu ul li {
	text-indent:-9999px;
	float:left;
}


/* グローバルメニュー global_top ----------------------------------------------- */
.global_menu ul li.global_top a {
	width:237px;
	height:31px;
	display:block;
	background:url(../images/global_menu.png) 0px 0px no-repeat;
	outline: none;
}

.global_menu ul li.global_top a:link ,
.global_menu ul li.global_top a:active ,
.global_menu ul li.global_top a:visited {
	width:237px;
	height:31px;
	display:block;
	background:url(../images/global_menu.png) 0px 0px no-repeat;
	outline: none;
}

.global_menu ul li.global_top a:hover {
	width:237px;
	height:31px;
	display:block;
	background:url(../images/global_menu.png) 0px -31px no-repeat;
}

/* グローバルメニュー global_promotion ----------------------------------------------- */
.global_menu ul li.global_promotion {
	width:238px;
	height:31px;
	background:url(../images/global_menu.png) -237px 0px no-repeat;
}

.global_menu ul li.global_promotion a:link ,
.global_menu ul li.global_promotion a:active ,
.global_menu ul li.global_promotion a:visited {
	width:238px;
	height:31px;
	display:block;
	background:url(../images/global_menu.png) -237px 0px no-repeat;
	outline: none;
}

.global_menu ul li.global_promotion a:hover {
	width:238px;
	height:31px;
	display:block;
	background:url(../images/global_menu.png) -237px -31px no-repeat;
}

/* グローバルメニュー global_monetize ----------------------------------------------- */
.global_menu ul li.global_monetize {
	width:238px;
	height:31px;
	background:url(../images/global_menu.png) -475px 0px no-repeat;
}

.global_menu ul li.global_monetize a:link ,
.global_menu ul li.global_monetize a:active ,
.global_menu ul li.global_monetize a:visited {
	width:238px;
	height:31px;
	display:block;
	background:url(../images/global_menu.png) -475px 0px no-repeat;
	outline: none;
}

.global_menu ul li.global_monetize a:hover {
	width:238px;
	height:31px;
	display:block;
	background:url(../images/global_menu.png) -475px -31px no-repeat;
}

/* グローバルメニュー global_analytics ----------------------------------------------- */
.global_menu ul li.global_analytics {
	width:237px;
	height:31px;
	background:url(../images/global_menu.png) -713px 0px no-repeat;
}

.global_menu ul li.global_analytics a:link ,
.global_menu ul li.global_analytics a:active ,
.global_menu ul li.global_analytics a:visited {
	width:237px;
	height:31px;
	display:block;
	background:url(../images/global_menu.png) -713px 0px no-repeat;
	outline: none;
}

.global_menu ul li.global_analytics a:hover {
	width:237px;
	height:31px;
	display:block;
	background:url(../images/global_menu.png) -713px -31px no-repeat;
}



.main_bg {
	width:950px;
	background:url(../images/side_bg.png) repeat-y;
	padding-bottom:50px;
}

.position_change {
	position:relative;
	top:-300px;
}

/* メインコンテンツ */

.content_box {
	width:712px;
	margin:18px 0px 0px 0px;
	display:inline;
	float:left;
}


/* セクションごと --------------------------------------- */
.content_section {
	margin:0px auto;
}

/* TOPセクション1 --------------------------------------- */
.section_one {
	background:url(../images/section_one_bg.jpg) no-repeat;
	position:relative;
	top:-18px;
	padding-left:218px;
	padding-top:18px;
}

.section_one h2 {
	width:479px;
	height:79px;
	background:url(../images/section_one_cach.png) no-repeat;
	text-indent:-9999px;
}

.section_one_item {
	width:479px;
	height:66px;
	background:url(../images/section_one_item.png) no-repeat;
	margin-top:15px;
	text-indent:-9999px;
}


.section_one p {
	margin-top:15px;
	color:#262626;
	line-height:150%;
	margin-left:5px;
	width: 470px;
}

.section_one span {
	font-size:10px;
	color:#262626;
	line-height:150%;
}

/* TOPセクションサービス --------------------------------------- */
.section_service {
	padding-left:11px;
	text-align:center;
}

.section_service_bg {
	background:url(../images/bg_service.png) repeat-y;
  background-position:center;
  width:686px;
  margin:0 auto;
	/*padding:0px 0px 0px 15px;*/
}

.service_items {
	position:relative;
	left:50%;
	float:left;
}

.service_item {
	width:210px;
	float:left;
	padding:0px 20px 0px 20px;
	position:relative;
	right:50%;
}

.service_item a:link ,
.service_item a:active ,
.service_item a:visited {
	text-decoration:none;
}

.service_item a:hover {
	text-decoration:none;
}


.service_item p {
	line-height:1.5em;
	margin-top:5px;
	text-align:left;
}


/* セクションデバイス --------------------------------------- */
.section_device {
	margin-top:17px;
	width:677px;
}

.section_device h2 {
	width:677px;
	height:37px;
	background:url(../images/device_title.png) no-repeat;
	text-indent:-9999px;
	margin:0px 0px 13px 0px;
}

.section_iphone {
	width:213px;
	height:117px;
	background:url(../images/device_iphone.png) no-repeat;
	margin:0px 7px 0px 0px;
	float:left;
}

.section_iphone ul {
	position:relative;
	top:40px;
	left:90px;
	line-height:1.5em;
}

.section_android {
	width:213px;
	height:117px;
	background:url(../images/device_android.png) no-repeat;
	margin:0px 7px 0px 0px;
	float:left;
}

.section_android ul {
	position:relative;
	top:40px;
	left:90px;
	line-height:1.5em;
}

.section_wp7 {
	width:236px;
	height:117px;
	background:url(../images/device_wp7.png) no-repeat;
	float:left;
}

.section_wp7 ul {
	position:relative;
	top:40px;
	left:90px;
	line-height:1.5em;
}



/* サイドバー --------------------------------------- */

.side_box {
	float:left;
}


/* デベロッパー新規アカウント登録ボタン --------------------------------------- */
.btn_developer_entry {
	width:220px;
	height:72px;
	background:url(../images/btn_developer_entry.png) 0px 0px  no-repeat;
	text-indent:-9999px;

}

.btn_developer_entry a:link ,
.btn_developer_entry a:active ,
.btn_developer_entry a:visited {
	width:220px;
	height:72px;
	display:block;
	background:url(../images/btn_developer_entry.png) 0px 0px  no-repeat;
}

.btn_developer_entry a:hover {
	width:220px;
	height:72px;
	display:block;
	background:url(../images/btn_developer_entry.png) 0px -72px  no-repeat;
}


/* CPI　Promotion --------------------------------------- */
.sub_header {
	width:950px;
	height:130px;
}

.promotion {
	background:url(../images/sub_header_plomotion.jpg) no-repeat;
	text-indent:-9999px;
}

.section_cpi {
	width:677px;
}

.section_cpi h2 {
	width:677px;
	height:37px;
	background:url(../images/main_title_cpi.png) no-repeat;
	text-indent:-9999px;
}

.section_cpi p {
	margin:10px auto 0px auto;
	width:644px;
	line-height:1.5em;
}

.btn_service_inquiry {
	margin:20px auto;
	width:563px;
}

.section_cpi_flow {
	width:644px;
	margin:40px auto;
}

.section_cpi_flow h2 {
	background:url(../images/title_cpi_flow.png) no-repeat;
	width:644px;
	height:35px;
	text-indent:-9999px;
}

.section_cpi_flow div {
	background:url(../images/cpi_flow.png) no-repeat;
	width:644px;
	height:327px;
}

.section_cpi_flow div p {
	width:416px;
	position:relative;
	left:230px;
	top:10px;
	line-height:1.5em;
	color:#313131;
}

.caution {
	text-align:right;
	margin:2px 0px 0px 0px;
}

/* Monetization --------------------------------------- */

.monetize {
	background:url(../images/sub_header_monetization.jpg) no-repeat;
	text-indent:-9999px;
}

.section_reword {
	width:677px;
}

.section_reword h2 {
	width:677px;
	height:37px;
	background:url(../images/main_title_reword.png) no-repeat;
	text-indent:-9999px;
}

.section_reword p {
	margin:10px auto 0px auto;
	width:644px;
	line-height:1.5em;
}


.section_reword_flow {
	width:644px;
	margin:40px auto;
}

.section_reword_flow h2 {
	background:url(../images/title_reword_flow.png) no-repeat;
	width:644px;
	height:35px;
	text-indent:-9999px;
}

.section_reword_flow div {
	background:url(../images/reword_flow.png) no-repeat;
	width:644px;
	height:395px;
}

.section_reword_flow div p {
	width:416px;
	position:relative;
	left:230px;
	top:10px;
	line-height:1.5em;
	color:#313131;
}

/* Analyzation --------------------------------------- */

.analytics {
	background:url(../images/sub_header_analytics.jpg) no-repeat;
	text-indent:-9999px;
}

.section_analytics {
	width:677px;
	padding-bottom: 20px;
}

.section_analytics h2 {
	width:677px;
	height:37px;
	background:url(../images/main_title_analytics.png) no-repeat;
	text-indent:-9999px;
}

.section_analytics p {
	margin:10px auto 0px auto;
	width:644px;
	line-height:1.5em;
}

.section_analytics_one {
	width:644px;
	margin:40px auto;

}

.section_analytics_one h2 {
	background:url(../images/title_anakytics_default.png) no-repeat;
	width:644px;
	height:35px;
	text-indent:-9999px;
}

.section_analytics_one p {
	margin:10px auto;
}

.section_analytics_one dl {
	background:url(../images/bg_list_analytics.png) repeat-y;
	width:643px;
	height:143px;
	padding-left:10px;
	padding-top:7px;
	overflow:hidden;
	line-height:1.1em;
}

.section_analytics_one dl dt {
	float:left;
	color:#FFFFFF;
	font-weight:bold;
	display:inline;
	width:116px;
	margin:0px 0px 17px 0px;
	clear:both;
}

.section_analytics_one dl dd {
	margin:0px 0px 17px 0px;
}


.section_analytics_two {
	width:644px;
	margin:0px auto;
}

.section_analytics_two h2 {
	background:url(../images/title_tracking.png) no-repeat;
	width:644px;
	height:35px;
	text-indent:-9999px;
}

.section_analytics_two p {
	margin:10px auto;
	line-height:1.5em;
}

.tracking_figure {
	width:556px;
}


.section_analytics_flow {
	width:644px;
	margin:40px auto;
}

.section_analytics_flow h2 {
	background:url(../images/title_analytics_flow.png) no-repeat;
	width:644px;
	height:35px;
	text-indent:-9999px;
}

.section_analytics_flow div {
	background:url(../images/analytics_flow.png) no-repeat;
	width:644px;
	height:215px;
}

.section_analytics_flow div p {
	width:416px;
	position:relative;
	left:230px;
	top:10px;
	line-height:1.5em;
	color:#313131;
}


/* お問い合わせボタン --------------------------------------- */
.btn_inquiry {
	width:220px;
	height:41px;
	background:url(../images/btn_inquiry.png) 0px 0px  no-repeat;
	text-indent:-9999px;

}

.btn_inquiry a:link ,
.btn_inquiry a:active ,
.btn_inquiry a:visited {
	width:220px;
	height:41px;
	display:block;
	background:url(../images/btn_inquiry.png) 0px 0px  no-repeat;
}

.btn_inquiry a:hover {
	width:220px;
	height:41px;
	display:block;
	background:url(../images/btn_inquiry.png) 0px -41px  no-repeat;
}


.side_content {
	width:220px;
	margin:10px 0px 0px 0px;
}


/* ----------------------------------------------- */
/* メールフォーム */

.inquiry_main {
	width:930px;
	margin:0px auto;
}

.inquiry_main_box {
	width:930px;
	margin:0px auto;
	background:url(../images/bg_inquiryform.png) repeat-y;
}

.inquiry_area {
	width:800px;
	margin:0px auto;
	padding-top:20px;
	padding-bottom:20px;
}

.inquiry_line {
	margin:10px auto 0px auto;
}

.inquiry_box {
	margin-top:15px;
}

.inquiry_l {
	width:360px;
	float:left;
}

.inquiry_r {
	width:360px;
	float:right;
}

.inquiry_title {
	width:200px;
	height:20px;
	background:url(../images/bg_mailtitle.png) no-repeat;
	background-size:200px 20px;
	vertical-align:text-bottom;
}

.inquiry_title_line {
	width:800px;
	border-bottom:1px solid #747474;
}

.inquiry_title_line2 {
	width:360px;
	border-bottom:1px solid #747474;
}

.inquiry_title p {
	padding-left:24px;
	line-height:20px;
	color:#ffffff;
}

.inquiry_text_box {
	width:353px;
	padding:2px;
	border:1px solid #747474;
}

.inquiry_text_box2 {
	width:792px;
	height:105px;
	padding:2px;
	border:1px solid #747474;
}

.inquiry_text_box3 {
	width:792px;
	padding:2px 2px 10px 2px;
	border:1px solid #747474;
}

.inquiry_checkbox {
	margin-top:10px;
}

.inquiry_checkbox span {
	display:block;
}

.inquiry_radio {
	margin-top:10px;
}

.inquiry_btn {
	margin:0px auto;
	text-align:center;
}

.inquiry_text {
	margin-top:10px;
}

.inquiry_confirm {
	margin-top:20px;
	text-align:center;
}

.inquiry_error {
	margin-top:3px;
}


/* ----------------------------------------------- */
/* 新規アカウント登録フォーム */

.entry_main {
	width:919px;
	margin:0px auto;
	background:url(../images/bg_entry_form.png) repeat-y;
}

.entry_main h2 {
	background:url(../images/new_account_entry_title.png) no-repeat;
	width:919px;
	height:40px;
	margin:0px auto;
	text-indent:-9999px;
}

.entry_area {
	width:802px;
	margin:0px auto;
	padding-top:20px;
	padding-bottom:20px;
}

.note {
	background:url(../images/dot_line.png) center bottom repeat-x;
	width:802px;
	padding:0px 0px 10px 0px;
}

.entry_l h3 {
	background:url(../images/account_info_title.png) no-repeat;
	width:365px;
	height:30px;
	margin:20px 0px 20px 0px;
	text-indent:-9999px;
}

.entry_r h3 {
	background:url(../images/appli_info_title.png) no-repeat;
	width:365px;
	height:30px;
	margin:20px 0px 20px 0px;
	text-indent:-9999px;
}


.entry_l {
	width:366px;
	float:left;
}

.entry_r {
	width:366px;
	float:right;
}

.entry_title {
	width:130px;
	height:20px;
	background:url(../images/bg_entry_title.png) 0px 0px no-repeat;
	vertical-align:text-bottom;
	padding-left:24px;
	line-height:20px;
	color:#ffffff;
	float:left;
}




.line {
	border-bottom:1px solid #747474;
	clear:both;
}

.error_title {
	width:130px;
	height:20px;
	background:url(../images/bg_entry_title.png) 0px -20px no-repeat;
	vertical-align:text-bottom;
	padding-left:24px;
	line-height:20px;
	color:#ffffff;
	float:left;
}



.entry_l input ,
.entry_r input {
	width:353px;
	padding:2px;
	border:1px solid #747474;
	color:#4b4b4b;
}


.entry_l select ,
.entry_r select {
	width:360px;
	border:1px solid #747474;
	color:#4b4b4b;
}

.entry_l textarea ,
.entry_r textarea {
	width:339px;
	border:1px solid #747474;
	color:#4b4b4b;
	height:157px;
	font-size:12px;
	padding:10px;
}

.entry_form_box {
	margin-bottom:25px;
}

.entry_form_box_error {
	margin-bottom:2px;
}


.necessary {
	color:#DD0000;
	float:left;
}




.entry_btn {
	margin:0px auto 50px auto;
	text-align:center;
}

.entry_btn_image {
  cursor:pointer;
}

.entry_note {
	text-align:center;
	margin:10px 0px 15px 0px;
	line-height:2em;
}

.note_strong {
	font-weight:bold;
}

.entry_text {
	width:344px;
	margin:0px 0px 26px 0px;
	padding:5px 0px 0px 22px;
	clear:both;
	border-top:1px solid #747474;
	border-left:none;
	font-size:12px;
	color:#4b4b4b;
}


.entry_btn_set {
	width:600px;
	height:41px;
	margin:0px auto 50px auto;
}

.return_btn {
	float:left;
	width:300px;
}

.entry_go_btn {
	float:right;
	width:300px;
}

/* パスワード変更画面 -------------------------------- */
.pass_change_area {
	width:802px;
	margin:0px auto 0px auto;
	padding-top:20px;
	padding-bottom:20px;
}

.pass_change_info {
	width:366px;
	margin:20px 0px 10px 0px;
	text-align:left;
}

h2.pass_change_title {
	background:url(../images/pass_change_title.png) no-repeat;
	width:919px;
	height:40px;
	margin:0px auto;
}


/* エラーメッセージ -------------------------------- */
.error_message {
	color: #DD0000;
	display: block;
	margin-bottom:8px;
}

/* 共通 */

.img {
	vertical-align:text-bottom;
}

.text_s {
	font-size:10px;
}

.text_b {
	font-weight:bold;
}

.text_red {
	color:#dd0000;
}

.link_top {
	text-align:right;
}


.side_news_title {
	width:220px;
	height:40px;
	background:url(../images/side_info_title.png) no-repeat;
	text-indent:-9999px;
}

.side_news_box {
	width:220px;
}

.side_news_detailes {
	width:218px;
	height:100px;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:3px solid #999999;
	overflow-y: auto;
	overflow-x: hidden;
	background:#f4f4f4;
}

.side_news_dt {
	width:190px;
	margin:0 auto;
	padding:10px 0px 5px 0px;
}

.side_news_dd {
	width:170px;
	margin:0 auto;
	padding:0px 20px 10px 0px;
	border-bottom:1px dotted #999999;
	line-height:1.4;
}