/* CSS Document */

body{
background-image: url(lan-parts/back/braster-pink.jpg);
text-align:center;


}

/************* img ***************/
img{
float:left;
margin-right:10px;
}
/************* pagebody ***************/

div#pagebody {
width:900px;
text-align: left;
background-image: url(lan-parts/back/blue-11.gif);
height:1650px;
border-style:solid;
border-color:#CCFF99;
border-width:3px;

}

div#pagebody-2 {
margin-top:20px;
width:900px;
text-align:left;
background-image: url(lan-parts/back/pink-kyaramel.gif);
height:1000px;
border-style:solid;
border-color: #00FFFF;
border-width:3px;

}

div#pagebody-3 {
margin-top:20px;
width:780px;
text-align:left;
background-image: url(lan-parts/mark/becon-orenge.jpg);
background-position: right;
background-repeat:no-repeat;
height:197px;
border-style:solid;
border-color: #CCCCCC;
border-width:0px;

}

div#pagebody-link{
margin-top:20px;
margin-left:300px;
width:100px;
height:50px;
text-align: left;
overflow:auto;
}

/************* show-window ***************/
div#logo-toiawase{
margin-top:20px;
margin-left:200px;
margin-bottom:10px;
margin-right:px;
display:inline;
float:left;
width:500px;
height:40px;

}

div#swf {
margin-top:20px;
margin-left:30px;
margin-bottom:10px;
margin-right:10px;
display:inline;
float:left;
width:542px;
height:167px;


}


div#contents-5{
margin-top:20px;
margin-left:30px;
margin-bottom:0px;
margin-right:0px;
display:inline;
float:left;
width:230px;
height:150px;
border-style:solid;
border-color: #99FF00;
border-style:solid;
border-width:2px;
background-image:url(lan-parts/back/green-ber.gif);
background-repeat: repeat-x;
background-position:top;
padding:5px;

}

div#panel-gide {
margin-top:20px;
margin-left:75px;
margin-bottom:10px;
margin-right:10px;
display:inline;
float:left;
width:750px;
height:80px;

}

div#lower-box {
margin-top:20px;
margin-left:30px;
margin-bottom:10px;
margin-right:10px;
display:inline;
float:left;
width:750px;
height:80px;

}

/************* caram ***************/


div#reft-caram {
margin-top:90px;
margin-left:10px;
margin-bottom:0px;
margin-right:0px;
display:inline;
float:left;
width:300px;
height: auto;
background-color:#FFFFFF;
border-style:solid;
border-color: #CCCCCC;
border-width:2px;
padding-top:5px;
padding:10px;
}


/****** left-side_in******/

div#leftbox_1{
margin-top:20px;
margin-left:15px;
margin-bottom:0px;
margin-right:0px;
display:inline;
float:left;
width:180px;
height:165px;
background-color:#FFFFFF;

}

div#leftbox-2 {
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
margin-right:0px;
display:inline;
float:left;
width:245px;
height:250px;
background-color:#FFFFFF;
border-style:solid;
border-color: #CCCCCC;
border-width:2px;
padding-top:5px;

}


/************* cont-box ***************/

div#contents-1{
margin-top:90px;
margin-left:30px;
margin-bottom:0px;
margin-right:0px;
display:inline;
float:left;
width:300px;
height:250px;
background-color:#FFFFFF;
border-style:solid;
border-color: #FFCC00;
border-width:2px;
padding:10px;
}

div#contents-2{
margin-top:10px;
margin-left:30px;
margin-bottom:0px;
margin-right:0px;
display:inline;
float:left;
width:300px;
height:790px;
background-color:#FFFFFF;
border-style:solid;
border-color: #CCCCCC;
border-width:2px;
padding:10px;
}
div#contents-3{
margin-top:10px;
margin-left:130px;
margin-bottom:0px;
margin-right:0px;
display:inline;
float:left;
width:650px;
height:440px;
padding:10px;
}

div#contents-4{
margin-top:10px;
margin-left:95px;
margin-bottom:0px;
margin-right:0px;
display:inline;
float:left;
width:700px;
height:440px;
padding:10px;
}


/************* link-box ***************/
div#link-box1{
margin-top:90px;
margin-left:30px;
margin-bottom:0px;
margin-right:10px;
display:inline;
float: left;
width:120px;
height:250px;
background-image:url(lan-parts/back/blue-5.gif);
border-style:solid;
border-color: #CCCCCC;
border-width:2px;
padding:5px;
}

div#link-box2{
margin-top:10px;
margin-left:30px;
margin-bottom:10px;
margin-right:10px;
display:inline;
float: left;
width:120px;
height:700px;
background-color:#FFFFFF;
border-style:solid;
border-color: #CCCCCC;
border-width:2px;
padding:5px;
}
/************* list ***************/

li.list-12{
list-style-image:url(lan-parts/mark/gerbera.gif);
font-size:12px;
line-height:2.0em;
list-style-position:outside;

}

li.list-11{
list-style-image: url(lan-parts/mark/bar-orenge.gif);
font-size:11px;
line-height:1.5em;
letter-spacing:0.2em;
list-style-position:outside;
}

li.list-11-line{
list-style-image:;
font-size:11px;
line-height:2.5em;
letter-spacing:0.2em;
list-style-position:outside;
}


li.list-14{
list-style-image:url(lan-parts/mark/gerbera.gif);
font-size:14px;
line-height:1.5em;
letter-spacing:0.3em;
}

.middle{
vertical-align:top;

}

/************* 見出し ***************/

.h1{
font-size:14px;
letter-spacing:0.5em;
}

.h2{
font-size:14px;
letter-spacing:0.5em;
margin-left:1em;
background-color:#999900;
}

/************* text_link ***************/

.text-12-for-link{
font-size:12px;
letter-spacing:0.5em;
background-image:url(lan-parts/back/bar-blue.gif);
background-repeat: repeat-y;
color:#FFFFFF;
vertical-align: middle;

}

/************* テキスト ***************/

.text-10-center{
font-size:10px;
letter-spacing:0.1em;
margin-left:1em;
text-align:center;

}

.text-10-left{
font-size:10px;
letter-spacing:0.1em;
margin-left:1em;
text-align: left;

}

.text-14-left{
font-size:14px;
letter-spacing:0.3em;
margin-left:1em;

}

.text-10-left{
font-size:10px;
letter-spacing:0.2em;
}

.text-12-center{
font-size:12px;
letter-spacing:0.2em;
text-align:center;
}

.text-12-left{
font-size:12px;
letter-spacing:0.2em;
line-height:17px;

}

.text-12-left_whiteback{
font-size:12px;
letter-spacing:0.2em;
line-height:17px;
background-color:#FFFFFF;
}


.text-20-left{
font-size:20px;
letter-spacing:0.2em;
background-color:#333333;
color:#FFFFFF;
}

.text-18-left{
font-size:18px;
letter-spacing:0.3em;
color:#333333;
font-style:oblique;
background-color: #FFFF99;
}

.text-8-left{
font-size:8px;
letter-spacing:0.1em;
color:#333333;
}

.text-10-left{
font-size:10px;
letter-spacing:0.1em;
color:#333333;
line-height:1.2em;
}

.text-16-left{
font-size:16px;
letter-spacing:0.1em;

}

.text-14-left-white{
font-size:16px;
letter-spacing:0.3em;
background-color: #FF9900;
color: #FFFFFF;
font-weight:600;

}


.text-16-left-brack{
font-size:16px;
letter-spacing:0.3em;
background-color: #666666;
color:#FFFFFF;
font-weight:600;

}
.text-16-left-led{
font-size:16px;
letter-spacing:0.3em;
background-color: #990000;
color:#FFFFFF;


}


.text-12-left_wide{
font-size:12px;
letter-spacing:0.4em;
line-height:21px;
}

.text-16-left-underline{
font-size:16px;
letter-spacing:0.2em;
text-decoration:underline;
color:#CC0000;

}