/*
Theme Name: seika-sekai　京都精華大学ブログ
Description: 京都精華大学ブログ
Author: 京都精華大学　広報課
*/ 

/*--------------------------------------------------

Default

--------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Tahoma, osaka,'MS P Gothic', 'ＭＳ Ｐゴシック', sans-serif;
	letter-spacing: normal;}
	
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}

html {
	overflow-y:scroll;}

h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 1.0em;
	}

table {border-spacing:0;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}
q:before,q:after {content:'';}
ul {list-style: none;}

body { font-size: 62.5%; /* 10px */ }
h1 { font-size: 2em; /* 20px */ }
p { font-size: 1.2em; /* 12px */ }


body {
	color: #333;
	background: #fff;
	font-family : 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
	font-size: 62.5%;
	line-height: 1.7;
	text-align: center;
	}

/* --- link --- */
a,
a:link,
a:visited,
a:active{
	color: #000;
	text-decoration: none;}
	
a:hover{
	color: #9F9FA0;
	text-decoration: none;
	}
	
a img {
	border: none;}

/* --- general --- */
h1, h2, h3, h4, h5, h6 {
	font-weight: 1px;}


h2 {
	margin: 0 0 0.5em 0;
	font-size: 1.5em;
	}

h3 {
	margin: 0 0 1em 0;
	font-size: 1.2em;
	font-family: serif;
	}

p {
	font-size: 1.2em;
	margin-bottom: 1.5em;
	}

	
ol {}

table {
	margin-bottom: 1.5em;
	font-size: 1.2em;
	line-height: 1.7;
	}

/*--------------------------------------------------

Layout

--------------------------------------------------*/
div#MAIN{
	margin:0 auto;
	width:850px;
	text-align:left;
	position:relative;
	}
	
div#HEAD{
	margin-bottom:80px;
	margin-top:40px;
	position:relative;
	}
	
div#HEAD h1{
	text-indent:-9999px;
	}
	
div#HEAD h1 a{
	display:block;
	background:url(/wordpress/img/h_logo.gif) no-repeat;
	width:320px;
	height:70px;
	}
	
div#HEAD h1 a:hover{
	background:url(/wordpress/img/h_logo_over.gif) no-repeat;
	}
	
div#HEAD div.itemLink{
	position:absolute;
	width:220px;
	height:26px;
	top:0;
	right:0;
	}

div#HEAD div.itemLink ul{
	margin:0;
	padding:0;
	text-indent:-99999px;
	}
	
div#HEAD div.itemLink li{
	float:left;
	width:26px;
}

div#HEAD div.itemLink .type01 a{
	display:block;
	width:20px;
	height:27px;
	background:url(/wordpress/img/head_item01.gif) no-repeat;
	}

div#HEAD div.itemLink li.type01 a:hover{
	background:url(/wordpress/img/head_item01_over.gif) no-repeat;
	}

div#HEAD div.itemLink li.type02 a{
	display:block;
	width:20px;
	height:27px;
	background:url(/wordpress/img/head_item02.gif) no-repeat;
	}

div#HEAD div.itemLink li.type02 a:hover{
	background:url(/wordpress/img/head_item02_over.gif) no-repeat;
	}

div#HEAD div.itemLink li.type03 a{
	display:block;
	width:77px;
	height:27px;
	background:url(/wordpress/img/head_item03.gif) no-repeat;
	}

div#HEAD div.itemLink li.type03 a:hover{
	background:url(/wordpress/img/head_item03_over.gif) no-repeat;
	}
		
div#CONTENT{
	float:left;
	width:612px;
	}
	
div#ENTRY{
	width:470px;
	margin-bottom:100px;
	position:relative;
}

div#ENTRY div.user{
	margin:0;
	padding:0;
	position:absolute;
	top:30px;
	right:0;
	width:200px;
	height:12px;
	font-size:10px;
	text-align:right;
	}

div#ENTRY div.user a{
	text-decoration:underline;
	}

div#ENTRY div.user a:hover{
	text-decoration:none;
	}

div#ENTRY h2{
	font-weight:bold;
	line-height:3em;
}
	
div#ENTRY-HEAD{
	margin-bottom:20px;
	}
	
div#ENTRY-MAIN{
	line-height:2.3em;
	}

div#ENTRY-MAIN p{
	font-size:1.2em;
}

div#ENTRY-MAIN p a{
	text-decoration:underline;
}

div#ENTRY-MAIN a:hover{
	text-decoration:none;
}

div#ENTRY-MAIN img{
	border:6px solid #E1E1E1;
	margin:20px 0;
	}
	
div#ENTRY-MAIN p.category{
	text-align:right;
	padding-top:35px;
	font-size:98%;
	}

div#LOCAL-NAVI{
	float:right;
	width:220px;
	margin:0;
	padding:0;
	}
	
div#LOCAL-NAVI h3{
	}

div#LOCAL-NAVI ul{
	line-height:2.5em;
	font-size:98%;
	margin-bottom:30px;
	}
	
div#LOCAL-NAVI li{
	margin-left:5px;
	}

div#LOCAL-NAVI ul.twitter{
	margin-bottom:50px;
}
div#LOCAL-NAVI ul.twitter li{
	padding:14px 0;
}

div#LOCAL-NAVI ul.twitter li.line{
	border-bottom:1px dotted #666666;
}
	
div#LOCAL-NAVI div.banner01{
	text-align:center;
	padding:10px 0;
}

div#LOCAL-NAVI div.banner02{
	text-align:center;
	padding:10px 0;
}

div#LOCAL-NAVI div.impression {
	margin-top:70px;
	margin-left:10px;
	line-height:1.5em;
	font-size: 8.5pt;
}

div#LOCAL-NAVI div.impression a:hover, div.impression a:active{
	color: #9F9FA0;
	text-decoration: none;}

	
/* Search---------------------------------------- */

#search {
	margin-top:10px;
	margin-left:5px;
	margin-bottom:30px;
	width: 150px;
	height: 25px;
	background: #fff;
	border: none;}

#search #x {
	display: none;}

#search #s {
	padding: 3px;
	width: 144px;
	height: auto;
	background: none;
	border: none;
	font: normal 10px Arial, Helvetica, sans-serif;
	color: #000000;}

#search br {
	display: none;}

blockquote {
	margin: 0 0 0 1.5em;
	padding-left: 1em;
	border-left: 5px solid #bbb;}

#avatar {
    float: right;}
	
/* ------------------------------------------------ */

div#FOOTER{
	clear:both;
	font-size:95%;
	}

/*--------------------------------------------------

clearfix

--------------------------------------------------*/
.clearfix:after {
	content: " "; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;}

.clearfix {
	display: inline-table;
	}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;}

.clearfix {
	display: block;}

/* End hide from IE-mac */

#footer {
    clear:both;
    color: #000;
    font-size: 10px;
    padding: 10px 0 40px 15px;}

