/* CSS Document */

/*グループに関するCSS */
#ginfo{
width: 550px;
height: auto;
background-color: #FFFFFF;
text-align: center;
border: 1px solid #CCCCCC;
padding-bottom: 10px;
margin-bottom: 20px;
}

#ginfo2{
width: 520px;
margin: 15px 15px 10px 15px;
text-align: left;
font-size: 0.95em;
color: #252525;
line-height: 1.3em;
font-weight: lighter;
}

#ginfo2 img{
float: left;
border: 1px solid #333333;
margin-right: 15px;
margin-bottom: 10px;
display: block;
}

#ginfo2 a{
color: #1D57AB;
}

#ginfo3{
width: 530px;
margin: 10px 10px 10px 5px;
text-align: left;
}

#ginfo3 p{
margin-left: 15px;
margin-right: 5px;
font-size: 0.9em;
color: #252525;
line-height: 1.3em;
font-weight: lighter;
}

#ginfo3 img{
clear: left;
}

#ginfo4{
float: left;
_float:  right;
width: 510px;
_width: 500px;
height: auto;
background-color: #FFFFFF;
text-align: left;
border: 1px solid #CCCCCC;
padding: 10px;
margin: 10px 10px 0px 10px;
font-size: 0.85em;
line-height: 1.2em;
font-weight: lighter;
background-color: #E0E0E0;
}



/*グループ内項目に関するCSS */
#item{
float: left;
width: 550px;
height: auto;
background-color: #F6F6F6;
text-align: left;
}

#item img{
float: left;
border: 1px solid #333333;
margin-right: 15px;
}

#itemtop{
width: 550px;
height: 60px;
margin: 0px;
padding: 0px;
}

#itemtop img{
border: none;
}

#itembottom{
float: left;
width: 550px;
height: 20px;
margin-bottom: 20px;
}

#itembottom img{
border: none;
}

#itemcenter{
float: left;
width: 550px;
height: auto;
background-image: url(groupimages/itemcenter.gif);
background-repeat: repeat-y;
}

#itemcenter1{
float: left;
width: 180px;
padding-left: 30px;
}

#itemcenter1 img{
margin-top: 5px;
margin-bottom: 5px;
}

#itemcenter1s{
float: left;
width: 170px;
padding: 5px;
border: #999999 solid 1px;
margin-top: 10px;
}

#itemcenter1s h1{
font-size: 0.85em;
line-height: 1.4em;
font-weight: lighter;
text-align: left;
color: #1D57AB;
}

#itemcenter1s h2{
font-size: 1em;
line-height: 1.2em;
font-weight: lighter;
text-align: left;
}

#itemcenter1s h3{
font-size: 0.85em;
line-height: 1.2em;
font-weight: lighter;
text-align: left;
}

#itemcenter2{
float: right;
width: 300px;
padding: 5px 20px 5px 0px;
text-align: left;
font-size: 0.9em;
line-height: 1.4em;
font-weight: lighter;
}

#itemcenter2 img{
border: none;
}

#itemcenter2 h1{
float: left;
font-size: 0.95em;
line-height: 1.4em;
font-weight: lighter;
}

#itemcenter2 a{
color: #E02656;
}

#itemcenter3{
float: left;
width: 470px;
height: 100%;
margin: 10px 15px 10px 30px;
_margin: 10px 15px 10px 15px;
text-align: left;
font-size: 0.85em;
color: #252525;
line-height: 1.3em;
font-weight: lighter;
display: block;
background-color: #EBEDEF;
padding: 10px;
}

#itemcenter3 img{
float: left;
border: 1px solid #333333;
margin-right: 10px;
margin-bottom: 5px;
margin-top: 5px;
}

#itemcenter3 ul{
width: 470px;
padding: 0;
margin: 0;
list-style-type: none;
}

#itemcenter3 li{
float: left;
width: 218px;
_width: 215px;
height: 18px;
margin: 3px;
padding: 2px 2px 2px 8px;
background-color: #FFFFFF;
color: #3967B2;
}

#itemcenter3 li a:link{
color: #1D57AB;
text-decoration: none;
}

#itemcenter3 li a:visited{
color: #444444;
text-decoration: none;
}

#itemcenter3 li a:hover{
color: #1D57AB;
text-decoration: underline;
}

#itemcenter3 li a:active{
color: #717171;
text-decoration: none;
}

#itemcenter3 h1{
font-size: 1.15em;
color: #1D57AB;
margin: 0px 0px 10px 0px;
padding-top: 5px;
display: block;
background-image: url(groupimages/line470px.gif);
background-repeat: no-repeat;
}

.itemcenter3{
font-size: 0.9em;
color: #252525;
line-height: 1.2em;
font-weight: lighter;
}

#itemcenter3b{
float: left;
width: 490px;
padding: 5px 30px 5px 30px;
text-align: left;
}

#itemcenter3b img{
margin: 5px;
}

#itemcenter3b h1{
float: left;
font-size: 0.8em;
line-height: 1.3em;
font-weight: lighter;
}

#itemcenter4{
width: 480px;
height: auto;
margin: 10px 15px 15px 30px;
text-align: left;
font-size: 0.9em;
color: #252525;
line-height: 1.3em;
font-weight: lighter;
}

#itemcenter4 img{
margin:  5px 5px 30px 5px ;
}


/*テキストに関するCSS */
.photo{
font-size: 0.9em;
margin-top: 10px;
margin-left: 200px;
}

.blue{
clear: left;
color: #1D57AB;
margin-top: 20px;
margin-bottom: 10px;
font-size: 1.1em;
}

.blue a{
color: #1D57AB;
}

.blue2{
color: #1D57AB;
}

.red{
clear: left;
color: #E02656;
margin-top: 20px;
margin-bottom: 10px;
font-size: 1.1em;
}

.red a{
color: #E02656;
}

.listmenu {
clear: left;
color: #444444;
font-size: 0.95em;
padding: 10px 5px 5px 5px;
}

.listtop {
color: #1D57AB;
text-align: right;
font-size: 0.75em;
margin-right: 40px;
}

.listtop a:link{
color: #1D57AB;
text-decoration: underline;
}