@import "reset.css";
@import "module.css";



/* * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * 
* * * * * * * * * * * * * * * * * * * * * * * * * * */
body{
}
#body{
width: 870px;
margin: 0 auto;
}

h1{position:relative;}

h1 span {position:absolute; width:200px; height:100px; left:25px; bottom:25px;}
h1 span a {display:inline-block;}
h1 span a img:hover {opacity:0.8;}

#header{
background:url("../img/bg_header.jpg") no-repeat scroll 0 0 transparent;
height:34px;
padding:12px 25px 0 0;
}

#header a.floatR{
display:block;
height:23px;
background:url("../../img/head_icon.gif") no-repeat scroll 0 0 transparent;
margin-right:18px;
padding-left:25px;
color:#FFFFFF;
font-size:12px;
    line-height: 1.7;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * navigation
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#g_navigation{
padding-left:115px;
padding-top:10px;
height:43px;
background: url(../../img/top_bg_main.jpg) no-repeat;
}

#g_navigation li{
padding-right:6px;
float: left;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * 
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#container{
padding:0 20px;
margin-top:20px;
}

#main{
width: 830px;
background: #fff;
margin-bottom:30px;
}


#main h2{
margin-bottom: 8px;
}

.hello{
width:512px;
}

.box{
padding: 10px 0 25px 0;
margin-bottom:20px;
border-bottom:#cecece solid 1px;
}

.end{
border-bottom:none;
}


table{
color:#666666;
font-size:78%;
line-height:2;
text-decoration:none;
}

table tr{
height:15px;
}

table span{
font-size:10px;
}


.pageTop{
padding:0 0 8px 758px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * sns
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#sns {
display:block;
height:113px;
background:url("../../img/sns_bg.jpg") no-repeat scroll 0 0 transparent;
text-align:right;
padding:18px 0 0 0;
}

#sns a{
margin:0 0 0 5px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * NEWS
* * * * * * * * * * * * * * * * * * * * * * * * * * */
.icon{
	display:block;
	line-height:16px;
	height:15px;
	text-align:center;
	width:40px;
	background-color:#a6a6a6;
	font-size:8px;
	color:#FFF;
	float:left;
	margin-right:10px;
	border-radius: 3px;
	-webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px;  
    -webkit-border-bottom-right-radius: 3px;  
    -webkit-border-bottom-left-radius: 3px;  
    -moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px;  
    -moz-border-radius-bottomright: 3px;  
    -moz-border-radius-bottomleft: 3px; 

}

.new{
	display:block;
	line-height:16px;
	height:15px;
	text-align:center;
	width:40px;
	background-color:#ed1c24;
	font-size:8px;
	color:#fcee21;
	float:left;
	margin-right:10px;
	border-radius: 3px;
	-webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px;  
    -webkit-border-bottom-right-radius: 3px;  
    -webkit-border-bottom-left-radius: 3px;  
    -moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px;  
    -moz-border-radius-bottomright: 3px;  
    -moz-border-radius-bottomleft: 3px; 

}



.bg_red{
	background-color:#ca78bc;
}

.bg_blue{
	background-color:#46758f;
}



.news_area {
	border:0px solid #999;
	padding:20px;
	background-color:#fff;
	border-radius: 0px 0px 5px 5px;
	-webkit-border-top-left-radius: 0px;  
    -webkit-border-top-right-radius: 0px;  
    -webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-topleft: 0px;  
    -moz-border-radius-topright: 0px;  
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;  
}

.news_area li{
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:10px;
}

.news_area li p{
	margin: 0 0 10px;
	font-size:12px;
}


.news_area a.list{
	margin: 0 0 10px;
	font-size:12px;
	background:url("../img/icon.png") no-repeat scroll 0 3px transparent;
	padding-left: 20px;
}


.news_area li p a{
	cursor:pointer;

}

.news_area li p span.date{
	display:inline-block;
	margin-right:10px;
	font-size:10px;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * footer
* * * * * * * * * * * * * * * * * * * * * * * * * * */
#footer{
width: 830px;
padding-top:10px;
margin-bottom:50px;
border-top: solid 1px #cecece;
}

#footer p.floatL{
padding-left: 27px;
font-size: 10px;
line-height: 13px;
}

#copyright{
width: 321px;
height: 11px;
background: url(../img/copyright.gif) no-repeat;
font-size: 0;
line-height: 0;
text-indent: -9999px;
}