﻿html, body, 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:bottom;
	background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

blockquote, q {
	quotes:none;
	font-style: italic;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color:#0044cc;
}

/* colorD276AF */
/* .coly a:link color#16A4AB */

ins {
	background-color:transparent;
	color:#000;
	padding:1.5em 0 2.5em 0;
	width:336px;
	margin:0 auto;
}

mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #a8a8a8;
	margin:1em 0;
	padding:0;
}

img, h1, h2, h3, .title, .formmember {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

ul { list-style-type:none; padding:0; margin:0 0 0 0.5em; line-height:1em; }
li { margin:0; padding:0; list-style-position:outside; line-height:2.382em;  }

.fl { float:left; }
.fr { float:right; }

/* title */
h1 { margin:0.25em 0 0.8em 0; padding:0.5em 0 0.5em 0.5em; font-size:large; background:#B0B0B0; font-weight:bold; color:#000; }
h2 { margin:1.5em 0 1.55em 0; padding:0 0 0 0.5em; font-size:large; background:#C8C8C8; }
h3 { margin:1em 0 0.5em 0; padding:0 0 0 0.75em; font-size:large; background:#EEE; }
h4 { margin:0.25em 0 0.5em 0; padding-left: 0.75em; background-color: #FFFFFF; line-height: 2em; }
.noBG { background-color: #FFFFFF; line-height: 2em; margin: 0.25em 0 0.5em 0; padding-left: 0.5em; }

/* body */
body { 
	line-height:2em; font-family: "YuGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 0 2%;
	width:96%;
}

/* site name */
#start {margin-top: 0.875em; font-size: 1.5em; padding-bottom: 0.875em; }
#start a {text-decoration: none; background:transparent; color:#000; }
#start img {
	vertical-align: middle;
	position: relative;
	top: -0.1em;
}

header {  width:100%; }
footer { padding:0 0 1em 0; width:100%; }

/* form */
input, select { vertical-align:middle; }
input { padding:0.25em; }

/* column */
#startx { padding-top:12px; height:40px; font-size:1.618em; }
.clear { clear:both; }  
.clear hr { display:none; } 

/* image */
.hdimg2 {width: 44px;}

.img1 { width:312px; height:312px; }
.suhi001 { width:100%; height:auto; max-width:604px; }
.tool { width:344px; height:auto; }
.toukei1 { width:100%; height:auto; }
.toukei2 { width:624px; height:592px; }
.colyimg1 { width:99.5%; height:auto; margin:0.25em 0; }
.colyimg2 { width:98.5%; height:auto; border:1px #77DCD2 dashed; margin-top:0.25em; }
.itsumo { width:96%; max-width:280px; height:auto; }
.numImg { width: 3em; height: auto; margin: 0.5em;}
.app { width:300px; height: auto; }
.appadDiv {text-align: center;}
.appad {
	margin: 0 auto;
	width: 336px;
	height: auto;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.app1 {
	background-color:transparent;
	color:#000;
	padding:0;
	width:200px;
	margin:0 0.5em;
	border: 1px dashed #D276AF;
}
.app2 { width:256px; height:auto; border:1px #EBA7D1 dashed; }
.app3 { width:100%; height: auto; }
.imgicon { 
	width: 135px;
	height: 135px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	float: none;
	margin: 4px 16px 0 0;
}
.imgicon2 { 
	width: 120px;
	height: 120px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	float: left;
	margin: 2px 16px 0 0.75em;
}

/* text */
.fonts { font-size:small; }
.text { margin:0 0.5em 0 0.75em; padding: 0.5em 0 0.25em 0; color:#333 }
.texts { margin:0 0 1em 0; line-height:0.8em; }
.textss { margin:0; line-height:0.65em; }
.textb { font-weight:bold; }
.textc { color:#C94093; }
.textr { color:#F84433;}
.textl { color:#3399CC;}
.textfu { background-color:#CCC;}
.texty { background-color:#F0F0A8;}
.textu { background-color:#D9F1F7; }
.textu1 { background-color:#ffe8fc; }
.textt { margin:0 0.5em 0.5em 0.5em; padding:0 0 0.25em 0; line-height:1.5em; }
.textt1 { margin:0 0.5em 1em 0.75em; line-height:1.7em; text-indent:-1em; padding-left:1em; }
.textf { line-height:2.25em; }
.textn { font-weight:normal; }
.center { text-align: center; margin: 0; padding: 0; }
.forimg { margin: 0.25em 1em 0.25em 0; }
.brk { font-style: italic; color: #666; background: #EEE; }
.brkP {line-height: 1.625em; margin: 0.5em 0;}
.through {text-decoration: line-through;}

/* kotenshi */
.kote1 { margin:2.25em auto 1.5em auto; text-align:center; }
.kote { width:336px; height:auto; border:1px #EBA7D1 dashed; }
.kotes { width:168px; height:auto; border:1px #EBA7D1 dashed; float:left; margin:0 1em 0 0; }
.numImages { width:168px; height:auto; border:1px #EBA7D1 dashed; float:right; margin:0 1em 0 0; }

/* switch */
.onlym { display:none; }

/* others */
.ad1 { margin:2em auto 2em auto; }
.cntr { text-align:center; }
.right { text-align: right; padding-right: 0.5em; }
.textmid { text-align:center; margin:0 auto; }
.formmember { width:87%; border:1px #77DCD2 solid; padding:4% 6% 6% 6%; margin:0.5em auto 1em auto;	}
.pt025 { padding-top: 0.25em; }
.pt150 { padding-top: 1.5em; }
.pb075 { padding-bottom: 0.75em; }
.pb100 { padding-bottom: 1em; }
.pl100 { padding-left: 2em; }
.fleft { float: left;}
.fright { float: right;}
.fnone { float: none; }
.noDec { text-decoration: none; color: inherit; }
.numIngDiv {width: 100%; margin: 0 auto;}


/* facebook page */
.fb-page { width:276px !important; margin:0 auto; }

@media screen and (max-width:359px) {

ins {
	background-color:transparent;
	color:#000;
	padding:1.5em 0 2.5em 0;
	width:300px;
	margin:0 auto;
}

}
