@charset "utf-8";
/* ▼▼▼▼ CSS3リセット構文ここから ▼▼▼▼ */
/*各ブロック要素マージン・パディング設定*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, header, hgroup, section, article, aside, footer, figure, figcaption, nav
{margin: 0px; padding: 0px;}

/*HTML5新要素ブロック化設定*/
article, aside, canvas, detalist, figcaption, figure, footer, header, hgroupe, menu, nav, section, summary {display: block;}

/*リンクイメージボーダー除去*/
img {border: none; width: 100%;}
ul, ol {list-style: none; margin: 0px; padding: 0px;}
table {empty-cell: show;}
/* ▲▲▲▲ CSS3リセット構文ここまで ▲▲▲▲ */

/* ▼▼▼float解除▼▼▼*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
/* ▲▲▲float解除▲▲▲*/

/* ▼▼▼PC画面表示用▼▼▼*/
body {
	max-width: 640px;
	margin: 0 auto;
}
/* ▲▲▲PC画面表示用▲▲▲*/

/* ▼▼▼▼ １カラム設定ここから ▼▼▼▼ */
.clm_1 {width: 100%;}
.clm_1 ul {list-style-type: none; margin: 0px; padding: 0px;}
.clm_1 ul li {line-height:0;}
.clm_1 ul li img {width: 100%;}

/* ▼▼▼▼ ２カラム設定ここから ▼▼▼▼ */
.clm_2 {width: 100%;}
.clm_2 ul {list-style-type: none;}
.clm_2 ul li {float: left;width: 50%;line-height:0;}
.clm_2 ul li img {width: 100%;}

/* ▼▼▼▼ ３カラム設定ここから ▼▼▼▼ */
.clm_3 {width: 100%;}
.clm_3 ul {list-style-type: none;}
.clm_3 ul li {float: left;width: 33%;line-height:0;}
.clm_3 ul li img {width: 100%;}

/* ▼▼▼▼ ４カラム設定ここから ▼▼▼▼ */
.clm_4 {width: 100%;}
.clm_4 ul {list-style-type: none;}
.clm_4 ul li {float: left;width: 25%;line-height:0;}
.clm_4 ul li img {width: 100%;}

/* ▼▼▼▼ ５カラム設定ここから ▼▼▼▼ */
.clm_5 {width: 100%;}
.clm_5 ul {list-style-type: none;}
.clm_5 ul li {float: left;width: 20%;line-height:0;}
.clm_5 ul li img {width: 100%;}
/* ▲▲▲▲ カラム設定ここまで ▲▲▲▲ */

/* ▼▼▼ テキスト設定　横配置 ▼▼▼ */
.c {text-align : center;}
.r {text-align : right;}
.l {text-align : left;}

/* ▼▼▼ テキスト設定　サイズ ▼▼▼ */
.fs10  {font-size : 10%;}
.fs20  {font-size : 20%;}
.fs30  {font-size : 30%;}
.fs40  {font-size : 40%;}
.fs50  {font-size : 50%;}
.fs60  {font-size : 60%;}
.fs70  {font-size : 70%;}
.fs80  {font-size : 80%;}
.fs90  {font-size : 90%;}
.fs100 {font-size : 100%;}
.fs110 {font-size : 110%;}
.fs120 {font-size : 120%;}
.fs130 {font-size : 130%;}
.fs140 {font-size : 140%;}
.fs150 {font-size : 150%;}
.fs160 {font-size : 160%;}
.fs170 {font-size : 170%;}
.fs180 {font-size : 180%;}
.fs190 {font-size : 190%;}
.fs200 {font-size : 200%;}

/* ▼▼▼ テキスト設定　文字幅 ▼▼▼ */
.ls1 {letter-spacing : 1px;}
.ls2 {letter-spacing : 2px;}
.ls3 {letter-spacing : 3px;}
.ls4 {letter-spacing : 4px;}
.ls5 {letter-spacing : 5px;}
.ls6 {letter-spacing : 6px;}
.ls7 {letter-spacing : 7px;}
.ls8 {letter-spacing : 8px;}
.ls9 {letter-spacing : 9px;}
.ls10 {letter-spacing : 10px;}

/* ▼▼▼ テキスト設定　行幅 ▼▼▼ */
.lh10 {line-height : 10px;}
.lh20 {line-height : 20px;}
.lh22 {line-height : 22px;}
.lh30 {line-height : 30px;}

/* ▼▼▼ テキスト設定　縦位置 ▼▼▼ */
.va_m {vertical-align : middle;}
.va_t {vertical-align : top;}
.va_b {vertical-align : bottom;}

/* ▼▼▼ テキスト設定　改行されない文字列用 ▼▼▼ */
.brake {word-break : break-all;}

/* ▼▼▼ 画像設定　横位置 ▼▼▼ */
img.ic {border : 0;text-align : center;}
img.ir {border : 0;text-align : right;}
img.il {border : 0;text-align : left;}

/* ▼▼▼ 画像設定　％指定 ▼▼▼ */
.img {font-size : 0px;line-height : 0px;}

img.w10 {width : 10%;}
img.w20 {width : 20%;}
img.w30 {width : 30%;}
img.w40 {width : 40%;}
img.w50 {width : 50%;}
img.w60 {width : 60%;}
img.w70 {width : 70%;}
img.w80 {width : 80%;}
img.w90 {width : 90%;}
img.w100 {width : 100%;}

/* ▼▼▼ 画像設定　拡大率 ▼▼▼ */
img.z50 {zoom : 50%;}
img.z75 {zoom : 75%;}
img.z100 {zoom : 100%;}
img.z150 {zoom : 150%;}
img.z200 {zoom : 200%;}

/* ▼▼▼ 横幅だけ指定 ▼▼▼ */
.w50 {width : 50px;}
.w60 {width : 60px;}
.w70 {width : 70px;}
.w80 {width : 80px;}
.w90 {width : 90px;}
.w100 {width : 100px;}
.w110 {width : 110px;}
.w120 {width : 120px;}
.w130 {width : 130px;}
.w140 {width : 140px;}
.w150 {width : 150px;}
.w160 {width : 160px;}
.w170 {width : 170px;}
.w180 {width : 180px;}
.w190 {width : 190px;}
.w200 {width : 200px;}

/* ▼▼▼ 文字に影つける ▼▼▼ */
.t_shadow_r{
color :;
text-shadow : 1px 1px 6px #800000;
font-weight : bold;
}
.t_shadow_g{
text-shadow : 1px 1px 6px #2f4f4f;
font-weight : bold;
}
.t_shadow_b{
text-shadow : 1px 1px 6px #483d8b;
font-weight : bold;
}
.t_shadow_c{
text-shadow : 1px 1px 6px #5f9ea0;
font-weight : bold;
}
.t_shadow_m{
text-shadow : 1px 1px 6px #c71585;
font-weight : bold;
}
.t_shadow_y{
text-shadow : 1px 1px 6px #b8860b;
font-weight : bold;
}
.t_shadow_k{
text-shadow : 1px 1px 6px #000000;
font-weight : bold;
}

/* ▼▼▼ 角丸2ｶﾗﾑﾎﾞﾀﾝ ▼▼▼ */
.clm_2_noimg {
	text-align: center;
	}
.clm_2_noimg ul {
	width: 100%;
	}
.clm_2_noimg li {
	width:49%;
	margin-bottom: 1px;
	float: left;
	border-radius: 8px;
	font-size: 11px;
	position: relative;
}
.clm_2_noimg a {
	padding-top: 20px;
	padding-bottom: 20px;
	text-decoration: none;
	display: block;
	height: 100%;
	text-align: center;
}
/* ▲▲▲ 角丸2ｶﾗﾑﾎﾞﾀﾝ ▲▲▲ */

/* ▼▼▼ 角丸ボタン（グラデーション付き） ▼▼▼
.dl_cssbtn {

background: -webkit-gradient(linear, left top, left bottom,color-stop(0, #dddddd), color-stop(0.2, #ffffff), color-stop(0.51, #ffffff), color-stop(1, #555555)) ;
background: -moz-linear-gradient(top,#ddeeff 0%, #ddeeff 20%, #336699 51%, #336699 100%) ;
border: 1px solid #999999;
-webkit-box-shadow: 1px 1px 1px #ccc;
-moz-box-shadow: 1px 1px 1px #ccc;
-webkit-text-shadow: 1px 1px 1px #ccc;
-moz-text-shadow: 1px 1px 1px #ccc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
font-size: 100%;
font-weight: bold;
padding:7% 7% 7% 7%;
width: 100px;
height: 30px;
list-style-type: none;
text-align:center;
line-height: 1.5;
margin-right:auto;
margin-left:auto;
text-shadow: -1px -2px 1px #000000;
}
.dl_cssbtn a{
display:block;
color:#ffffff;
text-decoration:none;
} */