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

@import "reset.css";

a:link {
	color: #333333;
}
a:visited {
	color: #666666;
}
a:hover {
	color:#999999;
}

* html img {
	behavior: url("iepngfix.htc");
}
* html div {
	behavior: url("iepngfix.htc");
}

html {
	background-image: url(../images/body_back_repeat.jpg);
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 83%;
	line-height: 1.5;
	color: #FFFFFF;
}

/*------------------------------------------------------------汎用クラス*/
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mr10 {
	margin-right: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.img_center {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.pt10 {
	padding-top: 10px;
}
.ptb10 {
	padding: 10px 0;
}
.float_r {
	float: right;
}
.txt_center {
	text-align: center;
}
.p_red {
	color: #FF0000;
}
.txt_right {
	text-align: right;
}
.font_b {
	font-size: 150%;
	font-weight: bold;
}
/*----------------------------------------------------------------------*/

#h1_wrapper {
	width: 100%;
	height: 20px;
	background-image: url(../images/h1_back.gif);
	background-repeat: repeat-x;
	font-size: 83%;
	text-align: right;
}
#h1_wrapper h1 {
	display: inline-block;
	margin-top: 3px;
}
#wrapper_out {
	width: 100%;
	background-image: url(../images/body_back.jpg);
	background-repeat: repeat-y;
}
#header {
	width: 849px;
	height: 136px;
	margin: 0 auto;
	background-image: url(../images/headers.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#header li {
	float: left;
}
#header li a {
	outline: none;
	display: block;
	width: 120px;
	height: 20px;
	background-image: url(../images/headers.png);
	background-repeat: no-repeat;
}

#h01 a { margin-left: 362px; background-position: -362px 0; }
#h02 a { background-position: -482px 0; }
#h03 a { background-position: -602px 0; }
#h04 a { background-position: -722px 0; }
#h05 a { width: 190px; height: 60px; margin: 31px 0 0 13px; background-position: -13px -51px; }

#h01 a:hover { margin-left: 362px; background-position: -362px -136px; }
#h02 a:hover { background-position: -482px -136px; }
#h03 a:hover { background-position: -602px -136px; }
#h04 a:hover { background-position: -722px -136px; }
#h05 a:hover { width: 190px; height: 60px; margin: 31px 0 0 13px; background-position: -13px -187px; }

#contents_t {
	width: 854px;
	display: block;
	margin: 10px auto 0 auto;
}
#contents_mm {
	width: 854px;
	margin: 0 auto;
	background-image: url(../images/wrap_back_mm.png);
	background-repeat: repeat-y;
}
#contents_m {
	width: 854px;
	background-image: url(../images/wrap_back_m.png);
	background-repeat: no-repeat;
}
#contents_b {
	width: 854px;
	background-image: url(../images/wrap_back_b.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
#left_column {
	display: inline;
	width: 230px;
	float: left;
}
#right_column {
	display: inline;
	width: 610px;
	float: left;
}
/*------------------------------------------------------------メニュー*/
#menu {
	width: 190px;
	height: 330px;
	margin: 0 auto;
	padding: 0;
	text-indent: -9999px;
	background-image: url(../images/menu.jpg);
	background-repeat: no-repeat;
}
#menu li a {
	outline: none;
	display: block;
	width: 190px;
	height: 55px;
	background-image: url(../images/menu.jpg);
	background-repeat: no-repeat;
}

#m01 a { background-position: 0 0; }
#m02 a { background-position: 0 -55px; }
#m03 a { background-position: 0 -110px; }
#m04 a { background-position: 0 -165px; }
#m05 a { background-position: 0 -220px; }
#m06 a { background-position: 0 -275px; }

#m01 a:hover { background-position: -190px 0; }
#m02 a:hover { background-position: -190px -55px; }
#m03 a:hover { background-position: -190px -110px; }
#m04 a:hover { background-position: -190px -165px; }
#m05 a:hover { background-position: -190px -220px; }
#m06 a:hover { background-position: -190px -275px; }

/*--------------------------------------------------------------------*/

#flash {
	width: 590px;
	margin-bottom: 20px;
}

#contents {
	width: 590px;
	background-image: url(../images/cont_back.gif);
	background-repeat: repeat-y;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
#contents #list_page {
	width: 150px;
	text-align: right;
	float: right;
	margin: 10px 20px 0 0;
}

#top_service {
	width: 179px;
	float: left;
	margin: 20px 0 20px 13px;
}

#top_service_cont {
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-image: url(../images/top_cont_back.gif);
	background-repeat: repeat-y;
}
#top_service_cont p {
	color: #FFFFFF;
	padding: 10px;
}

#topics {
	display: inline-block;
	width: 530px;
	margin: 10px 0 20px 20px;
	padding: 10px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}
#topics p {
	color: #333333;
	padding: 5px 0;
}
#topics dl dt {
	border-bottom: 1px solid  #666666;
	background-image: url(../images/click_list.gif);
	background-repeat: no-repeat;
	background-position: left;
}
#topics dl dt p {
	margin-left: 25px;
}
#topics a:link {
	color: #0000DD;
}
#topics a:visited {
	color: #0000DD;
}
#topics a:hover {
	color: #DD0000;
}
#topics dl dt p a:hover {
	color: #DD0000;
}
#topics dl dd p {
	border: none;
	padding: 10px;
}
#topics dl dd img {
	margin: 10px 10px 0 0;
}

#footer {
	clear: both;
	display: inline-block;
	width: 840px;
	height: 80px;
	margin: 20px 0 0 5px;
	background-image: url(../images/footer_back.gif);
	background-repeat: repeat-x;
}
#footer p {
	margin: 10px 10px 0 10px;
	text-align: center;
}
#footer a:link {
	color: #FFFFFF;
}
#footer a:visited {
	color: #CCFFFF;
}
#footer a:hover {
	color: #66FFFF;
}

/*-------------------------------------------------------------- 共通 */
#company, #business, #works, #price, #inquiry, #privacy, #sitemap, #under_construction {
	width: 530px;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	margin: 10px auto;
	color: #333333;
	padding: 10px;
}
/*--------------------------------------------------------------------*/

/*------------------------------------------------------ プライバシー */
#privacy ul li div {
	width: 520px;
	border-left: 5px solid #333333;
	border-bottom: 1px solid #333333;
	padding-left: 10px;
	font-size: 110%;
	font-weight: bold;
}
#privacy ul li ul li {
	margin: 10px;
}
#privacy ul li ul li ul li {
	list-style: decimal;
	margin: 10px 0 0 20px;
}
/*--------------------------------------------------------------------*/

/*---------------------------------------------------------- 会社概要 */
#company table {
	width: 100%;
	border-collapse: collapse;
}
#company table tr th {
	background-color: #FFFFFF;
	background-image: url(../images/th_back.jpg);
	background-repeat: repeat-y;
}
#company table tr th, #company table tr td {
	padding: 10px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
}
#company table tr td ul li {
	font-weight: bold;
}
#company table tr td ul li ul li {
	margin-left: 20px;
	font-weight: normal;
}

#president_sign {
	width: 250px;
	float: right;
	margin-top: 30px;
	font-weight: bold;
}
/*--------------------------------------------------------------------*/

/*------------------------------------------------------- 事業内容 ---*/
#business h3 {
	font-size: 120%;
	font-weight: bold;
}
#business ul, #business p {
	margin-left: 20px;
}

#business ul li {
	font-weight: bold;
}
#business ul li ul li {
	font-weight: normal;
}
#business ul li ul li ul li {
	margin-left: 15px;
	list-style: disc;
}
#business .txt_right a:link {
	color: #FF0000;
}
#business .txt_right a:hover {
	color: #666666;
}
/*--------------------------------------------------------------------*/

/*---------------------------------------------------------- 制作実績 */
#list_page a:link {
	color: #DD0000;
}
#list_page a:visited {
	color: #DD0000;
}
#list_page a:hover {
	color: #FFFFFF;
}

#works_title {
	width: 300px;
	float: left;
	margin: 5px 0 0 20px;
	font-size: 150%;
	font-weight: bold;
	color: #333333;
}
#works {
	clear: both;
	margin-top: 10px;
}
#works a:link {
	color: #DD0000;
}
#works a:visited {
	color: #DD0000;
}
#works a:hover {
	color: #333333;
}
#work_img {
	display: inline;
	width: 180px;
	float: left;
}

#work_kind {
	display: inline;
	width: 340px;
	float: left;
	margin-left: 10px;
}
#work_kind table {
	width: 100%;
	border-collapse: collapse;
}
#work_kind table tr th {
	width: 90px;
	font-weight: bold;
	text-align: center;
	background-image: url(../images/th_back.jpg);
	background-repeat: repeat-y;
}
#work_kind table tr th,#work_kind table tr td {
	padding: 10px;
	border: 1px solid #333333;
}
/*--------------------------------------------------------------------*/

/*----------------------------------------------------------- 価格 ---*/
#price a:link {
	color: #666666;
}
#price a:visited {
	color: #999999;
}
#price a:link {
	color: #333333;
}

/*#price table {
	width: 100%;
	margin-top: 10px;
	border-collapse: collapse;
}
#price table tr th, #price table tr td {
	padding: 10px;
	border: 1px solid #333333;
}
#price table tr th {
	width: 330px;
	background-color: #FFFFFF;
	background-image: url(../images/th_back_price.jpg);
	background-repeat: repeat-y;
}
#price table tr td {
	width: 210px;
	background-color: #FFFFFF;
}
*/
#price h3 {
	font-size: 120%;
	font-weight: bold;
}
#price ul, #price p {
	margin-left: 20px;
}
#price_name {
	width: 300px;
	float: left;
}
#price_det {
	width: 150px;
	float: left;
}
/*--------------------------------------------------------------------*/

/*--------------------------------------------------- お問い合わせ ---*/
#inquiry table {
	width: 100%;
	margin-top: 10px;
	border-collapse: collapse;
}
#inquiry table tr th, #inquiry table tr td {
	padding: 10px;
	border: 1px solid #333333;
}
#inquiry table tr th {
	width: 210px;
	background-color: #FFFFFF;
	background-image: url(../images/th_back_inq.jpg);
	background-repeat: repeat-y;
}
#inquiry table tr td {
	width: 330px;
	background-color: #FFFFFF;
}
#input_center {
	width: 200px;
	margin: 20px auto 0 auto;
	padding-bottom: 10px;
	text-align: center;
}
#input_center div {
	float: left;
}
.w100 {
	width: 100px;
}
#inquiry table tr td input, #inquiry table tr td textarea {
	width: 310px;
}
/*--------------------------------------------------------------------*/

/*------------------------------------------------------ サイトマップ */
#sitemap ul li {
	line-height: 2.5;
	margin-left: 20px;
	list-style: disc;
}
/*--------------------------------------------------------------------*/

#under_construction img {
	display: block;
	text-align: center;
	margin: 10px auto;
}