@charset "utf-8";

/* -----------------------------------------------------------
	Site Name: Michinoeki Shimotsuke
	Author: Yamazen Communications co.,ltd.
	Comment: decoration style
	Since2015
----------------------------------------------------------- */
	
/*Index
	1.common style
	2.text decolation
	3.picture and the other
	4.colum style
	5.table style
----------------------------------------------------------- */
 

/* 1.common style
------------------------------------------------------------*/
dd.textbox a:link   { padding:2px;text-decoration:underline;}
dd.textbox a:visited{ padding:2px;text-decoration:underline;}
dd.textbox a:hover  { padding:2px;text-decoration:underline;}






/* 2.text decolation
------------------------------------------------------------*/
/*text-color*/
span.blue    {color:#3296e1;}
span.darkblue{color:#326496;}
span.red     {color:#ff0000;}
span.coffee  {color:#966432;}
span.orange  {color:#ff6600;}
span.ygreen  {color:#649632;}
span.green   {color:#329664;}
span.bgreen  {color:#008282;}
span.purple  {color:#6464b4;}
span.wine    {color:#966496;}
span.pink    {color:#cc6576;}
span.aqua    {color:#0096c8;}
span.ashes   {color:#949494;}

/* bold */
strong {font-weight:bold;}

/* oblique */
span.oblique {font-style:italic;font-family:"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック",sans-serif;
}

/* underline */
span.underline {text-decoration:underline;}

/* resize */
span.big {font-size:157.1428571%;}
span.large {font-size:128.5714285%;}
span.small {font-size:71.4285714%;}


/* text-align */
span.right  {display:block;margin-bottom:-1.8em;text-align:right;}
span.center {display:block;margin-bottom:-1.8em;text-align:center;}
marquee{clear:none;width:400px;}



/* stitle and crosshead*/
span.stitle,
span.stitle2,
span.stitle3,
span.stitle4,
span.stitle5,
span.stitle6,
span.stitle7{
	position:relative;
	display:block;
	margin:1em 0 -1em;
	_margin:0 0 -1em;
	padding:10px 15px 8px 20px;
	font-size:22px;
	font-weight:bold;
	line-height:1.5;
	color:#295329;
	text-align:left;
	vertical-align:top;
	zoom: 1;
}

span.stitle{
	border:1px #cccccc solid;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzhlOGE0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #ffffff 50%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #ffffff 50%,#cccccc 100%);
	background: -o-linear-gradient(top,  #ffffff 50%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #ffffff 50%,#cccccc 100%);
	background: linear-gradient(to bottom,  #ffffff 50%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
}

span.stitle2{background:url(../img/deco/ill1.png) no-repeat 5px 5px;}
span.stitle3{background:url(../img/deco/ill2.png) no-repeat left 10px;}
span.stitle4{background:url(../img/deco/ill3.png) no-repeat 5px 7px;}

span.stitle2,
span.stitle3,
span.stitle4{padding-left:50px;font-weight:bold;}

span.stitle5{padding-left:0;background:url(../img/deco/line1.png) repeat-x center bottom;}
span.stitle6{padding:1px 15px 3px 10px;border-left:5px #003200 solid;border-bottom:1px #ccc solid;}
span.stitle7{background:url(../img/deco/bk1.png) repeat center top;}







span.crosshead,
span.crosshead2,
span.crosshead3,
span.crosshead4,
span.crosshead5{
	position:relative;
	display:block;
	margin:1.5em 0 -1em;
	padding:2px 0 4px 5px;
	color:#295329;
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
	text-align:left;
	border-bottom:1px solid #c8c8c8;
}
span.crosshead2{
	background:url(../img/deco/bk2.png) repeat-x bottom center;
}
span.crosshead3{
	color:#53a1a8;
	border-left:5px solid #53a1a8;
}
span.crosshead4{color:#8bc600;border-bottom:3px solid #8bc600;}
span.crosshead5{color:#53a1a8;border-bottom:3px solid #53a1a8;}



div.waku{
	padding: 5px 10px;
	border: 1px #ccc solid;
}
div.cream{
	background: #fffacd;
}
div.beige{
	background: #F5F5DC;
}



/* 3.picture and the other
------------------------------------------------------------*/

/* inline photo */
span.leftPhoto,
span.rightPhoto,
span.centerPhoto {
	display:block;
	*width:auto;
	margin:0;
	padding:5px 0 2px;
	font-size:83.33%;
	line-height:1.5;
	text-align:left;
}

span.leftPhoto a,
span.rightPhoto a,
span.centerPhoto a,
span.leftPhoto a:link,
span.rightPhoto a:link,
span.centerPhoto a:link,
span.leftPhoto a:hover,
span.rightPhoto a:hover,
span.centerPhoto a:hover {
	padding:0;
	background:none;
	border:none;
}

span.leftPhoto img,
span.rightPhoto img,
span.centerPhoto img {
	display:block;
	position:relative;
	margin:0 auto 3px;
	*margin:0 0 3px;
	text-align:center;
	z-index:999;
}

@media screen and (max-width: 640px){
span.leftPhoto,
span.rightPhoto,
span.centerPhoto {margin:0 auto;clear:both;text-align:center;}
}
@media only print, only screen and (min-width: 641px){
span.leftPhoto   {float:left;padding-right:20px;}
span.rightPhoto  {float:right;display:block;padding-left:20px;}
span.centerPhoto {margin:0 auto;clear:both;}
}




/*hr-line*/

span.line {
	display:block;
	overflow:hidden;
	width:auto;
	height:1%;
	margin:-1.1em 0 -1em;
	_margin:-1em 0 0;
	padding:0;
	text-indent:-99999px;
	border-bottom:1px #cccccc solid;
}


/* for clear */
span.clear{display:block;width:1px;clear:both;margin-bottom:-1.8em;}








/* 4.colum style
----------------------------------------------------------- */
span.colum1,
span.colum1c,
span.colum2,
span.colum3,
span.colum4,
span.colum3_2,
span.colum1border,
span.colum2border,
span.colum3border,
span.colum4border,
span.colum3_2border{
	display:inline-block;
	*display:inline;
	vertical-align:top;
	overflow:hidden;
	zoom:1;
}

span.colum1border,
span.colum2border,
span.colum3border,
span.colum4border,
span.colum3_2border{
	border:1px #cccccc solid;
}

span.colum2 span,
span.colum3 span,
span.colum3_2 span,
span.colum4 span,
span.colum2 img,
span.colum3 img,
span.colum3_2 img,
span.colum4 img,
span.colum2border span,
span.colum3border span,
span.colum3_2border span,
span.colum4border span,
span.colum2border img,
span.colum3border img,
span.colum4border img{
	overflow:hidden;
}

span.columR{
	float:right;
	width:221px;
	margin-left:15px;
}

span.colum1c{text-align:center;}
@media screen and (max-width: 640px){
span.colum1,
span.colum1c,
span.colum1border{text-align:center;}
span.colum2,
span.colum2border,
span.colum4,
span.colum4border{width:48%;}
span.colum3,
span.colum3border,
span.colum3_2    {width:31%;}

span.colum1,
span.colum1c,
span.colum2,
span.colum3,
span.colum4,
span.colum3_2,
span.colum1border,
span.colum2border,
span.colum3border,
span.colum4border,
span.colum3_2border{
	margin:10px 1%;
}
}
@media only print, only screen and (min-width: 641px){
span.colum1,
span.colum1c       {width:98%;}
span.colum1border  {width:98%;}
span.colum2        {width:47.73%;}
span.colum2border  {width:47.73%;}
span.colum3        {width:31.06%;}
span.colum3border  {width:31.06%;}
span.colum3_2      {width:64.8%;}
span.colum3_2border{width:64.8%;}
span.colum4        {width:22.72%;}
span.colum4border  {width:22.72%;}


span.colum1,
span.colum1c,
span.colum2,
span.colum3,
span.colum4,
span.colum3_2,
span.colum1border,
span.colum2border,
span.colum3border,
span.colum4border,
span.colum3_2border{
	margin:10px 8px;
	padding:5px 10px;
}
}







/* 5.table style
------------------------------------------------------------*/
.textbox table,
.textbox table.noborder {
	width:auto;
	margin:5px 0;
	padding:0;
	border-left:1px #cccccc solid;
	border-top:1px #cccccc solid;
}

.textbox table th,
.textbox table.noborder th{
	margin:0;
	padding:5px 10px;
	color:#3c64be;
	font-size:100%;
	font-weight:bold;
	vertical-align:top;
	white-space:nowrap;
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	background:rgba(255,255,255,0.50);
}

.textbox table td,
.textbox table.noborder td{
	margin:0;
	padding:5px 10px;
	font-size:100%;
	vertical-align:top;
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	background:rgba(255,255,255,0.50);
}


.textbox table.noborder,
.textbox table.noborder th,
.textbox table.noborder td {border:none;}