@charset "utf-8";
/* CSS Document */

/*
 ********************************
 *
 * Basic(Layout) CSS
 *
 * CSS Setting
 * for digital-packet.com
 * original - 00 2009.01.12 S.Takikawa
 * revision - 01
 *
 ********************************
*/

/********************************
   Basic Layout CSS Setting ( ContentsPage Only ).
 ********************************/

#header {
	width: 100%;
	height: 120px;
	clear: both;
	padding: 0px;
	margin: 0px;
	text-align: inherit;
	float: left;
	background-image: url(../img/head_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
}


#container {
	clear: both;
	width: 100%;
	text-align: inherit;
	height: 380px;
	padding: 0px;
	margin: 0px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(../../img/top_bg.gif);
	background-position: center bottom;
	background-repeat: repeat-x;
}

#footer {
	clear: both;
	width: 100%;
	text-align: inherit;
	height: auto;
	padding: 0px;
	float: left;
	margin: 0px;
	background-color: #F9F9F9;
}





/********************************
   #header Layout CSS Setting
 ********************************/

#header #head-contents {
	clear: both;
	width: 900px;
	height: 120px;
	/* text-align: inherit; */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	overflow: hidden;
	background-image: url(../img/head_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#head-contents #head-body {
	height: 120px;
	width: 900px;
	clear: both;
	float: left;
	overflow: hidden;
	background-image: url(../img/head_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: inline;
	margin: 0px;
	padding: 0px;

}

#head-body .logo {
	float: left;
	height: 75px;
	width: 350px;
	margin-left: 110px;
	display: inline;
}

#head-body .logo h1 {
	font-size: 10px;
	padding-top: 5px;
	line-height: 30px;
}

#head-body .smenu {
	float: left;
	height: 75px;
	width: 440px;
	display: inline;
}

#head-body .smenu ul {
	clear: both;
	float: left;
	display: inline;
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
	width: 250px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#head-body .smenu ul li {
	display: inline;
	list-style-type: none;
	padding: 5px;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #EAECEA;
	font-size: 10px;
}

.smenu ul li a:link    { color: #666666; }
.smenu ul li a:visited { color: #666666; }
.smenu ul li a:hover   { color: #CC3333; text-decoration: underline; }
.smenu ul li a:active  { color: #CC3333; text-decoration: underline; }

#head-body .smenu p.tel {
	line-height: 1em;
	float: right;
	height: 55px;
	width: 190px;
	display: inline;
}

#head-body #head-menu {
	height: 35px;
	width: 890px;
	clear: both;
	float: left;
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
}

#head-menu ul {
	clear: both;
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
	height: 35px;
	list-style-type: none;
	overflow: hidden;
	line-height: 35px;
}

#head-menu ul li {
	display: inline;
	list-style-type: none;
	line-height: 35px;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 35px;
}


/********************************
   #contents Layout CSS Setting
 ********************************/

#container #contents-area {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 380px;
	clear: both;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0px;
	padding-right: 95px;
	padding-bottom: 0px;
	padding-left: 95px;
	background-image: url(../../img/top_bg2.gif);
}
#contents-area #contents {
	width: 900px;
	height: auto;
	clear: both;
	float: left;
	margin: 0px;
	padding: 0px;
}
#contents #contents-body {
	background-image: url(../../img/main00.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 360px;
	width: 900px;
}

#contents-body #box-ad {
	margin-left: 590px;
	margin-top: 135px;
	width: 300px;
	float: left;
	display: inline;
	height: 225px;
	clear: both;
	overflow: hidden;
}

#box-ad #box-works {
	background-image: url(../../img/works_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 82px;
	width: 300px;
	margin-top: 10px;
	padding-top: 22px;
	padding-bottom: 6px;
}

#box-works .wrk-icon {
	float: left;
	height: 80px;
	width: 80px;
	border: 1px solid #CCCCCC;
	margin-right: 9px;
	margin-left: 9px;
	display: inline;
}
/********************************
   #footer Layout CSS Setting
 ********************************/

#footer #foot-contents {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	padding-top: 0px;
	padding-right: 95px;
	padding-bottom: 0px;
	padding-left: 95px;
}

#foot-contents #main-menu {
	display: inline;
	height: 305px;
	width: 900px;
	float: left;
	clear: both;
	background-image: url(../../img/menu_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#main-menu .title {
	padding-bottom: 5px;
}

#main-menu #menu-wrapper {
	height: 305px;
	width: 900px;
	float: left;
	display: inline;
}

#menu-wrapper #news-wrp {
	clear: both;
	float: left;
	width: 400px;
	margin-right: 9px;
	margin-left: 9px;
	height: 305px;
	display: inline;
}
#news-wrp #box-news {
	clear: both;
	float: left;
	height: 155px;
	width: 380px;
	margin-bottom: 20px;
	margin-left: 10px;
	display: inline;
	margin-right: 0px;
	margin-top: 0px;
}

#box-news #news-body {
	clear: both;
	float: left;
	width: 380px;
	padding: 0px;
	height: 115px;
	overflow: auto;
	margin: 0px;
	display: inline;
}

#news-body dl {
	margin: 0px;
	padding: 0px;
	width: 360px;
	clear: both;
	float: left;
}
#news-body dl dt {
	float: left;
	clear: both;
	width: 40px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(../img/mark_orange.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	background-position: left 4px;
	display: inline;
	height: auto;
}
#news-body dl dd {
	width: 295px;
	padding: 0px;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF9900;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	display: inline;
	float: left;
}


#news-wrp #box-blog {
	clear: both;
	float: left;
	height: 90px;
	width: 380px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	display: inline;

}

#box-blog #blog-body {
	clear: both;
	float: left;
	width: 380px;
	padding: 0px;
	height: 60px;
	overflow: auto;
	margin: 0px;
	display: inline;
}

#blog-body dl {
	margin: 0px;
	padding: 0px;
	width: 360px;
	clear: both;
	float: left;
}
#blog-body dl dt {
	float: left;
	clear: both;
	width: 40px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(../img/mark_green.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	background-position: left 4px;
	display: inline;
	height: auto;
}
#blog-body dl dd {
	width: 295px;
	padding: 0px;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF9900;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	display: inline;
	float: left;
}




#menu-wrapper #box-menu {
	height: 285px;
	width: 170px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	float: left;
	display: inline;
	clear: right;
	padding: 0px;
	margin-top: 0px;

}


#box-menu ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#box-menu ul li {
	background-image: url(../img/mark_s_gray.gif);
	background-position: 2px 5px;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 16px;
	font-size: 12px;
	line-height: 20px;
	margin: 2px;
}


#menu-wrapper #box-bnr {
	display: inline;
	float: left;
	height: 285px;
	width: 236px;
	margin-right: 7px;
	margin-bottom: 20px;
	margin-left: 17px;

}

#box-bnr .bnr {
	margin-top: 5px;
	margin-right: 1px;
	margin-bottom: 5px;
	margin-left: 1px;
}


#main-menu a:link    { color: #333333; }
#main-menu a:visited {	color: #333333; }
#main-menu a:hover   { color: #CC3333; text-decoration: underline; }
#main-menu a:active  { color: #CC3333; text-decoration: underline; }


#foot-contents p.navi-pagetop {
	height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 900px;
	clear: both;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	text-align: right;
	float: left;

}

#foot-contents #foot-wrapper {
	width: 890px;
	clear: both;
	height: auto;
	display: inline;
	border: 1px solid #E0E0E0;
	float: left;
	margin: 5px;
}

#foot-wrapper #foot-menu {
	width: 529px;
	float: left;
	height: auto;
	display: inline;
	overflow: hidden;
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E0E0E0;
	color: #666666;
}

#foot-menu .ul-border {
	padding-top: 3px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #E0E0E0;
	margin-top: 3px;
}

#foot-menu ul {
	clear: both;
	padding: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

#foot-menu ul li {
	background-image: url(../img/mark_s_gray.gif);
	background-position: left center;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	display: inline;
	font-size: 9pt;
	background-repeat: no-repeat;
	line-height: 20px;
	float: left;
	height: 20px;
}



#foot-wrapper #foot-logo {
	float: right;
	width: 330px;
	display: inline;
	height: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}

#foot-logo .comp-addr {
	font-size: 11px;
	line-height: 16px;
}
#foot-logo .comp-name {
	font-size: 12pt;
	line-height: 1.5em;
	letter-spacing: 2px;
}


#foot-contents #foot-copyrights {
	display: inline;
	clear: both;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	width: 900px;
}

#foot-copyrights h3 {
	padding-top: 5px;
	padding-bottom: 5px;
}

#foot-wrapper a:link    { color: #666666; }
#foot-wrapper a:visited { color: #666666; }
#foot-wrapper a:hover   { color: #CC3333; text-decoration: underline; }
#foot-wrapper a:active  { color: #CC3333; text-decoration: underline; }

#foot-contents #powered-by {
	clear: both;
}
#powered-by h2 {
	color: #F4F2EA;
	font-size: 8pt;
}

#powered-by a:link    { color: #F4F2EA; }
#powered-by a:visited {	color: #F4F2EA; }
#powered-by a:hover   { color: #F4F2EA; text-decoration: underline; }
#powered-by a:active  { color: #F4F2EA; text-decoration: underline; }

/********************************
 *
 *
 * Decoration Layout CSS Setting
 *
 *
 ********************************/


/********************************
 * Box Indent
 ********************************/


/********************************
 * Images
 ********************************/

img.img-border {
	margin: 0px;
	padding: 4px;
	border: 1px solid #CCCCCC;
	background-color: #F0F0F0;
}


/********************************
 * Text Box
 ********************************/



/********************************
 * Text
 ********************************/

.txtS {
	font-size: 8pt;
}
.txtM {
	font-size: 9pt;
}
.txtL {
	font-size: 11pt;
}
.clrRed {
	color: #993333;
}
.clrGreen {
	color: #336600;
}
.clrBlue {
	color: #0066CC;
}


/* END */