/*===================================
		基本設定
===================================*/

*{
margin: 0;
padding: 0;
}

ul, oi {
list-style: none;
}

body{
background-color:#f6f6f6;
color:#777777;
size:14pt;
line-height:140%;
}

body a{
color:#336699;
size:14pt;
text-decoration:underline;
}

body a:hover{
color:#777777;
size:14pt;
text-decoration:underline;
}


/*===================================
		大きなコンテナ
===================================*/

div#all{
width:770px;
height:auto;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
background-image:url(../img/middle_back.jpg);
}

div#head{
width:770px;
height:90px;
background-image:url(../img/top_back.jpg);
background-repeat:no-repeat;
background-position:top;
}

div#head_img{
width:770px;
height:220px;
background-color:#f6f6f6;
}

div#middle{
width:770px;
height:auto;
background-image:url(../img/middle_back.jpg);
background-repeat:repeat-y;
}

div#foot_1{
clear:both;
width:770px;
height:50px;
background-image:url(../img/foot_top_back.jpg);
}

div#foot_2{
width:770px;
height:30px;
background-image:url(../img/foot_under_back.jpg);
}

/*===================================
		ヘッダー
===================================*/

div#head_id_in{
width:315px;
height:90px;
float:left;
}

h1{
margin-left:10px;
display:block;
width:315px;
height:90px;
text-indent:-2000px;
overflow:hidden;
background-image:url(../img/site_id.jpg);
}

div#head_ather_in{
width:240px;
height:30px;
float:right;
margin-right:20px;
margin-top:50px;
}

p.question a{
float:right;
display:block;
width:120px;
height:30px;
text-indent:-999px;
overflow:hidden;
background-image:url(../img/question_1.jpg);
}

p.question a:hover{
float:right;
display:block;
width:120px;
height:30px;
text-indent:-999px;
overflow:hidden;
background-image:url(../img/question_2.jpg);
}

p.map a{
float:right;
display:block;
width:110px;
height:30px;
text-indent:-999px;
overflow:hidden;
background-image:url(../img/site_map_1.jpg);
}

p.map a:hover{
float:right;
display:block;
width:110px;
height:30px;
text-indent:-999px;
overflow:hidden;
background-image:url(../img/site_map_2.jpg);
}

/*===================================
		グローバルメニュー
===================================*/

div#gloval{
width:720px;
height:60px;
background-color:#CCCCCC;
margin-left:auto;
margin-right:auto;
}

div#gloval ul li{
background-color:#000000;
float:left;
text-indent:-999px;
overflow:hidden;
}

div#gloval ul li#about a{
width:200px;
background-image:url(../img/about_1.jpg);
display:block;
height:60px;
}

div#gloval ul li#about a:hover{
width:200px;
background-image:url(../img/about_2.jpg);
display:block;
height:60px;
}

div#gloval ul li#servis a{
width:117px;
background-image:url(../img/servis_1.jpg);
display:block;
height:60px;
}

div#gloval ul li#servis a:hover{
width:117px;
background-image:url(../img/servis_2.jpg);
display:block;
height:60px;
}

div#gloval ul li#flow a{
width:135px;
background-image:url(../img/flow_1.jpg);
display:block;
height:60px;
}

div#gloval ul li#flow a:hover{
width:135px;
background-image:url(../img/flow_2.jpg);
display:block;
height:60px;
}

div#gloval ul li#cam a{
width:145px;
background-image:url(../img/cam_1.jpg);
display:block;
height:60px;
}

div#gloval ul li#cam a:hover{
width:145px;
background-image:url(../img/cam_2.jpg);
display:block;
height:60px;
}

div#gloval ul li#contact a{
width:123px;
background-image:url(../img/contact_1.jpg);
display:block;
height:60px;
}

div#gloval ul li#contact a:hover{
width:123px;
background-image:url(../img/contact_2.jpg);
display:block;
height:60px;
}

/*===================================
		フッター
===================================*/

div#foot_1_in{
width:290px;
height:30px;
padding-top:20px;
margin-left:auto;
margin-right:auto;
}

p.foot_link a{
float:left;
width:145px;
height:25px;
text-indent:-999px;
overflow:hidden;
display:block;
background-image:url(../img/foot_link_1.jpg);
background-repeat:no-repeat;
}

p.foot_link a:hover{
width:145px;
height:25px;
text-indent:-999px;
overflow:hidden;
display:block;
background-image:url(../img/foot_link_2.jpg);
background-repeat:no-repeat;
}

p.foot_contact a{
width:110px;
height:25px;
text-indent:-999px;
overflow:hidden;
display:block;
background-image:url(../img/foot_contact_1.jpg);
}

p.foot_contact a:hover{
width:110px;
height:25px;
text-indent:-999px;
overflow:hidden;
display:block;
background-image:url(../img/foot_contact_2.jpg);
}

p#copy{
color:#FFFFFF;
font-weight:bold;
width:420px;
height:10px;
margin-left:auto;
margin-right:auto;
padding-top:3px;
}