@charset "utf-8";
/*
Theme Name: カナダ留学ノススメブログテーマ
Theme URI: http://canada-study.net/
Description: Theme Canada Study
Version: 1.0

Author: Naotane
Author URI: http://canada-study.net/
*/

body {
background: #FFF url(images/bg.jpg) repeat-x ;
margin: 0 auto;
padding: 0;
border: 0;
font: normal 12px 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
font-size: small;
line-height: 1.6em;
text-align: center;
}

#page {
width: 1000px;
margin: 0 auto;
padding: 0;
text-align: center;
}

/****************************************/
/* 		HEADER			*/
/****************************************/

#header {
background: url(images/header_bg.jpg) repeat-x;
clear: both;
width: 100%;
height: 70px;
padding: 5px 0;
text-align: left;
color: #FFF;
}

#header h1 {
font-size: small;
font-weight: bold;
color: #FFF;
margin: 0;
line-height: 1.6em;
}

#header	a {
color: #FFF;
text-decoration: none
}

#header a:hover {
text-decoration: underline
}

/***********************************************/
/* MENU                                        */
/***********************************************/

#menu {
clear: both;
width: 100%;
height: 40px;
margin: 0 auto;
padding: 0;
background: url(images/menu_bg.jpg) repeat-x;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFF;
font-weight: bold;
}

#menu ul {
margin: 0 auto;
padding:0; 
list-style-type: none;
}

#menu li {
float: left;
width: 120px;
height: 40px;
display: block;
margin: 0 auto; 
padding: 0;
font-size: small;
font-weight: bold;
list-style-type: none;
line-height: 3em;
}

#menu li a {
display: block;
height: 40px;
margin: 0;
background: url(images/menu_bg.jpg) repeat-x;
color : #FFF;
text-decoration: none;
text-align: center;
}

#menu li a:hover {
display: block;
height: 40px;
margin: 0;
background: url(images/menu_hover.jpg) repeat-x;
color : #FFF;
text-decoration: none;
text-align: center;
}


/****************************************/
/* 		FACE			*/
/****************************************/

#face {
clear: both;
background: url(images/face.jpg) no-repeat;
margin-top: 10px;
margin-bottom: 20px;
width: 100%;
height: 300px;
padding: 0;
border: 5px solid #090;
}

/****************************************/
/* 		 CONTENT		*/
/****************************************/

#content {
float: left;
width: 720px;
margin-left: 10px;
padding-right: 20px;
text-align: left;
}

#content h2 {
margin-top: 0;
margin-bottom: 20px;
padding-left: 15px;
font-size: medium;
font-weight: bold;
line-height: 30px;
border-left: 10px solid #C00;
border-bottom: 1px solid #C00;
color: #C00;
}

#content h2 a:link {
color: #C00;
text-decoration: none;
}

#content h2 a:visited {
color: #C00;
text-decoration: none;
}

#content h2 a:hover {
color: #C00;
text-decoration: underline
}

#content .date {
color: #03C;
font-size: small;
font-weight: bold;
}

#content .entry {
padding: 10px 10px 20px 10px;
}

#content .postmetadata {
font-weight: bold;
padding: 20px 0;
}

#content .navigation {
clear: both;
width: 100%;
}

.alignright {
float: right;
}

.alignleft {
float: left
}

.alingcenter {
float: center;
}

/****************************************/
/* 		 SIDEBAR		*/
/****************************************/

#sidebar {
margin-left: 750px;
text-align: left;
padding-right: 10px;
}

#sidebar ul {
padding: 0;
margin: 0 0 0 7px;
list-style-type: none;
}

#sidebar li {
padding: 5px 0 0 5px;
margin: 0;
border-bottom:1px dotted #CCC;
white-space: nowrap;
list-style-type: none;
line-height: 1.8em;
}

#sidebar h2 {
margin-bottom: 20px;
font-size: small;
font-weight: bold;
line-height: 30px;
background: url(images/title_r.jpg) repeat-x;
border-bottom: 1px solid #F60;
color: #FFF;
text-align:center;
}

#sidebar .ads {
text-align: center;
}

#sidebar a {
text-decoration: none
}

#sidebar a:visited {
text-decoration: none
}

/****************************************/
/* 		 FOOTER			*/
/****************************************/

#footer {
clear: both;
width: 920px;
height: 80px;
margin: 20px;
padding: 10px 20px;
color: #666;
font-size: small;
line-height: 1.8em;
text-align: center;
border-top: 1px solid #666;
}

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
border: 0;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) 
*/

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
border: 3px solid #BBB;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
border: 3px solid #BBB;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
border: 3px solid #BBB;
}

/* End Images */

blockquote {
margin: 0 10px 20px 10px;
border-left: 3px solid #999;
padding-left: 15px;
color: #999;
}