@charset "utf-8";

/* Reset
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
-------------------------------------------------------------------------------*/

html{color:#000;background:#FFF}body{margin:0;padding:0;}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;max-height:100%;}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{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:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* basic
-------------------------------------------------------------------------------*/
ul li a, ul li img{ display: block; }

.alnC{ text-align:center; }
.alnR{ text-align: right; }
.bold{ font-weight: bold; }

.clear{ clear: both; }
.clrfx:after{
	content:"";
	display:table;
	clear:both;
}
.clrfx{zoom:1;}

a{ color: #0091F9; text-decoration: none;}
a:hover{ color: #ff5021; text-decoration: underline; }

/* layout
-------------------------------------------------------------------------------*/
body{
	font: 13px/1.86 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing: 0.15em;
	-webkit-text-size-adjust: 100%;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-attachment: fixed;
}

h1{
    width: 850px;
    height: 384px;
    margin: 0 auto;
    background: #ffffeb url(../images/main.gif) no-repeat;
    text-indent: -9999px;
}

.wrapper{
	width: 820px;
	margin: 0 auto;
	padding: 28px 15px 30px 15px;
    background-color: #ffffeb;
}

#lead{
    width: 396px;
    height: 312px;
    margin: 0 auto;
    background: url(../images/lead.gif) no-repeat;
    text-indent: -9999px;
}

h2{ margin: 70px 0 30px 140px; }

.content{ margin-left: 196px; font-size: 13px; }

/* point1 */
#point1{ margin-left: 154px; }

#point1 li{
    position: relative;
    margin-top: 32px;
    padding-left: 42px;
    background-repeat: no-repeat;
    background-position: 0 9px;
    font-size: 14px;
    line-height: 1.4;
}
#point1 > ol li:first-child{ background-image: url(../images/point1_no1.gif); }
#point1 > ol li:nth-child(2){ background-image: url(../images/point1_no2.gif); }
#point1 > ol li:nth-child(3){ background-image: url(../images/point1_no3.gif); }
#point1 > ol li:nth-child(4){ background-image: url(../images/point1_no4.gif); background-position: 0 25px; }
#point1 > ol li:nth-child(5){ background-image: url(../images/point1_no5.gif); }
#point1 > ol li:nth-child(6){ background-image: url(../images/point1_no6.gif); }
#point1 > ol li:last-child{ background-image: url(../images/point1_no7.gif); }

#point1 span{
    font-size: 15px;
}

#point1 strong{
    display: inline-block;
    margin-top: 5px;
    font-size: 18px;
}

#point1 .baloon{ position: absolute; }

#point1 > ol li:first-child .baloon{
    top: -63px;
    left: 485px;
}

#point1 > ol li:nth-child(4) .baloon{
    top: -58px;
    left: 426px;
}

#point1 > ol li:nth-child(6) .baloon{
    top: -70px;
    left: -128px;
}

#point1 > dl{
    position: relative;
    margin: 30px 0 0 42px;
    padding-bottom: 38px;
    font-size: 15px;
}
#point1 > dl dt{
    width: 54px;
    margin-bottom: 5px;
    background-color: #ff5021;
    border-radius: 12px;
    text-align: center;
    letter-spacing: normal;
    color: #fff;
}

#point1 > dl .baloon{
    position: absolute;
    top: 46px;
    left: 286px;
}

/* point2 */
#point2 > dl{
    position: relative;
    width: 465px;
    margin: 20px 0 30px 0;
    padding: 15px 20px;
    background-color: #fff;
    font-size: 12px;
}

#point2 dt{ float: left; }

#point2 > dl dd:nth-of-type(2),
#point2 > dl dd:nth-of-type(3),
#point2 > dl dd:nth-of-type(4),
#point2 > dl dd:nth-of-type(5){ margin-left: 3.45em; }

#point2 dd{ margin-bottom: 10px; }

#point2 dd.baloon{
    position: absolute;
    top: -24px;
    left: 350px;
}

#point2 > dl + div{ margin-left: 50px; }

/* point3 */
#point3 { position: relative; }
#point3 .baloon{
    position: absolute;
    top: 35px;
    left: 250px;
}

/* point4 */
#point4 dl{
    width: 330px;
    margin-top: 26px;
    padding: 10px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 12px;
}

#point4 dl dt:first-of-type{
    padding-left: 15px;
    background: url(../images/icon_cir1.gif) no-repeat left center;
}
#point4 dl dt:last-of-type{
    padding-left: 15px;
    background: url(../images/icon_cir2.gif) no-repeat left center;
}

#point4 dl dd > div{ margin: 15px 0 30px 0; }


/* footer */
#footer{
	margin-top: 50px;
    text-align: center;
}

#footer li{
	display: inline-block;
	margin-right: 46px;
}
#footer li:last-child{ margin-right: 0; }

#footer a:hover{ opacity: 0.6; }


.copyright {
	font-size: 10px;
	ont-family: Helvetica, Arial, Geneva, Verdana, Tahoma, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-top: 50px;
	padding-bottom: 20px;
}

/* ------------------ホシノつけたし------------------ */
#banner{
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	height: 180px;
	margin-bottom: 50px;
	-webkit-box-shadow: 0px 0px 10px #929292;
	box-shadow: 0px 0px 10px #929292;
	border-radius: 20px;
}

.text_akaji {
	font-size: medium;
	font-weight: bold;
	color: #FF5020;
	}
	
#btn_donation {
	padding-bottom: 100px;
	margin-left: -15px;
	}