@charset"Utf-8";
@import url("php.css");


/*ブラウザスタイルの初期化*/
* {
font-size: 100%;
margin: 0px;
padding: 0px;
font-style:normal;
}

/*センタリングfor IE5.5 */
body{
font-size: 100%;
background:#FFFFFF;
}


/*---------------レイアウト---------------
------------------------------------------------*/
#header,
#footer,
#main_wrapper {
clear:both;
width:800px;
}

#header {height:172px;}
#footer {padding-top:15px;}

#contents{
width:574px;
float:left;
}

#globalNav{
width:220px;
float:left;
overflow:hidden;
}


/*---------------header内---------------
------------------------------------------------*/
#main_rogo {
position: absolute;
top:20px;
left:5px;
width:275px;
height:90px;
overflow:hidden;
}

#main_rogo h1,
#main_rogo p {
padding-top:1500px;
}

#head_right,
#head_right_company {
position: absolute;
top:20px;
right:10px;
}

#head_right p ,
#head_right_company p {
text-align: right;
font-size:0.8em;
padding-top:10px;
}

#head_right a:hover,
#head_right_company a:hover {
color:#FF0000;}

#head_right a {color:#663300;}

#head_right_company p {color:#FFFFFF;}
#head_right_company a {color:#FFFFFF;}


#p_title {
position: absolute;
top:110px;
left:5px;
width:275px;
height:62px;
list-style-type: none;
overflow:hidden;
}


/*---------------フッター内---------------
------------------------------------------------*/
.footer_wrapper {
	position: relative;
	margin:5px 0px 0px 10px;
	width:780px;
	border-top:solid #663300 1px;
}

#footer p{
	position: relative;
	font-size:0.8em;
	text-align:center;
	color:#663300;
}

#footer_link {padding-top:10px;}

#footer_link2 {padding-top:5px;margin-bottom:10px;}

#footer a {color:#663300;}
#footer a:hover {color:#FF0000;}

#top_return {
text-align:right;
margin-right:25px;
font-size:0.8em;
}




/*---------------各ページ背景画像---------------
------------------------------------------------*/

body#top {
background: url(../images/back_top.jpg) no-repeat;
color:#43556D;
}

body#top2 {
background: url(../images/back_top2.jpg) no-repeat;
color:#43556D;
}


body#what {background:url(../info/images/back_what.jpg) no-repeat;
color:#333333;
}

body#visitor {
background:url(../person/images/back_visitor.jpg) no-repeat;
color:#333333;
}

body#company {
background:url(../business/images/back_company.jpg) no-repeat;
color:#333333;
}

/*------------------------------------------------------
----------左部グロバールナビ-----------
------------------------------------------------------*/
#home_btn,
#home_btn_w,
#home_btn_v,
#home_btn_c {
margin-left:10px;
width:191px;
height:17px;
text-indent:-10000px;
}

#home_btn {background:url(../images/home.jpg) no-repeat 0px -0px;}
#home_btn_w {background:url(../info/images/home.jpg) no-repeat 0px 0px;}
#home_btn_v {background:url(../person/images/home.jpg) no-repeat 0px 0px;}
#home_btn_c {background:url(../business/images/home.jpg) no-repeat 0px 0px;}

#home_btn a,
#home_btn_w a,
#home_btn_v a,
#home_btn_c a {
display:block;
width:191px;
height:17px;
}

#home_btn a:hover{background:url(../images/home.jpg) no-repeat 0px -20px;}
#home_btn_w a:hover{background:url(../info/images/home.jpg) no-repeat 0px -20px;}
#home_btn_v a:hover{background:url(../person/images/home.jpg) no-repeat 0px -20px;}
#home_btn_c a:hover{background:url(../business/images/home.jpg) no-repeat 0px -20px;}

#navi_fla {
position: relative;
left:10px;
width:191px;
height:531px;
}


/*-----追加-----*/
#bana_wrapper {
margin-top:60px;
}


.bana_box {
margin:0 0 10px 12px;
padding-top:5px;
width:192px;
border:solid 1px #0000FF;
font-size:80%;
text-align:center;
}

.bana_box p {
border-top:dotted 1px #0000FF;
padding-top:5px;
margin:5px 5px;
text-align:left;
}

.bana_box img {
margin-bottom:5px;
}

/*------------------------------------------------------
----------セカンドページ以降上部のグロバールナビ-----------
------------------------------------------------------*/
ul#navi {
position:relative;
width:574px;
height:30px;
} 

ul#navi li {
list-style-type: none;
text-indent: -10000px;
overflow:hidden;
}

ul#navi a{
display:block;
height:30px;
}

/*赤帽とは*/
#what #navi {background:url(../info/images/navi_w.jpg) no-repeat;} 



#agreemen a,
#kodomo a {
display:block;
width:110px;
height:30px;
}

#co a,
#area a,
#movie a {
display:block;
width:99px;
height:30px;
}


#agreemen,
#kodomo {
position:absolute;
width:110px;
height:30px;
}

#co,
#area,
#movie {
position:absolute;
width:99px;
height:30px;
}


#co {background:url(../info/images/navi_w.jpg) no-repeat -0px 0px;left:0px;}
#agreemen {background:url(../info/images/navi_w.jpg) no-repeat -110px 0px;left:110px;}
#kodomo {background:url(../info/images/navi_w.jpg) no-repeat -231px 0px;left:231px;}
#area {background:url(../info/images/navi_w.jpg) no-repeat -352px 0px;left:352px;}
#movie {background:url(../info/images/navi_w.jpg) no-repeat -465px 0px;left:465px;}

#co a:hover {background:url(../info/images/navi_w.jpg) no-repeat -0px -30px;}
#agreemen a:hover {background:url(../info/images/navi_w.jpg) -110px -30px;}
#kodomo a:hover {background:url(../info/images/navi_w.jpg) -231px -30px;}
#area a:hover {background:url(../info/images/navi_w.jpg) -352px -30px;}
#movie a:hover {background:url(../info/images/navi_w.jpg) -465px -30px;}

#navi_wrapper_co #co {background:url(../info/images/navi_w.jpg) no-repeat -0px -30px;}
#navi_wrapper_agree #agreemen {background:url(../info/images/navi_w.jpg) no-repeat -110px -30px;}
#navi_wrapper_kodomo #kodomo {background:url(../info/images/navi_w.jpg) no-repeat -231px -30px;}
#navi_wrapper_area #area {background:url(../info/images/navi_w.jpg) no-repeat -352px -30px;}
#navi_wrapper_movie #movie {background:url(../info/images/navi_w.jpg) no-repeat -465px -30px;}


/*法人のお客様*/
#company #navi {background:url(../business/images/navi_c.jpg) no-repeat;}  

#company #navi a{
display:block;
height:30px;
}

#jyu a,
#mail2 a,
#butsu a,
#search a {
display:block;
height:30px;
}

#jyu,
#mail2,
#butsu,
#search {
position:absolute;
height:30px;
}

#jyu,
#jyu a,
#mail2,
#mail2 a {
width:80px;
}

#butsu,
#butsu a {width:210px;}

#search,
#search a{width:178px;}


#jyu {background:url(../business/images/navi_c.jpg) no-repeat -0px 0px;left:0px;}
#mail2 {background:url(../business/images/navi_c.jpg) no-repeat -86px 0px;left:86px;}
#butsu{background:url(../business/images/navi_c.jpg) no-repeat -170px 0px;left:170px;}
#search {background:url(../business/images/navi_c.jpg) no-repeat -390px 0px;left:390px;}

#jyu a:hover {background:url(../business/images/navi_c.jpg) no-repeat -0px -30px;}
#mail2 a:hover {background:url(../business/images/navi_c.jpg) -86px -30px;}
#butsu a:hover {background:url(../business/images/navi_c.jpg) -170px -30px;}
#search a:hover {background:url(../business/images/navi_c.jpg) -390px -30px;}

#navi_wrapper_jyu #jyu {background:url(../business/images/navi_c.jpg) no-repeat -0px -30px;}
#navi_wrapper_mail #mail2 {background:url(../business/images/navi_c.jpg) no-repeat -86px -30px;}


/*個人のお客様*/
#visitor #navi {background:url(../person/images/navi_v.jpg) no-repeat;}  


#guid a,
#remo a,
#use a,
#rate a,
#est a,
#mail a,
#car a {
display:block;
height:30px;
}

#guid,
#remo,
#use,
#rate,
#est,
#mail,
#car {
position:absolute;
height:30px;
}

#guid,
#guid a,
#remo,
#remo a,
#rate a,
#rate,
#est,
#est a,
#mail,
#mail a{width:70px;}

#use,
#use a{width:111px;}
#car,
#car a{width:80px;}

#guid {background:url(../person/images/navi_v.jpg) no-repeat -0px 0px;left:0px;}
#remo {background:url(../person/images/navi_v.jpg) no-repeat -75px 0px;left:75px;}
#use {background:url(../person/images/navi_v.jpg) no-repeat -150px 0px;left:150px;}
#rate {background:url(../person/images/navi_v.jpg) no-repeat -266px 0px;left:266px;}
#est {background:url(../person/images/navi_v.jpg) no-repeat -341px 0px;left:341px;}
#mail {background:url(../person/images/navi_v.jpg) no-repeat -416px 0px;left:416px;}
#car {background:url(../person/images/navi_v.jpg) no-repeat -491px 0px;left:491px;}

#guid a:hover {background:url(../person/images/navi_v.jpg) -0px -30px;}
#remo a:hover {background:url(../person/images/navi_v.jpg) -75px -30px;}
#use a:hover {background:url(../person/images/navi_v.jpg) -150px -30px;}
#rate a:hover {background:url(../person/images/navi_v.jpg) -266px -30px;}
#est a:hover {background:url(../person/images/navi_v.jpg) -341px -30px;}
#mail a:hover {background:url(../person/images/navi_v.jpg) -416px -30px;}
#car a:hover {background:url(../person/images/navi_v.jpg) -491px -30px;}

#navi_wrapper_guid #guid {background:url(../person/images/navi_v.jpg) -0px -30px;}
#navi_wrapper_remo #remo {background:url(../person/images/navi_v.jpg) -75px -30px;}
#navi_wrapper_use #use {background:url(../person/images/navi_v.jpg) -150px -30px;}
#navi_wrapper_rate #rate {background:url(../person/images/navi_v.jpg) -266px -30px;}
#navi_wrapper_est #est {background:url(../person/images/navi_v.jpg) -341px -30px;}
#navi_wrapper_mail #mail {background:url(../person/images/navi_v.jpg) -416px -30px;}
#navi_wrapper_car #car {background:url(../person/images/navi_v.jpg) -491px -30px;}



/*------------------------------------------------------
----------テンプレート-----------
------------------------------------------------------*/
a {
color:#0000FF;
overflow:hidden;}

a:hover {color:#FF0000;}

/*見出し*/
h1 {
font-size:110%;
}

h2 {
margin-top:10px;
padding-left:18px;
font-size:1em;
clear:both;
}

/*画像*/
img {border:0px;}
.img_l {float:left;}
.img_r {float:right;}
.img_l {margin-right:10px;}

/*----main_box---*/
.contents_1_1 {
margin:5px 0 20px 10px;
padding-left:5px;
width:548px;
text-align:center;
}

/*----Pタグ---*/
.contents_1_1 p{
font-size:0.9em;
line-height:1.5em;
text-align:left;
margin:5px 0;
clear:both;
}

.open_p {
padding:10px 10px 5px 10px;
font-size:0.9em;
line-height:1.5em;
}

.sub_p {
width:530px;
margin:10px auto 10px auto;
padding:5px 5px;
font-size:0.9em;
line-height:1.5em;
border:solid 1px #333333;
}

/*----ページナビ---*/
#top_back {
position:relative;
padding-top:20px;
width:290px;
height:16px;
font-size:0.8em;
}

#top_back p {padding-left:15px;}
#top_back a {padding:3px 0px 3px 15px;}


/*----共通スタイル---*/
.akabou{color:#FF0000;}

.c_both {clear:both;}

.bold {font-weight:bold;}

.text_green {color:#009933;}

.bar {
margin-top:1px;
width:565px;
height:3px;
}