@charset "utf-8";


/* ----------------｜ font-size ｜-------------------- */
	.font16 		{font-size: 21px; font-weight: normal}
	.font14 		{font-size: 16px; font-weight: normal}
	.font12 		{font-size: 14px; font-weight: normal}
	.font11 		{font-size: 13px; font-weight: normal}
	.font10 		{font-size: 12px; font-weight: normal}
	.font9  		{font-size: 11px; font-weight: normal}
	.font8  		{font-size: 9px; font-weight: normal}

	.font_bold		{font-weight: bold}
	.font_noborder	{border-style: none}
	.font_underline {text-decoration: underline}

	.font-title {font-family: 'NotoSansCJKjp-Bold'; line-height: 1.25em; font-size: 1.2em;}

/* ------------------| text color |------------------ */
	.font_blue	{color: #0000ff;}
	.font_red	{color: #ff0000;}
	.font_pink	{color: #ffc0cb;}
	.font_green	{color: #189633;}
	.font_sky   {color: #00a0e9}

	.font_marker_yellow {background: #ff9;}
	.font_marker_red {background: #fcf;}
	.font_marker_sky {background: #9ff;}

/* ----------------| text highlight |----------------- */
	.mark_yellow	{
				background-color: #ffff00;
	}
	.mark_red	{
				background-color: #ff0000;
	}
	.mark_blue	{
				background-color: #00ffff;
	}


/*-------------------|  link  |--------------------*/
	a 				{text-decoration: none}
	a:link			{color:#0000ff}
	a:visited		{color:#0000ff}
	a:hover			{background-color:#FFD700}
	a.black:link 	{color:#000000}
	a.black:visited {color:#000000}
	a.nohover:hover	{background-color: transparent}


/* ------------------| shadow |------------------ */
.shadow	{
	-webkit-box-shadow: 2px 2px 2px 0px #bbbbbb;
	-moz-box-shadow:	2px 2px 2px 0px #bbbbbb;
	box-shadow:			2px 2px 2px 0px #bbbbbb;
	behavior:			url(PIE.htc);
}

/* ------------------| radius |------------------ */
.radius {
	border-radius: 5px 0 0 5px;
	-moz-border-radius:  5px 0 0 5px;
	-webkit-border-radius:  5px 0 0 5px;
	-o-border-radius:  5px 0 0 5px;
	-ms-border-radius:  5px 0 0 5px;
	border:#a9a9a9 1px solid;
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
}



/* ------------------| radius | shadow | テキストボックス |------------------ */
.radius_tbx {
		font-size:	13.3px;
		padding:	3px;

	   	border-radius: 3px;
		-moz-border-radius:  3px;
		-webkit-border-radius:  3px;
		-o-border-radius:  3px;
		-ms-border-radius:  3px;

		border:#a9a9a9 1px solid;
		-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
		-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
		box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
}

/* ------------------| radius | shadow | リストボックス |------------------ */
.radius_cbx {
		font-size:	13.3px;
		padding:	3px;

	   	border-radius: 3px 0 0 3px;
		-moz-border-radius: 3px 0 0 3px;
		-webkit-border-radius: 3px 0 0 3px;
		-o-border-radius: 3px 0 0 3px;
		-ms-border-radius: 3px 0 0 3px;
		border:#a9a9a9 1px solid;

		-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
		-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
		box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
}

/* ----------------------| 枠の設定 |-------------------------------------- */
.entry-dotted {
		padding: 10px;
		border: dotted 2px #aaa;
		background-color: #eee;
}

.photo-frame {
    padding:7px;
    border:1px solid #ccc;
    background:#fff;
}