/*  
Office Crescent 2012 Aug.
*/
.a9, .a10, .a11, .a12, .a14 {
font-family:Verdana;
}
.j9, .j10, .j12, .j14 , .j16{
font-family:Verdana;
}


body{
background:#FFF;
color:#333;
font-family: Verdana;
font-size:68%;
line-height:1.5em;
margin:0;
padding:0;
}
#wrap{
margin:0 auto;
width:900px;
padding:0;
}
#main_wrap{
margin:0 auto;
width:900px;
padding:0;
}
A.linkGry{
color: #FFF;
font-weight:bold;
text-decoration:none;
background-color: blue;
}
A.linkGry:hover{
color:#696969;
font-weight:bold;
text-decoration:underline;
background-color: white;
}

A.linkM:hover { 
position:relative; top:1px; left:1px; 
}

#space_hr {
clear:both;
height:35px;
margin:20px auto;
padding:0;
width:500px;
background-image: url('../images/bg_hr.jpg');
}

#space_image {
clear:both;
height:35px;
margin:20px auto;
padding:0;
width:500px;
background-image: url('../img/space_image.png');
}

/*************************************
 +ヘダー
 *************************************/
#header{
background-image: url('../img/bg_header.jpg');
padding:0;
margin:0;
width:900px;
height:270px;
clear:both;
}
#header h1 {
margin:0 0 0 -1000000px;
font-size:0em;
color:#FFFFFF;
display:block;
width:300px;
height:32px;
float:left;
}
#header p {
margin:0px 20px 20px 590px;
padding-top:145px;
font-family: Verdana;
}
#icon {
padding:0px;
margin:0 43px 0 0;
width:120px;
height:32px;
display:block;
float:right;
}
.list_icon {
width:40px;
height:32px;
margin:0 16px 0 0;
padding:0;
float:left;
}

#logo_JGS {
padding:0px;
margin:93px 0 0 194px;
width:152px;
height:98px;
display:block;
float:left;
}
#logo_nihon {
padding:0px;
margin:61px 0 0 80px;
width:314px;
height:80px;
display:block;
float:right;
}

/*************************************
 +ナビバー
 *************************************/
#navi{
background-image: url('../img/bg_navibar.jpg');
padding:1px 0px 0 0;
width:900px;
height:50px;
clear:both;
text-align:right;
}
.list_navi {
width:120px;
height:43px;
margin:0;
padding:0;
}

/*************************************
 +トップページ　左コラム
 *************************************/
#left{
float:left;
background-image: url('../img/bg_left.jpg');
padding:0;
margin:0;
width:330px;
height:524px;
}
#left_navi{
float:left;
padding:0;
margin-top:184px;
margin-left:0;
width:320px;
height:200px;
}

#left_navi p{
}

#left_navi ul {
margin: 0px auto 0 25px;
padding:0;
list-style: none;
color:#999;
font-family: Verdana;
}
#left_navi li {
display:block;
height:45px;
width:190px;
margin: 0;
padding:0;
}

/*************************************
 +トピックス
 *************************************/
#topics{
background-image: url('../img/bg_topics.jpg');
font-size:1.2em;
float:right;
padding:0;
width:570px;
height:425px;
}
#content{
margin:90px 30px 0 20px;
}
#content h5{
display: block;
width: 500px;
height: auto;
border-top: #FFF 1px solid;
border-bottom:  #FFF 1px solid;
margin-bottom:10px;
margin-top:0px;
padding: 3px 0 3px 5px;
font: 15px/22px Verdana;
font-weight:normal;
color: #1e50a2;
}
#content h4{
margin-bottom:5px;
margin-top:20px;
font: 15px/20px Verdana;
font-weight:bold;
color: #000;
}

#content h3 {
margin-bottom:10px;
margin-top:15px;
font: 16px/22px Verdana;
color:#1e50a2;
text-shadow: #999 2px 2px 2px;
}

#content h3 small{
margin-bottom:10px;
margin-top:15px;
font: 13px/22px Verdana;
color:#696969;
text-shadow: #ccc 1px 1px 2px;
}
#content h6{
display: block;
width: 500px;
height: auto;
margin-bottom:10px;
margin-top:0px;
padding: 3px 0 3px 5px;
font: 12px/16px Verdana;
text-align: center;
font-weight:normal;
color: #1e50a2;
}
h3 {
margin-bottom:10px;
margin-top:15px;
font: 15px/22px Verdana;
color:#000000;

}
#content p{
margin: 0px 30px auto 10px;
padding-top:10px;
line-height: 1.5em;
}
#content .tp_tn_migi{
margin: 0px 0px 0 10px;
padding:3px;
}
#content .tp_tn_hidari{
margin: 10px 0px 0 0px;
padding:3px;
background-color:#FFFFFF;
border: 1px solid #DDD;
}
.more01 {
float:right;
display:block;
width:150px;
height:50px;
margin:0px 30px 0 0px;
text-align:center;
background-image: url('../images/btn_more.gif');
}
.more01 a{
display:block;
width:150px;
height:33px;
padding-top:17px;
font: 14px/16px Verdana;
color: #0066CC;
font-weight:bold;
text-decoration:none;
}
.more01 a:hover{
display:block;
width:150px;
height:33px;
padding-top:17px;
background-image: url('../images/btn_more_over.gif');
background-repeat:no-repeat;
font: 14px/16px Verdana;
color:#990000;
font-weight:bold;
text-decoration:none;
}
.more02 {
display: inline;
margin-left:5px;
}
.more02 a{
font: 14px/10px Verdana;
color: #FFF;
font-weight:bold;
letter-spacing:1px;
text-decoration:none;
background-color:#0066CC;
border: 1px solid #0066CC;
padding:1px 3px 1px 3px;
}
.more02 a:hover{
font: 14px/10px Verdana;
color:#000;
background-color:#FFF;
border: 1px solid #0066CC;
font-weight:bold;
letter-spacing:1px;
text-decoration:none;
}
#calender{
float:right;
padding:0px 0px 0 0px;
width:570px;
height:34x;
}
/*************************************
 +ログイン
 *************************************/
#member{
background-image: url('../img/bg_login.jpg');
font-size:1.2em;
float:right;
padding:0px 0px 0 0px;
width:570px;
height:65px;
}

#box01 {
float:right;
display:block;
width:330px;
height:35px;
margin:15px 30px 0px 0px;
padding:0;
text-align:right;
}

/*************************************
 +フター
 *************************************/
#footer{
background-image: url('../img/bg_footer.jpg');
background-repeat:no-repeat;
font-size:1.2em;
padding:0;
width:900px;
height:120px;
clear:both;
}

#footer ul {
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding: 20px 22px 15px 0;
text-align:right;
list-style: none;
color:#999;
font-family: Verdana;
}
#footer li {
display:inline;
line-height: 15px;
margin: 0 2px 0 6px;
font-family: Verdana;
}
#footer li a {
color: #000000;
text-decoration:none;
text-shadow: #ccc 2px 2px 2px;
}
#footer li a:hover {
color: #000000;
text-decoration:underline;
}
#footer li a:active {
position:relative;
top:1px;
left:1px;
}
#footer .copyright {
font-size: 12px;
color:#666;
}

#footer p {
margin-top: 0px;
margin-right: 25px;
margin-bottom: 10px;
padding: 0px;
text-align:right;
color:#666;
font-size:10px;
font-family: Verdana;
}


/*************************************
 +その他
 *************************************/
h2 {
margin:-1000000px 0 auto 0;
font-size:0em;
color:#FFFFFF;
display:block;
width:30px;
height:20px;
}
#space0{
clear:both;
height:0;
}
#space30{
clear:both;
height:30px;
}
#migi {
display:block;
float:right;
width:auto;
height:auto;
margin: 0 35px 0 auto;
text-align:left;
}

#date01 {
float:left;
display:block;
width:80px;
height:15px;
margin:20px 0 5px 20px;
font: 12px/16px Verdana;
letter-spacing:2px;
color: #555;
font-weight:bold;
text-align:center;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
}
#time01 {
float:left;
display:block;
width:50px;
height:15px;
margin:20px 0 5px 10px;
font: 12px/16px Verdana;
letter-spacing:2px;
color: #555;
font-weight:bold;
text-align:center;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
}
#place01 {
float:left;
display:block;
width:140px;
height:15px;
margin:20px 0 5px 10px;
font: 12px/16px Verdana;
letter-spacing:2px;
color: #555;
font-weight:bold;
text-align:center;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
}
#event01 {
float:left;
display:block;
width:190px;
height:15px;
margin:20px 0 5px 10px;
font: 12px/16px Verdana;
letter-spacing:2px;
color: #555;
font-weight:bold;
text-align:center;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
}
#date {
float:left;
display:block;
width:80px;
height:18px;
margin:0px 0 0 20px;
font: 11px/16px Verdana;
color: #6699CC;
font-weight:bold;
text-align:center;
}
#time {
float:left;
display:block;
width:50px;
height:18px;
margin:0px 0 0 10px;
font: 11px/16px Verdana;
color: #6699CC;
font-weight:bold;
text-align:center;
}
#place {
float:left;
display:block;
width:140px;
height:18px;
margin:0px 0 0 10px;
padding-left:5px;
font: 11px/16px Verdana;
color:#000;
text-align:left;
}
#event {
float:left;
display:block;
width:180px;
height:18px;
margin:0px 0 0px 10px;
padding-left:5px;
font: 11px/16px Verdana;
color:#000;
text-align:left;
}

.notice {
color: #CC0000;
}