@charset "UTF-8"; 



/*
------------------------------
   GLOBAL RESET
------------------------------*/

body,h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,dl,dt,dd,table,tr,td,form,input,textarea,option,select{
	margin:0;
	padding:0;
}


body{
	color:#333;
	font-size:87.5%;
	font-family : 'メイリオ', 'Hiragino Kaku Gothic Pro', 'Verdana', sans-serif;
	line-height:1.6;
	text-align:center;
	background: url("/img/bg_body.jpg") center repeat-y #fff;
}

a:link    { color: #09c; }
a:visited { color: #90c; }
a:hover   { color: #c00; }

h1,h2,h3,h4,h5,h6{ font-size:100%; }
ul,ol,li,dl,dt,dd{ list-style:none; }
hr{ display:none; }

img,object{
	border:none;
	vertical-align:middle;
}

table{border-collapse:collapse;border-spacing:0;}



/*
------------------------------
   USUAL CLASS
------------------------------*/

.ac{text-align:center;}
.ar{text-align:right;}



/*
------------------------------
   LAYOUT
------------------------------*/

#container{
	margin:0 auto;
	width:780px;
	text-align:left;
}

#header{
	height:85px;
	background: url("/img/logo.jpg") center no-repeat #8C0E0F;
}

#maincontents{height:100%;}

#contents{
	float:right;
	width:580px;
	padding-top:15px;
}

#sidenav{
	float:left;
	width:200px;
	padding:15px 0 30px 0;
}

#maincontents:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/*
------------------------------
   HEADER
------------------------------*/

#header h1{
	padding:20px 0 0 30px;
	text-indent:-9999px;
}

#header h1 a{
	display:block;
	width:250px;
	height:40px;
}

#header h2{
	text-indent:-9999px;
}



/*
------------------------------
   CONTENTS
------------------------------*/

.content-nav{
	margin: 0 20px 1.5em 20px;
	font-size:83%;
}

#maincontents #archive-title{
	margin:0 20px 1.5em 20px;
	padding:5px;
	color: #fff;
	font-size:120%;
	border-left: 5px solid #8C0E0F;
	background: #000;
}

#maincontents ul#archive-list{
	height:100%;
	margin:0 20px 30px 20px;
}

#maincontents ul#archive-list li{
	float:left;
	margin-bottom:10px;
	width:270px;
	font-size:85%;
}

#maincontents ul#archive-list:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.entry{
	margin: 0 20px 30px 20px;
}

h2.entry-title{
	margin-bottom:1em;
	padding:5px;
	font-size:120%;
	border-left: 5px solid #8C0E0F;
}

.entry h3{
	margin-bottom:1em;
	padding:3px 0 3px 5px;
	border-left: 5px solid #8C0E0F;
}

.item-contents{
	height:100%;
	margin: 0 20px 30px 20px;
	padding:10px;
	border:1px solid #8C0E0F;
	background: url("/img/bg_itemcontents.jpg") top repeat-x #fff;
}

.item-contents img.itemImage{
	display:block;
	float:left;
	margin-right:5px;
	border:1px solid #ccc;
}

.item-contents p{
	font-size:83%;
	line-height:1.5;
}

.item-contents:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/*
------------------------------
   SIDE NAVIGATION
------------------------------*/

#sidenav{
	height:100%;
	background:url("/img/bg_sidenav.jpg") top repeat-x #8C0E0F;
}

#sidenav .contents{margin-bottom:30px;}

#sidenav h2{
	margin-bottom:10px;
	padding: 5px 10px 5px 10px;
	color: #fff;
	font-size: 83%;
	line-height:1;
	background:url("/img/bg_sidenavtitle.jpg") top repeat-x #000;
}

#sidenav h3{
	margin:5px;
	padding:5px;
	color:#fed778;
	font-size:83%;
	line-height:1;
	background:url("/img/bg_sidenavtitle.jpg") bottom repeat-x;
}

#sidenav ul li{
	margin: 0 10px 0 10px;
	padding-left:10px;
	color:#fff;
	font-size: 83%;
	background: url("/img/li_sidenav.gif") top left no-repeat #8C0E0F;
}

#sidenav a{color:#fff;}

form#search-module{
	margin: 0 10px 0 10px;
}



/*
------------------------------
   Footer
------------------------------*/

p#backToTop{
	margin:0 20px 1em 0;
	font-size:83%;
	text-align:right;
}

#footer{
	padding:10px;
	background:#000;
}

#footer ul{
}

#footer ul li{
	display:inline;
	font-size:85%;
}

#footer ul li a{
	color:#fff;
}