/*
Theme Name:homepage
Theme URl:http://www.www.www
Description:homepage
Auther:MUTO
*/


/*-----------------all---------------------------*/
*{
margin:0px;
padding:0px;
}

body{
color:#222222;

background-color:#ffffff;
font-size:75%;
line-height: 140%;
}

a:link {text-decoration:none;color:#19177F;}
a:visited {text-decoration:none;color:#19177F}
a:hover{text-decoration:underline;color:#BF001A;}

img{
border:none;
}

hr{
display:none;
}

li{
list-style-type: none;
}

h1,h2,h3,h4,h5,h6,p,address{
font-size:100%;
font-weight:normal;
font-style:normal;
}

#conteiner{
width:1000px;background-color:#FFFFFF; margin-left:auto; margin-right:auto; padding:0px 0px 0px 0px;
}

/*----------------ページ共通------------------------*/


#monthlist{
width:650px;
float:left;
padding:4px 0px 4px 0px;
margin:4px 0px 4px 0px
}

#monthlist li{
margin:0px 8px 5px 8px; background-image:url(images/y.gif);background-repeat:no-repeat;background-position:left center; padding:0px 0px 0px 10px;border-bottom:1px dotted #666666;
}

#monthlist h2{
font-weight:bold;
border-bottom:1px dotted #666666;
margin:0px 0px 5px 0px;
}

#monthsidebar{
width:200px;
float:left;
padding:4px 4px 4px 4px;
margin:4px 0px 4px 4px;
height:400px;
background-color:#F9F9F9;

}

#monthsidebar li{
margin:0px 8px 0px 8px; background-image:url(images/y.gif);background-repeat:no-repeat;background-position:left center; padding:0px 0px 0px 10px;border-bottom:1px dotted #666666;
}

#pic{
margin-bottom:10px
}
.clear{
clear:both;
}

.f_right{
float:right;
}

.clear_l{
clear:left;
}

.clear_r{
clear:right;
}


#bread{
clear:left;
text-align:right;
margin:0px 0px 0px 10px;
}

#main{
padding:0px 10px 0px 10px
}

.pic{
margin:0px 0px 10px 0px;
}
/* -------------header--------------------------- */
#head{width:1000px;background-color:#FFFFFF;margin: 0px auto 0px auto}
#head_1{width:653px;padding-left:200px;background: url(images/rogo.gif) no-repeat left center;float:left;margin-top:10px;}

.head_color{background: url(images/y1.gif) no-repeat left center;margin-right:10px; padding-left:6px; 
}
#head_1 h1{
font-weight:bold;
}
a.head_color:link{
color:#C90000;
text-decoration:underline;
}
a.head_color:visited{
color:#C90000;
text-decoration:underline;
}
a.head_color:hover{
color:#C90000;
text-decoration:none;
}
a.head_color:active{
color:#C90000;
text-decoration:none;
}
.head_a{
float:left;width:137px;margin:10px 0px 0px 0px;
}



#menu3{margin:4px 0px 4px 10px; float:left; width:1000px;
background: url(images/menu_back.gif) no-repeat;
}

#menu3 ul li{
float:left;
margin-right:4px;
text-align:center;

}


#menu3 ul li.bt1 a {
	display : block ;
	width : 160px ;
	height : 29px ;
	text-indent : -9999px ;
	background-repeat : no-repeat ;
	background-position : top center ;
	text-decoration : none ;
	overflow : hidden ;
}


#menu3 ul li.bt1 a:link {
background-image: url(images/m1.gif);
}

#menu3 ul li.bt1 a:visited {
background-image: url(images/m1.gif);
}
#menu3 ul li.bt1 a:hover {
background-image: url(images/m1a.gif);
}

#menu3 ul li.bt1 a:active {
background-image: url(images/m1a.gif);
}

#menu3 ul li.bt2 a {
	display : block ;
	width : 160px ;
	height : 29px ;
	text-indent : -9999px ;
	background-repeat : no-repeat ;
	background-position : top center ;
	text-decoration : none ;
	overflow : hidden ;
}


#menu3 ul li.bt2 a:link {
background-image: url(images/m2.gif);
}

#menu3 ul li.bt2 a:visited {
background-image: url(images/m2.gif);
}
#menu3 ul li.bt2 a:hover {
background-image: url(images/m2a.gif);
}

#menu3 ul li.bt2 a:active {
background-image: url(images/m2a.gif);
}



#menu3 ul li.bt3 a {
	display : block ;
	width : 160px ;
	height : 29px ;
	text-indent : -9999px ;
	background-repeat : no-repeat ;
	background-position : top center ;
	text-decoration : none ;
	overflow : hidden ;
}



#menu3 ul li.bt3 a:link {
background-image: url(images/m3.gif);
}

#menu3 ul li.bt3 a:visited {
background-image: url(images/m3.gif);
}
#menu3 ul li.bt3 a:hover {
background-image: url(images/m3a.gif);
}

#menu3 ul li.bt3 a:active {
background-image: url(images/m3a.gif);
}

#menu3 ul li.bt4 a {
	display : block ;
	width : 160px ;
	height : 29px ;
	text-indent : -9999px ;
	background-repeat : no-repeat ;
	background-position : top center ;
	text-decoration : none ;
	overflow : hidden ;
}


#menu3 ul li.bt4 a:link {
background-image: url(images/m4.gif);
}

#menu3 ul li.bt4 a:visited {
background-image: url(images/m4.gif);
}
#menu3 ul li.bt4 a:hover {
background-image: url(images/m4a.gif);
}

#menu3 ul li.bt4 a:active {
background-image: url(images/m4a.gif);
}

#menu3 ul li.bt5 a {
	display : block ;
	width : 160px ;
	height : 29px ;
	text-indent : -9999px ;
	background-repeat : no-repeat ;
	background-position : top center ;
	text-decoration : none ;
	overflow : hidden ;
}


#menu3 ul li.bt5 a:link {
background-image: url(images/m5.gif);
}

#menu3 ul li.bt5 a:visited {
background-image: url(images/m5.gif);
}
#menu3 ul li.bt5 a:hover {
background-image: url(images/m5a.gif);
}

#menu3 ul li.bt5 a:active {
background-image: url(images/m5a.gif);
}

#menu3 ul li.bt6 a {

	display : block ;
	width : 160px ;
	height : 29px ;
	text-indent : -9999px ;
	background-repeat : no-repeat ;
	background-position : top center ;
	text-decoration : none ;


}


#menu3 ul li.bt6 a:link {
background-image: url(images/m6.gif);


}

#menu3 ul li.bt6 a:visited {
background-image: url(images/m6.gif);
	visiblity : hidden ;

}
#menu3 ul li.bt6 a:hover {
background-image: url(images/m6a.gif);


}

#menu3 ul li.bt6 a:active {
background-image: url(images/m6a.gif);

}

#top #menu3 ul li.bt1 a:link, #top #menu3 ul li.bt1 a:visited {
background-image: url(images/m1a.gif);
}

#form #menu3 ul li.bt6 a:link, #form #menu3 ul li.bt6 a:visited {
background-image: url(images/m6a.gif);
}

#menu_qa #menu3 ul li.bt5 a:link, #menu_qa #menu3 ul li.bt5 a:visited {
background-image: url(images/m5a.gif);
}



#menu_menu #menu3 ul li.bt3 a:link, #menu_menu #menu3 ul li.bt3 a:visited {
background-image: url(images/m3a.gif);
}


#menu_service #menu3 ul li.bt2 a:link, #menu_service #menu3 ul li.bt2 a:visited {
background-image: url(images/m2a.gif);
}

#menu_map #menu3 ul li.bt4 a:link, #menu_map #menu3 ul li.bt4 a:visited {
background-image: url(images/m4a.gif);
}


/* -------------topmenu_index_html--------------------------- */
/* -------topmenu_index_html_center---------------- */
#center_content{
float:left;
width:752px;
margin-left:8px;
}

#main_pic1{
border:1px #000000 solid;
height:170px;
}




.bs1{
margin:20px 0px 8px 0px;
border:1px #000000 solid;
width:750px;
background: url(images/bs1.gif) no-repeat;
}
.bs2{
margin:20px 0px 8px 0px;
border:1px #000000 solid;
width:750px;
background: url(images/bs2.gif) no-repeat;
}
.bs3{
margin:20px 0px 8px 0px;
border:1px #000000 solid;
width:750px;
background: url(images/bs3.gif) no-repeat;
}
.bs4{
margin:20px 0px 8px 0px;
border:1px #000000 solid;
width:750px;
background: url(images/bs4.gif) no-repeat;
}


.main_mh2{
width:645px;
line-height:140%;
padding:2px 0px 0px 12px;
font-size:1.2em;
margin:34px 0px 8px 76px;
}

.main_mp{
width:645px;
line-height:140%;
padding:2px 0px 0px 12px;
font-size:1.2em;
margin:0px 0px 8px 76px;
}


.main_menu1_p4{
padding:2px 6px 2px 6px;
width:645px; 
font-size:12px;border:1px dotted #6F6F6F;
background-color:#FEF9DB;
margin:12px 0px 8px 76px;
}


.head_color2{
background: url(images/y2.gif) no-repeat left center;
padding-left:10px; margin-right:10px;
font-size:1.0em;
font-weight:bold;
}

a.head_color2:link{
color:#C90000;
text-decoration:underline;
}

a.head_color2:visited{
color:#C90000;
text-decoration:underline;
}
a.head_color2:hover{
color:#C90000;
text-decoration:none;
}
a.head_color2:active{
color:#C90000;
text-decoration:none;
}

/* -------topmenu_index_html_right---------------- */

#right_contents{
float:left;
width:220px;
margin:0px 0px 0px 11px;
}

#right_a{
text-align:left;
padding:4px 4px 4px 8px;
border: 1px solid #A6942E;
margin:4px 0px 4px 0px;
background: url(images/bk1.gif) no-repeat;
}

#right_a p{
margin:3px 0px 3px 0px;
}

#right_b{
background: url(images/car_bk.gif) no-repeat;
border: 1px solid #727272;
margin:6px 0px 6px 0px;
height:180px;
}



.r_p{
margin:36px 0px 0px 0px;
padding:6px 6px 6px 6px;
}

.r_p2{
margin:120px 0px 0px 0px;
padding:6px 6px 6px 10px;
}

.r_p3{
margin:40px 0px 0px 0px;
padding:6px 6px 6px 6px;
}

#right_c {
background: url(images/t2.gif) no-repeat;
background-color:#f1f1f1;
border: 1px solid #727272;
margin:6px 0px 6px 0px;
}


#right_d {
background: url(images/t3.gif) no-repeat;
background-color:#f1f1f1;
border: 1px solid #727272;
margin:6px 0px 6px 0px;
}

#right_e {
background: url(images/t4.gif) no-repeat;
background-color:#f1f1f1;
border: 1px solid #727272;
margin:6px 0px 6px 0px;
}


#right_c h2{
font-weight:bold;
border-bottom: 1px dotted #727272;

}

#


.right_h_bk1{
background: url(images/t01.gif) no-repeat;
}


.right_h_bk2{
background: url(images/t02.gif) no-repeat;
}

.right_h_bk3{
background: url(images/t03.gif) no-repeat;
}



.line_dot{
border-bottom:1px dotted #222222;
}


#toi{
margin:4px 0px 2px 0px;
}
/* -------------foot--------------------------- */
#foot{
text-align:center;
border-top:1px solid #AFAFAF;
}

#foot ul {
list-style-type:none;
margin-left:300px
}

#foot ul li {
float:left;margin:2px 2px 2px 0px;
}

#foot p{
clear:both;padding-bottom:20px;text-align:center
}


/*----------form------------*/
#form1{
color:#000000;
text-align:center;
}

#form0 p{
color:#666666;
text-align:left;
padding:8px 0px 0px 0px;
}

#form1 table{
border: 1px solid #666666;
margin:0px auto 4px auto;
text-align:left;
width:740px;
border-collapse:collapse;
}

#form1 td{
padding:5px 20px 5px 20px;
margin:3px 3px 3px 3px;
background-color:#ffffff;
border: 1px solid #666666;
}


#form1 p{
color:#000000;
text-align:center;
padding:4px 4px 4px 4px;
}



/*----------PAGE04.php------------*/
/*----------ホームページ制作について------------*/
#contents{
float:left;
width:740px;
}

#pic_m img{
border: 1px solid #CDCDCD;
}

.titile_h1{
font-weight:bold;
font-size:1.4em;
line-height:140%;
color:#ffffff;
background-image:url(images/title_bk.gif);
background-repeat:repeat;
height:35px;
margin:2px 0px 4px 0px;
padding:8px 0px 0px 22px;
}

#product1 h3{
font-weight:bold;
font-size:1.2em;
line-height:140%;
padding:4px 0px 4px 20px;
margin-top:4px;
background-image:url(images/h_p1.gif);
background-repeat:no-repeat;
background-color:#F5F5F5;
color:#000000;
border-bottom:1px #000000 solid;
}

#product1 p{
font-size:1.0em;
line-height:140%;
padding:4px 0px 4px 2px;
margin-bottom:14px;
font-size:1.2em;
}

.product2{
margin:10px 0px 10px 0px;
border:1px #666666 solid;
}

#product_main h3{
font-weight:bold;
font-size:1.2em;
line-height:140%;
padding:4px 8px 4px 20px;
background-image:url(images/h_p2.gif);
background-repeat:no-repeat;
background-color:#F5F5F5;
color:#000000;
border-bottom:1px #666666 dotted;
}

#product_main p{
font-size:1.0em;
line-height:180%;
padding:6px 8px 4px 8px;
margin-bottom:8px;
}

.pro_img{
float:right;margin:0px 0px 0px 4px
}

/* -------------page02.php--------------------------- */


#hp_price{
margin:0px 0px 30px 0px;
}

#hp_price h2{
color:#ffffff;
font-size:1.4em;
font-weight:bold;
margin:0px 0px 2px 0px;
padding:10px 0px 10px 14px;
}

#hp_price h3{
font-size:1.4em;
font-weight:bold;
border-bottom:1px solid #000000;

}

.kome{
line-height:120%;
margin:4px 0px 0px 0px;
padding:4px 4px 4px 14px; 
border-bottom:1px solid #666666;
}

.kome_other{
margin:2px 2px 2px 2px;
padding:4px 4px 4px 4px;
border:1px dotted #888888;
background-color:#FEF8B1;
}

.cp_p{
margin:2px 0px 0px 0px;
padding:4px 4px 4px 2px;
font-size:1.2em;
font-weight:bold;

}
.size_hp{
font-size:1.0em;
padding:6px 10px 6px 10px;
margin:0px 0px 10px 0px;
background-color:#F5F5F5;
font-weight:bold;
}

.col_b{
color:red;
font-weight:bold;
}

.ted_thr{
text-decoration:line-through;
}

.f_bold{
font-weight:bold;
margin:10px 0px 0px 0px;
}

.t_under_l{
text-decoration:underline;
}

.image_qa{
text-align:center;
margin:20px 0px 20px 0px;
}
 
#hp_price ul li{
line-height:140%;
padding:4px 0px 4px 14px;
border-bottom:1px dotted #666666;
margin:0px 0px 0px 0px;

}
.price_h01{
background:url(images/mark_m.gif) no-repeat left center #FF7800;
}

.price_h02{
background:url(images/mark_m.gif) no-repeat left center #00AEEF;
}

.price_h03{
background:url(images/mark_m.gif) no-repeat left center #ED1C24;
}

.price_h04{
background:url(images/mark_m.gif) no-repeat left center #00A651;
}

.price_h05{
background:url(images/mark_m.gif) no-repeat left center #F64F63;
}

.price_h06{
background:url(images/mark_m.gif) no-repeat left center #0072BC;
}

.price_m01{
background:url(images/mark_n1.gif) no-repeat left center;
margin:10px 40px 2px 0px;
padding:10px 40px 10px 40px;
font-size:1.4em;
font-weight:bold;
border-bottom:1px solid #000000;
}

.price_m02{
background:url(images/mark_n2.gif) no-repeat left center ;
margin:10px 0px 2px 0px;
padding:10px 40px 10px 40px;
font-size:1.4em;
font-weight:bold;
border-bottom:1px solid #000000;
}
.mark{
background:url(images/mark1.gif) no-repeat left center;
}

.mark2{
background:url(images/mark2.gif) no-repeat left center;
}
.mark3{
background:url(images/mark3.gif) no-repeat left center;
}
.mark4{
background:url(images/mark4.gif) no-repeat left center;
}
.mark5{
background:url(images/mark5.gif) no-repeat left center;
}
.mark6{
background:url(images/mark6.gif) no-repeat left center;
}



.p_m_menu{
background-color:#ffffff;
color:#000000;
width741px;
margin:42px 0px 6px 0px;
}

#product_all p{
padding:4px 6px 4px 6px;
color:#3D3D3D;
line-height:130%;
}
#product_all h2{
border-bottom:1px dotted #000000;
padding:4px 6px 10px 6px;
color:#3d3d3d;
font-weight:bold;
font-size:1.2em;
line-height:140%;
}
.m_title1{
background:url(images/m_title1.gif) no-repeat left top #FF7C3D;
border:2px solid #FF7C3D;
width:741px;
margin:10px 0px 10px 0px;
}


.m_title2{
background:url(images/m_title2.gif) no-repeat left top #00AEEF;
border:2px solid #00AEEF;
width:741px;
margin:10px 0px 10px 0px;
}
.m_title3{
background:url(images/m_title3.gif) no-repeat left top #D94343;
border:2px solid #D94343;
width:741px;
margin:10px 0px 10px 0px;
}
.m_title4{
background:url(images/m_title4.gif) no-repeat left top #39B54A;
border:2px solid #39B54A;
width:741px;
margin:10px 0px 10px 0px;
}
.m_title5{
background:url(images/m_title5.gif) no-repeat left top #F64F63;
border:2px solid #F64F63;
width:741px;
margin:10px 0px 10px 0px;
}
.m_title6{
background:url(images/m_title6.gif) no-repeat left top #0072BC;
border:2px solid #0072BC;
width:741px;
margin:10px 0px 10px 0px;
}

.r_top{
text-align:right;
padding-top:2px;
}
.font_s{
font-size:0.8em;
}
/*----------sidebar.php------------*/


#side_menu{
float:left; width: 230px;
margin:0px 10px 10px 0px;
}

#side_menu h1{
background-image:url(images/s_menu1.gif);
background-repeat:no-repeat;
width:230px;
height:22px;
padding:8px 0px 0px 16px;
font-weight:bold;
}

.side_sa0 {
background-image:url(images/s_menu2.gif);
background-color:#99E1FF;
background-repeat:no-repeat;
font-weight:bold;
height:26px;
padding-top:7px;
padding-left:12px;
}


.side_sa1 {
background-image:url(images/s_menu2.gif);
background-color:#99E1FF;
background-repeat:no-repeat;
font-weight:bold;
height:26px;
padding-top:7px;
padding-left:12px;
}

.side_sa2 {
background-image:url(images/s_menu2.gif);
background-color:#99E1FF;
background-repeat:no-repeat;
font-weight:bold;
height:26px;
padding-top:7px;
padding-left:12px;
}

.side_sa3 {
background-image:url(images/s_menu2.gif);
background-color:#99E1FF;
background-repeat:no-repeat;
font-weight:bold;
height:26px;
padding-top:7px;
padding-left:12px;
}

.side_sa4 {
background-image:url(images/s_menu2.gif);
background-color:#99E1FF;
background-repeat:no-repeat;
font-weight:bold;
height:26px;
padding-top:7px;
padding-left:12px;
}

.side_sa5 {
background-image:url(images/s_menu2.gif);
background-color:#99E1FF;
background-repeat:no-repeat;
font-weight:bold;
height:26px;
padding-top:7px;
padding-left:12px;
}

.side_sa6 {
background-image:url(images/s_menu2.gif);
background-color:#99E1FF;
background-repeat:no-repeat;
font-weight:bold;
height:26px;
padding-top:7px;
padding-left:12px;
}


#side_s0 #side_menu ul li.side_sa0,#side_s1 #side_menu ul li.side_sa1,#side_s2 #side_menu ul li.side_sa2,#side_s3 #side_menu ul li.side_sa3,#side_s4 #side_menu ul li.side_sa4,#side_s5 #side_menu ul li.side_sa5,#side_s6 #side_menu ul li.side_sa6{
background-color:#FFF568;
background-image:url(images/spacer.gif);
}

.side_a1 {
background-image:url(images/s_menu2.gif);
background-color:#99E1FF;
background-repeat:no-repeat;
font-weight:bold;
height:26px;
padding-top:7px;
padding-left:12px;
}
.side_b1 {
background-image:url(images/s_menu2.gif);
background-repeat:no-repeat;
font-weight:bold;
height:26px;
padding-top:7px;
padding-left:12px;
}
.side_c1 {
background-image:url(images/s_menu2.gif);
background-repeat:no-repeat;
font-weight:bold;
height:26px;
padding-top:7px;
padding-left:12px;
}
.side_d1 {
background-image:url(images/s_menu2.gif);
background-repeat:no-repeat;
font-weight:bold;
height:26px;
padding-top:7px;
padding-left:12px;
}

#side_p1 #side_menu ul li.side_a1, #side_p2 #side_menu ul li.side_b1, #side_p3 #side_menu ul li.side_c1,#side_p4 #side_menu ul li.side_d1{
background-color:#FFF568;
background-image:url(images/spacer.gif);

}

.side_m2{
background-image:url(images/s_menu3.gif);
background-repeat:no-repeat;
height:26px;
padding-top:7px;
padding-left:30px;
}

.s_m_h{
height:17px;
}

a:link.side_m {
    color:#2A81F7;
    text-decoration:none;
}
a:visited.side_m {
    color:#2A81F7;
    text-decoration:none;
}
a:hover.side_m {
    color:#2A81F7;
    font-style:normal;
    text-decoration:underline;
}
a:active.side_m {
    color:#2A81F7;
    text-decoration:underline;
}
/*--------service-------------*/

#content_m h1{
background-repeat:no-repeat;
width:750px;
height:30px;
padding-top:10px;
padding-left:20px;
color:#666666;
margin-bottom:5px;
font-weight:bold;
}

#content_m img{
margin:0px 10px 10px 0px;
}

/*--------product-------------*/
#content_m2 h1{
background-image:url(images/title_bt2.gif);
background-repeat:no-repeat;
width:661px;
height:30px;
padding-top:10px;
padding-left:20px;
color:#ffffff;
margin-bottom:5px;
font-weight:bold;
}

#content_m2 img{
margin:0px 10px 10px 0px;
}
/*-----------------ご挨拶------------*/
#greet table{
border: 1px solid #cccccc;
margin: 10px 0px;
border-collapse: collapse;
width: 740px;
}
#greet h2{
font-weight:bold;
font-size:1.4em;
border-bottom:1px solid #666666;
padding-bottom:4px;
margin-bottom:4px;
}

#greet th{
border:1px solid #CCCCCC;
background-color:#F2F2F2;
padding:10px;
}

#greet td{
border:1px solid #CCCCCC;
padding:10px;
}
/*-----------------サイトマップ------------*/

.sitemap_d{
border-bottom:1px dotted #000000;
margin:15px 0px 20px 0px;
}



#sitemap h2{
padding:14px 4px 4px 10px;
}

#sitemap ul li{
padding:4px 0px 4px 0px;
float:left;
margin: 0px 0px 0px 20px;
}

#sitemap a{background: url(images/y1.gif) no-repeat left center;margin-right:10px; padding-left:10px;text-decoration:underline}

/*-----------------qa------------*/
.qa1{
margin:15px 0px 5px 0px;
padding:0px 0px 4px 0px;
}

#que h2{
border-bottom:1px dotted #000000;
margin:5px 0px 5px 0px;
color:red;
}

#que ul li{padding:4px 0px 4px 0px;
}

#que a{background: url(images/y1.gif) no-repeat left center;margin-right:10px; padding-left:10px;text-decoration:underline
}


.qa2{
border:1px solid #666666;
margin:15px 0px 5px 0px;
}

#qa4 h2{
font-weight:bold;
font-size:1.4em;
}
#qa4 h3{
border-bottom:1px dotted #000000;
padding:5px 5px 5px 5px;
background-color:#FFF799;
color:#270000;

}

#qa4 p{
padding:5px 5px 5px 5px;
color:#3B3B3B;
}


.qa3 {
border-bottom:2px dotted #000000;
margin:0px 0px 20px 0px;
}

#que{
border-bottom:3px dotted #000000;
margin:0px 0px 50px 0px;
padding:0px 0px 50px 0px;
}

/*-----------------sidebar4.php------------*/
#right_contents2{
float:left;
width:220px;
margin:0px 0px 0px 20px;


}