@charset "utf-8";
/* CSS Document */

.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
.clear { clear: both;}

.hl { margin: 20px 0 10px 0;}
.h2 { margin: 10px 0 10px 0;}

img{ border:0;}
a img { opacity: 1; transition: all 0.1s ease-out 0s; }
a:hover img { opacity: 0.7; transition: all 0.1s ease-out 0s; }
a { color: #BF0000; text-decoration: none; }
a:visited { color: #BF0000; text-decoration: underline; }
a:hover { color: #BF0000; text-decoration: underline; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td,p{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;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

/*コンテンツ-----------------------------------*/
#all { width:800px;	margin: 0 auto;	color:#FFFFFF; font-size:12px; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";}
#sns { margin:10px 0; text-align:right;}
.bold{ font-weight:bold;}
.font_12{ font-size:12px;}
.font_13{ font-size:13px;}
.font_13{ font-size:13px;}
.font_18{ font-size:18px;}

#contentsWrap{ font-size:14px}

#head_main{ width:800px; height:2135px; background:url(images/bg.jpg) no-repeat top center;}
/*メインビジュアル---*/
#head_main #contents_main{ width:800px; height:800px; margin:0; background:url(images/main.png) no-repeat center top; position:relative}
#head_main #contents_main h2{ padding:18px 0 0;}
#head_main #contents_main p{ width:330px; height:58px; position:absolute; right:25px; bottom:15px;}

/*キャンペーン①---*/
#head_main #contents_campaign01{ width:750px; height:200px; background:url(images/campaign_bg.png) repeat-y center top; margin:40px auto 0; padding: 30px 0; }
#head_main #contents_campaign01:before { background: url(images/campaign_box01_top.png) no-repeat center top; content: " "; display: block; height: 40px; margin-top: -70px; }
#head_main #contents_campaign01:after { background: url(images/campaign_bottom.png) no-repeat center bottom; content: " "; display: block; height: 18px; margin-top:10px; }
#head_main .contents_campaign_txt{ width:710px; padding:0 20px; line-height:1.6; font-size:14px}
#head_main .contents_campaign_txt dd ul{ width:580px; height:180px; margin:0 auto;}
#head_main .contents_campaign_txt dd ul li{ width:270px; height:180px; float:left;}
#head_main .contents_campaign_txt dd ul li.right{ margin-right:40px;}

/*キャンペーン②---*/
#head_main #contents_campaign02{ width:750px; background:url(images/campaign_bg.png) repeat-y center top; margin:78px auto 0; padding: 30px 0 10px; position:relative; }
#head_main #contents_campaign02 .contents_campaign02_img{ width:250px; height:348px; position:absolute; top:0; right:5px;}
#head_main #contents_campaign02 .contents_bottom_img{ width:750px; height:18px; position:absolute; bottom:-18px; right:0}
#head_main #contents_campaign02:before { background: url(images/campaign_box02_top.png) no-repeat center top; content: " "; display: block; height: 40px; margin-top: -70px; }
#head_main .contents_campaign_txt dd h4{ margin-top:-14px;}

#head_main .contents_campaign_apply{ padding-left:20px;}
#head_main .contents_campaign_apply .campaign_date{ width:480px; height:35px; margin-top:10px; padding-top:5px; background:url(images/campaign_appli_date_bg.png) no-repeat 0 0; text-align: center; font-size:16px; color:#89d8ff;}
#head_main .contents_campaign_apply .campaign_address{ width:565px; height:85px; margin-top:10px; padding-left:150px; padding-top:25px; background:url(images/campaign_appli_date_address_bg.png) no-repeat 0 0; font-size:14px; color:#89d8ff;}
#head_main .contents_campaign_apply .campaign_txt{ width:695px; margin-top:16px; padding:10px; background:url(images/notice_bg.png) repeat 0 0; line-height:1.8; font-size:13px;}
#head_main .contents_campaign_apply .campaign_txt span{ text-indent: -1em; padding-left: 1em;}

#caution{ width:750px; margin:0 auto; text-align:left; padding-top:12px;}