@charset "utf-8";

/*--------------------------------------------------------------------
common
css初期化
--------------------------------------------------------------------*/
html, body {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

.clear {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

* table tr td:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
	overflow: hidden;
}


img {
vertical-align:bottom;
}


/*----------------------------------------*/
body{
font-size:14px;
background:#ffffff repeat-y center;
background-image:url(../img/back_flower.jpg);
}







/*  全体  */

#container {
width:850px;
/*height:930px;*/
background:#ffffff;
margin:0 auto;

}







/*  上のタイトル、TEL番号等  */

#header{
height:55px;
width:834px;
background:#ffffff;/*きみどり*/
padding-top:20px;
padding-bottom:10px;
margin:auto;
}

#header h1{
float:left;
padding:0px;
margin:0px;}


#mail_phone{
padding-top:10px;
float:right;
}


#mail_phone a{
float:left;}



#mail_phone img{

float:right;}


#header a{
width:135px;
height:32px;
display:block;
background-color:#ff0000;
background-image:url(../img/mail_2.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-9999px;
}


#header a:hover{
background-image:url(../img/mail_2.jpg);
background-position:left bottom;

}






#header p{
font-size:20px;
font-weight:900;
color:#ff0000;

}


/*  メインの画像  */

#mainpic{
text-align:center;
margin-left:auto;
margin-right:auto;
padding-bottom:10px;
}






/*  横並びのボタンたち  */

#navi{
margin-left:9px;
margin-right:auto;
margin-bottom:0px;
background:#ffffff;}


#navi img,li{
margin:0px;
float:left;
margin-bottom:0px;
}


#navi li{
list-style-type:none;
}

#navi .gaiyou,.aisatu,.gyoumu,.ryoukin,.akusesu {
width:107px;
height:44px;
display:block;
}

#navi .situmon,.otoiawase {
width:91px;
height:44px;
display:block;

}





#navi .gaiyou{
background-image:url(../img/navi_gaiyou_2.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-9999px;
}

#navi .gaiyou:hover {
background-image:url(../img/navi_gaiyou_2.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}




#navi .aisatu{
background-image:url(../img/navi_aisatu_2.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-9999px;
}

#navi .aisatu:hover {
background-image:url(../img/navi_aisatu_2.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}




#navi .gyoumu{
background-image:url(../img/navi_gyoumu_2.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-9999px;
}

#navi .gyoumu:hover {
background-image:url(../img/navi_gyoumu_2.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}





#navi .ryoukin{
background-image:url(../img/navi_ryoukin_2.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-9999px;
}

#navi .ryoukin:hover {
background-image:url(../img/navi_ryoukin_2.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}


#navi .akusesu{
background-image:url(../img/navi_akusesu_2.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-9999px;
}

#navi .akusesu:hover {
background-image:url(../img/navi_akusesu_2.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}




#navi .situmon{
background-image:url(../img/navi_situmon_2.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-9999px;
}

#navi .situmon:hover {
background-image:url(../img/navi_situmon_2.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}




#navi .otoiawase{
background-image:url(../img/navi_otoiawase_2.jpg);
background-repeat:no-repeat;
background-position:left top;
text-indent:-9999px;
}

#navi .otoiawase:hover {
background-image:url(../img/navi_otoiawase_2.jpg);
background-repeat:no-repeat;
background-position:bottom left;
}

/*  下の背景ほかまとめ  */

#contents{

width:834px;
height:500px;
background:#ff0000;
background:url(../img/back_contents.jpg);
margin-left:auto;
margin-right:auto;
}








/*----ここから下なかみについて----*/





#ue{
padding-top:20px;
text-align:center;
margin-left:auto;
margin-right:auto;
}







#ue h1{
color:#552200;
background:#ffeecc;
text-indent:15px;
line-height:25px;
font-size:18px;
width:600px;
height:28px;
border:dotted #eeaa44;
border-width:0px 4px 0px 4px;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
}


#ue p{
text-align:left;
}

#ue img {

margin-bottom:5px;}












/*----ここから上なかみについて----*/

















/*  下1列サイトマップ他  */


#futter{
height:30px;
width:500px;
float:left;
margin-left:5px;
margin-bottom:0px;
margin-top:10px;
}



#annai {
height:30px;
width:334px;
float:right;
margin-bottom:0px;
margin-top:5px;
}

#annai img{
margin-left:140px;
float:left;
}

#annai p{
float:right;
}



.back {
text-align:center;
margin-left:auto;
margin-right:auto;}