/******************** common */
#page-wrapper{
    width: 760px;
    margin: 0 auto;
    background: url(images/pc-bg.jpg) repeat-y;
    padding-bottom:50px;
}
#page-wrapper p{
    word-wrap: break-word;
    margin: 0 auto;
    font-size: 1.0em;
    color: #000000;
    line-height: 1.4em;
}
#page-wrapper img{
    width: 100%;
}

/********************  index*/
#page-wrapper .teaser{
    width: 700px;
    margin: 0 auto;
    background: #ffffff;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
}
#page-wrapper .teaser p{
    font-size: 1.2em;
}
#page-wrapper .teaser p.midashi{
    font-size: 1.7em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #b30009;
}
#page-wrapper .teaser p.top-btn a{
    width: 400px;
    background-color: #e7428f;
    border-radius: 10px;
    box-shadow: 0 8px 0 rgb(127 4 25);
    color: #ffffff;
    display: block;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin: 10px auto;
    padding: 20px 0;
    
}

/******************** その他 */

/* リンク透過設定 */
#page-wrapper a:hover img {
	filter: alpha(opacity=80);
  	-moz-opacity:0.8;
  	opacity:0.8;
}

/**/
.clearfix:after { /*float解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*micro clearfix*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after { clear:both;}
 
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1;}

/*mobile*/
.small {font-size:0.8em;}