/* Firefox, Opera, Safari */
@font-face {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
/*IE*/
@font-face {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
} 

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul, nav li { margin: 0; } 
nav ul, ul { list-style:none; }

a {
	text-decoration: none;
	color: #7C682C;
}

a:hover {
	text-decoration: underline;
	color: #5668D1;
	font-weight: bold;
}

area:active{outline:none;}

/*モダンブラウザ用*/
img,
iframe,
object {
    max-width:100%;
}

/*IE7用*/
.ie7 img,
.ie8 object {
    width:100%;
}

/*IE8用*/
.ie8 img,
.ie8 object {
    width:auto\9
}
.f-right {
	float:right;
}
.f-left {
	float:left;
}

.r-pad5 {
	padding-right: 5px;
}
.r-pad10 {
	padding-right: 10px;
}
.r-pad15 {
	padding-right: 15px;
}
.r-pad20 {
	padding-right: 20px;
}
.r-pad25 {
	padding-right: 25px;
}
.r-pad30 {
	padding-right: 30px;
}
.r-pad40 {
	padding-right: 40px;
}
.r-pad50 {
	padding-right: 50px;
}
.r-pad100 {
	padding-right: 100px;
}

.r-mag5{
	margin-right:5px;
}
.r-mag10{
	margin-right:10px;
}
.r-mag15{
	margin-right:15px;
}
.r-mag20{
	margin-right:20px;
}
.r-mag25{
	margin-right:25px;
}

.t-mag10{
	margin-top:10px;
}
.t-mag15{
	margin-top:15px;
}
.t-mag20{
	margin-top:20px;
}
.t-mag30{
	margin-top:30px;
}
.t-mag40{
	margin-top:40px;
}

.l-mag30{
	margin-left:30px;
}
.l-mag60{
	margin-left:60px;
}
.l-pad30{
	padding-left:30px;
}
.l-pad90{
	padding-left:90px;
}

.t-mag_map{
	margin-top:18px;
}


.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12{
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
	text-align: center;
	vertical-align:middle;
	height:100%;
}

.col{
  margin-left: 0.5%;
}

.col:first-child {
  margin-left:0;
}

.span1{
  width: 7.875%;
  
}
.span2{
  width: 16.25%;
  
}
.span3{
  width: 24.625%;
  
}
.span4{
  width: 33%;
  
}
.span5{
  width: 41.375%;
  
}
.span6{
  width: 49.75%;
  
}
.span7{
  width: 58.125%;
  
}
.span8{
  width: 66.5%;
  
}
.span9{
  width: 74.875%;
  
}
.span10{
  width: 83.25%;
  
}
.span11{
  width: 91.625%;
  
}
.span12{
  width: 100%;
  margin-left: 0;
}
.span12 img{
	text-align: center;
	vertical-align:middle;
	margin-top:55%;
}
.span13{
  width: 100%;
	text-align: center;
}
.span13 img{
	text-align: center;
	vertical-align:middle;
	margin-top:3%;
}

.span15{
  width: 100%;
  margin-left: 0;
}
.span15 img{
	text-align: center;
	vertical-align:middle;
	margin-top:15%;
}