/*
Theme Name: Column theme 
Theme URI: http://www.soc.nara-u.ac.jp/
Description: Column theme
Version: 1
Author: invogue.co.jp
Author URI: http://invogue.co.jp/
*/

/*-----------------------------------------------------
上書き
/css/common/global.css
-------------------------------------------------------*/
#container{
	background:url("") no-repeat 0 0;
}
div#content{
	margin:20px auto 20px auto;
	
	background:url("images/common/bg_side.jpg") repeat-y 0 0;
}



/*header
--------------------------------------*/
div#header .header-wrapper{
	width:940px;
	height:120px;
	margin:0 auto 0 auto;
}

body#blog-staff div#header .header-wrapper{
	background:url("images/staff/bg_header.jpg") no-repeat 0 0;
}

body#blog-student div#header .header-wrapper{
	background:url("images/student/bg_header.jpg") no-repeat 0 0;
}


div#header .header-wrapper h1{
	width:216px;
	float:left;
	display:inline;
	margin:28px 0 0 31px;
}
div#header .header-wrapper .right{
	width:235px;
	float:right;
	display:inline;
	margin:17px 20px 0 0;
}
div#header .header-wrapper .right p.logo{
	text-align:right;
	margin:0 0 10px 0;
}
div#header .header-wrapper .right ul.top{
	float:right;
	margin:0 0 10px 0;
}
div#header .header-wrapper .right ul.top li{
	float:left;
	font-size:84%;
	padding:0 0 0 20px;
}
div#header .header-wrapper .right ul.top li a{
	padding:0 15px 3px 0;
}
div#header .header-wrapper .right ul.navi{
	width:100%;
}
div#header .header-wrapper .right ul.navi li{
	float:left;
	display:inline;
}


/*content
--------------------------------------*/

/*side-area
--------------------------------------*/
div.side-bottom{
	padding:0 0 8px 0;
	background:url("images/common/bg_side_bottom.jpg") no-repeat 0 bottom;
}

div#main-column-left {
	float:left;
	overflow:hidden;
	width:660px;
}

div#side-area{
	width:210px;
	float:left;
	padding:8px 5px 20px 5px;
	background:url("images/common/bg_side_top.jpg") no-repeat 0 top;
}

div#side-area dl{
	width:190px;
	margin:20px auto 0 auto;
}
div#side-area p.ttl{
	text-align:center;
	font-weight:bold;
	padding:10px 0 10px 0;
}

div#side-area dl dd table#wp-calendar{
	width:100%;
	text-align:center;
}

div#side-area dl dd table#wp-calendar caption {
    display:table-caption;
	text-align:center;
	font-weight:bold;
	padding:5px 0;
}

div#side-area dl dd table#wp-calendar th{
	width:14%;
	font-size:84%;
}
div#side-area dl dd table#wp-calendar td{
	padding:1px 0 1px 0;
}
div#side-area dl dd table#wp-calendar td strong{
	color:#FFF;
	background:#97BC3A;
}


div#side-area dl dd ul{
	margin:10px 5px 0 10px;
	
}
div#side-area dl dd ul li{
	padding:0 0 5px 15px;
	background:url("images/common/ico_arrow.jpg") no-repeat 0 5px;
}
div#side-area dl dd ul li p{
	font-size:84%;
}

/*main-area
--------------------------------------*/
div#main-area{
	width:420px;
	float:right;
	display:inline;
}
div#main-area h2{
	width:100%;
	height:40px;
	line-height:40px;
	text-indent:20px;
	font-weight:bold;
	font-size:117%;
	color:#FFF;
	background:url("images/common/ttl_h2.jpg") repeat;
}

div#main-area h2 a {
    color:#FFF;
}

div#main-area ul.date{
	padding:10px 0 10px 0;
	margin:0 0 20px 0;
	font-size:84%;
	background:url("images/common/bg_border.gif") repeat-x 0 bottom;
}
div#main-area ul li.clock{
	padding:0 20px 0 20px;
	float:left;
	background:url("images/common/ico_clock.jpg") no-repeat 3px 3px;
}
div#main-area ul li.category{
	padding:0 20px 0 20px;
	float:left;
	background:url("images/common/ico_calendar.jpg") no-repeat 0 3px;
}


/*-----------------------------------------------------
基本的な設定は
/css/entry-detail.css
-------------------------------------------------------*/
div#main-area .section.main{
	padding:0 0 10px 0;
	background:url("images/common/line_bottom.jpg") repeat-x 0 bottom;
}
div#main-area .section.main p{
}
div#main-area img {
	border:5px solid #E9F1CD;
}
div#main-area .section.main h3{
	height:33px;
	line-height:33px;
	color:#35600B;
	font-size:100%;
	text-indent:20px;
	font-weight:bold;
	margin:0 0 20px 0;
	background:url("images/common/ttl_h3.jpg") repeat-x 0 0;
}
div#main-area .section.main h4{
	height:18px;
	line-height:18px;
	font-size:100%;
	text-indent:20px;
	font-weight:bold;
	margin:0 0 20px 0;
	color:#35600B;
	background:url("images/common/ttl_h4.jpg") no-repeat 5px 0;
}
/* Begin Images */
div#main-area .section.main p img {
	padding: 0;
	max-width: 100%;
	}

div#main-area .section.main img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

div#main-area .section.main img.alignright {
	margin: 0 0 2px 7px;
	display: inline;
	}

div#main-area .section.main img.alignleft {
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	border: 1px solid #E0ECB9;
	background-color: #F1F7DF;
	padding-top: 4px;
	margin: 4px 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div#main-area .wp-caption img,
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

div#main-area .wp-caption p,
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 3px 0 5px 0;
	margin: 0;
}


div#main-area div.navigation {
    overflow:hidden;
}
div#main-area div.navigation .fl {
    float:left;
}
div#main-area div.navigation .fr {
    float:right;
}


/*bnr-area
--------------------------------------*/
div#bnr-area{
	width:254px;
	float:right;
}
div#bnr-area .search{
	width:254px;
	margin:0 0 16px 0;
	padding:0 0 3px 0;
	background:url("/column/images/common/bg_search_bottom.gif") no-repeat 0 bottom #E9F1CD;
}
div#bnr-area .search dl{
	padding:12px 0 16px 0;
	background:url("/column/images/common/bg_search_top.gif") no-repeat 0 top;
}
div#bnr-area .search dl dt{
	width:230px;
	margin:0 auto 12px auto;
}
div#bnr-area .search dl dd{
	position:relative;
	width:230px;
	margin:0 auto 0 auto;
	line-height:0;
}
div#bnr-area .search dl dd input{
	margin:0;
	padding:0;
}
div#bnr-area .search dl dd input.box{
	width:170px;
	height:18px;
	margin:0 0 0 0;
	padding:0 5px 0 5px;
	border:1px solid #5D8F11;
}
div#bnr-area .search dl dd input.btn{
	display:block;
	position:absolute;
	left:182px;
	top:0;
}
/* IE7 */
* html div#bnr-area .search dl dd input.btn{
	margin:1px 0 0 0;
}
/* IE7 */
*:first-child+html div#bnr-area .search dl dd input.btn{
	margin:1px 0 0 0;
}

div#bnr-area li{
	margin:0 0 10px 0;
	text-align:center;
}