@charset "Shift_JIS";


/* 初期化 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
}
 hr {
margin-left:0px;
width: 90%;
line-height: 2px;
border-top: 1px #ff5400 dashed;
border-bottom: 1px #ffffff dashed;

}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
	font-style: normal;
	font-weight: normal;
}
fieldset,img,abbr{ 
	border: 0;
}
caption,th{
	text-align: left;
}
q:before,q:after{
	content: '';
}
a{ 
	text-decoration: none;
}

.sec li {
	float:left;
	margin-right:10px;
}
div#message{
	color:blue;
	font-weight:normal;
	font-size:16px;
        background-image: url(caution.png) ;
        background-repeat: no-repeat;
        height:auto;
        padding:15px 0 15px 50px;
        background-position: 0px 0px;
        background-color:#ffaad5;
}
img{
	border: none;
	vertical-align: bottom;
}
.calender td, th{
  border: 1px #dcdcdc solid;
border-collapse: collapse;
border-spacing: 0px;

}
span textarea,span input{ 
	vertical-align: bottom!important;
}
html{ 
	overflow-y: scroll;

}


/* ページ全体 */
body{ 	background: #E9F3F6;

}
a{ 
	text-decoration: underline;
}
a:link{ 
	color: #0772A1;
	text-decoration: underline;
}
a:visited{
	color: #0772A1;
	text-decoration: underline;
}
a:active{
	color: #0772A1;
	text-decoration: underline;
}
a:hover{
	color: #0772A1D;
	position: relative;
	top: 1px;
	left:1px;
	text-decoration: none;
}
a.nor:link {
	color: #000000;
        font-weight: bold;
}
a.nor:visited {
	color: #000000;
        font-weight: bold;
}
a.nor:active,
a.nor:hover {
	color: #000000; 
        font-weight: bold;
}
a.blu:link,
a.blu:visited,
a.blu:active{
}
a.blu:hover {
	position: relative;
        top: 1px;
	left: 1px;
}
a.white:link,
a.white:visited,
a.white:active{
color: white;
}
a.white:hover {
	position: relative;
        top: 1px;
	left: 1px;
}
a.h1:link,
a.h1:visited,
a.h1:active {
        position: relative;
        top: 45px;
 	left:-80px;
}
a.h1:hover {
	position: relative;
        top: 46px;
	left:-81px;
}
a.h12:link,
a.h12:visited,
a.h12:active {
        position: relative;
        top: 30px;
	left: -190px;
}
a.h12:hover {
	position: relative;
        top: 31px;
	left: -191px;
}

a.top:link,
a.top:visited,
a.top:active{
position: absolute;
        top: -15px;
	left: 500px;
}
a.inline:link,
a.inline:visited,
a.inline:active{
	color:blue;
	font-weight:normal;
	font-size:20px;
        background-color:#FFFFFF;
        background-image: url(logout.png);
	background-repeat: no-repeat;
        background-position: 0px 5px;
	width: auto;
        height: 20px;
	text-align:left;
        text-decoration: underline;
        padding:5px 5px 5px 30px;

}


a.inline:hover {
	position: relative;
        top: 1px;
	left: 1px;
}
a.atend:link,
a.atend:visited,
a.atend:active{
              color:#FFFFFF;
	text-decoration: underline;
}
a.atend:hover {
	position: relative;
        top: 1px;
	left: 1px;
}
a.images:link,
a.images:visited,
a.images:active{
}
a.images:hover {
	position: relative;
        top: 1px;
	left: 1px;
}
a.koushin:link,
a.koushin:visited,
a.koushin:active{
        color:#1161B0;
  font-size: 12px;
  font-weight: normal;
}
a.koushin:hover {
	position: relative;
        top: 1px;
	left: 1px;
}


pre{
	width:720px;
	margin: 0px 0px 0px 50px;
}

/* ページ構成要素のサイズと配置 */



#container2 {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
#content {
	margin: 0 0px 0 20px;

}
#content2 {
	margin: 0px 0px 0px 20px;

}

#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 200px;
}
#secondary {
	clear: right;
}
#sidemenu {
	float: left;
	font-size: 16px;
	font-weight: normal;
	width: 200px;
	padding: 0 0 0 40px;
}

div#pan{
　　　　float:left;
        margin: 0px 0px 50px 0px;
        padding: 0px 0px 50px 0px;

}

div#top {
	clear: both;
	float: left;
	width: 100%;
        margin: -5px 0px 0px 50px;
}
div#top a{
	font-size: 13px;
	font-weight: normal;

}
div#top a:link{


}
div#top a:visited{


}
div#top a:hover{
background-color: #b0e0e6;

}
div#home{
	position:absolute;
	top:-3px;
	left:0px;

}
div#subdir{
	position:absolute;
	top:0px;
	left:40px;
	width:500px;
}
div#navi{
	height:30px;
	line-height:25px;
	width:520px;
	position:absolute;
	top:100px;
	left:200px;
	text-align: right;
}
div#main{
	position: absolute;
	top: 130px;
	left: 0px;
	width:720px;
	overflow: hidden;
	text-align: left;


}
div#side{
	width:170px;
	float:left;
        word-wrap: break-word;
	position:relative;
	top:0px;
	left:0px;

}
div#k{
	width:150px;
	float:left;
	position:relative;
	top:0px;
	left:0px;
}
div#sidetitle{
	z-index: 1;
	/* background:url(botan1.gif) no-repeat;*/
	width:170px;
	height:60px;
	position:absolute;
	top:0px;
	left:38px;

}
div#sidetitle{
	line-height:44px;
	font-weight:bold;
}
div#sidetitle a{
	color:#FF9900;

	font-weight:bold;
	font-family:ゴシック;
}



div#pagetitle{
	width:560px;
	height:50px;
	/*background:url(baner1.gif) left center norepeat;*/
	position:absolute;
	top:0px;
	left:40px;
	padding-left:0px;
}



div#logout{
	z-index: 10;
	position:absolute;
	top:10px;
	left:665px;
	width:80px;
}
#pan{
	font-size:50pt;
}

div#pagetitle{
	line-height:58px;
}

div#pagecontents{

	line-height:140%;
	color:#444444;
	font-size: 12px;
	font-weight: normal;
}
div#conf{
	font-size:12px;
	line-height:140%;
	color:#444444;
}
div#confim{
	font-size:12px;
	line-height:140%;
	color:#444444;
}
div#pagecontents tr{

	line-height:140%;
	color:#444444;
}
div#pagecontents td{

	line-height:140%;
	color:#444444;
}


#footer{
	color:#444444;
	clear: both;
	width:600px;
	text-align:center;
	padding:10px;
        font-size:10px;
}
#footer a{
	color:#696969;

}
#footer a:link{
	color:#696969;

}
#footer a:visited{
	color:#696969;

}
#footer a:hover{
	color:#696969;

}
#cregit{
	color:#444444;
	clear: both;
	width:600px;
	text-align:center;
	padding:10px;
	float:left;
        font-size:10px;
}
#cregit a{
	color:#444444;

}
#cregit a:link{
	color:#444444;

}
#cregit a:visited{
	color:#444444;

}
#cregit a:hover{
	color:#444444;

}
div#gotop{
	margin-left:620px;
}



/* 構成部品の書式設定 */



.navi {
	font-weight: normal;
	font-size: 16px;
	color: blue;
        line-height: 20px;
}
.navi2 {
	font-weight: normal;
	font-size: 14px;
	color: green;
        line-height: 20px;
}
.navi3 {
	font-weight: normal;
        text-align:center;
}


/* 入力フォーム部品の書式設定 */
.numtext{
	ime-mode: disabled;
	background-color: white;
}
.commonbutton{
        background-color:#FFCC33;
}
.colorbutton{
	background-color:rgb(255,153,0);
}
.colorbutton2{
	background-color:#80F8F8;
}
.cancelbutton{
	background-color:#D2D2F4;
}

.no{
display: none;
}
.arealist{
	width:170px;
}
.arealist2{
	width:130px;
}

/* 表組み用の部品 */
.vbox1 {
	float:left;
	width:130px;
	text-align:left;
	display:inline;
}
.vbox2 {
	float:left;
	width:50px;
	text-align:center;
	display:inline;
}
.vbox1 {
	background-color:#FFE879;
	border:1 white solid;
}
.vbox2 {
	background-color:#FFE879;
	border:1 white solid;
}
.reset{
	display: block;
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height:
	1px;
	margin: 0;
}

a.head:hover { 
        text-decoration: underline;
 } 
a.head:link {
        font-size: 12px;
	background-color:#FFE879;
	color: #000000;

	position:relative; top:0px;left:410px;
} 
a.head:active { 
        font-size: 12px;
	background-color:#FFE879;
	color: #000000;

	position:relative; top:0px;left:410px;
 } 
a.head:visited {
        font-size: 12px;
	background-color:#FFE879;
	color: #000000;

	position:relative; top:0px;left:410px;
} 
a.head2:hover { 
        text-decoration: underline;
 } 
a.head2:link {
        font-size: 12px;
	background-color:#FFE879;
	color: #000000;

	position:relative; top:0px;left:400px;
} 
a.head2:active { 
        font-size: 12px;
	background-color:#FFE879;
	color: #000000;

	position:relative; top:0px;left:400px;
 } 
a.head2:visited {
        font-size: 12px;
	background-color:#FFE879;
	color: #000000;

	position:relative; top:0px;left:400px;
} 
a.head3:hover { 
       text-decoration: underline;
        font-size: 14pt;
	color:blue;
	font-weight: bold;
 } 
a.head3:link {
       text-decoration: underline;
        font-size: 14pt;
	color:blue;
	font-weight: bold;
} 
a.head3:active { 
       text-decoration: underline;
        font-size: 14pt;
	color:blue;
	font-weight: bold;

 } 
a.head3:visited {
       text-decoration: underline;
        font-size: 14pt;
	color:blue;
	font-weight: bold;

} 
a.head4:hover { 
 
 } 
a.head4:link {
       text-decoration: underline;
        font-size: 10pt;
	font-weight: normal;
	color:blue;
} 
a.head4:active { 
       text-decoration: underline;
        font-size: 10pt;
	font-weight: normal;
	color:blue;

 } 
a.head4:visited {
       text-decoration: underline;
        font-size: 10pt;
	font-weight: normal;
	color:blue;

}

a.blue:link {
       text-decoration: underline;
	font-weight: normal;
	color:blue;
} 
a.blue:active { 
       text-decoration: underline;

	font-weight: normal;
	color:blue;
 } 
a.blue:visited {
       text-decoration: underline;
	font-weight: normal;
	color:blue;
}

a.head4:hover { 
 
 } 
a.h4:link {
       text-decoration: underline;
	margin-left:5mm;
        font-size: 10pt;
	font-weight: normal;
	color:blue;

} 
a.h4:active { 
       text-decoration: underline;
	margin-left:5mm;
        font-size: 10pt;
	font-weight: normal;
	color:blue;


 } 
a.h4:visited {
       text-decoration: underline;
	margin-left:5mm;
        font-size: 10pt;
	font-weight: normal;
	color:blue;


}
a.h4:hover { 
	text-decoration: none;
	margin-left:5mm;
        font-size: 10pt;
	font-weight: normal;
	color:blue;
	position: relative;
	top: 1px;
	left:1px;

 } 
#repute{
	position:relative; top:0px;left:50px;
        white-space: normal;
        font-size: 12px;
	font-weight: normal;
}

.repute1{
	position:relative; top:0px;left:50px;
}

.repute2{
	position:relative; top:0px;left:50px;
}
.repute3{
	margin-right:5mm;
	margin-left:5mm;
        font-size: 12px;
	font-weight: normal;
}
.repute4{
	position:relative; top:0px;left:5px;
}
.repute5{
	position:relative; top:0px;left:10px;
        white-space: normal;
}
.repute6{
	position:relative; top:0px;left:10px;
        white-space: normal;
        font-size: 14px;
	font-weight: normal;
}
.ank{
	position:relative; top:20px;left:50px;
}

.mese{
	font-size: 12px;
	font-weight: normal;
        position: relative;
	top:30px;
	left:40px;
}
.conect{
	color:blue;
	font-weight:normal;
	font-size:20px;
        background-color:#f0f8ff;
        background-image: url(printer.png);
	background-repeat: repeat-y;
        background-position: left top;
	width: auto;
        height: 20px;
	text-align:left;
        text-decoration: underline;
        padding:10px 5px 10px 60px;
}
.ate{
	font-size: 16px;
	text-align:left;
        font-weight: normal;
	padding-left:5px;
	padding-top:5px;
	padding-botom:5px;

}
td.dog { 
text-align: left; 
font-size: 100%;
}




body {
	line-height: 1;

}

h2 {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
	font-size: 30px;
        margin: 30px 0 20px 0;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
        background-image: url(boy2.png) ;
        background-repeat: no-repeat;
        height:auto;
        padding:50px 0 20px 60px;
        background-position: 0px 0px;
}

h3 {
	font-weight: normal;
        color: #100873;
        font-weight: bold;
	font-size: 25px;
	width: 700px;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
        margin: 5px 0 5px 5px;
}
h3:before {
        content: url(move.png);
	clear: both;
	line-height: 30px;

}
h4 {
	font-weight: normal;
        color: #120873;
        font-weight: bold;
	font-size: 16px;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
        border-left: thick #120873 double;
	width: 640px;
        margin: 20px 0 20px 0;

/* IE */
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#D3D3D3, EndColorStr=#ffffffff);

/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#D3D3D3, EndColorStr=#ffffffff)";

/* Firefox */
background: -moz-linear-gradient(lightgrey,white);

/* Chrome, Safari */
background: -webkit-gradient(linear, left bottom,right bottom, from(lightgrey), to(white));


}

h4:before {
        contenturl(track_bt.png);
	clear: both;
	line-height: 30px;

}
h5 {
	font-weight: bold;
        font-size:16px;
        color: #100873;
  	line-height: 40px;
}
h5:before {
        contenturl(track_bt.png);
	clear: both;
	font-weight: normal;
        color: #100873;
}


p.ap:after {
        contenturl(rental1.png);
	clear: both;
	font-weight: normal;
        color: #100873;
	line-height: 40px;
}
p.ap2:after {
        contenturl(takuhai.png);
	clear: both;
	font-weight: normal;
        color: #100873;
	line-height: 40px;
}
p.a {
        font-weight: bold;
	width: 700px;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
        margin: 5px 0 5px 5px;
        color:blue
}
p.a:before {
        contenturl(user.png);
	clear: both;
	line-height: 30px;

}
p.b {

	font-weight: normal;
        color: #100873;
	width: 700px;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
        margin: 5px 0 5px 5px;

}
p.b:before {
        contenturl(boy2.gif);
	clear: both;
	line-height: 30px;

}
p.b1 {
	font-weight: bold;
        color: #100873;
	line-height: 40px;
}
p.b1:before {
        contenturl(b1.png);
	clear: both;
}
p.b2 {
	font-weight: bold;
        color: #100873;
	line-height: 40px;
}
p.b2:before {
        contenturl(b2.png);
	clear: both;

}
p.b3 {
	font-weight: bold;
        color: #100873;
	line-height: 40px;
}
p.b3:before {
        contenturl(b3.png);
	clear: both;

}
p.b4 {
	font-weight: bold;
        color: #100873;
	line-height: 40px;
}
p.b4:before {
        contenturl(b4.png);
	clear: both;

}
p.b5 {
	font-weight: bold;
        color: #100873;
	line-height: 40px;
}
p.b5:before {
        contenturl(b5.png);
	clear: both;
}
p.b6 {
	font-weight: bold;
        color: #100873;
	line-height: 40px;
}
p.b6:before {
        contenturl(track_bt.png);
	clear: both;

}

p.c1 {
	font-weight: bold;
        color: #100873;
        border-bottom: 1px #ff9900 solid;
	margin: 0 0 5px 0px;
	width: 150px;
}
p.c1:before {
        contenturl(boy_s.png);
	clear: both;

}
p.c2 {
	font-weight: bold;
        color: #100873;
        border-bottom: 1px #ff9900 solid;
	margin: 0 0 5px 0px;
	width: 150px;
}
p.c2:before {
        contenturl(user.png);
	clear: both;

}
p.c3 {
	font-weight: bold;
        color: #100873;
        border-bottom: 1px #ff9900 solid;
	margin: 0 0 5px 0px;
	width: 170px;
}
p.c3:before {
        contenturl(warning.png);
	clear: both;

}
p.c4 {
	font-weight: normal;
	margin: 0 0 0px 20px;
}
p.c4:before {
        contenturl(boy2.png);
	clear: both;
	line-height: 30px;

}


p.images {
	margin: 10px 0 0 10px;
}

ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-tfont-size: 16px;ough;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}


#


body,
input,
textarea {
	color: #666;
	font-size: 16px;
	line-height: 18px;
}
hr {
float: left;
width: 700px;
line-height: 2px;
border-top: 1px #ff5400 dashed;
border-bottom: 1px #ffffff dashed;

}

/* Text elements */
p {
	line-height: 150%;

}
ul.kanren {
	list-style: none;
	line-height: 100%;
	margin: 0 0 0 0;
}
ul.top {
	list-style: none;
	line-height: 130%;
	margin: 0 0 0 0;
        color:#1161B0;
	font-weight: normal;
	font-size: 12px;
        font-family: "ＭＳ Ｐゴシック",sans-serif;
}

p.menutop  {
float: left;
width: 200px;
height: 150px;
margin-left: -20px;
padding: 0px 0 0px 0px;
text-align: left;
}
ul.menu {
list-style-type: none;
}

ul.menu li {
float: left;
width: 160px;
height: 10px;
margin-left: -10px;
padding: 17px 0 25px 30px;
text-align: left;
background-image: url(botan.png);
background-repeat: no-repeat;
}


.cle { 
clear: left; 
}
.cle2 { 
clear: left; 
margin-top: 150px;
}
.cle3 { 
clear: left; 
margin-top: 30px;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul li,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite {
	font-style: italic;
}
em{
	font-style: normal;
        color: red;
	font-weight: bold;

}

b {
	font-style: normal;
        color: blue;
        font-size: 16px;

}
i {
	font-style: normal;
        color: blue;
}
address {
	font-style: normal;
	padding: 20px 0 10px 15px;
        font-size: 13px;
	float: left;
}
big {
	font-size: 24px;
        font-family: "ＭＳ 明朝" ;
        font-weight: bold;
        color: blue;
}
ins {
	background: #ffc;
	text-decoration: none;
}



/************** 予約 botton **************/

.buttonnew {
  display: inline;
  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 258px;
  /* 画像と通常時のライン色を指定 */
  background: #FFFFFF; url(order.png) center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  padding: 3px 0 3px;
  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.buttonnew:visited {
  background-color: #ffffFF;
}
.buttonnew:hover {
  background-color: #ffffFF;
        position: relative;
        top: 1px;
        left: 1px;
}
.buttonnew:active {
  background-color: #ffffff;
}

/************** 予約 botton小　**************/

.buttonnew2 {
  display: inline;
  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 152px;
  /* 画像と通常時のライン色を指定 */
  background: #FFFFFF; url(order_s.png) center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  padding: 3px 0 3px;
  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.buttonnew2:visited {
  background-color: #ffffFF;
}
.buttonnew2:hover {
  background-color: #ffffFF;
        position: relative;
        top: 1px;
        left: 1px;
}
.buttonnew2:active {
  background-color: #ffffff;
}
/************** 予約 botton大 **************/

.buttonnew3 {
  display: inline;
  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 254px;
  /* 画像と通常時のライン色を指定 */
  background: #FFFFFF; url(order_b.png) center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  padding: 3px 0 3px;
  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.buttonnew3:visited {
  background-color: #ffffFF;
}
.buttonnew3:hover {
  background-color: #ffffFF;
        position: relative;
        top: 1px;
        left: 1px;
}
.buttonnew2:active {
  background-color: #ffffff;
}

/************** サービス botton **************/

.button_s1 {
  display: inline;
  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 152px;
  /* 画像と通常時のライン色を指定 */
  background: #FFFFFF; url(service1.gif) center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  padding: 1px 0px 1px 0px;
  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.button_s1:visited {
  background-color: #ffffff;
}
.button_s1:hover {
        position: relative;
        top: 1px;
        left: 1px;
}
.button_s1:active {
  background-color: #ffffff;
}

.button_s2 {
  display: inline;
  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 152px;
  /* 画像と通常時のライン色を指定 */
  background: #FFFFFF; url(service2.gif) center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  padding: 1px 0px 1px 0px;

  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.button_s2:visited {
  background-color: #ffffff;
}
.button_s2:hover {

        position: relative;
        top: 1px;
        left: 1px;
}
.button_s2:active {
  background-color: #ffffff;
}

.button_s3 {
  display: inline;
  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 152px;
  /* 画像と通常時のライン色を指定 */
  background: #FFFFFF; url(service3.gif) center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  padding: 1px 0px 1px 0px;

  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.button_s3:visited {
  background-color: #ffffff;
}
.button_s3:hover {
        position: relative;
        top: 1px;
        left: 1px;
}
.button_s3:active {
  background-color: #ffffff;
}

.button_s4 {
  display: inline;
  color: #00a;
  text-align: center;
  text-decoration: none;
  /* ボタン画像サイズに合わせる */
  width: 152px;
  /* 画像と通常時のライン色を指定 */
  background: #FFFFFF; url(service4.gif) center center no-repeat;
  /* 使用しているフォントに合わせて調節 */
  font-size: 12px;
  font-weight: bold;
  padding: 1px 0px 1px 0px;

  /* input タグ用にボーダーを消す */
  border: none;
}
/* リンクの状態ごとにライン色を指定 */
.button_s4:visited {
  background-color: #ffffff;
}
.button_s4:hover {
  background-color: blue;
        position: relative;
        top: 1px;
        left: 1px;
}
.button_s4:active {
  background-color: #ffffff;
}

#koushin{ 
        height:75px;
	width: 150px;
        float: left;
	position: relative;
        top: 360px;
	left: 800px;
        margin-right: 0px;
overflow-x: auto;
overflow-y: auto;
}
#mitsumori{ 
        height:140px;
	width: 200px;
        float: left;
	position: relative;
        top: 248px;
	left: 12px;
        margin-right: 0px;
}




#mitsumori ul{
	list-style: none; /* リスト形式を削除 */
}

 /* リストを横並びに */
#mitsumori ul li{
	width: 200px;
	height: 140px;
	float: left;
}
#mitsumori ul li a{
	text-indent: -9999px; /* テキストをふっとばす */  
	text-decoration: none;  
	display: block;  
	width: 200px;  
	height: 125px;  
        background-image: url(mitsu.png);  
	background-repeat: no-repeat;  
}

 /* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/
#mitsumori ul li#menu1 a { background-position: 0 0; }   


#mitsumori ul li a:hover{
	text-decoration: none;  
        background-image: url(mitsu.png);  
	background-repeat: no-repeat;   
}

/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#mitsumori ul li#menu1 a:hover { background-position: 0 -140px; }   


.container {
        width: 940px;
        margin: 20px auto;
        background-color: #FFFFFF;
        padding:40px;
	overflow:hidden; /*/スマホ向け*/
	position:relative;
        border-top:#2387C1 1px solid;
        border-bottom:#2387C1 1px solid;
        border-left:#2387C1 1px solid;
        border-right:#2387C1 1px solid;
        webkit-border-radius: 55px;
        -moz-border-radius: 55px;
        border-radius: 55px;
        -webkit-box-shadow: #2387C1 3px 4px 5px;
        -moz-box-shadow: #2387C1 3px 4px 5px;
        box-shadow: #2387C1 3px 4px 5px;
        behavior: url(PIE/PIE.htc);



}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
  float: left;
  display: inline;
  margin-left: 0px;

}
.grid0 {width: 720px;
height: 100px;
margin-left: 0px;
background-image: url(tanshin_hikkoshi_top3.gif);
background-repeat: no-repeat; }
.grid1 {width: 60px;}
.grid2 {width: 140px;}
.grid3 {width: 240px;
background-color: #FFFFFF; height: 3550px;overflow: hidden;}
.grid4 {width: 160px;}
.grid5 {width: 380px;}
.grid6 {width: 460px;}
.grid7 {width: 540px;}
.grid8 {width: 520px;}
.grid9 {width: 700px;
background-color: #FFFFFF;
	font-size: 15px;
	line-height: 15px; 

  padding:20px;

}

.grid10 {width: 700px;
background-color: #FFFFFF;
	font-size: 15px;
	line-height: 15px; 
        height: 6000px;
  padding:20px;

}
.grid11 {width: 860px;}
.grid12 {
        
  	border-top: 0px solid #000;
	border-bottom: 0px solid #000;
	clear: both;
	display: block;
	width: 940px;
        height: 470px;                     
        webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        behavior: url(PIE/PIE.htc);
        background-image: url(top.png);
 }
.grid13 {
 	color:#444444;
	clear: both;
	width:900px;
	text-align:center;
	padding:10px;
        font-size:10px;}
	color:#444444;
	clear: both;
	width:600px;
	text-align:center;
	padding:10px;
        font-size:10px;
.first {margin-left: 0;clear: left;}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}
}