body {
 font-family:"MS UI Gothic","MS PGothic","Osaka";
 text-align: center;
 line-height: 150%;
 font-size: 12px;
 color: #333333;
 margin:0 0 10px 0;
}
a:link {
 color: #0000ff;
 text-decoration: none;
}
a:visited {
 color: #0000ff;
 text-decoration: none;
}
a:hover {
 color: #FF0000;
 text-decoration: underline;
}
#out {
 text-align: left;
 padding: 2px;
 width:1022px;
 height:auto;
 margin:0 auto 0 auto;
 background:#EFEFEF;
}
em	{
 font-style:normal;
 color:#000099;
}
strong	{
 color:#000099;
}
br.b {
 margin:0;
 padding:0;
 clear:both;
}

/*======================= head =====================*/
#head {
 text-align: left;
 margin:0 auto 0 auto;
 background:#FAFAFA;
 border-color:#CCCCCC;
 border-width:0 1px 1px 1px;
 border-style:solid;
 border-top: #ffc8ff 3px solid;
 height:auto;
}
#head h1 {
 padding:5px 0 0 30px;
 margin:0;
 font-size:12px;
 color:#e300e3;
 font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
 font-weight:normal;
 float:left;
}
#head	p.content{
 float:right;
 margin:5px 20px 0 auto;
 padding:0;
 color:#666666;
}
#head	p.telephone {
 float:right;
 color:#e300e3;
 font-size:12px;
 line-height:150%;
 margin:20px 20px 0 auto;
 padding:3px;
}
#head	span.head{
 font-size:16px;
 font-weight:bold;
}
#head	div.navi{
 float:right;
 margin:0 3px 0 0;
 padding:0;
}
#head p.navi {
 background-image:url(../img/index/menu_icon.gif);
 background-position:left center;
 background-repeat:no-repeat;
 margin:0 3px 0 2px;
 padding: 0 0 0 17px;
 float:left;
}

/*======================= main =====================*/

#main {
 padding: 15px 5px 0 5px;
 margin:0 auto 0 auto;
 background:#FFFFFF;
 border-color:#CCCCCC;
 border-width:0 1px 1px 1px;
 border-style:solid;
 height:auto;
 line-height:150%;
}

/*======================= left =====================*/

#left {
 width:220px;
 float:left;
 margin:0 auto 0 auto;
 padding:5px 0;
 height:auto;
}
#left	h2{
 color:#ff00ff;
 font-size:14px;
 padding:3px 3px 1px 3px;
 margin: 0 0 3px 0;
 font-weight:normal;
 background-color:#fff4ff;
 text-align:center;
 border-width:0 1px 1px 0;
 border-color:#cccccc;
 border-style:solid;
}
#left	h3{
 color:#ff00ff;
 font-size:14px;
 padding:3px 3px 1px 3px;
 margin: 0 0 3px 0;
 font-weight:normal;
 background-color:#fff4ff;
 text-align:center;
 border-width:0 1px 1px 0;
 border-color:#cccccc;
 border-style:solid;
}
#left ul {
 padding: 0;
 margin: 0 0 20px 0;
 list-style:none;
 height:auto;
}

#left ul.mobile {
 padding: 0;
 margin: 0;
 list-style:none;
 height:auto;
}

#left li {
 border-color:#cccccc;
 border-width:0 1px 1px 0;
 border-style:solid;
 margin: 0 0 2px 0;
}
#left li a {
 padding:3px 0 1px 45px;
 display: block;
 background-image : url(../img/base/lia-back.gif);
 background-position:left top;
 background-repeat:no-repeat;
 margin: 1px;
 color: #0000ff;
 text-decoration: none;
}
#left li a:hover {
 background-image : url(../img/base/lib-back.gif);
 background-position:left top;
 background-repeat:no-repeat;
 color: #ff00ff;
}
#left p{
 margin:0 0 20px 0;
 padding:0 5px 3px 5px;
 line-height:150%;
 border-width: 0 1px 1px 1px;
 border-color:#cccccc;
 border-style:solid;
 height:auto;
}
#left p.w3c{
 margin:0 0 20px 0;
 padding:3px;
 border-style:none;
 height:auto;
}


/*======================= right =====================*/

#right {
 width:780px;
 float:right;
 padding:5px 0;
 margin:0 auto 0 auto;
 height:auto;
}
#right	h2,h3,h4,h5,h6 {
 color:#ff00ff;
 font-size:14px;
 padding:3px 5px 1px 5px;
 margin: 0 0 3px 0;
 font-weight:normal;
 background-color:#fff4ff;
 text-align:left;
 border-width:0 1px 1px 0;
 border-color:#cccccc;
 border-style:solid;
}
#right	div.tex {
 line-height:170%;
 padding:6px 3px 10px 0;
 margin:0 0 10px 5px;
 height:auto;
}
#right	div.tex2 {
 padding:3px 3px 10px 3px;
 width:360px;
 margin:0 15px 0 5px;
 height:auto;
 float:left;
}
#right	div.tex3 {
 padding:3px 3px 10px 3px;
 width:370px;
 margin:0 0 0 auto;
 height:auto;
}
#right	p{
 height:auto;
 width:auto;
}
#right	p.time {
 font-size:16px;
 float:left;
 padding:0;
 margin:0;
 font-weight:bold;
 height:auto;
}
#right	p.cost {
 font-size:16px;
 float:right;
 padding:0 10px 0 0;
 margin:0;
 font-weight:bold;
 height:auto;
}
#right	p.time-cost1{
 font-size:16px;
 padding:0 3px 0 0;
 margin:0;
 font-weight:bold;
 height:auto;
}
#right	p.time-cost{
 font-size:12px;
 color:#cc0000;
 padding:0 0 2px 0;
 margin:0 0 10px 0;
 border-width:0 0 1px 0;
 border-style:dotted;
 border-color:#cccccc;
 height:auto;
}
#right	p.time-pack {
 font-size:16px;
 padding:0 0 0 20px;
 margin:0;
 font-weight:bold;
 height:auto;
}
#right	p.time-image {
 padding:0 0 7px 0;
 margin:0 5px 5px 0;
 border-width:0 0 1px 0;
 border-style:dotted;
 border-color:#cccccc;
 text-align:center;
 height:auto;
}
#right div.update{
 background-image:url(../img/index/update_bar.gif);
 background-repeat:no-repeat;
 background-position:top center;
 width:759px;
 height:243px;
 line-height:150%;
 text-align:left;
 margin:0 5px 20px 5px;
}
#right p.update1,p.update2,p.update3 {
 float:left;
 margin:70px 0 auto 22px;
 padding:3px;
 width:220px;
 height:auto;
 line-height:130%;
}
#right div.bottom-navi {
 background-image:url(../img/base/footer_bar.gif);
 background-repeat:no-repeat;
 background-position:top left;
 height:auto;
 margin:10px auto 0 auto;
}
#right p.navi {
 background-image:url(../img/index/menu_icon.gif);
 background-position:left center;
 background-repeat:no-repeat;
 margin:15px 3px auto 2px;
 padding: 0 0 0 17px;
 text-align:left;
 float:left;
}
#right	span.time{
 color:#ff8000;
 font-weight:bold;
}
#right	em.cosmos{
 color:#000099;
 font-weight:bold;
}
/*======================= foot =====================*/

#foot {
 text-align: center;
 font-size:10px;
 padding: 10px;
 height:auto;
 background:#FAFAFA;
 margin:0;
 border-color:#CCCCCC;
 border-width:0 1px 1px 1px;
 border-style:solid;
 font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
 background-color:#fff4ff;
 clear:both;
}
#foot p.footer{
 margin:0;
 padding:0;
 color:#999900;
}
#foot	em.cosmos-group{
 font-weight:bold;
 color:#999900;
}