@charset "SHIFT-JIS";

/* CSS Document */


/* reset css ==========================

	1.for common reset
	2.for common link
	3.for clearFix
	
*/

/* 1.for common reset ==================================*/
body{
	margin:0;
	padding:0;
	line-height:1.5;
	color:#444;
	font-size:100.01%;
	background-color: #C1C1C1;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
}
img{
	margin:0;
	padding:0;
	vertical-align:bottom;
	border:none;
}
ul,ol{
	margin:0;
	padding:0;
	list-style:none;
	list-style-position:outside;
}
dl,dt,dd{
	margin:0;
	padding:0;
}
hr{
	display:none;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:1em;
	font-weight:normal;
}
p{
	margin:0;
	padding:0;
}
div{
	margin:0;
	padding:0;
}

/* 2.for common link ==================================*/
a:link {
    color:#666666;
	text-decoration:underline;
}
a:visited {
    color:#666666;
	text-decoration:none;
}
a:hover {
    color:#333333;
}
a:active {
    color:#666666;
	text-decoration: none;
}

/* 3.for clearFix ==================================*/
div:after {  
	content: ".";  
	display: block;  
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;  
}  

/* template css ==========================

	1.for layout
	2.for header
	3.for contents
	4.for main
	5.for sideBar
	6.for footer
	
*/

/* 1.for layout ==================================*/

div#wrapper {
	background-image: url(img/body_bg.gif);
	background-repeat: repeat;
	float: left;
	width: 100%;
}
div#wrapper-inner {
	width: 790px;
	background-color: #CCCCCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/* 2.for header ==================================*/

div#header {
	background-image: url(img/header_bg.jpg);
	background-repeat: no-repeat;
	height: 248px;
	width: 760px;
	margin-left: 15px;
	float: left;
	display:inline;
}
div#header h1 {
	padding-left: 20px;
	padding-top: 70px;
	color: #333333;
	font-weight: bold;
	font-size: 2.4em;
	line-height: normal;
}
div#header h2 {
	padding-left: 25px;
}
div#header h1 a {
	color:#333333;
	text-decoration: none;
}
div#header h1 a:hover {
	color:#333333;
	text-decoration: underline;
	margin-bottom: 0px;
}

/* 3.for contents ==================================*/

div#contents {
	background-color: #FFFFFF;
	width: 760px;
	margin-left: 15px;
	float: left;
	padding-top: 5px;
	padding-bottom: 25px;
	display:inline;
}

/* 4.for main ==================================*/

div#main {
	float: left;
	width: 511px;
	padding-right: 15px;
	padding-left: 20px;
}
div.section {
	margin-bottom: 17px;
	border: 5px solid #79B9FF;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
}
div.section h2 {
	background-image: url(img/entrytitle_bg.gif);
	background-repeat: no-repeat;
	padding-left: 45px;
	font-size: 1em;
	font-weight: bold;
	color: #3399FF;
	margin-bottom: 15px;
	margin-top: 5px;
	line-height: 37px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399FF;
	padding-bottom: 3px;
}
div.section h2 a {
	color: #3399FF;
	text-decoration: none;
}
div.section h2 a:hover {
	color: #2672C1;
	text-decoration: none;
}

div.section p {
	color: #333333;
	font-size: 0.9em;
	line-height: 1.4em;
	margin-top: 10px;
}
div.section p.entry_date {
	margin-bottom: 12px;

	font-size: 0.8em;
	color: #333333;
}

h2#atitle {
	font-size: 1.2em;
	color: #3399FF;
	margin-bottom: 15px;
	font-weight: bold;
}
p#archivenation {
	font-size: 0.9em;
	margin-bottom: 35px;
	float: right;
}
/* 5.for sideBar ==================================*/

div#sidebar {
	float: left;
	width: 214px;
}

div#sidemenu {
	float: left;
	width: 197px;
	padding-bottom: 35px;
}
div#sidemenu_main {
	background-image: url(img/side_bg_main.jpg);
	background-repeat: repeat-y;
	float: left;
}
div.banner {
	float: left;
	width: 196px;
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
div.banner_last {
	float: left;
	width: 196px;
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border:none;
}
div.banner p,
div.banner_last p {
	text-align: left;
	padding-right: 2px;
	padding-left: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 0.9em;
}
div#sidemenu div.widget h3,
div.widget div#cal caption
 {
	background-image: url(img/widgettitle_bg.gif);
	background-repeat: no-repeat;
	font-size: 0.9em;
	font-weight: bold;
	color: #333333;
	background-position: left;
	padding-left: 20px;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
div#sidemenu div.widget ul {
	padding-left: 15px;
	color: #FF3300;
	font-size: 0.8em;
}

div#prof_link {
	padding: 15px;
	background: url(img/prof_link_bg.gif) no-repeat left center;
	font-size: 0.8em;
}
#sidemenu_main div.widget p {
	font-size: 0.8em;
	line-height: 1.2em;
	padding-left: 15px;
}
div.widget {
	padding-bottom: 30px;
	padding-right: 12px;
	padding-left: 12px;
}
div.widget table {
	font-size: 10px;
	width: 100%;
	text-align: center;
}
div.widget div#cal table caption {
	font-size: 1.4em;
}
div.widget div#cal {
	text-align: center;
}
div.widget div#cal a {
	color: #6499d3;
	font-weight: bold;
	text-decoration: underline;
}
div.widget div#cal a:hover {
	color: #6499d3;
}

div.widget div#cal table caption {
	font-size: 1.4em;
	text-align: left;
}
div.widget div#cal table th {
	text-align: center;
	padding-bottom: 2px;
}

div.widget div#cal table td {
	padding-bottom: 2px;
}
div.widget div.search input {
	width: 100px;
}

div.widget div.search input.buttom {
	padding: 0 2px;
	margin: 0 5px;
	width: 50px;
}
div.search {
}


/* 6.for footer ==================================*/
div#footer {
	background-color: #FFFFFF;
	width: 740px;
	margin-left: 15px;
	float: left;
	padding-right: 20px;
	display:inline;
	clear:both;
}
div#footer img {
	float: right;
}
div#side_top {
	background-image: url(img/side_bg_top.jpg);
	background-repeat: no-repeat;
	width: 196px;
}
div#sidemenu_bottom {
	background-image: url(img/side_bg_bottom.jpg);
	background-repeat: no-repeat;
	width: 196px;
	float: left;
}
