* {
	font-size: 12px;
	line-height: 1.8em;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	margin: 0px;
	padding: 0px;
}
body {
	background-image: url(../images/bg.jpg);
	text-align: center;
	margin: 0px;
	padding: 0px;
}
img {
	display: block;
	border-style: none;
}
p {
	color : #232323;
}
em,strong,h1,h2,h3,dt {
	font-family: "Hiragino Kaku Gothic Std","ヒラギノ角ゴ Std","Osaka","ＭＳ Ｐゴシック";
	font-weight: bolder;
}
a{
	color: #2787B7;
	text-decoration: underline;
}
a:active {
	color: #2787B7;
}
a:link {
	color: #2787B7;
}
a:visited {
	color: #2787B7;
}
a:hover {
	text-decoration: none;
	color: #2787B7;
}


/*----------------------------------------------------
 table style
----------------------------------------------------*/
table.table {
	border-top: solid 1px #DFDFDF;
	border-bottom: solid 1px #DFDFDF;
}
table.table tr th {
	width: 50%;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	line-height: 1.8em;
	font-weight: normal;
	background-color: #fafafa;
	text-align: left;
	padding: 5px 5px 5px 10px;
}
table.table tr th span {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	line-height: 1.8em;
	color: #2787B7;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}
table.table tr td {
	width: 50%;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	line-height: 1.8em;
	border-bottom: 1px solid #DFDFDF;
	padding: 5px 5px 5px 10px;
}


/*----------------------------------------------------
 id style
----------------------------------------------------*/

#wrapper {
	width: 880px;
	overflow: hidden;
	background-image:url(../images/wrapper_bg.jpg);
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

h1 {
	text-align: center;
	width: 830px;
	line-height: 30px;
	font-size: 12px;
	color : #FFFFFF;
	font-weight: normal;
	background-image:url(../images/title_bg.gif);
	background-repeat: no-repeat;
	margin: 0px auto 15px auto;
	padding: 0px 0px 0px 0px;
}


#header {
	text-align: left;
	width: 800px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
div#header h2 {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#header address {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



#navigation {
	clear: both;
	width: 800px;
	margin: 0px auto 1px auto;
	padding: 15px 0px 0px 0px;	
}
div#navigation ul {
	width: 800px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div#navigation ul li {
	float: left;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}



#introduction {
	width: 800px;
	clear: both;
	text-align: left;
	margin: 0px auto 15px auto;
	padding: 0px 0px 0px 0px;
}

#inner {
	width: 800px;
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}


#contents {
	width: 620px;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#sidebar {
	width: 160px;
	float: right;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#sidebar ul {
	width: 160px;
	text-align: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#sidebar ul li {
	width: 160px;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}



div#sidebar ul li a:hover img {
	opacity:0.5;
	filter: alpha(opacity=50);
}


#address {
	border-top: 1px solid #2787B7;
	text-align: center;
	width: 800px;
	clear: both;
	overflow: hidden;
	margin: 0px auto 15px auto;
	padding: 15px 0px 0px 0px;
}





#footer {
	text-align: left;
	width: 830px;
	clear: both;
	overflow: hidden;
	line-height: 30px;
	color : #FFFFFF;
	font-weight: normal;
	background-image:url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
div#footer ul {
	list-style: none;
	text-align: center;
	width: 420px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
div#footer ul li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*----------------------------------------------------
 top style
----------------------------------------------------*/

.top_01 {
	width: 620px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

div.top_01 ul {
	width: 600px;
	height: 65px;
	list-style: none;
	overflow: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
}

div.top_01 ul li {
	width: 280px;
	border-bottom: 1px solid #DFDFDF; 
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}
div.top_01 ul li img {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.top_01 ul li p {
	width: 205px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


div.top_01 ul li p span {
	color: #FFBA00;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}



.top_02 {
	width: 620px;
	background-image: url(../images/recommend_bg.gif);
	overflow: hidden;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}
div.top_02 dl dt span {
	color: #FFBA00;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}



.top_02_left {
	width: 300px;
	text-align: left;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl.top_02_left dt {
	font-weight: normal;
	text-align: left;
	width: 300px;
	border-bottom: 1px solid #DFDFDF;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}
dl.top_02_left dt strong {
	float: right;
	color: #F00;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl.top_02_left dd {
	text-align: left;
	width: 300px;
	overflow: hidden;
	border-bottom: 1px dashed #DFDFDF;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}
dl.top_02_left dd img {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl.top_02_left dd p {
	width: 205px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl.top_02_left dd p strong {
	width: 190px;
	_width: 205px;
	font-weight: normal;
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}
dl.top_02_left dd p span {
	color: #F00;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.top_02_right {
	width: 300px;
	text-align: left;
	float: right;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl.top_02_right dt {
	font-weight: normal;
	text-align: left;
	width: 300px;
	border-bottom: 1px solid #DFDFDF;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}
dl.top_02_right dt strong {
	float: right;
	color: #F00;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl.top_02_right dd {
	text-align: left;
	width: 300px;
	border-bottom: 1px dashed #DFDFDF;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}
dl.top_02_right dd img {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl.top_02_right dd p {
	float: right;
	width: 190px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl.top_02_right dd ul {
	float: right;
	width: 285px;
	list-style: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl.top_02_right dd ul li {
	width: 122px;
	_width: 137px;
	float: left;
	text-align: left;
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}
dl.top_02_right dd ul li span {
	color: #F00;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}






/*----------------------------------------------------
 company style
----------------------------------------------------*/


.company_01 {
	width: 620px;	
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

div.company_01 iframe {
	width: 620px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}


div.company_01 table {
	width: 620px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.company_01 table th {
	width: 30%;
}
div.company_01 table td {
	width: 70%;
}



/*----------------------------------------------------
 hokkaido style
----------------------------------------------------*/


.hokkaido_01 {
	width: 620px;	
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}


div.hokkaido_01 dl {
	_width: 620px;
	width: 618px;
	border: 1px solid #DFDFDF;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
div.hokkaido_01 dl dt {
	text-align: left;
	line-height: 1.8em;
	font-weight: normal;
	width: 600px;
	border-bottom: 1px dashed #DFDFDF;
	margin: 10px 0px 10px 9px;
	padding: 0px 0px 10px 0px;
}
div.hokkaido_01 dl dt span {
	float: right;
	margin: 0px 0px 0px px;
	padding: 5px 0px 0px 0px;
}
div.hokkaido_01 dl dt span a {
	margin: 0px 0px 0px px;
	padding: 0px 0px 0px 0px;
}

div.hokkaido_01 dl dd {
	width: 600px;
	text-align: left;
	margin: 0px 0px 10px 9px;
	padding: 0px 0px 0px 0px;
}


div.hokkaido_01 dl dd img {
	margin: 0px 0px 0px px;
	padding: 0px 0px 0px 0px;
}



div.hokkaido_01 table {
	width: 620px;	
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
div.hokkaido_01 table th {
	width: 30%;
}
div.hokkaido_01 table td {
	width: 70%;
}



div.hokkaido_01 p {
	width: 620px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}




/*----------------------------------------------------
 work style
----------------------------------------------------*/

.work_01 {
	width: 620px;	
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
div.work_01 dl {
	_width: 620px;
	width: 618px;
	overflow: hidden;
	border: 1px solid #DFDFDF;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
div.work_01 dl dt {
	text-align: left;
	font-weight: normal;
	width: 600px;
	border-bottom: 1px dashed #DFDFDF;
	margin: 10px 0px 10px 9px;
	padding: 0px 0px 5px 0px;
}

div.work_01 dl dd {
	width: 600px;
	text-align: left;
	margin: 0px 0px 0px 9px;
	padding: 0px 0px 0px 0px;
}
div.work_01 dl dd strong {
	font-size: 14px;
	float: right;
	width: 470px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.work_01 dl dd ul {
	float: right;
	list-style: none;
	width: 470px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.work_01 dl dd ul li {
	width: 470px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.work_01 dl dd img {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}



.work_02 {
	width: 620px;	
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
div.work_02 ul {
	_width: 620px;
	width: 618px;
	list-style: none;
	border: 1px solid #DFDFDF;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 5px 0px;
}
div.work_02 ul li {
	width: 600px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
div.work_02 ul li span {
	color: #2787B7;	
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}



div.work_02 p {
	width: 620px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}




/*----------------------------------------------------
 privacy style
----------------------------------------------------*/

.privacy_01 {
	width: 620px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.privacy_01 dl {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
div.privacy_01 dl dt {
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.privacy_01 dl dd {
	border-bottom: 1px solid #DFDFDF;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}
div.privacy_01 dl dd ul {
	list-style: none;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.privacy_01 dl dd ul li {
	text-indent: -0.9em;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0.9em;
}
div.privacy_01 dl dt span {
	font-size: 14px;
	color: #2787B7;	
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}



.privacy_02 {
	border: 1px solid #DFDFDF;
	_width: 618px;
	width: 620px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}
dl.privacy_02 dt {
	width: 600px;
	border-bottom: 1px dashed #DFDFDF;
	margin: 10px 0px 5px 10px;
	padding: 0px 0px 5px 0px;
}
dl.privacy_02 dd {
	width: 600px;
	margin: 0px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
}



/*----------------------------------------------------
 stilleben style
----------------------------------------------------*/


.stilleben_01 {
	width: 620px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.stilleben_01 dl {
	_width: 620px;
	width: 618px;
	text-align: left;
	border: 1px solid #DFDFDF;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}
div.stilleben_01 dl dt {
	width: 600px;
	background-color: #01633D;
	text-align: left;
	margin: 10px 0px 10px 9px;
	padding: 0px 0px 0px 0px;
}
div.stilleben_01 dl dt strong {
	color: #FFF;
	float: right;
	font-size: 18px;
	text-align: left;
	margin: 15px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.stilleben_01 dl dd {
	width: 600px;
	text-align: left;
	margin: 10px 0px 10px 9px;
	padding: 0px 0px 0px 0px;
}
div.stilleben_01 dl dd img {
	float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.stilleben_01 dl dd table {
	width: 600px;	
	margin: 10px 0px 0px 0px;
}
div.stilleben_01 dl dd table th {
	text-align: center;
	width: 20%;
}
div.stilleben_01 dl dd table td {
	text-align: center;
	border: none;
	width: 20%;
}
div.stilleben_01 dl dd table td span {
	display: block;
	font-size: 10px;
}



.stilleben_02 {
	width: 620px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}
div.stilleben_02 table {
	width: 620px;	
	margin: 0px 0px 0px 0px;
}
div.stilleben_02 table th {
	width: 15%;
	text-align: left;
}
div.stilleben_02 table td {
	text-align: center;
}
div.stilleben_02 table td ul {
	width: 100%;
	list-style: none;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.stilleben_02 table td ul li {
	width: 50%;
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}




.stilleben_03 {
	width: 620px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.stilleben_03 table {
	width: 620px;	
	margin: 0px 0px 15px 0px;
}
div.stilleben_03 table th {
	width: 20%;
	text-align: center;
}
div.stilleben_03 table td {
	width: 20%;
	text-align: center;
}
div.stilleben_03 div {
	width: 620px;
	border: 1px solid #DFDFDF;
	list-style: none;
	text-align: left;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}
div.stilleben_03 div p {
	width: 600px;
	text-align: left;
	margin: 9px 0px 9px 9px;
	padding: 0px 0px 0px 0px;
}

div.stilleben_03 div p span {
	color: #FC0;
	margin: 0px 5px 0px 10px;
	padding: 0px 0px 0px 0px;
}









/*----------------------------------------------------
 inquiry style
----------------------------------------------------*/


.inquiry_01 {
	width: 620px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.inquiry_01 dl {
	_width: 620px;
	width: 618px;
	overflow: hidden;
	border: 1px solid #DFDFDF;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
div.inquiry_01 dl dt {
	text-align: left;
	font-weight: normal;
	width: 600px;
	border-bottom: 1px dashed #DFDFDF;
	margin: 10px 0px 10px 9px;
	padding: 0px 0px 5px 0px;
}

div.inquiry_01 dl dd {
	width: 600px;
	text-align: left;
	margin: 0px 0px 0px 9px;
	padding: 0px 0px 0px 0px;
}
div.inquiry_01 dl dd strong {
	font-size: 14px;
	float: right;
	width: 470px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.inquiry_01 dl dd ul {
	float: right;
	list-style: none;
	width: 470px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.inquiry_01 dl dd ul li {
	width: 470px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.inquiry_01 dl dd img {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}



form#mailform {
	margin: 0px 0px 5px 0px;
	padding: 5px;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr td input {
	line-height: normal;	
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}


/*----------------------------------------------------
 common style
----------------------------------------------------*/

h3 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

p.list {
	width: 620px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
p.list span {
	color: #2787B7;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}



p.snippet {
	width: 620px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}



/*----------------------------------------------------
 style end
----------------------------------------------------*/

