@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;

}

html{
background-image:url(img/side_img_koi_3.gif);
}

body{
background-image:url(img/siro.gif);
background-repeat:repeat;
margin:0 auto;
padding-left:10px;
font-size:12px;
width:833px;
height:auto;
overflow:auto;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝", Arial, sans-serif;
color:#333333;
}

/*.outline{
margin:0;
padding:0;
width:823px;
height:100%;
background-image:url(img/siro.gif);
background-repeat:repeat;
}*/

#c-left{
clear:left;
margin:0;
padding:0;
}

#c-right{
clear:right;
margin:0;
padding:0;
}


hr{
color:#CCCCCC;
}

#hedder{
margin:0;
padding:0;
width:823px;
height:207px;
}

.toiawase{
float:left; 
width:181px; 
height:87px; 
margin:5px 0px 0 85px; 
background-image:url(../img/topimg/toiawase.gif); 
text-align:center;
}

#line1{/*リンク部分*/
float:left;
margin:0;
padding:0;
width:122px;
height:31px;
background-image:url(img/topimg/tag-top2.gif);
background-repeat:no-repeat;
display:block;
}
#line1 a:link,
#line1 a:visited{
width:122px;
height:31px;
margin:0;
padding:0;
background-image:url(img/topimg/tag-top.gif);
background-repeat:no-repeat;
display:block;
}
#line1 a:hover,
#line1 a:active{
background-image:url(img/topimg/tag-top2.gif);
background-repeat:no-repeat;
}
#line2{/*リンク部分*/
float:left;
margin:0;
padding:0;
width:130px;
height:31px;
background-image:url(img/topimg/tag-gide2.gif);
background-repeat:no-repeat;
display:block;
}
#line2 a:link,
#line2 a:visited{
width:130px;
height:31px;
margin:0;
padding:0;
background-image:url(img/topimg/tag-gide.gif);
background-repeat:no-repeat;
display:block;
}
#line2 a:hover,
#line2 a:active{
background-image:url(img/topimg/tag-gide2.gif);
background-repeat:no-repeat;
}

#line3{/*リンク部分*/
float:left;
margin:0;
padding:0;
width:124px;
height:31px;
background-image:url(img/topimg/tag-mag2.gif);
background-repeat:no-repeat;
display:block;
}
#line3 a:link,
#line3 a:visited{
width:124px;
height:31px;
margin:0;
padding:0;
background-image:url(img/topimg/tag-mag.gif);
background-repeat:no-repeat;
display:block;
}
#line3 a:hover,
#line3 a:active{
background-image:url(img/topimg/tag-mag2.gif);
background-repeat:no-repeat;
}
#line4{/*リンク部分*/
float:left;
margin:0;
padding:0;
width:139px;
height:31px;
background-image:url(img/topimg/tag-picup2.gif);
background-repeat:no-repeat;
display:block;
}
#line4 a:link,
#line4 a:visited{
width:139px;
height:31px;
margin:0;
padding:0;
background-image:url(img/topimg/tag-picup.gif);
background-repeat:no-repeat;
display:block;
}
#line4 a:hover,
#line4 a:active{
background-image:url(img/topimg/tag-picup2.gif);
background-repeat:no-repeat;
}
#line5{/*リンク部分*/
float:left;
margin:0;
padding:0;
width:105px;
height:31px;
background-image:url(img/topimg/tag-blog2.gif);
background-repeat:no-repeat;
display:block;
}
#line5 a:link,
#line5 a:visited{
width:105px;
height:31px;
margin:0;
padding:0;
background-image:url(img/topimg/tag-blog.gif);
background-repeat:no-repeat;
display:block;
}
#line5 a:hover,
#line5 a:active{
background-image:url(img/topimg/tag-blog2.gif);
background-repeat:no-repeat;
}
#line6{/*リンク部分*/
float:left;
margin:0;
padding:0;
width:90px;
height:31px;
background-image:url(img/topimg/tag-qa2.gif);
background-repeat:no-repeat;
display:block;
}
#line6 a:link,
#line6 a:visited{
width:90px;
height:31px;
margin:0;
padding:0;
background-image:url(img/topimg/tag-qa.gif);
background-repeat:no-repeat;
display:block;
}
#line6 a:hover,
#line6 a:active{
background-image:url(img/topimg/tag-qa2.gif);
background-repeat:no-repeat;
}
#line7{/*リンク部分*/
float:left;
margin:0;
padding:0;
width:113px;
height:31px;
background-image:url(img/topimg/tag-toi2.gif);
background-repeat:no-repeat;
display:block;
}
#line7 a:link,
#line7 a:visited{
width:113px;
height:31px;
margin:0;
padding:0;
background-image:url(img/topimg/tag-toi.gif);
background-repeat:no-repeat;
display:block;
}
#line7 a:hover,
#line7 a:active{
background-image:url(img/topimg/tag-toi2.gif);
background-repeat:no-repeat;
}

#main{
float:left;
margin:10px 0 0 0;
padding:0px;
width:626px;
height:100%;
}

#tab1 table{

}
#tab1 td{
padding:5px;
}
#tab1 tr{
padding:5px;
}

#box1{
float:left;
margin:0;
padding:0;
width:394;
height:auto;
}

.clink{/*リンク部分*/
width:258px;
height:58px;
margin-left:50px;
background-image:url(img/topimg/cyumonbotun2.jpg);
background-repeat:no-repeat;
display:block;
}
.clink a:link,
.clink a:visited{
width:258px;
height:58px;
margin:0;
padding:0;
background-image:url(img/topimg/cyumonbotun.jpg);
background-repeat:no-repeat;
display:block;
}
.clink a:hover,
.clink a:active{
background-image:url(img/topimg/cyumonbotun2.jpg);
background-repeat:no-repeat;
}


#box2{
float:left;
margin:0 0 0 5px;
padding:0;
width:227;
height:auto;
}
#box2 .gide01{/*ガイドのリンク*/
margin:8px 0 0 0;
padding:0;
width:214px;
height:35px;
background-image:url(img/topimg/gide01-2.gif);
background-repeat:no-repeat;
display:block;
}
.gide01 a:link,
.gide01 a:visited{
width:214px;
height:35px;
margin:0;
padding:0;
background-image:url(img/topimg/gide01.gif);
background-repeat:no-repeat;
display:block;
}
.gide01 a:hover,
.gide01 a:active{
background-image:url(img/topimg/gide01-2.gif);
background-repeat:no-repeat;
}
#box2 .gide02{/*ガイドのリンク*/

margin:6px 0 0 0;
padding:0;
width:214px;
height:35px;
background-image:url(img/topimg/gide02-2.gif);
background-repeat:no-repeat;
display:block;
}
.gide02 a:link,
.gide02 a:visited{
width:214px;
height:35px;
margin:0;
padding:0;
background-image:url(img/topimg/gide02.gif);
background-repeat:no-repeat;
display:block;
}
.gide02 a:hover,
.gide02 a:active{
background-image:url(img/topimg/gide02-2.gif);
background-repeat:no-repeat;
}
#box2 .gide03{/*ガイドのリンク*/

margin:6px 0 0 0;
padding:0;
width:214px;
height:35px;
background-image:url(img/topimg/gide03-2.gif);
background-repeat:no-repeat;
display:block;
}
.gide03 a:link,
.gide03 a:visited{
width:214px;
height:35px;
margin:0;
padding:0;
background-image:url(img/topimg/gide03.gif);
background-repeat:no-repeat;
display:block;
}
.gide03 a:hover,
.gide03 a:active{
background-image:url(img/topimg/gide03-2.gif);
background-repeat:no-repeat;
}
#box2 .gide04{/*ガイドのリンク*/

margin:6px 0 0 0;
padding:0;
width:214px;
height:35px;
background-image:url(img/topimg/gide04-2.gif);
background-repeat:no-repeat;
display:block;
}
.gide04 a:link,
.gide04 a:visited{
width:214px;
height:35px;
margin:0;
padding:0;
background-image:url(img/topimg/gide04.gif);
background-repeat:no-repeat;
display:block;
}
.gide04 a:hover,
.gide04 a:active{
background-image:url(img/topimg/gide04-2.gif);
background-repeat:no-repeat;
}

#box3{
float:left;
margin:5px 0 0 0;
padding:0;
width:394;
height:auto;
}
#box4{
float:right;
margin:5px 0 0 5px;
padding:0;
width:394;
height:auto;
}

.text_size{
margin-left:3px;
margin-right:3px;
margin-top:3px;
font-size:13px;
font-weight:bold;
}


#right-main{
float:right;
margin:10px 0 0 0;
padding:0;
width:194px;
height:100%;
text-align:center;
}
#right-main.table{
font-size:9px;
}
.logout{/*リンク部分*/
text-align:center;
margin:0px;
padding:0;
width:74px;
height:21px;
background-image:url(img/topimg/logoutbotan2.gif);
background-repeat:no-repeat;
display:block;
}
.logout a:link,
.logout a:visited{
width:74px;
height:21px;
margin:0;
padding:0;
background-image:url(img/topimg/logoutbotan.gif);
background-repeat:no-repeat;
display:block;
}
.logout a:hover,
.logout a:active{
background-image:url(img/topimg/logoutbotan2.gif);
background-repeat:no-repeat;
}
.login{/*リンク部分*/
text-align:center;
margin:0;
padding:0;
width:61px;
height:21px;
background-image:url(img/topimg/roginbotan2.gif);
background-repeat:no-repeat;
display:block;
}
.login a:link,
.login a:visited{
width:61px;
height:21px;
margin:0;
padding:0;
background-image:url(img/topimg/roginbotan.gif);
background-repeat:no-repeat;
display:block;
}
.login a:hover,
.login a:active{
background-image:url(img/topimg/roginbotan2.gif);
background-repeat:no-repeat;
}
.member{/*リンク部分*/
text-align:center;
margin:0 0 0 10px;
padding:0;
width:164px;
height:47px;
background-image:url(img/topimg/memberbotan2.gif);
background-repeat:no-repeat;
display:block;
}
.member a:link,
.member a:visited{
width:164px;
height:47px;
margin:0;
padding:0;
background-image:url(img/topimg/memberbotan.gif);
background-repeat:no-repeat;
display:block;
}
.member a:hover,
.member a:active{
background-image:url(img/topimg/memberbotan2.gif);
background-repeat:no-repeat;
}

.voice{/*リンク部分*/
text-align:center;
margin:0;
padding:0;
width:117px;
height:34px;
background-image:url(img/voise-rink2.gif);
background-repeat:no-repeat;
display:block;
}
.voice a:link,
.voice a:visited{
width:117px;
height:34px;
margin:0;
padding:0;
background-image:url(img/voise-rink.gif);
background-repeat:no-repeat;
display:block;
}
.voice a:hover,
.voice a:active{
background-image:url(img/voise-rink2.gif);
background-repeat:no-repeat;
}

.blogbox{
clear:both;
margin:10px 0 0 0;
padding:0;
width:180px;
height:320px;
overflow:visible;
text-align:right;
}
.blogbox a{
text-decoration:none;
}

#footer{
clear:both;
margin:0;
padding:30px 0 0 0;
width:823px;
height:125px;
}
#footer a{
color:#333333;
text-decoration:none;
}