@charset "utf-8";
/* CSS Document */

/****************************************

          General Setting

*****************************************/

html, body {
	margin: 0;
	padding: 0;
}

body {
    color: #333;
	font-size: 14px;
    font-family:
    	Verdana, Arial,
    	'ヒラギノ角ゴ Pro W3',
    	'Hiragino Kaku Gothic Pro',
    	Osaka,
    	'ＭＳ Ｐゴシック',
    	sans-serif;
    line-height: 160%;
	background:url(../images/body_bg1.png) repeat-x;
}


/****************************************

          Typography

*****************************************/

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

h1 {
	font-size: 240%;
}

blockquote{
	margin-bottom: 2em;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

strong{
	font-weight:bold;
}

/****************************************

          List

*****************************************/

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul ul{
	margin-left: 1em;
}


/****************************************

          Link

*****************************************/

a {
	color: #29457F;
	text-decoration: none;
}

a:hover {
	text-decoration:underline;
	color: #999;
}


/****************************************

          Layout

*****************************************/

#wrapper{
	background:url(../images/body_bg2.jpg) 50% 0 no-repeat;
}

#container {
	margin: 0 auto;
	width: 980px;
}

#header{
	height:135px;
}

#lev2_wrap{
	padding-top:20px;
	background:url(../images/lev2_bg.png) no-repeat;
}

#main {
	float: left;
	width: 640px;
}


#lev2_wrap h1{
	z-index:1;
}

#sidebar {
	float: right;
	width: 320px;
	margin:-37px 0;
	z-index:20;
	position:relative;
}

#main,
#sidebar{
	margin-bottom: 59px;
	border-bottom: 1px solid transparent;
}

#footer {
	clear: both;
	width:980px;
	margin:0 auto 40px;
	border-top:2px solid #29457F;
}

/****************************************

          Breadcrumb

*****************************************/

#breadcrumb{
	margin: 20px 3px 3px;
}






/****************************************

          Sidebar

*****************************************/

#sidebar h2{
	margin-bottom: 10px;
	font-family: 'Josefin Sans', sans-serif;
}

#sidebar h4{
	line-height:0;
}


#sidebar ul li a{
	padding:10px 30px;
	border-bottom:1px dotted #999;
	display:block;
	background:url(../images/sidebar_li_tri_blue.gif) no-repeat 6% 50%;
}


	#sidebar ul li a:hover{
		display:block;
		background:#efefef url(../images/sidebar_li_tri_gray.gif) no-repeat 6% 50%;
	}


#sidebar ul li.current_page_item a{
	background:#F2F3F9 url(../images/sidebar_li_tri_blue.gif) no-repeat 6% 50%;
	color:#333;
	font-weight:bold;
	text-decoration:underline;
}

#sidebar h5{
	font-weight:bold;
	padding-left:1.2em;
}

#sidebar ul.archive{
	margin-top:0.2em;
	border-top:1px solid #ccc;
}

.widget{
	margin-bottom: 60px;
}

#sidebar .widget ul{
	padding-left: 1.5em;
	list-style-position: outside;
	list-style-type: disc;
}

#sidebar-recent-posts li,
#sidebar-popular-posts li{
	margin:20px 0;
}

.sidebar-thumbnail-box{
	float: left;
	width: 75px;
}

.sidebar-recent-posts-title{
	float: right;
	width: 165px;
}
	#sidebar-recent-posts h3,
	#sidebar-recent-posts p,
	#sidebar-popular-posts h3,
	#sidebar-popular-posts p{
		margin: 0;
	}

.tagcloud a{
	white-space: nowrap;
}



/****************************************

          Clearfix

*****************************************/

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
}