@charset "Shift_JIS";

/*--------------------全体構造--------------------*/
*{margin:0px; padding:0px;}
html{overflow-y: scroll;}
p{line-height:1.6;}
body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.6em;
	color:#000000;
	background-image:url(images/bg.jpg);
	background-position:center;
	background-attachment:fixed;
}
a{outline:none;}
a:link,
a:visited {
	color:#000000;
}
a:hover {color:#990000;}
.clear {clear:both;}
#wrapper{
	background-image:url(images/content_bg.jpg);
	text-align:center;
	margin:0 auto;
	width:760px;
}
#content-p1 {
	text-align:left;
	width:740px;
	background-image:url(images/content_bg.jpg);
	margin:0px 10px 0px 10px;
}
#content {
	text-align:left;
	width:550px;
	margin:10px 10px 0px 0px;
	float:right;
}
#header {
	width:760px;
	height:110px;
	background-image:url(images/header.jpg);
	text-align:left;
}
h1 {
	text-decoration:none;
	text-align:left;
}
h1 a {
	display:block;
	height:85px;
	width:425px;
	margin:15px 0px 10px 20px;
	background: transparent;
	text-indent:-9999px;
	text-decoration:none;
}
h2 {
	width:550px;
	height:100px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	text-align:left;
	margin:10px 0px 10px 0px;
}
h3 {
	width:550px;
	height:25px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	text-align:left;
	margin-bottom:20px;
}
#pagetop {
	text-align:right;
	margin-right:10px;
	clear:both;
	padding:10px 0px;
}
hr {
	clear: both;
	visibility: hidden;
}
img {border:none;}
.small {
	font-size:11px;
	line-height:1.4em;
}
.bold {
	font-weight:bold;
}
.large {
	font-size:14px;
}
.red {
	color:#990000;
}

/*----ナビゲーション----*/
/*--p1--*/
#navi-p1 {
	width:190px;
	height:260px;
	display:inline-block;
	background-image:url(images/bg_navi_p1.jpg);
	background-repeat:no-repeat;
	float:left;
}
#navi-p1 ul{
	list-style:none;
}
#navi-p1 li{float:left;}
#navi-p1 li a {
	display:block;
	text-indent:-9999px;
	height:31px;
	text-decoration:none;
}
/*--p1以外--*/
#navi {
	width:190px;
	height:260px;
	display:inline-block;
	background-image:url(images/bg_navi_p1.jpg);
	background-repeat:no-repeat;
	float:left;
}
#navi ul{
	list-style:none;
}
#navi li{float:left;}
#navi li a {
	display:block;
	text-indent:-9999px;
	height:31px;
	text-decoration:none;
}

/*--共通--*/
#navi01 a{width:190px;background:url(images/navi01a.jpg) no-repeat;}
#navi01 a:hover{width:190px;background:url(images/navi01b.jpg) no-repeat;}
#navi01-on a{width:190px;background:url(images/navi01b.jpg) no-repeat;}
#navi02 a{width:190px;background:url(images/navi02a.jpg) no-repeat;}
#navi02 a:hover{width:190px;background:url(images/navi02b.jpg) no-repeat;}
#navi02-on a{width:190px;background:url(images/navi02b.jpg) no-repeat;}
#navi03 a{width:190px;background:url(images/navi03a.jpg) no-repeat;}
#navi03 a:hover{width:190px;background:url(images/navi03b.jpg) no-repeat;}
#navi03-on a{width:190px;background:url(images/navi03b.jpg) no-repeat;}
#navi04 a{width:190px;background:url(images/navi04a.jpg) no-repeat;}
#navi04 a:hover{width:190px;background:url(images/navi04b.jpg) no-repeat;}
#navi04-on a{width:190px;background:url(images/navi04b.jpg) no-repeat;}
#navi05 a{width:190px;background:url(images/navi05a.jpg) no-repeat;}
#navi05 a:hover{width:190px;background:url(images/navi05b.jpg) no-repeat;}
#navi05-on a{width:190px;background:url(images/navi05b.jpg) no-repeat;}

/*-----------------------------index-----------------------------*/
#flash {
	width:570px;
	height:250px;
	float:right;
}
#whats {
	clear:both;
/*	width:208px;*/
	width:145px;
	height:206px;
	background-image:url(images/whats.jpg);
	background-repeat:no-repeat;
	padding:55px 20px 10px 5px;
	float:left;
}
#whats ul{
	list-style:none;
	line-height:1.2em;
}
#whats li{
	margin-bottom:10px;
}
#appeal {
	float:right;
	width:560px;
	margin-left:10px;
}
#appeal-img img {
	margin-right:3px;
}

/*-----------------------------business-----------------------------*/
#p02-t {
	background-image:url(images/p02_t.gif);
}
#p02-01 {
	background-image:url(images/p02_01.gif);
}
#p02-02 {
	background-image:url(images/p02_02.gif);
	margin-top:20px;
}
.shohin {
	width:200px;
	padding:0px 50px 0px 20px;
	float:left;
}
#business-link {
	text-align:right;
}
#p02-table1 {
	width:550px;
}
#p02-table1 img{
	border:1px solid #cccccc;
	padding:3px;
}
#p02-table1 td{
	width:183px;
}
#p02-table1 .td1{
	text-align:center;
}
#p02-table1 .td2{
	padding:5px 0 20px 0;
	text-align:center;
}

/*-----------------------------company-----------------------------*/
#p03-t {
	background-image:url(images/p03_t.gif);
}
#p03-01 {
	background-image:url(images/p03_01.gif);
}
#company-table {
	margin:0px 0px 0px 50px;
	border-top: 1px dotted #999999;
}
#company-table td {
	padding:5px 0px;
	border-bottom: 1px dotted #999999;
}
#company-table #left {
	width:90px;
	font-weight:bold;
	padding-left:10px;
}
#company-table #center {
	width:20px;
}
#company-table #right {
	width:220px;
}

/*-----------------------------contact-----------------------------*/
#p04-t {
	background-image:url(images/p04_t.gif);
}
#contact-form {
	margin:20px 0px 20px 50px;
	border-left: 1px dotted #999999;
	border-top: 1px dotted #999999;
	border-right: 1px dotted #999999;
	width:450px;
}
#contact-form td{
	padding:10px 10px;
}
#contact-form .left {
	width:120px;
	vertical-align:top;
	border-right: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
}
#contact-form .right {
	width:300px;
	border-bottom: 1px dotted #999999;
}
#button {
	text-align:center;
}
.form01 {
	width:250px;
}
.form02 {
	width:100px;
}
.form03 {
	width:60px;
}

/*----フッターリンク----*/
#footer-link {
	width:760px;
	padding:20px 0px 20px 0px;
	clear:both;
	border-top:2px dotted #CCCCCC;
}
#footer-link ul{
	list-style:none;
	text-align:center;
}
#footer-link li{
	display:inline;
	border-right:1px solid #000000;
}
#footer-link #end {
	border-right-style:none;
}
#footer-link a {
	margin-left:10px;
	margin-right:10px;
}

/*----フッター----*/
#footer {
	text-align:center;
	height:150px;
}