/* CSS Document */
@chartset "UTF-8";


/*basic.css
===================================================================*/
body,table,td,th,p,span {
font-family: "Helvetica", Osaka, "ヒラギノ角ゴ Pro W3",Verdana,Arial;
color:#000000;
}

/* 
---------------------------------------------------- */
a {
color:#FF0000;
text-decoration:underline;
}
a:link {
color:#0000FF;
text-decoration:underline;
}
a:visited {
color:#0000FF;
text-decoration:underline;
}
a:hover {
color:#00A99E;
/*color:#c0c0c0;*/
text-decoration:underline;
}
/*
-------------------------------------------------------------------*/
/*DIV CLERA
-------------------------------------------------------------------*/
div.clear {
margin:0;
padding:0;
clear:both;
}
hr.nocss {
display:none;
}

br.clear{
clear:both;
}

#clear {
margin:0;
padding:0;
clear:both;
}
/*
-------------------------------------------------------------------*/
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#FFFFFF;
background-image:url(../images/bg_02x.gif);
background-repeat:repeat-x;
background-position:center 88px;
}
#wrapper {
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
padding:0;
width:980px;
}
/*
-------------------------------------------------------------------*/
/*HEADER
-------------------------------------------------------------------*/
#main_header {
margin:10px 0px 0 0;
padding:0;
width:980px;
height:80px;
clear:both;
}
#head_image {
margin:0px 0px 10px 0px;
padding:0px 0 0 0;
width:980px;
height:73px;
clear:both;
}
/*
------------------------------------*/
/*READ
------------------------------------*/
/*
------------------------------------*/
/*GNAVI AREA
------------------------------------*/
#navigation {
margin-top:15px;
margin-right:auto;
margin-bottom:15px;
margin-left:auto;
padding:0;
width:300px;
}
#gnavi {
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
padding:0;
width:272px;
height:63px;
text-align:left;
}
#gnavi ul {
margin:0;
padding:0;
overflow:hidden;
}
#gnavi ul li {
margin:0;
padding:0;
text-indent:-9999px;
text-align:left;
display:block;
list-style:none;
width:272px;
height:63px;
}
#gnavi ul li a {
margin:0;
padding:0;
width:272px;
height:63px;
display:block;
}
#gnavi1 {
background-image:url(../images/gnavi_01_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi1 a:hover {
background-image:url(../images/gnavi_01_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi1_active {
background-image:url(../images/gnavi_01_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi2 {
background-image:url(../images/gnavi_02_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi2 a:hover {
background-image:url(../images/gnavi_02_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi2_active {
background-image:url(../images/gnavi_02_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi3 {
background-image:url(../images/gnavi_03_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi3 a:hover {
background-image:url(../images/gnavi_03_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi3_active {
background-image:url(../images/gnavi_03_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi4 {
background-image:url(../images/gnavi_04_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi4 a:hover {
background-image:url(../images/gnavi_04_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi4_active {
background-image:url(../images/gnavi_04_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi5 {
background-image:url(../images/gnavi_05_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi5 a:hover {
background-image:url(../images/gnavi_05_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi5_active {
background-image:url(../images/gnavi_05_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi9 {
background-image:url(../images/gnavi_09_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi9 a:hover {
background-image:url(../images/gnavi_09_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#gnavi9_active {
background-image:url(../images/gnavi_09_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
/*
------------------------------------*/
/*SNAVI AREA
------------------------------------*/
#snavigation {
margin-top:15px;
margin-right:auto;
margin-bottom:15px;
margin-left:auto;
padding:0;
width:300px;
}
#snavi {
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
padding:0;
width:272px;
height:63px;
text-align:left;
}
#snavi ul {
margin:0;
padding:0;
overflow:hidden;
}
#snavi ul li {
margin:0;
padding:0;
text-indent:-9999px;
text-align:left;
display:block;
list-style:none;
width:272px;
height:63px;
}
#snavi ul li a {
margin:0;
padding:0;
width:272px;
height:63px;
display:block;
}
#snavi1 {
background-image:url(../images/gnavi_06_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#snavi1 a:hover {
background-image:url(../images/gnavi_06_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#snavi1_active {
background-image:url(../images/gnavi_06_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#snavi2 {
background-image:url(../images/gnavi_07_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#snavi2 a:hover {
background-image:url(../images/gnavi_07_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#snavi2_active {
background-image:url(../images/gnavi_07_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#snavi3 {
background-image:url(../images/gnavi_08_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#snavi3 a:hover {
background-image:url(../images/gnavi_08_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#snavi3_active {
background-image:url(../images/gnavi_08_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
/*
------------------------------------*/
/*MNAVI AREA
------------------------------------*/
#mnavigation {
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
padding:0;
width:612px;
}
#mnavi {
margin-top:0;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
padding:0;
width:612px;
height:50px;
text-align:left;
}
#mnavi ul {
margin:0;
padding:0;
overflow:hidden;
}
#mnavi ul li {
margin:0;
padding:0;
text-indent:-9999px;
text-align:left;
display:block;
list-style:none;
width:612px;
height:50px;
}
#mnavi ul li a {
margin:0;
width:612px;
height:50px;
display:block;
}
#mnavi1 {
background-image:url(../images/mnavi_01_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#mnavi1 a:hover {
background-image:url(../images/mnavi_01_02.gif);
background-repeat:no-repeat;
background-position:left top;
}
#mnavi1_active {
background-image:url(../images/mnavi_01_02.gif);
background-repeat:no-repeat;
background-position:left top;
}
#mnavi2 {
background-image:url(../images/mnavi_02_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#mnavi2 a:hover {
background-image:url(../images/mnavi_02_02.gif);
background-repeat:no-repeat;
background-position:left top;
}
#mnavi2_active {
background-image:url(../images/mnavi_02_02.gif);
background-repeat:no-repeat;
background-position:left top;
}
#mnavi3 {
background-image:url(../images/mnavi_03_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#mnavi3 a:hover {
background-image:url(../images/mnavi_03_02.gif);
background-repeat:no-repeat;
background-position:left top;
}
#mnavi3_active {
background-image:url(../images/mnavi_03_02.gif);
background-repeat:no-repeat;
background-position:left top;
}
#mnavi4 {
background-image:url(../images/mnavi_04_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#mnavi4 a:hover {
background-image:url(../images/mnavi_04_02.gif);
background-repeat:no-repeat;
background-position:left top;
}
#mnavi4_active {
background-image:url(../images/mnavi_04_02.gif);
background-repeat:no-repeat;
background-position:left top;
}
#mnavi5 {
background-image:url(../images/mnavi_05_01.gif);
background-repeat:no-repeat;
background-position:left top;
}
#mnavi5 a:hover {
background-image:url(../images/mnavi_05_02.gif);
background-repeat:no-repeat;
background-position:left top;
}
#mnavi5_active {
background-image:url(../images/mnavi_05_02.gif);
background-repeat:no-repeat;
background-position:left top;
}
/*
-------------------------------------------------------------------*/
/*main area
-------------------------------------------------------------------*/
#main {
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
padding:0px 0 0 0;
width:980px;
}
/*
------------------------------------*/
/*LEFT AREA
------------------------------------*/
#left_area {
margin:0 0px 0 10px;
padding:0;
width:300px;
float:left;
text-align:left;
}
#gnavi_area {
margin:0 0 0px 0;
padding:0 0 0 0;
width:300px;
height:425px;
overflow:hidden;
text-align:left;
float:left;
background-image:url(../images/top_gnavi_bg_001.gif);
background-position:top center;
background-repeat:no-repeat;
text-align:center;
}
#snavi_area {
margin:0 0 0px 0;
padding:0 0 0 0;
width:300px;
height:227px;
overflow:hidden;
text-align:left;
float:left;
text-align:center;
}
#mnavi_area {
margin:0 0 20px 0;
padding:0 0 0 0;
width:612px;
height:250px;
overflow:hidden;
text-align:left;
float:left;
text-align:center;
}
#mainsite_bnr_area {
margin:0 0 0px 12px;
padding:0 0 0 0;
width:300px;
overflow:hidden;
text-align:left;
}#qa_bnr_area {
margin:0 0 0px 12px;
padding:0 0 0 0;
width:300px;
overflow:hidden;
text-align:left;
}
#blog_bnr_area {
margin:0 0 0px 15px;
padding:0 0 0 0;
width:300px;
overflow:hidden;
text-align:left;
}
/*
------------------------------------*/
/*RIGHT AREA
------------------------------------*/
#right_area {
margin:0 0 25px 10px;
padding:0;
width:630px;
text-align:left;
float:left;
}
#right_area h1 {
margin:0 0 0 0;
padding:0 0 0 0;
}
#right_area h2 {
margin:20px 0 0 0;
padding:0 0 0 0;
}
/*IE8用*/
html>/**/body .textarea p {
    font-size /*\**/: 16px;
}
.textarea p {
margin:0 0 40px 0;
padding:0px 10px 0px 10px;
/* イラストありのサイズ
width:484px;
*/
width:600px;
text-indent:0px;
font-size:0.7em;
text-align:left;
line-height:20px;
font-weight:400;
letter-spacing: 0.1em;
float:left;
}

/*IE8用*/
html>/**/body .textarea2 p {
    font-size /*\**/: 15px;
}
.textarea2 p {
margin:0 0 40px 0;
padding:0px 10px 0px 10px;
width:373px;
text-indent:0px;
font-size:0.7em;
text-align:left;
line-height:20px;
font-weight:400;
letter-spacing: 0.1em;
float:left;
}
.imgarea {
margin:0 0 0px 0;
padding:60px 10px 0px 0px;
width:108px;
float:left;
}
.imgarea2 {
margin:0 0 20px 0;
padding:0px 10px 0px 0px;
width:108px;
float:left;
}
.imgarea3 {
margin:0 0 20px 0;
padding:0px 10px 0px 0px;
width:221px;
float:left;
}
/*
-------------------------------------------------------------------*/
/*btn area
-------------------------------------------------------------------*/
#btnarea {
padding:0;
margin-top:10px;
margin-right:auto;
margin-bottom:20px;
margin-left:auto;
width:612px;
height:20px;
text-align:right;
float:right;
clear:both;
}
#pnavi {
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:auto;
padding:0 20px 0px 0;
width:90px;
}
#pnavi ul {
margin:0;
padding:0;
overflow:hidden;
}
#pnavi ul li {
margin:0;
padding:0;
text-indent:-9999px;
text-align:left;
display:block;
list-style:none;
height:20px;
float:left;
}
#pnavi ul li a {
margin:0;
padding:0;
width:90px;
height:20px;
display:block;
}
#pnavi1 {
background-image:url(../images/icn_pagetop_01.gif);
background-repeat:no-repeat;
background-position:left top;
width:200px;
}
/*
 -------------------------------------------------------------------*/
/*footer wrapper
--------------------------------------------------------------------*/
#footer_wrapper_hd {
margin-top:15px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
padding:0;
width:980px;
height:1px;
text-align:center;
background-image:url(../images/ht_02.gif);
background-position:top center;
background-repeat:no-repeat;
clear:both;
}
#footer {
padding:0;
margin-top:0px;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
width:980px;
text-align:left;
float:left;
}
#ft_copy {
margin:10px 0 10px 0;
padding:0 0px 0 0;
width:980px;
text-align:right;
float:right;
clear:both;
}
#ft_copy img {
margin:10px 0 10px 0;
padding:0 0px 0 0;
width:200px;
text-align:right;
float:right;
clear:both;
display:block;
}
/*
 -------------------------------------------------------------------*/
/*common parts
--------------------------------------------------------------------*/
#tel_area {
margin:0px 0 0px 0;
padding:0 0 0 0;
width:609px;
height:223px;
overflow:hidden;
text-align:left;
float:left;
clear:both;
}
#tel_area a {
margin:0px 0 0px 0;
padding:0 0 0 0;
width:609px;
height:223px;
display:block;
}