@charset "utf-8";

/* reset
----------------------------------- */

* {
	margin:0px;
	padding:0px;
}

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul, li,
form, input, select, textarea, fieldset, legend { 
	margin: 0; 
	padding: 0; 
}

h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul,
th { 
	font-weight: normal;
	font-style: normal; 
}

strong { 
	font-weight:normal; 
	font-style: normal; 
}

img {
	border: none;
}

ul {
	list-style: none;
	margin:0;
	padding:0;
}

ul li {
	list-style: none;
	margin:0;
	padding:0;
}

hr {
	display:none;
}

/* headline
----------------------------------- */

h2 {
/*background:url(../img/bg_h2.jpg) no-repeat;
width:700px;
height:40px;
text-align:left;
padding:0px 0 0 0;
margin:10px 0 20px 0px;
line-height:40px;
	font-size:18px;
	font-weight:bold;
	clear:both;
	color:#333;
	text-indent:55px;
	letter-spacing:1px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;*/
}




h3 {
background:url(../img/bg_h3.jpg) no-repeat;
width:700px;
height:45px;
text-align:left;
margin:10px 0 10px 0;
padding:0px 0 0 0px;
display:block;
font-weight:bold;
line-height:40px;
	font-size:14px;
	clear:both;
	color:#000;
	text-indent:55px;
	letter-spacing:1px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
}


h4 {
background:url(../img/bg_h4.jpg) no-repeat;
width:315px;
height:45px;
text-align:left;
padding:0px 0 0 0px;
line-height:42px;
	font-size:18px;
	clear:both;
	color:#444;
	text-indent:45px;
	letter-spacing:1px;
	font-family:"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka;
	}

blockquote {
	margin:5px 10px;
	width:620px;
	padding:10px;
	font-size:12px;
	border:1px solid #1998DB;
	background-color:#f6f6f6;
	vertical-align:middle;
	clear:both;
	text-align:left;
	}
	
blockquote span {
	border:#ccc 1px solid;
	background-color:#FF3300;
	color:#FFFFFF;
	padding:3px;
	margin-right:10px;
	height:15px;
	font-size:11px;
}


/* body
----------------------------------- */

body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size:12px;
	color:#333;
	line-height:14px;
}

a        {color:#333;text-decoration:none;}
a:link   {color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover  {color:#333;text-decoration:underline;}

input, select, textarea { 
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-size:12px;	
}


/* class
----------------------------------- */

.clear {
	font-size: 0;
	line-height: 0;
	clear: both;
	height: 0px;
	visibility: hidden;
}

.ud {
	text-decoration:underline;
}

.r1 {
	float:right;
	border:1px solid #ccc;
	margin:0px 0px 10px 10px;
}

.r {
	float:right;
	margin:0px 0px 10px 10px;
}

.l1 {
	float:left;
	border:1px solid #ccc;
	margin:0px 10px 10px 0px;
}

.l {
	float:left;
	margin:0px 10px 10px 0px;
}



/* margin set
----------------------------------- */
.mt10 {
margin-top:10px;
}
.ml10 {
margin-left:10px;
}
.mr10 {
margin-right:10px;
}
.mb10 {
margin-botTom:10px;
}

.mt20 {
margin-top:20px;
}
.ml20 {
margin-left:20px;
}
.mr20 {
margin-right:20px;
}
.mb20 {
margin-botTom:20px;
}

.mt30 {
margin-top:30px;
}
.ml30 {
margin-left:30px;
}
.mr30 {
margin-right:30px;
}
.mb30 {
margin-bottom:30px;
}


.mb50{
margin-bottom:50px;
}

/* oowaku
----------------------------------- */

#all {
	background: url(../img/bg_all.jpg) repeat-x left top;
	text-align: center;
}


#container {
	margin: 0 auto;
	background: url(../img/bg_container.jpg) no-repeat center 77px;
	text-align: center;
}

#container-in {
	margin: 0 auto;
	padding: 0px;
	width:1000px;
	text-align: center;
}


/* head
----------------------------------- */

#head {
	position: relative;
	width: 1000px;
	height: 77px;
	background: url(../img/head.jpg) no-repeat left top;
}

#head span{
	text-indent:-9999px;
	visibility:hidden;
	font-size:0em;
	line-height:0;
}


#head #logo a {
	display: block;
	margin-left: 25px;
	width: 245px;
	height: 68px;
}

#head #logo a span {
	text-indent: -9999px;
	visibility: hidden;
	font-size: 0em;
	line-height: 0;
}

#head ul#headlink {
	width: 213px;
	height: 19px;
	position: absolute;
		right: 26px;
		bottom: 14px;
}

#head ul#headlink a {
	display: block;
	height: 19px;
	float: left;
}

#head #headlink li.hlink01 a { width: 145px;}
#head #headlink li.hlink02 a { width: 68px;}


#head ul#headlink a span {
	text-indent: -9999px;
	visibility: hidden;
	font-size: 0em;
	line-height: 0;
}


/* navi
----------------------------------- */
#navi{
	padding: 5px 0px;
	height: 45px;
}

#navi ul {
	width: 850px;
	height: 45px;
	background: url(../img/navi_r.jpg) no-repeat;
	margin:0 auto;
}

#navi li {
	float: left;
}

#navi a {
	height: 45px;
	display:block;
	background: url(../img/navi.jpg) no-repeat;
}

#navi a.navi01 { width:205px; background-position:0 0;}
#navi a.navi02 { width:221px; background-position:-205px 0;}
#navi a.navi03 { width:271px; background-position:-426px 0;}
#navi a.navi04 { width:153px; background-position:-697px 0;}

#navi a:hover {
	background: 0;
}

#navi a span{
	text-indent: -9999px;
	visibility: hidden;
	font-size: 0em;
	line-height: 0;
}

/* main
----------------------------------- */

#main {
	margin: 0 auto;
	padding:0 10px 50px;
	width: 1000px;
	background: url(../img/bg_main.jpg) repeat-y center top;
}

/* pankuzu
----------------------------------- */
#pankuzu {
	padding: 20px 30px 10px;
	font-size: 12px;
	text-align: left;
	border-bottom: #CCCCCC solid 1px;
}

/* contents
----------------------------------- */
#contents {
	width: 900px;
	padding: 60px 50px;
	text-align: left;
}


/* footer
----------------------------------- */

#footer {
	clear:both;
	margin: 0;
	padding-top: 10px;
	background-color: #232323;
	height: 70px;
	text-align: center;
	color: #FFFFFF;
}

#footer address {
	text-align: center;
}



/* index.html
----------------------------------- */

body#index {
	background-color: #232323;
}

body#index #all {
	background: url(../img/bg_all_index.jpg) repeat-x left top;
	text-align: center;
}

body#index #container {
	margin: 0 auto;
	background: url(../img/bg_container_index.jpg) no-repeat center 77px;
	text-align: center;
}

body#index #navi{
	padding-top: 23px;
	height: 101px;
}

/* company.html
----------------------------------- */

#company:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#company table {
	width: 500px;
	float: left;
	margin-right: 50px;
}

#company table {
	line-height: 160%;
}

#company table th {
	padding: 10px;
	width: 100px;
	background-color:#EEEEEE;
	border-bottom: #CCCCCC 2px solid;
}

#company table td {
	padding: 10px 0 10px 20px;
	border-bottom: #CCCCCC 2px solid;
}

#company #map_canvas {
	float:right;
	width: 340px;
	height: 340px;
	border:#ccc 1px solid;
}

/* message.html
----------------------------------- */

#message p strong {
	margin-right: 50px;
	line-height: 180%;
	font-size:18px;
	font-weight:bold;
}

#message p {
	margin-right: 50px;
	margin-bottom:15px;
	line-height: 180%;
}

/* service.html
----------------------------------- */
#service{
}

#service:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

#service h2{
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
}

#service #illust{
	width:400px;
	float:left;
	margin:0;
}

#service #text{
	padding:10px;
	width:400px;
	float:right;
	text-align:left;
}

#service div#text p{
	margin-bottom:30px;
}

/* policy.html
----------------------------------- */
#policy p{
	padding:0 20px;
	line-height:1.6;
	margin-bottom:20px;
}

#policy p.tit{
	margin-bottom:10px;
	border-bottom:#333 solid 2px;
	font-weight:bold;
	font-size:14px;
}

#policy p.btm{
	margin-bottom:50px;
}

#policy p em{
	font-style:normal;
	font-weight:bold;
}

#policy p.pp{
	margin-top:50px;
	padding:10px 20px;
	border-top: #CCC dotted 2px;
}

/* contact.html
----------------------------------- */

p.formnote {
	width:700px;
	margin:0 auto;
	padding:5px 0;
}

table.form {
	margin:0 auto;
	width: 700px;
	border-top:1px solid #ccc;
}

th {
	padding:10px 15px;
	width:160px;
	border-bottom:1px dotted #ccc;
	background:#EEF0F2;
	text-align:left;
	font-weight:bold;
	white-space:nowrap;
	vertical-align:middle;
	letter-spacing:-0.2px;
}

span.note{
	color:#E60012;
	font-weight:bold;
	padding:3px;
}


td {
	padding:20px 30px;
	border-bottom:1px dotted #ccc;
	text-align:left;
	line-height:24px;
}

td span {
	margin:0;
	padding:0;
	color:#858585;
	font-size:10px;
}

td input {
	margin:0px 10px 0px 0px;
	padding:4px;
}

#submit {
	width:732px;
	text-align:center;
	padding:20px　0;
	margin:15px auto;
	border-bottom:1px solid #ccc;
}

#submit a{
	text-decoration:underline;
}

#submit input{
	padding:5px 10px;
}






#key_top{
	width:1000px;
	height:430px;
	position:relative;
}

#key_top #banner_jimall{
	width:288px;
	height:48px;
	position:absolute;
	left:633px;
	top:300px;
}

#key_top #banner_jimall a{
	display:block;
	width:288px;
	height:48px;
	background:url(../img/banner_jimall_r.jpg) no-repeat;
}

#key_top #banner_jimall a:hover{
	text-indent:-9999px;
	overflow:hidden;
}