@charset "UTF-8";

body {
 margin: 0px; padding: 0px;
 text-align: center;
 font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, img
{ margin: 0;
 padding: 0
}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
fieldset, img{ 
line-height: 0.1;
}
address, caption, cite, code, dfn, em, 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;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

a:hover img{
  opacity: 0.5;/*全般ブラウザ用50%*/
  filter: alpha(opacity=50);/*IE向け記述透明度50％*/
}

input:hover{
  opacity: 0.5;/*全般ブラウザ用50%*/
  filter: alpha(opacity=50);/*IE向け記述透明度50％*/
}
/*-----------------------------------------------------------------
全体スタイル
-----------------------------------------------------------------*/
.f10{ font-size: 10px;}
.f13{ font-size: 13px;}
.fwb{ font-weight: bold; }


.p10{ padding: 10px;}
.p20{ padding: 20px;}
.pr5{ padding-right: 5px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.ptb20{ padding-top: 20px;padding-bottom: 20px;}



.m10{ margin: 10px;}
.m20{ margin: 20px;}
.ml20{ margin-left: 20px;}
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mt10{ margin-top: 10px;}
.mtb10{	margin: 10px auto;}
.mtb20{	margin: 20px auto;}
.mtb30{	margin: 30px auto;}


/* Align
---------------------------------------------------------- */
.taL { text-align: left;}
.taC { 
  text-align: center;
  margin: 0 auto;
  }
.taR { text-align: right;}

/*-----------------------------------------------------------------
Float
-----------------------------------------------------------------*/
/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#header,
#footer,
#footerShare,
#contents,
section
{
  display: block;
  min-height: 1%;
}
.clearfix:after,
#header:after,
#footer:after,
#footerShare:after,
#contents:after,
section:after
{
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}

.fl_l{ float: left;}
.fl_r{ float: right;}

.clear {
  clear: both;
}

img{  border:0;}
form{  margin: 0 auto;}
table{  margin: 0 auto;}

p a:link { color: #ff3200; text-decoration: underline;}
p a:visited { color: #ff3200;}
p a:hover { color: #ff3200;}
/*-----------------------------------------------------------------
全体　 background-color: pink;
-----------------------------------------------------------------*/
#logo{
 width: 910px;
 margin: 0 auto -15px;
}
#wrap_kage{
 width: 950px;
 margin: 0 auto;
 padding: 0;
 text-align: center;
 background:url("images/wrap_bg.jpg") 0 top repeat-y;
}
.wrap_910{
 width: 910px;
 margin: 0 auto;
 padding: 0;
 background-color: #FFFFFF;
}
.wrap_910 .lp_area{
  line-height: 0;
}



.wrap_910.oub{
border: 1px solid #812e1a;
padding-bottom: 10px;
}
.wrap_910.oub{
border-bottom:none;
}
.wrap_910.oub_end{
border: 1px solid #812e1a;
padding-bottom: 10px;
}
.paper_bg{
 background:url("images/paper_bg.gif");
 background-repeat:repeat;
}
.paper_bg img{ text-align: center;margin: 0 auto;}

.wrap_red{
 padding: 0 0 30px 0;
 border-right: 1px solid #cc0000;
 border-left: 1px solid #cc0000;
 border-bottom: 1px solid #cc0000;
}
.red_sc{
 background-color:red;
 padding: 0 2px;
 color: #FFF; font-weight: bold;
}
/*-----------------------------------------------------------------
top
-----------------------------------------------------------------*/


/*-----------------------------------------------------------------
コンテンツ　無料サンプリングキャンペーン
-----------------------------------------------------------------*/



/*-----------------------------------------------------------------
募集要項
-----------------------------------------------------------------*/
.oby_bg{
 width: 880px;
 margin: 0px auto;
 padding: 30px 0;
 text-align: center;
}

.oby_bg table{
 margin: 0px auto;
 padding: 5px 0px;
 width: 840px;
}

.oby_bg th{
 padding: 10px;
 width: 200px;
 background-color: #812e1a;
 font-size: 15px;
 line-height: 1.3;
 color: #FFF;
 font-weight: bold;
 text-align: center;
 border-bottom: 1px solid #FFF;
}
.oby_bg th.last{
 border-bottom: 1px solid #812e1a;
}
.oby_bg td{
 padding: 5px 10px;
 background-color: #FFF;
 text-align: left;
 font-size: 13px;
 line-height: 1.3;
 color: #812e1a;
 border:1px solid #e5d1c0;
}
.oby_bg ul{
 margin: 0 0 0 20px;
 padding: 0px;
}
.oby_bg li{
 list-style-type: disc;
}

.objk ul{
 margin: 0px;
 padding: 0px;
}
.objk li{
 list-style-type: none;
 padding-left:50px;
 text-indent:-50px;
}

.syohin{
	width: 600px;
	margin: 0px auto;
}

.syohin ul{
 margin: 5px 5px 0 20px;
 padding: 0px;
}

.fl_w225{
  width: 225px;
  margin:0 auto;
  float:left;
  text-align:left;
  display:inline;
}

.fr_w375{
  width:375px;
  margin:0 auto;
  float:right;
  text-align:right;
  display:inline;
}

.att_m-txt{
 font-size: 11px; line-height: 1.5; color: #812e1a;
}
.oby_bg a:link { text-decoration: none;color: #3498db;border-bottom: 1px dotted #3498db;}
.oby_bg a:visited { text-decoration: none; color: #3498db;border-bottom: 1px dotted #3498db;}
.oby_bg a:hover { text-decoration:none; color: #3498db; border-bottom: 1px solid #3498db;}

/*-----------------------------------------------------------------
応募規約
-----------------------------------------------------------------*/
.fl_l{ float:left;}
.fl_r{ float:right;}

.oub_ttl{
 width: 830px;
 margin: 20px auto 0;
 background-color: #812e1a;
}

.form_ttl_15{
 font-weight: bold;
 margin: 12px 10px 0px 10px;
 font-size: 15px; line-height: 1.5; color: #FFFFFF;
}

.form_ttl_21{
 font-weight: bold;
 margin: 5px 10px;
 font-size: 21px; line-height: 1.5; color: #FFFFFF;
}

.form_ttl_28{
 font-weight: bold;
 margin:0px;
 padding: 5px;
 letter-spacing: 0.5em;
 font-size: 28px; line-height: 1.2; color: #FFFFFF;
}

.form_ttl_32{
 font-weight: bold;
 margin:0px;
 padding: 5px;
 letter-spacing: 0.5em;
 font-size: 32px; line-height: 1.2; color: #FFFFFF;
}
.form_ttl_18{
 font-weight: bold;
 padding: 5px;
 margin: 12px 10px 0px 10px;
 font-size: 18px; line-height: 1.5; color: #FFFFFF;
}
.form_ttl_15{
 font-weight: bold;
 margin: 12px 10px 0px 10px;
 font-size: 15px; line-height: 1.5; color: #FFFFFF;
}

.doui_txt p{
 margin: 10px 0;
 padding: 0px;
 text-align: center;
 font-size: 15px; line-height: 1.6;color: #812e1a;
}
.doui_txt a:link { text-decoration: none;color: #ff551d;border-bottom: 1px dotted #ff551d;}
.doui_txt a:visited { text-decoration: none; color: #ff551d;border-bottom: 1px dotted #ff551d;}
.doui_txt a:hover { text-decoration:none; color: #ff551d; border-bottom: 1px solid #ff551d;}




/*-----------------------------------------------------------------
応募の確認ページ
-----------------------------------------------------------------*/
.logo_50th{
 width: 910px;
 margin: 0 auto -15px;
}
.kakunin_ttl{
 width: 750px;
 margin: 30px auto 0 auto;
 background-color: #812e1a;
}

.kakunin_area{
 max-width: 748px;
 margin: 0px auto;
 border: 1px solid #812e1a;
 background-color: #FFFFFF;
 text-align: left;
}

.kakunin_area table{
 margin: 0px auto;
}
.kakunin_ta{
 padding-bottom: 20px;
}
.kakunin_ta p{ margin: 0;padding: 0;font-size: 14px; line-height: 1.4;color: #333;}
.kakunin_ta th p{ font-size: 14px; line-height: 1.4;color: #FFF;}


.kakunin_ta table{
 margin: 0px auto;
}

.kakunin_ta th{
 background-color: #812e1a;
 text-align: center; 
 padding: 10px;
 border: 1px solid #812e1a;
}
.kakunin_ta td{
 background-color: #FFF;
 border: 1px solid #e5d1c0;
 padding: 10px;
 text-align: left; 
}
.kakunin_ta th{
 border-bottom: 1px solid #FFFFFF;
}
.kakunin_ta th.last{
 border-bottom: 1px solid #812e1a;
}
/*-----------------------------------------------------------------
応募の完了ページ
-----------------------------------------------------------------*/
.end_txt p{
 margin: 30px 20px;
 padding: 0px;
 font-size: 16px; line-height: 1.5;color: #333333;
}

.end_txt2{
 margin: 20px auto;
 padding: 0;
 font-weight: bold;
 text-align: center;
}
.end_txt2 p{
 text-align:center;
 margin: 0;
 padding: 0;
 font-size: 16px; line-height: 1.5;
}



.end_txt2 a:link { 
 padding: 5px 20px; color: #FFF; background-color:#cc0000;

 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

.end_txt2 a:visited { color: #FFF; background-color: #cc0000;

}
.end_txt2 a:hover { color: #FFF;  background-color: #e74c3c;
 text-decoration:none;
}

.cam_ban {
 width: 630px;
 height: auto;
 margin: 0 auto;
}

/*-----------------------------------------------------------------
応募ボタン部分
-----------------------------------------------------------------*/
.samp_btn_txt{
  margin: 20px auto 10px;
  padding: 0px;
  text-align: center;
  font-size: 14px; line-height: 1.3; color: #333333;
}

/*-----------------------------------------------------------------
お試し隊 応募するボタン部分
-----------------------------------------------------------------*/
/* ボタン押下後はカーソルを変更する */
div.apply a.disabled {
  cursor:default;
}
/* img hoverを無効化 */
#apply_img:hover {
  opacity: 1.0;
}

/*---------------------------------------------------
応募規約・応募要項デザイン TOPページ
------------------------------------------------------*/
.kiyaku_area {
  border: solid 1px #812e1a;
  background-color: #FFFFFF;

  text-align: left;
  margin: 0px 40px 20px 40px;
  width: 828px;
  margin: 0 auto;
}

.kiyaku_area table{ margin: 10px auto;}
.kiyaku_area iframe{ border: 0px;}

.riyou_kiyaku{
 font-size: 22px; line-height: 1.3;color: #666666;
 margin: 30px 0 0 0;
}
/*---------------------------------------------------
応募フォーム　デザイン
------------------------------------------------------*/
/*IE9*/
/*.oub_area:not(:target){width: 828px;\9;}*/

.oub_area{
 width: 840px;
 margin: 30px auto;
/* border: 1px solid #d5d5d5;
 background-color: #FFFFFF;*/
 text-align: left;
}

.oub_area textarea{
 border: 1px solid #e5d1c0;
 padding: 10px;
 font-size: 12px;
 line-height: 1.3;
 color: #812e1a;
}
.oub_area table{
 margin: 10px auto;
 font-size: 15px; line-height: 1.3;
}
.oub_area td{
 padding: 10px 20px;
}
.tb_blown{
 background-color: #812e1a;
 color:#FFF;
 border-bottom: 1px solid #FFFFFF;
}
.tb_l_blown{
 background-color: #FFF;
 border:1px solid #e5d1c0;
}
.oub_ttl a:link { text-decoration: none;color: #ffff00;border-bottom: 1px dotted #cc0000;}
.oub_ttl a:visited { text-decoration: none; color: #ffff00;border-bottom: 1px dotted #cc0000;}
.oub_ttl a:hover { text-decoration:none; color: #ffff00; border-bottom: 1px solid #cc0000;}
.koumoku .red_sc{
 display: inline-block;
 margin-bottom: 5px;
}
.oub_area_input{
 width: 800px;
 margin: 0px auto 10px auto;
/* border: 1px solid #E16085;濃いピンク*/
 border: 1px solid #F4D03F;
 background-color: #FFFFFF;
 text-align: left;
}
.oub_area_input table{
 margin: 10px auto;
}

.oub_area iframe{
 border: 0px;
}

.honbun {
 text-align: left;
 font-size: 13px;
 line-height: 2;
 color: #812e1a;
}
.honbun a:link {
 color: #812e1a;
 text-decoration: underline;
}
.honbun a:visited {
 color: #812e1a;
 text-decoration: underline;
}
.honbun a:hover {
 color: #812e1a;
 text-decoration: underline;
}

.ssl_area{
 width: 850px;
 margin-top: 10px;
}
.ssl_area p{
 margin: 0; padding: 5px 5px 10px 5px;
 text-align: center;
}
.caption {
 padding-bottom: 10px;
 text-align: center;
 color: #812e1a;
 font-size: 11px;
 line-height: 1.3;
/*border-bottom: solid 1px #c9c9c9;*/
}
.caption2 {
 padding-bottom: 10px;
 text-align: center;
 color: #FFF;
 font-size: 11px;
 line-height: 1.3;
}
.caption2 a:link {
 color: #FFF;
 text-decoration: none; border-bottom: 1px solid #FFF;
}
.caption2 a:visited {
 color: #FFF;
 text-decoration: none; border-bottom: 1px solid #FFF;
}
.caption2 a:hover {
 color: #efe5de;
 text-decoration: none; border-bottom: 1px dashed #efe5de;
}

/*-----------------------------------------------------------------
TOPへスクロール
-----------------------------------------------------------------*/

#page-top_area{
   position: fixed;
   width: 100%;
   right: 0;
   bottom: 10px;
   z-index: 100;
   line-height: 1.5;
}
#page-top_naka{
 max-width: 1180px;
 margin: 0 auto;
 padding:  0 10px;
 line-height: 1.5;
}

#page-top {
   width: 150px;
   font-size:12px;
   float: right;
}

#page-top a {
    background: #a4cc6d;
    text-decoration: none;
    color: #FFF;
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #bfdd96;
}

.slca #page-top a {
    background: #40438c;
}
.slca #page-top a:hover {
    text-decoration: none;
    background: #7174a5;
}


/*-----------------------------------------------------------------
終了コメント
-----------------------------------------------------------------*/
.end_comment{
  font-weight: bold;
  background-color:#ffff00;
  border: 3px solid #ff3200;
  margin: 10px auto 20px;
  text-align:center;
}
.end_comment p{
	font-size: 16px;
	color: #ff3200;
	margin: 15px auto 10px;
	text-align:center;
}
.end_com-link p{
 margin: 5px 5px 15px 5px;
 padding: 0px;
 font-size: 18px; line-height: 1.5;color: #333333;
}
.end_com-link p a:link {
 background:url("images/link_yajirushi_y.gif");
 background-repeat:no-repeat;
 padding-left: 18px;
 line-height: 1.2;
 background-position: 0px 5px;
 text-decoration: none;color: #ff3200;border-bottom: 1px dotted #ff3200;
}
.end_com-link p a:visited{
	text-decoration: none;
	color: #ff3200;
	border-bottom: 1px dotted #ff3200;
}
.end_com-link p a:hover{
	text-decoration:none;
	color: #ff3200;
	border-bottom: 1px solid #ff3200;
}





/*-----------------------------------------------------------------
footer
-----------------------------------------------------------------*/
.foot_area{
 margin: 10px;
 text-align: center;
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
 font-size: 12px; line-height: 1.5; color: #812e1a;
}
.foot_area .nav{}

.foot_area ul{ margin: 0;}
.foot_area li{
 margin: 5px 0;
 padding: 3px 0;

}


.fotter{
 margin: 20px;
 border-top: 1px solid #812e1a;
 border-bottom: 1px solid #812e1a;
}
.fotter ul{
 margin: 0 auto;
 width: 700px;

 list-style-type: none;
}

.fotter li{
 margin: 10px 0px;padding: 0px;
 float: left;
 font-size: 13px; line-height: 1.5; color: #812e1a;
}

.fotter a:link { text-decoration: none;color: #812e1a;}
.fotter a:visited { text-decoration: none; color: #812e1a;}
.fotter a:hover { text-decoration:none; color: #812e1a; border-bottom: 1px dashed #812e1a;
}


.navbar {
 text-align:center;
 padding: 10px 0;
}
.navbar ul {
 display:inline-block;
 list-style: none;
}
.navbar li {
 float:left;
}
.navbar li + li {
 margin-left:20px;
}

/* end */