@charset "UTF-8";


/***********************
 * Neutralize Any Tags
 * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.5.2
 ***********************/
html{color:#3b3b3b; background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

li{ list-style:outside; margin-left:20px; margin-bottom:3px;}
ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:100%;line-height:100%;}
body{font:13px/1.4 "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;*font-size:small;*font:x-small; background-image:url(../img/bg.gif);}
/*body *{line-height:1.4;}*/

#header{ text-align:left; background-color:#FFFFFF; margin-bottom: 20px}
#header .sns{ float:right; width:500px; margin-top:50px; text-align:right;}

#wrapper {
  width: 840px;
  margin: 0 auto;
  /*text-align:center; */ 
}

.main{ clear:both;margin-top:5px; background:url(../img/bg_blue.png)}

/*#button { height:150px; display:block; margin-top:20px;}
#button a.left{ width:370px; height:84px; display:block; margin-left:23px; float:left;}
#button a.right{ width:370px; height:84px; display:block; margin-right:23px; float:right;}*/

#main{ widows:840px; margin:auto;}
.clear{
clear:both;
}



#button {
	width:300px;
	height:50px;
	line-height:50px;
	margin:20px auto;
	text-align:center;
	background-color:#e95283;
	font-size:16px;
}
#button a{
	color:#FFF;
	text-decoration:none;
	display:block;
}
#button a:hover{ text-decoration:underline;}


/*2016　春のレオピンキャンペーン*/


#contents{margin:0; padding:0;}

#contents .h2_bg{
  border-top: #6a3906 solid 4px;
  padding:10px 0 0; 
  position:relative;
  margin: 15px 0 0;
}
#contents h2{
	font-size:24px;
	font-weight:bold;
	background:url(../img/pic01.png) no-repeat 110px center;
	text-align:center;
  color: #e83428;
}
#contents h2 span{font-size:14px; padding:0; color: #000;}
#contents .period{
	border: solid 1px;
	font-size:10px;
	text-align:center;
	display:block;
	position:absolute;
	top:5px;
	right:20px;
	padding:2px 5px;
}
#contents .box{
	overflow:hidden;
}
#contents .box01{
	width:550px;
	float:left;
	margin: 0 10px 0 0;
}
#contents .box02{
	width:225px;
	float: right;
}
#contents h3{
background: #172a88; 
text-align:center;
color:#fff;
font-size:14px;
padding:2px 0;
margin:15px 0 5px;
font-weight: bold;
}
	
#contents .box01 p,
#contents .box02 p{
	font-size:12px;
	line-height:1.5;
}

#contents .box01 p img.right,
#contents .box02 p img.right{
	float:right;
	margin:0 0 5px 10px;
}
p.t_cen{ text-align:center; margin:5px 0 0;}

p.f10{
	font-size:10px !important;
	margin:5px 0 0;
}
p.f14{ font-size:14px !important; font-weight:bold;}
p.f18{font-size:18px !important; font-weight:bold;}


#contents .box02 ul{
	font-size:12px;}


.f_txt{
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #fff100;
  background-color: #172a88;
  padding: 15px 0;
  margin: 15px 0 0;
}

.main img {
	max-width: 100%;
}