@charset "utf-8";
/* CSS Document */

* {
font-family: "ＭＳ Ｐゴシック", Osaka, verdana;
letter-spacing: 1px;
font-size: 12px;
line-height: 1.5em;
color: #333333;
padding: 0px;
margin: 0px;
border: none;
}

body {
	margin: 0px;
	padding: 0px;
}


a {	color:#333333; text-decoration: none; }
a:link {	color:#333333;  }
a:visited {	color:#333333;  }
a:hover {	color:#FFFFFF; text-decoration: underline; }
a:active {	color:#FFFFFF; }

.b:link {	color:#555555;  }
.b:visited { color:#555555; }
.b:hover {	color:#555555; text-decoration: underline;   }
.b:active {	color:#555555; }

.c:link {	color:#424242; font-size:11px; }
.c:visited { color:#424242; font-size:11px; }
.c:hover {	color:#424242; font-size:11px; text-decoration: underline;   }
.c:active {	color:#424242; font-size:11px; }


.hide {
display: none;
}

.hide2 {
visibility: hidden;
}

.clr {
clear: both;
font-size: 1px;
height: 1em;
}

a img {	
border-style: none;	
border-width: 0;	
text-decoration: none;
}

/* bg
-------------------------------------------------------------------*/
#index_box {
width:100%;
height:100%;
background: url(../img/bg.gif) repeat;
}

#main_box {
background:url(../img/main_bg.gif) repeat-y ;
width:766px;
height:100%;
}


#mid_box {
float:left;
padding-left:3px;
width:760px;
height:100%;
}

/*top
-------------------------------------------------------------------*/
#top_box {
height:72px;
width:760px;
}

.top_line {
width:760px;
height:10px;
background-image:url(../img/top_color.gif) ;
}

.top_logo {
float:left;
padding-left:7px;
padding-top:18px;
width:172px;
height:44px;
}

.top_tel {
float:right;
padding-top:16px;
padding-right:16px;
width:245px;
height:46px;
}


/* navi
------------------------------------------------------------------*/

#navi {
float: left;
padding: 3px 0px 0px 0px;
width: 760px;
height:57px;
}

#navi li{
list-style: none;
display: inline;
}

#navi li a {
display: block;
float: left;
}

#navi li.navi01 a {
background:url(../img/navi_01.gif) ;
height: 57px;
width: 124px;
}

#navi li.navi01 a:hover {
background:url(../img/navi_over_01.gif) ;
}


#navi li.navi02 a {
background:url(../img/navi_02.gif) ;
height: 57px;
width: 168px;
}

#navi li.navi02 a:hover {
background:url(../img/navi_over_02.gif) ;
}

#navi li.navi03 a {
background:url(../img/navi_03.gif) ;
height: 57px;
width: 160px;
}

#navi li.navi03 a:hover {
background:url(../img/navi_over_03.gif) ;
}

#navi li.navi04 a {
background:url(../img/navi_04.gif) ;
height: 57px;
width: 186px;
}

#navi li.navi04 a:hover {
background:url(../img/navi_over_04.gif) ;
}


#navi li.navi05 a {
background:url(../img/navi_05.gif) ;
height: 57px;
width: 122px;
}

#navi li.navi05 a:hover {
background:url(../img/navi_over_05.gif) ;
}

/* main-----
------------------------------------------------------------------------------*/
#flash_box {
width:760px;
height:249px;
}

#text_box {
padding-left:10px;
padding-top:5px;
width:740px;
}

.text_505050 {
padding:15px 0px 20px 7px;
color:#505050;
font-size:13px;
text-align:left;
letter-spacing:0.05em;
line-height:2.3em;
}


#prodoct_table {
height:100%;
width:740px;
}

.text_white_title {
padding-left:60px;
padding-top: 8px;
text-align:left;
color:#FFFFFF;
font-size:15px;
font-weight:bold;
}

.product_table1 {
height:46px;
width:740px;
background:url(../img/m_table1.gif);
}

.product_table2 {
float:left;
width:740px;
height:100%;
background:url(../img/m_table2.gif) repeat;
}

.product_btn {
padding-top:10px;
padding-left:5px;
height:220px;
}

.product_text {
width:720px;
padding-top:15px;
padding-left:12px;
}

.product_text_o {
float:left;
width:135px;
height:20px;
text-align:left;
font-size:11px;
letter-spacing:0.03em;
color:#f24921;
}

.product_text_g {
float:left;
width:585px;
height:20px;
text-align:left;
font-size:10px;
letter-spacing:0.01em;
color:#424242;
}

.product_dot {
float:left;
width:700px;
height:3px;
background:url(../img/w_dot.gif) repeat;
}

.product_table3 {
float:left;
width:740px;
background:url(../img/m_table3.gif) no-repeat;
height:10px;
padding-bottom:20px;
}

/* bottom-repeat
----------------------------------------------------------------------------------------*/
#help_box {
padding-top:20px;
padding-bottom:15px;
width:740px;
height:100px;
}

.help_box1 {
float:left;
padding-top:20px;
padding-left:15px;
padding-right:30px;
width:367px;
height:62px;
}

.help_dot {
float:left;
background:url(../img/h_dot.gif) repeat-y;
height:100px;
width:1px;
}

.help_box2 {
float:left;
padding-left:40px;
padding-top:5px;
width:273px;
height:78px;
}




#area_box {
height:210px;
width:740px;
padding-bottom:10px;
}

.area_table1 {
background:url(../img/m_table4.gif);
height:36px;
width:740px;
}

.area_table2 {
background:url(../img/m_table5.gif) repeat;
height:150px;
padding-top:10px;
}

.area_text_bb{
width:720px;
padding-left:10px;
font-size:11px;
text-align:left;
font-weight:bold;
color:#1491d8;
}

.area_text_pb{
font-weight:bold;
padding-left:10px;
text-align:left;
font-size:11px;
color:#eb1e7a;
}

.area_text_g{
padding-left:10px;
font-size:11px;
text-align:left;
color:#424242;
}

.area_table3 {
background:url(../img/m_table6.gif) ;
height:5px;
white-space:740px;
}



#bottom_navi {
background:url(../img/b_navi_bg.gif) repeat-x;
width:760px;
height:44px;
}

.b_navi_text {
color:#555555;
letter-spacing:0.3em;
padding-top:10px;
text-align:center;
width:670px;
}