@charset "UTF-8";

/*=========================================================
 *
 *	css file for "moonyworks.com"
 *	file name : print.css
 *
=========================================================*/

/*======================================

	* default.css
	* layout.css
	* module.css
	* accesebility.css
	* print.css

=======================================*/

/* default.css
----------------------------------------------- */

body {
	font-size: 12pt;
	color: #000;
	background-color: #fff;
}

a:link,
a:visited {
	text-decoration: underline;
	color: #000;
}

img {
	border: 0;
}

hr {
	display: none;
}


/* layout.css
----------------------------------------------- */

div#gNavi ,
div#cssSwitch ,
div#side ,
div#footer ul.footerMenu ,
div#footer ul.feeds ,
p.returnTop {
	display: none;
}

div#contents {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

div#header {
	width: 100%;
}

div#main {
	width: 526px;
}

/*=========================================================
 *
 *	css file for "moonyworks.com"
 *	file name : templete.css
 *
=========================================================*/


/*
*	Description:
*	ページごと変わるスタイルシートを定義
*/

/*======================================
 *
 *	Properties
 *
 *		  1. margin-top
 *		  2. margin-right
 *		  3. margin-bottom
 *		  4. margin-left
 *		  5. margin
 *		  6. padding-top
 *		  7. padding-right
 *		  8. padding-bottom
 *		  9. padding-left
 *		 10. padding
 *		 11. border-top-width
 *		 12. border-right-width
 *		 13. border-bottom-width
 *		 14. border-left-width
 *		 15. border-width
 *		 16. border-top-color
 *		 17. border-right-color
 *		 18. border-bottom-color
 *		 19. border-left-color
 *		 20. border-color
 *		 21. border-top-style
 *		 22. border-right-style
 *		 23. border-bottom-style
 *		 24. border-left-style
 *		 25. border-style
 *		 26. border-top
 *		 27. border-bottom
 *		 28. border-right
 *		 29. border-left
 *		 30. border
 *		 31. display
 *		 32. position
 *		 33. top
 *		 34. right
 *		 35. bottom
 *		 36. left
 *		 37. float
 *		 38. clear
 *		 39. z-index
 *		 40. direction
 *		 41. unicode-bidi
 *		 42. width
 *		 43. min-width
 *		 44. max-width
 *		 45. height
 *		 46. min-height
 *		 47. max-height
 *		 48. line-height
 *		 49. vertical-align
 *		 50. overflow
 *		 51. clip
 *		 52. visibility
 *		 53. content
 *		 54. compact
 *		 55. run-in
 *		 56. quotes
 *		 57. marker-offset
 *		 58. list-style-type
 *		 59. list-style-image
 *		 60. list-style-position
 *		 61. list-style
 *		 62. size
 *		 63. marks
 *		 64. page-break-before
 *		 65. page-break-after
 *		 66. page-break-inside
 *		 67. page
 *		 68. orphans
 *		 69. widows
 *		 70. color
 *		 71. background-color
 *		 72. background-image
 *		 73. background-repeat
 *		 74. background-attachment
 *		 75. background-position
 *		 76. background
 *		 77. font-family
 *		 78. font-style
 *		 79. font-variant
 *		 80. font-weight
 *		 81. font-stretch
 *		 82. font-size
 *		 83. font-size-adjust
 *		 84. font
 *		 85. text-indent
 *		 86. text-align
 *		 87. text-decoration
 *		 88. text-shadow
 *		 89. letter-spacing
 *		 90. word-spacing
 *		 91. text-transform
 *		 92. white-space
 *		 93. table-layout
 *		 94. empty-cells
 *		 95. speak-header
 *		 96. cursor
 *		 97. outline
 *		 98. volume
 *		 99. speak
 *		100. pause-before
 *		101. pause-after
 *		102. pause
 *		103. cue-before
 *		104. cue-after
 *		105. cue
 *		106. play-during
 *		107. azimuth
 *		108. elevation
 *		109. speech-rate
 *		110. voice-family
 *		111. pitch
 *		112. pitch-range
 *		113. stress
 *		114. richness
 *		115. speak-punctuation
 *		116. speak-numeral
 *
=======================================*/

/*=======================================

	/index.html
	トップページのコンテンツ内部
	body.top

=======================================*/

/* newsinfo - トップページのニュースエリア */
body.top div#main div.newsinfo {
	background: url("../../images/bg_news_middle.gif") repeat-y left top;
}

body.top div#main div.section {
	background: url("../../images/bg_news_bottom.gif") no-repeat left bottom;
}

body.top div#main div.newsinfo h2 {
	margin: 15px 0 0 0;
	padding: 0;
}

/* pickupnews - トップページのニュースリスト */
body.top div.pickupnews {
	width: 340px;
	float: left;
}

body.top div.pickupnews div.news {
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
}

body.top div.pickupnews div.news div.intro {
	width: 250px;
	float: right;
}

body.top div.pickupnews div.news div.intro h3 {
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 92%;
}

body.top div.pickupnews div.news div.intro h3 span.date {
	padding: 0 0 0 12px;
	display: block;
	background: url("../../images/icn_pickupnews.gif") no-repeat left center;
	color: #999;
	font-size: 85%;
}

body.top div.pickupnews div.news div.intro p {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 85%;
}

body.top div.pickupnews div.news div.thmbnailImg {
	margin: 15px 0 0 0;
	float: left;
}

body.top div.pickupnews div.news div.thmbnailImg img {
	margin: 2px;
	border: none;
	vertical-align: bottom;
}

body.top div.pickupnews div.news div.thmbnailImg a {
	display: block;
	background: #e5e5e5;
}

body.top div.pickupnews p.more {
	margin: 0;
	padding: 0;
	text-indent: -10000px;
}

body.top div.pickupnews p.more a {
	margin: 10px 0  10px 305px;
	width: 36px;
	height: 15px;
	display: block;
	background: url("../../images/btn_more.gif") no-repeat left top;
	outline: none;
	text-decoration: none;
}

/* pickupnews - トップページの関連サイト情報 */
body.top div.relatedSite {
	width: 168px;
	float: right;
}

body.top div.relatedSite h3 {
	margin: 0 8px 0 0;
	padding: 0 0 3px 13px;
	background: url("../../images/icn_blue.gif") no-repeat 0 3px;
	font-weight: bold;
	font-size: 85%;
}

body.top div.relatedSite p {
	margin: 15px 8px 0 0;
	text-align: center;
	font-size: 85%;
}

body.top div.relatedSite p img {
	border: none;
	vertical-align: bottom;
}

/* service - トップページの業務内容説明エリア */
body.top div.service {
	clear: both;
}

body.top div.serviceIntro {
	width: 175px;
	float: left;
}

body.top div.serviceIntro h3 {
	margin: 5px 5px 0 5px;
	padding: 0 0 0 15px;
	background: url("../../images/icn_blue.gif") no-repeat 2px 4px;
	font-size: 85%;
}

body.top div.serviceIntro h3 a {
	color:#333;
	font-weight: bold;
	text-decoration: none;
}

body.top div.serviceIntro h3 a:hover {
	color: #F44A16;
	text-decoration: underline;
}

body.top div.serviceIntro p {
	margin: 10px 5px 0 5px;
	font-size: 85%;
}

body.top div.serviceIntro img {
	border: none;
}

body.top div.service p.more {
	margin: 0;
	padding: 0;
	clear: both;
	text-indent: -10000px;
}

body.top div.service p.more a {
	margin: 10px 0  10px 485px;
	width: 36px;
	height: 15px;
	display: block;
	background: url("../../images/btn_more.gif") no-repeat left top;
	outline: none;
	text-decoration: none;
}

/* showcase - トップページの製作実績紹介エリア */
body.top div.showcase h3 {
	margin: 10px 0;
	padding: 0 0 0 15px;
	background: url("../../images/icn_blue.gif") no-repeat left center;
	font-size: 92%;
}

body.top div.showcase h3 a {
	color:#333;
	font-weight: bold;
	text-decoration: none;
}

body.top div.showcase h3 a:hover {
	color: #F44A16;
	text-decoration: underline;
}

body.top div.showcase p.more {
	margin: 0;
	padding: 0;
	clear: both;
	text-indent: -10000px;
}

body.top div.showcase p.more a {
	margin: 10px 0  10px 485px;
	width: 36px;
	height: 15px;
	display: block;
	background: url("../../images/btn_more.gif") no-repeat left top;
	outline: none;
	text-decoration: none;
}

/* categoryWeb - トップページの製作実績紹介エリア2段組部分 */

body.top div.categoryWeb {
	margin: 0;
	padding: 0 0 5px 0;
}

body.top div.categoryWeb dl {
	margin: 10px 10px 0 0;
	padding: 0 0 10px 0;
	float: left;
	width: 245px;
}

body.top div.categoryWeb dt {
	margin: 0;
	padding: 0;
	color: black;
	width: 58px;
	float: left;
}

body.top div.categoryWeb dt img {
	margin: 2px;
	border: none;
	vertical-align: bottom;
}

body.top div.categoryWeb dt a {
	display: block;
	background: #e5e5e5;
	text-decoration: none;
}

body.top div.categoryWeb dd a {
	padding: 0 0 0 14px;
	background: url("../../images/icn_white.gif") no-repeat left center;
	font-weight: bold;
}

body.top div.categoryWeb dd.sitename {
	margin: 0 0 5px 70px;
	font-size: 92%;
}

body.top div.categoryWeb dd {
	margin: 0 0 0 70px;
	padding: 0;
	font-size: 85%;
}

body.top div.categoryGraphic ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

body.top div.categoryGraphic ul li {
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
}

body.top div.categoryGraphic ul li a {
	width: 58px;
	height: 58px;
	display: block;
	background: #e5e5e5;
}

body.top div.categoryGraphic ul li a img {
	margin: 2px;
	border: none;
	vertical-align: bottom;
}

/* cruzinInfo - 左サイドのcruzin情報エリア */

body.top div.cruzinInfo h3 {
	margin: 0;
	padding: 0 0 5px 0;
}

body.top div.cruzinInfo h4 {
	margin: 0 5px 0 0;
	padding: 10px 0 5px 15px;
	background: url("../../images/icn_blue.gif") no-repeat 2px 15px;
	font-weight: bold;
	font-size: 95%;
}

body.top div.cruzinInfo ul {
	margin: 10px 5px 0 0;
	padding: 0 0 5px 0;
	list-style-type: none;
}

body.top div.cruzinInfo ul li {
	margin: 2px 0 0 0;
	padding: 5px;
	background: #f4f4f4;
}

body.top div.cruzinInfo ul li span.date {
	padding: 0 0 0 12px;
	display: block;
	background: url("../../images/icn_pickupnews.gif") no-repeat left center;
	color: #999;
	font-size: 85%;
}

body.top div.cruzinInfo ul li a {
	padding: 2px 0 0 12px;
	display: block;
	background: url("../../images/icn_orange.gif") no-repeat 0 5px;
	font-size: 85%;
}