﻿@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/

*{margin: 0; padding: 0; font-size: 100%;}
body{color:#333; text-align:center; font-size:75%; line-height:1.3; background-color:#E8E8E8;}
body {font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,sans-serif;}
	
a { text-decoration: none;	}
a:link, a:visited, a:active { color: #0190e2;}
a:hover { color: #5fc5ff ;}

a img  { border:none; }
	
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, form, input, div, img{margin: 0px; padding: 0px; font-weight: normal; list-style:none;}

h2 {background-image:url(../img/title_bg.jpg); background-repeat:repeat-x; padding-left:15px; margin:20px 0px 10px 0px;}
span.s {font-size:10px;}

#wrapper { width:770px; margin:0 auto; text-align:left;}
#header { background-color:#FFFFFF; background-image:url(../img/header_bg.gif); background-position:bottom; background-repeat:no-repeat; padding:10px 0px 10px 25px; margin-bottom:15px;}
#main {background-color:#FFFFFF; background-image:url(../img/main_bg.gif); background-position:top; background-repeat:no-repeat; padding:15px 25px;}
#ad_logo {padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #E8E8E8;}
img.read {margin-bottom:10px;}
div#coupon {width:720px; margin:20px 0px;}
div.coupon_L {float:left; width:430px; text-align:right; padding-right:20px;}
*html div.coupon_L {float:left; width:450px; text-align:right; padding-right:20px;}
div.coupon_R {float:right; width:270px;}

div#application {width:720px;}
div#application div.application_L { float:left; background-image:url(../img/application_bg.gif); background-repeat:no-repeat; width:291px; height:70px; padding:15px; margin-left:35px;}
*html div#application div.application_L { float:left; background-image:url(../img/application_bg.gif); background-repeat:no-repeat; width:321px; height:100px; padding:15px; margin-left:15px;}
div#application div.application_L p {margin-top:10px;}
div#application div.application_R { float:right; background-image:url(../img/application_bg.gif); background-repeat:no-repeat; width:354px; height:100px;}
*html div#application div.application_R { float:right; background-image:url(../img/application_bg.gif); background-repeat:no-repeat; width:321px; height:100px;}
div#application div.reference_R { float:right; background-image:url(../img/application_bg.gif); background-repeat:no-repeat; width:321px; height:74px; text-align:center; padding-top:26px;}
*html div#application div.reference_R { float:right; background-image:url(../img/application_bg.gif); background-repeat:no-repeat; width:321px; height:100px; text-align:center; padding-top:26px;}
div#application div.application_R div.application_tel {float:left; width:215px; padding:15px 0px 15px 12px;}
*html div#application div.application_R div.application_tel {float:left; width:227px; padding:15px 0px 15px 12px;}
div#application div.application_R div.application_qr {float:right; width:101px; padding:15px 12px;}
*html div#application div.application_R div.application_qr {float:right; width:94px; padding:15px 12px;}

div.h2_application {float:left; width:356px;}
div.h2_reference {float:right; width:356px;}

.m_r_13 {margin-right:13px;}
.m_b_15 {margin-bottom:15px;}
.p_l_35 {padding-left:35px;}
.center {text-align:center;}
.right {text-align:right;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
