/******************** common */
#page-wrapper .mb10{
    margin-bottom: 10px;
}
#page-wrapper .mb20{
    margin-bottom: 20px;
}
#page-wrapper .mb40{
    margin-bottom: 40px;
}
#page-wrapper .mt40{
    margin-top: 40px;
}
#page-wrapper{
    width: 760px;
    margin: 0 auto;
    padding-bottom: 70px;
}
#page-wrapper p{
    word-wrap: break-word;
}
#page-wrapper .align-c{
    text-align: center;
    margin: 0 auto;
}
/********************  index*/
#page-wrapper.index{
    background: url(images/bg.png) repeat-y;
}
#page-wrapper .w720{
    width: 720px;
    margin: 0 auto;
}
#page-wrapper .w720 .inner{
    margin-bottom: 40px;
}
#page-wrapper .w720 .left{
    width: 346px;
    float: left;
}
#page-wrapper .w720 .right{
    width: 358px;
    float: right;
}
#page-wrapper .w720 .right .inner-left{
    width: 170px;
    float: left;
}
#page-wrapper .w720 .right .inner-right{
    width: 170px;
    float: right;
}
#page-wrapper .w720 p.button-center{
    width: 355px;
    margin: 0 auto;
}
#page-wrapper .espal-info {
    position: relative;
    width: 720px;
    height:418px;
    background: url(images/index/09.png) no-repeat center top;
    margin: 70px auto 0;
}
#page-wrapper .espal-info .espal-info-button{
    position: absolute;
    left:0;
    bottom:1%;
}

/********************  special*/

#page-wrapper.special {
    background: url(images/bg.png) repeat-y;
    padding-top: 20px;
}
#page-wrapper.special h2 {
    margin-bottom: 40px;
}
#page-wrapper.special h3 {
    margin-bottom: 30px;
}
#page-wrapper.special .inner {
    width: 680px;
    margin: 0 auto 70px;
    position: relative;
}
#page-wrapper.special .inner ul li{
    display: inline-block;
    width: 320px;
    margin-bottom: 20px;
    border-bottom: solid 1px #46210c;
    vertical-align: text-top;
    min-height: 231px;
/*    padding-bottom: 20px;*/
}
#page-wrapper.special .inner ul li:nth-child(odd){
    margin-right: 35px;
}
#page-wrapper.special .inner ul li img{
    margin-bottom: 20px;
}
/*
#page-wrapper.special .inner ul li a.detail-button{
    margin-bottom:20px;
}
*/
#page-wrapper.special .height{
    height:329px;
}

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

/* リンク透過設定 */
#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;}