@charset "utf-8";

/* 文書全体 */
* {
	margin: 0px;
}

/* 全てのスクリーンサイズで適用する設定 */
/* body */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}
img {
	border-style: none;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.max_width {
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
}



/* article */
.content_wrap {
	padding-top:0px;
	padding-bottom:25px;
	
}
.content {
	margin-right: 5px;
	margin-left: 5px;
}
.content a:link {
        margin-right: 10px;
	margin-left: 10px;
	color: #0000ff;
        font-weight: bold;
	-webkit-transition: color 0.3s ease-in-out 0s;
	-moz-transition: color 0.3s ease-in-out 0s;
	-ms-transition: color 0.3s ease-in-out 0s;
	-o-transition: color 0.3s ease-in-out 0s;
	transition: color 0.3s ease-in-out 0s;
}
.content a:visited {
	color: #0000ff;
}
.content a:hover {
	color: #FE642E; /* hover のカラー（コンテンツ部分のリンク）（2/4 箇所） */
}

.content h1 {
	font-size: 120%;
         border-bottom: 5px #d2691e solid;
        padding-bottom: 5px;
        font-weight: bold;
        
}

.content h1 span {
  margin-left:20px;
  font-size:60%;
  color: #ccc;
  position: relative;
  top: -5px;
}

.content h2 {
        font-size: 120%;
        border-bottom: 5px #d2691e solid;
        padding-bottom: 5px;
        font-weight: bold;
        
}


.content p {
	margin-right: auto;
	margin-left: auto;
	text-align:left;
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 90%;
}
.img_frame {
	/* 画像の外枠なしが良い場合は、ここから */
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border: 1px solid #BCBCBC;
	background-color:#FFFFFF;
	padding: 4px;
	/* ここまでを削除してください。 */
	margin-top: 10px;
	margin-bottom: 10px;
	max-width: 95%;
	height: auto;
	vertical-align:bottom;
}




.btn_o a{
	color:#ffffff;
	text-decoration:none;
	font-size:28px;
	font-weight:bold;
	overflow:hidden;
	display:block;
	max-width:330px;
	text-align:center;
	margin:0 auto;
	margin-top:10px;
	padding:16px 0;
	text-shadow: 1px 1px 1px #000;
	border-radius: 8px;        /* CSS3草案 */
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 8px;
	background: #febf01; /* Old browsers */
background: -moz-linear-gradient(top, #febf01 0%, #f99b02 55%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febf01), color-stop(55%,#f99b02)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #febf01 0%,#f99b02 55%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #febf01 0%,#f99b02 55%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #febf01 0%,#f99b02 55%); /* IE10+ */
background: linear-gradient(to bottom, #febf01 0%,#f99b02 55%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01', endColorstr='#f99b02',GradientType=0 ); /* IE6-9 */
	}
.btn_o a:hover{
position:relative;
top:3px;
left:3px;
	}


/* footer */
.footer_wrap {
	padding-top:25px;
	padding-bottom:25px;
}
footer {
        font-size:80%;
}
footer p {
	margin-top: 10px;
	margin-bottom: 10px;
}
footer a:link {
	color: #000000;
	text-decoration: none;
	-webkit-transition: color 0.3s ease-in-out 0s;
	-moz-transition: color 0.3s ease-in-out 0s;
	-ms-transition: color 0.3s ease-in-out 0s;
	-o-transition: color 0.3s ease-in-out 0s;
	transition: color 0.3s ease-in-out 0s;
}
footer a:visited {
	color: #000000;
	text-decoration: none;
}
footer a:hover {
	color: #B9B9B9; /* hover のカラー（フッターのリンク）（3/4 箇所） */
	text-decoration: none;
}



/* スクリーンサイズ 幅 600px 以上で適用する設定・上から継承したスタイルを上書き */
@media only screen and (min-width: 600px) {


.content h1 {
	font-size: 140%;
         border-bottom: 5px #d2691e solid;
        padding-bottom: 5px;
        font-weight: bold;
        
}

.content h1 span {
  margin-left:20px;
  font-size:60%;
  color: #ccc;
  position: relative;
  top: -5px;
}

.content h2 {
        font-size: 140%;
        border-bottom: 5px #d2691e solid;
        padding-bottom: 5px;
        font-weight: bold;
        
}

/* article */
.content_wrap {
	padding-top:0px;
	padding-bottom:25px;
	font-size: 18px;
}


.column_block {
	display:block;
	clear:both;
	height:auto;
	overflow:hidden;
	margin-bottom:20px;
}

.ie7_under .column_block {
	margin-bottom: 0px;
}


.btn_o a{
	color:#ffffff;
	text-decoration:none;
	font-size:28px;
	font-weight:bold;
	overflow:hidden;
	display:block;
	max-width:400px;
	text-align:center;
	margin:0 auto;
	margin-top:10px;
	padding:16px 0;
	text-shadow: 1px 1px 1px #000;
	border-radius: 8px;        /* CSS3草案 */
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 8px;
	background: #febf01; /* Old browsers */
background: -moz-linear-gradient(top, #febf01 0%, #f99b02 55%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febf01), color-stop(55%,#f99b02)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #febf01 0%,#f99b02 55%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #febf01 0%,#f99b02 55%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #febf01 0%,#f99b02 55%); /* IE10+ */
background: linear-gradient(to bottom, #febf01 0%,#f99b02 55%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01', endColorstr='#f99b02',GradientType=0 ); /* IE6-9 */
	}
.btn_o a:hover{
position:relative;
top:3px;
left:3px;
	}