/* 繝ｪ繧ｻ繝�ヨ */
html {
	overflow-y: scroll;
	color: #000;
}
ﾂ�
body {
	margin: 0;
	padding: 0;
	font: 13px/1 verdana, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", Sans-Serif;
	*font-size: small;
	*font: x-small;
	-webkit-text-size-adjust:none;
}
ﾂ�
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ﾂ�
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}


ﾂ�
select, input, button, textarea {
	font: 99% verdana, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", Sans-Serif;
	*font-size: 100%;
}
ﾂ�
table {
	border-collapse: collapse;
	border-spacing :0;
	font-size: inherit;
	font: 100%;
}
ﾂ�
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ﾂ�
pre, code, kbd, samp, tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
ﾂ�
abbr, acronym {
	border: 0;
	font-variant: normal;
}
ﾂ�
ol, ul {list-style: none;}
ﾂ�
caption, th {text-align: left;}
ﾂ�
fieldset, img {border: 0;}
ﾂ�
legend {color: #000;}
ﾂ�
sup {vertical-align: text-top;}
ﾂ�
sub {vertical-align: text-bottom;}
ﾂ�
q:before, q:after {content: '';}

img, div { behavior:url(../../js/iepngfix/iepngfix.htc); }


/* for SmartPhone */
@media print, screen and (max-width:719px) {

.only-pc { display:none; }
.only-sp { }



/*繧ｫ繧ｹ繧ｿ繝槭う繧ｺ*/

body {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", Osaka, verdana, arial, clean, sans-serif;
	font-size: 13px;
	line-height:1;
	font-weight:normal;
	font-style:normal;
	margin: 0px 0px 0px 0px;
	padding: 0;
	-webkit-text-size-adjust:none;
	background-color:#FFFFFF;
}

html,body { height:100%; }

select,
input,
button,
textarea {
font:100%;
}

table {
font-size:inherit;
font:100%;
}

textarea { 
font-size: 100%; 
}

.body { width:100%; height:100%; }

#contents {
	width:100%; background-color:#FFFFFF; color:#666666;
	top:0; left:0; right:0; bottom:0;
	margin:auto;
}

#contents .main { width:100%; }
#contents .main img { width:100%;}

#contents .header { width:100%; overflow:hidden; position:relative; border-bottom:1px solid #DDDDDD; }
#contents .header .logo { margin:11px 0px 4px 10px; float:left; }
#contents .header .logo img { height:32px; }


#contents .title-block { margin:14px 10px 15px 10px; }
#contents .title-block .inner { width:100%; display:table; overflow:hidden; position:relative; margin:0px 10px 0px 0px; }
#contents .title-block .inner .head { 
	display:table-cell; width:6px; height:23px;
	background-color:#1D7400;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#contents .title-block .inner h1 { padding:3px 0px 0px 6px; display:table-cell; vertical-align:middle; color:#000000; font-weight:bold; font-size:16px; line-height:120%; }
#contents .title-body { margin:14px 10px 0px 10px; font-size:13px; line-height:120%;  }
#contents .title-body br { display:none; }
#contents .title-body span { color:#FF0000; }
#contents .title-link { margin:12px 10px 0px 22px; line-height:120%; }
#contents .title-link a { display:inline-block; position: relative; font-size:13px; color:#CC0000; font-weight:bold; text-decoration:none; }
#contents .title-link a::before {
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  border-left-color: #CC0000;
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -4px;
}
#contents .title-link a:hover {
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	cursor:pointer;
}

#contents .tabular-title { margin:20px 10px 0px 10px; font-size:13px; font-weight:bold; line-height:130%; color:#000000; }

#contents .tabular { margin:20px 10px 0px 10px; border:1px solid #CCCCCC; }
#contents .tabular h2 { padding:6px 6px 6px 6px; font-size:14px; font-weight:bold; line-height:130%; background-color:#CCCCCC; color:#FFFFFF; padding-left:1.6em; text-indent:-1em; }
#contents .tabular .inner { margin:15px 15px 15px 15px; }
#contents .tabular .inner .title-block { background-color:#AAAAAA; margin:0px; }
#contents .tabular .inner .title-block h3 { padding:6px 6px 2px 8px; color:#FFFFFF; font-size:14px; font-weight:bold; line-height:120%; }
#contents .tabular .inner .title-block h3 .number { margin:0px 0px 0px 6px; }
#contents .tabular .inner .title-block h3 .number span { font-weight:normal; font-size:12px; }
#contents .tabular .inner .info { padding:0px 6px 6px 8px; color:#FFFFFF; font-size:12px; line-height:120%; }
#contents .tabular .description { color:#333333; font-size:12px; line-height:120%; }
#contents .tabular .description p { padding:6px 6px 6px 8px; }
#contents .tabular .description p:nth-child(odd){
	background:#F5F5F5;
}
#contents .tabular .description p a { display:inline-block; position: relative; font-size:10px; color:#333333; font-weight:bold; text-decoration:none; margin-left: 20px; }
#contents .tabular .description p a::before {
  content: "";
  display: inline-block;
  border: 3px solid transparent;
  border-left-color: #333;
  position: absolute;
  left: -8px;
  top: 50%;
  margin-top: -3px;
}

#contents .photo { margin:15px 10px 0px 10px; }
#contents .photo .image { border:4px solid #F5F5F5; overflow:hidden; position:relative; }
#contents .photo .image img { float:left; width:100%; }
#contents .photo .text { font-size:12px; color:#000000; padding:2px 8px 6px 8px; line-height:120%; text-align:center; background-color:#F5F5F5; }


#page-top { margin:10px 0px 105px 0px; width:100%; }
#page-top .inner { display:table; width:100%; margin:0px 0px 0px 0px; overflow:hidden; position:relative; bakcground-color:#DDDDDD; }
#page-top .inner .right { display:table-cell; overflow:hidden; position:relative; text-align:right; vertical-align:bottom; }
#page-top .inner .right img { float:right; height:30px; margin:0px 10px 0px 12px; }
#page-top .inner .copyright { display:table-cell; padding:0px 0px 12px 10px; color:#B2B2B2; vertical-align:middle; vertical-align:bottom; font-size:7px; }


#float-banner {
	position: fixed;
	width:100%;
	bottom: 0px;
	z-index:8000;
	background-color:rgba(255,255,255,0.4); padding:5px 0px 0px 0px;
}
#float-banner table { margin:0 auto 0 auto; }
#float-banner table tr td a { display:block; padding:8px; }
#float-banner table tr td a:hover { }
#float-banner table tr td a img {
	width:80px; height:80px;
	border-radius:80px;
	-webkit-border-radius:80px;
	-moz-border-radius:80px;
	-moz-box-shadow:
		0px 1px 6px rgba(000,000,000,1),
		inset 0px 0px 1px rgba(46,6,46,0);
	-webkit-box-shadow:
		0px 1px 6px rgba(000,000,000,1),
		inset 0px 0px 1px rgba(46,6,46,0);
	box-shadow:
		0px 1px 6px rgba(000,000,000,1),
		inset 0px 0px 1px rgba(46,6,46,0);
}


}

/* for PC&TABLET */
@media print, screen and (min-width: 720px) {



.only-pc { }
.only-sp { display:none; }

/* 繧ｫ繧ｹ繧ｿ繝槭う繧ｺ */

body {
	font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", Osaka, verdana, arial, clean, sans-serif;
	font-size: 13px;
	line-height:1;
	font-weight:normal;
	font-style:normal;
	margin: 0px 0px 0px 0px;
	padding: 0;
	-webkit-text-size-adjust:none;
	background-color:#EEE;
}

html,body { height:100%; }

select,
input,
button,
textarea {
font:100%;
}

table {
font-size:inherit;
font:100%;
}

textarea { 
font-size: 100%; 
}

.body {
	height:100%;
	background-color:#FFFFFF; color:#666666;
	-webkit-box-shadow: #333 0px 0px 10px;
	-moz-box-shadow: #333 0px 0px 10px;
	box-shadow: #333 0px 0px 10px;
}


#contents { }

#contents .main { }
#contents .main img { }

#contents .header { width:100%; overflow:hidden; position:relative; border-bottom:1px solid #DDDDDD; }
#contents .header .logo { margin:14px 0px 4px 20px; float:left; }
#contents .header .logo img { height:40px; }


#contents .title-block { margin:20px 10px 30px 20px; }
#contents .title-block .inner { width:100%; display:table; overflow:hidden; position:relative; margin:0px 10px 0px 0px; }
#contents .title-block .inner .head { 
	display:table-cell; width:9px; height:23px;
	background-color:#1D7400;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#contents .title-block .inner h1 { padding:3px 0px 0px 6px; display:table-cell; vertical-align:middle; color:#000000; font-weight:bold; font-size:160%; line-height:120%; }
#contents .title-body { margin:0px 20px 0px 20px; font-size:14px; line-height:130%;  }
#contents .title-body span { color:#FF0000; }
#contents .title-link { margin:22px 20px 0px 32px; line-height:130%; }
#contents .title-link a { display:inline-block; position: relative; font-size:16px; color:#CC0000; font-weight:bold; text-decoration:none; }
#contents .title-link a::before {
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  border-left-color: #CC0000;
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -4px;
}
#contents .title-link a:hover {
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	cursor:pointer;
}

#contents .tabular-title { margin:30px 20px 4px 20px; font-size:14px; font-weight:bold; line-height:130%; color:#000000; }

#contents .tabular { margin:30px 20px 0px 20px; border:1px solid #CCCCCC; }
#contents .tabular h2 { padding:10px 10px 10px 10px; font-size:18px; font-weight:bold; line-height:130%; background-color:#CCCCCC; color:#FFFFFF; padding-left:1.6em; text-indent:-1em; }
#contents .tabular .inner { margin:20px 20px 20px 20px; }
#contents .tabular .inner .title-block { background-color:#AAAAAA; margin:0px; }
#contents .tabular .inner .title-block h3 { padding:10px 10px 4px 12px; color:#FFFFFF; font-size:18px; font-weight:bold; line-height:120%; }
#contents .tabular .inner .title-block h3 .number { margin:0px 0px 0px 12px; }
#contents .tabular .inner .title-block h3 .number span { font-weight:normal; font-size:14px; }
#contents .tabular .inner .title-block .info { padding:0px 10px 10px 12px; color:#FFFFFF; font-size:14px; line-height:120%; }
#contents .tabular .description { color:#333333; font-size:14px; line-height:120%; }
#contents .tabular .description p { padding:10px 10px 10px 12px; }
#contents .tabular .description p:nth-child(odd){
	background:#F5F5F5;
}
#contents .tabular .description p a { display:inline-block; position: relative; font-size:11px; color:#333333; font-weight:bold; text-decoration:none; margin-left: 30px; }
#contents .tabular .description p a::before {
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  border-left-color: #333;
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -4px;
}
#contents .tabular .description p a:hover {
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	cursor:pointer;
}

#contents .photo { margin:20px 20px 0px 20px; }
#contents .photo .image { border:4px solid #F5F5F5; overflow:hidden; position:relative; }
#contents .photo .image img { float:left; }
#contents .photo .text { font-size:16px; color:#000000; padding:4px 10px 8px 10px; line-height:130%; text-align:center; background-color:#F5F5F5; }

#page-top { border-bottom:1px solid #EDEDED; margin:60px 20px 150px 20px; width:680px; }
#page-top .inner { display:table; width:100%; margin:0px 0px 0px 0px; overflow:hidden; position:relative; bakcground-color:#DDDDDD; }
#page-top .inner .right { display:table-cell; overflow:hidden; position:relative; text-align:right; vertical-align:bottom; }
#page-top .inner .right img { float:right; }
#page-top .inner .copyright { display:table-cell; color:#B2B2B2; vertical-align:middle; vertical-align:bottom; font-size:80%; padding-bottom:12px; }


#float-banner {
	position: fixed;
	width:100%;
	bottom: 0px;
	z-index:8000;
	background-color:rgba(255,255,255,0.4); padding:5px 0px 0px 0px;
}
#float-banner table tr td a { display:block; padding:8px; }
#float-banner table tr td a:hover { opacity:0.8; }
#float-banner table tr td a img {
	width:110px; height:110px;
	border-radius:110px;
	-webkit-border-radius:110px;
	-moz-border-radius:110px;
	-moz-box-shadow:
		0px 1px 6px rgba(000,000,000,1),
		inset 0px 0px 1px rgba(46,6,46,0);
	-webkit-box-shadow:
		0px 1px 6px rgba(000,000,000,1),
		inset 0px 0px 1px rgba(46,6,46,0);
	box-shadow:
		0px 1px 6px rgba(000,000,000,1),
		inset 0px 0px 1px rgba(46,6,46,0);
}


}



/***** 讌ｭ逡後＃縺ｨ縺ｮ繧ｫ繧ｹ繧ｿ繝槭う繧ｺ *****/

/* type-A 繧ｨ繧｢繝ｩ繧､繝ｳ */
#contents .type-A { border:1px solid #19ADED; }
#contents .type-A h2 { background-color:#19ADED; }
#contents .type-A .inner .title-block { background-color:#19ADED; }

/* type-B 繝帙ユ繝ｫ */
#contents .type-B { border:1px solid #EA6058; }
#contents .type-B h2 { background-color:#EA6058; }
#contents .type-B .inner .title-block { background-color:#EA6058; }

/* type-C 譌�｡後�隕ｳ蜈峨�驩�％ */
#contents .type-C { border:1px solid #21B896; }
#contents .type-C h2 { background-color:#21B896; }
#contents .type-C .inner .title-block { background-color:#21B896; }

/* type-D 豬ｷ螟門ｰｱ閨ｷ */
#contents .type-D { border:1px solid #F58656; }
#contents .type-D h2 { background-color:#F58656; }
#contents .type-D .inner .title-block { background-color:#F58656; }

/* type-E 繧｢繝代Ξ繝ｫ繝ｻ鄒主ｮｹ */
#contents .type-E { border:1px solid #9F6AD3; }
#contents .type-E h2 { background-color:#9F6AD3; }
#contents .type-E .inner .title-block { background-color:#9F6AD3; }

/* type-F 縺昴�莉� */
#contents .type-F { border:1px solid #888888; }
#contents .type-F h2 { background-color:#888888; }
#contents .type-F .inner .title-block { background-color:#888888; }

/* type-H 繝悶Λ繧､繝€繝ｫ */
#contents .type-H { border:1px solid #F771AA; }
#contents .type-H h2 { background-color:#F771AA; }
#contents .type-H .inner .title-block { background-color:#F771AA; }

/***** // 讌ｭ逡後＃縺ｨ縺ｮ繧ｫ繧ｹ繧ｿ繝槭う繧ｺ // *****/