/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	
}

/*HP全体の幅指定*/
#container	{width: 950px; height: 3100px; margin-left:auto; margin-right:auto;}

/*ヘッダー部分*/

/*リンク文字の色リセット*/
a:link{color: white; text-decoration: none}
a:visited{color: white; text-decoration: none}
a:hover{color: gainsboro; text-decoration: none}
a:active{color: white; text-decoration: none}

#syamei		{color: #808080; font-size: 20px; font-weight: lighter; margin-left: 15px; margin-top: 20px}
img.top-img {margin-left: auto; margin-right: auto; width:100%;}
.copy		{font-size: 15px; margin-left: 360px; margin-top:-77px; line-height: 140%}

/*サイドバー部分*/
#sideber	{width: 230px;height: 3500px; float: left;margin-right: 5px;} 


	h2		{margin-left: 0px; margin-top: 0px
			}
	div.Home	{margin-top:40px}


/*住所部分*/
#jyuu-sya	{text-align: left; margin-left: 45px;
			font-size: 14px; line-height: 140%; margin-top: 15px}
span.co		{font-size: 16px; font-weight: bold}
span.name	{font-size: 22px; font-weight: bold}

/*コンテンツ部分*/

/*黄色バナー上空き*/
h3{margin-top: 15px}

/*コンテンツサイズ指定*/
#content	{width: 690px; float: right; margin-top: 40px; margin-right: 10px;}

/*リンクバナー、写真部分影指定*/
.shadow {
    margin:25px 0px 10px 0px; /* 画像の上の余白*/
    display: inline-block; 
    box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.5); /*横方向　下方向　ぼかし　広がり　色 */
}

/*制作事例リンクボタン*/
.T-link{width: 700px; margin-top: 0px;}
.tr-link{width: 650px;}
.td-link{padding: 10px; text-align: center; vertical-align: middle; background-color: orange; color: black; border-style: solid; border-color: white; border-width: 0px;}

/*作製事例リンク色違い*/
.td-link1{padding: 10px; text-align: center; vertical-align: middle; background-color: darkorange; color: black; border-style: solid; border-color: white; border-width: 0px;}



/*作例部分*/

.dan{text-align: center; vertical-align: middle;}
.dan2{padding-bottom: 30px; text-align: center;}
.sakurei{width: 320px; padding: 0px 15px 0px 15px;}
.sakurei2{max-height: 250px; padding: 0px 10px 0px 10px;}
.sakurei3{width: 220px; padding: 0px 10px 0px 10px;}

/*上に戻る*/
.top{width: 80px; margin-right: auto; margin-bottom: 20px; margin-left: 580px; background-color: dimgrey; padding: 5px 30px 5px 15px; margin-top: 15px; }

/*コピーライト部分*/
p.foot{text-align: center; color: #FFFFFF; padding: 7px}
#footer	{width: 950px; height: 35px; background-color: #808080; margin-left: auto; margin-right: auto;}