#page{
}

#global-nav{
	background:url(../images/global_nav_bg.png) center top no-repeat;
}

#main{
	margin-top:27px;
}
#page-aside{
	width:100%;
}
#page-aside-copy{
	background:url(../images/aside_bar_bg.gif) left top repeat-x;
}
#page-aside-copy p{
	width:956px;
	margin:0 auto;
}
#page-aside #aside-head{
	background:url(../common/images/page_bg.gif);

}
#page-aside #aside-head p{
	width:960px;
	margin:0 auto;
}
#contents{
	margin-top:0;
}


#contents-aside{
	width:210px;
	float:left;
	background:url(../images/contents_aside_bg.gif) bottom no-repeat;
	padding-bottom:13px;
}
.contents-aside-top{
	background:#FFFFFF;
	padding-bottom:20px;
}


#contents-aside h3{
	margin-bottom:8px;
}
#contents-aside dl{
	margin:0 auto;
	width:192px;
}
#contents-aside dl dt{
	margin-top:10px;
}
#contents-aside dl dd{
	margin-top:4px;
	font-size:85%;
}
#contents-aside p{
	text-align:center;
}
#contents-aside-button{
	margin-top:15px;
}
#contents-aside h4{
	font-weight:bold;
	width:192px;
	margin:3px auto 0 auto;
}
#contents-aside h5{
	width:192px;
	margin:7px auto 0 auto;
	font-size:93%;
}
.contents-aside-bannar{
	width:210px;
	float:left;
	margin-top:20px;
}
.contents-aside-bannar2{
	width:210px;
	float:left;
	margin-top:0;
}

#contents-main{
	width:480px;
	float:right;
}
#contents-top-bn{
	width:470px;
}
#contents-bannar{
	margin-top:37px;
	height: 180px;
}


/*#contents-bannar ul{
	margin-left:-15px;
}
* html #contents-bannar ul{margin-left:-30px;}

#contents-bannar ul li{
	margin-left:15px;
	float:left;
}*/

#cb-course,
#cb-qa,
#cb-access {
	position: absolute;
	float: left;
	width: 150px;
	height: 180px;
}

#cb-course {
	background: url(../images/bar_course.jpg) no-repeat;
}


#cb-qa {
	background: url(../images/bar_qa.jpg) no-repeat;
	margin-left: 164px;
}

#cb-access {
	margin-left: 328px;
}

#contents-bannar div p {
	padding: 10px 0 0 7px;
}

#contents-bannar div p.copy{
	padding:5px 12px 0 10px;
	font-size:77%;
}

#contents-bannar div p.button{
	padding:0;
	position:absolute;
	left:10px;
	top:130px;
}

#contents-topics{
	background:url(../images/contents_topics_bg.gif) bottom no-repeat;
}

#contents-topics .detail-button{
	text-align:right;
	margin-top:-23px;
	padding-right:10px;
}

#contents-topics dl{
	padding:5px 26px 26px 26px;
}

#contents-topics dl dt{
	clear:left;
	float:left;
	padding-bottom:1em;
	padding-top:1em;
}

#contents-topics dl dd{
	padding-left:8em;
	padding-bottom:1em;
	padding-top:1em;
	background:url(../common/images/dot_line.gif) bottom repeat-x;
}

#contents-footer{
	margin-top:30px;
}

#contents-twitter{
	margin-top:30px;
}
#contents-sns{
}

#guest-runner{
	background:url(../images/guest_bg.gif) left bottom no-repeat;
	margin-top:20px;
}
#guest-runner h3{
	
}
#guest-runner dt{
	float:left;
}
#guest-runner dd{
	float: left;
    font-size: 77%;
	margin-left:10px;
    width: 215px;
}
#guest-runner .text {
    clear: both;
    font-size: 77%;
    padding:15px 15px 0 15px;
}
#guest-runner .guest-runner-inner {
	padding:15px 15px 20px 15px;
}



#topshiroshima{
	        border:solid 10px #ECE3E1;
	margin-top:30px;
	padding-bottom:30px;
}
#topshiroshima_logo {
	clear:both;
	/*height:84px;*/
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	float:left;
}
#topshiroshima_logo img {
	margin:0px;
	margin-top:-20px;
	position:relative;
}
#topshiroshima h3{
	margin-top:20px;	
}
#topshiroshima .text {
    clear: both;
    font-size: 77%;
    padding:0 20px 0 20px;
}

#topshiroshima .to-message {
	text-align:right;
	font-size:90%;
	margin-bottom:20px;
	padding-right:20px;
}



#contents-twitter{
	height:auto;
	width:700px;
	padding-top:20px;
}

#contents-twitter .socialbookmark {
    list-style: none outside none;
   	padding: 5px;
    vertical-align: middle;
}
#contents-twitter .socialbookmark li {
    background-image: none;
    display: inline;
    list-style: none outside none;
    margin: 0;
    padding: 0 5px;
    vertical-align: middle;
	float:left;
}

/*--------------------

	clearfix

--------------------*/
#contents-topics,
#contents-aside,
#contents-twitter .socialbookmark,
#contents-twitter,
#contents-bannar ul{
    overflow:hidden;
    zoom:1;
}
#contents-topics:after,
#contents-aside:after,
#contents-twitter .socialbookmark:after,
#contents-twitter:after,
#contents-bannar ul:after{
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}
* html #contents-topics,
* html #contents-aside,
* html #contents-twitter .socialbookmark,
* html #contents-twitter,
* html #contents-bannar ul{
    height: 1em;
    overflow: visible;
}

#aside-twitter{
	width:200px;
	margin:25px auto 0 auto;
}


#global-nav{
	z-index:1;
}
#page-aside{
	z-index:2;
}