/*
THEME NAME: Oshimaen
THEME URI: http://www.dosanite.co.jp
DESCRIPTION: Oshimaen
VERSION: 1.1
AUTHOR: dosanite
AUTHOR URI: http://www.dosanite.co.jp
Template: dosaniteBase
*/

@import url('../dosaniteBase/style.css');

/* override */
#wrapper {
	width: 940px;
}
#articles {
	width: 690px;
}
#sidebar {
	width: 250px;
}

/* font difinition */
body {
	font-family: sans-serif;
	color: #001d3a;
}

a:link {
	color: #2f3e8c;
	text-decoration: none;
}
a:visited {
	color: #202b62;
}
a:hover {
	text-decoration: underline;
}

/* decoration */
html {
	background: #e7f1f2 url('img/background_grad.png') 0 0 repeat-x;
}
body {
	background: url('img/dai_icon.png') 0 0 no-repeat;
}
#wrapper {
	background: url('img/background_item.jpg') 0 180px no-repeat;
}
#header {
	padding-top: 120px;
}
#description {
	display: none;
}
#contents {
	margin-top: 90px;
	padding-top: 70px;
	padding-bottom: 50px;
	background: url('img/contents_top.png') 0 0 no-repeat;
}
.home #contents {
	background: url('img/contents_top_home.png') 0 0 no-repeat;
}
#articles {
	padding-bottom: 30px;
	background: url('img/articles_bottom.png') 0 bottom no-repeat;
}
#articles-inner{
	padding-bottom: 50px;
	background: url('img/articles_middle.png') 0 0 repeat-y;
	min-height: 800px;
}

#sidebar {
	background: url('img/sidebar_bottom.png') -10px bottom no-repeat;
	padding-bottom: 30px;
}
#sidebar-inner {
	background: url('img/sidebar_middle.png') -10px 0 repeat-y ;
}

/* ========== *
 * common
 * ========== */
#articles-inner > div {
	margin-top: 40px;
}
#articles-inner > div:first-child {
	margin-top: 0;
}

/* ========== *
 * is_home
 * ========== */

/*
	#articles
*/
#articles .preface .header ,
#articles .news .header ,
#articles .afterword .header {
	width: 600px;
	height: 36px;
	padding-top: 20px;
	padding-left: 80px;
	line-height: 24px;
	font-size: 20px;
}
#articles .preface .header {
	position: absolute;
	margin-top: -40px;
	height: 50px;
	background: url('img/preface_header.png') 0 0 no-repeat;
}
#articles .news .header {
	background: url('img/news_header.png') 0 0 no-repeat;
}
#articles .afterword .header {
	background: url('img/afterword_header.png') 0 0 no-repeat;
}
#articles .preface .body ,
#articles .afterword .body {
	padding-left: 80px;
}
#articles .preface .body {
	padding-top: 40px;
}
#articles .afterword .body {
	padding-left: 80px;
	padding-top: 16px;
}
#articles .news .body {
	margin-left: 64px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 600px;
	background: url('img/news.png');
	border: 1px solid #cce7ef;
	border-left: none;
	border-right: none;
}
#articles .news .body li ,
#articles .news .body li .date {
	font-size: 16px;
	line-height: 20px;
}
#articles .news .body li {
	margin-bottom: 8px;
	list-style: disc inside ;
	margin-left: 40px;
	margin-right: 20px;
}
#articles .news .body li .date {
	display: block;
	float: right;
	margin-left: 10px;
}

/* entry */
#articles .entry .header {
	padding-top: 20px;
	margin-left: 70px;
	height: 50px;
	font-size: 20px;
}
#articles .entry .header .date {
	background: url('img/entry_date.png') no-repeat;
	display: block;
	position: absolute;
	width:44px;
	height: 32px;
	margin-left: -80px;
	margin-top: -10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 14px;
	text-align: center;
	line-height: 12px;
}
#articles .entry .header .date .month ,
#articles .entry .header .date .day {
	color: #62453f;
	font-size: 11px;
}
#articles .entry .header .date .yeah {
	color: #90746e;
	font-size: 10px;
}
/* bg, border-radius */
#articles .entry .body ,
#comments .comment .body {
	background: #fff;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	/* jquery.cornerで補完 */
}
#articles .entry .body {
	margin-left: 40px;
	padding: 20px 20px 10px;
	line-height: 1.4em;
}
#articles .entry .body .info {
	text-align: right;
}
#comments .nocomments {
	margin-right: 20px;
	text-align: right;
}
#comments .comment {
	margin-bottom: 1px;
}
#comments .comment .avatar {
	margin-left: 80px;
	margin-top: 4px;
	position: absolute;
}
#comments .comment .body {
	margin-left: 240px;
	width: 410px;
	padding: 12px 20px;
}
#comments .comment .body .author {
	text-align: right;
	color: #5d68a5;
}
/* respond, commentform */
#respond {
	margin-top: 20px;
	margin-left: 240px;
	width: 450px;
	overflow: hidden;
	color: #5d68a5;
}
#respond p {
	float: right;
	clear: right;
	overflow: hidden;
}
#respond .comment-form-comment textarea {
	float: right;
}
#respond #reply-title {
	display: none;
}
#respond label {
	text-align: left;
	width: 8em;
	display: block;
	overflow: hidden;
	color: #5d68a5;
	font-size: 14px;
	float: left;
	line-height: 30px;
}
#respond .comment-form-comment label {
	display: none;
}
#respond .comment-form-author .required ,
#respond .comment-form-email .required ,
#respond .comment-form-url .required {
	margin-left: -0.5em;
	margin-top: 2px;
	position: absolute;
}
#respond .required {
	color: #f00;
}
#respond .comment-form-author input ,
#respond .comment-form-email input ,
#respond .comment-form-url input {
	padding: 4px;
	width: 10em;
	height: 1em;
	border: 1px solid #e3ebf1;
}
#respond .comment-form-comment textarea {
	width: 448px;
	height: 140px;
	border: 1px solid #e3ebf1;
}
#respond .form-submit input {
	margin-top: 6px;
	padding: 6px 8px;
	float: right;
	background: #fff;
	border: 1px solid #e3ebf1;
	color: #5d68a5;
	font-size: 14px;
}

#pagenavi {
	padding-left: 40px;
}

/* widget */
#sidebar .widget {
	padding-left: 10px;
}
#sidebar .widget .header {
	background-image: url('img/widget_header.png');
	background-repeat: no-repeat;
	background-position: 8px 0;
	margin-top: 16px;
	margin-bottom: 14px;
	padding-top: 8px;
	padding-right: 10px;
	width: 205px;
	height: 34px;
	text-align: center;
	font-size: 16px;
}
#sidebar .widget_1 .header {
	background-image: url('img/widget1_header.png');
}
#sidebar .widget_2 .header {
	background-image: url('img/widget2_header.png');
}
#sidebar .widget_3 .header {
	background-image: url('img/widget3_header.png');
}
#sidebar .widget:first-child .header {
	margin-top: 0;
}
#sidebar .widget > div ,
#sidebar .widget > ul ,
#sidebar .widget > ol {
	padding-left: 20px;
	padding-right: 40px;
}
#sidebar .widget > ul li ,
#sidebar .widget > ol li {
	list-style-position: inside;
}
#sidebar .widget > ul li {
	list-style-type: disc;
}
#sidebar .widget > ol li {
	list-style-type: decimal;
}
#sidebar .widget  li ul ,
#sidebar .widget  li ol {
	margin-left: 1em;
}

/* calendar */
#calendar_wrap {
	margin-left: -10px;
}
#calendar_wrap table {
	width: 194px;
}
#calendar_wrap caption {
	text-align: center;
	padding-bottom: 0.5em;
	font-size: 16px;
}
#calendar_wrap th {
	background: #dde5f0;
	font-weight: bold;
}
#calendar_wrap th ,
#calendar_wrap td {
	text-align: center;
	padding: 4px 2px;
	line-height: 1em;
}
/* contents-fix-wrapper */
#contents-fix-wrapper {
	width: 30px;
	position: absolute;
	padding-top: 30px;
	background-position:left top;
	background-repeat: no-repeat;
}
#contents-fix {
	padding-bottom: 30px;
	background-position:left bottom;
	background-repeat: no-repeat;
}
#contents-fix-inner {
	background-repeat: repeat-y;
}
.sidebar-is-longer /* wrapper */ {
	background-image: url('img/contents_fix_s_top.png');
}
.sidebar-is-longer #contents-fix {
	background-image: url('img/contents_fix_s_bottom.png');
}
.sidebar-is-longer #contents-fix-inner {
	background-image: url('img/contents_fix_s_middle.png');
}
.articles-is-longer /* wrapper */ {
	background-image: url('img/contents_fix_a_top.png');
}
.articles-is-longer #contents-fix {
	background-image: url('img/contents_fix_a_bottom.png');
}
.articles-is-longer #contents-fix-inner {
	background-image: url('img/contents_fix_a_middle.png');
}


#slideshow {
	background: url('img/slideshow_background.png') 0 0 no-repeat;
	width: 229px;
	height: 252px;
	padding-left: 27px;
	padding-top: 80px;
}
#slideshow {
	position:absolute;
	left: 50%;
	margin-left: 226px;
	top: 90px;
}
#slideshow .section {
	position:absolute;
	z-index:8;
	display: none;
	width: 174px;
}
#slideshow .section.active ,
#slideshow .section.last-active {
	display: block;
}
#slideshow .section.active {
	z-index:10;
}
#slideshow .section.last-active {
	z-index:9;
}
#slideshow .section .imageBox {
	height: 160px;
}
#slideshow .section img {
	max-width: 174px;
	max-height: 116px;
}

#head_nav {
	background: url('img/topnavi_background.png') 0 0 no-repeat;
	width: 765px;
	height: 34px;
	color: #00123b;
	position: absolute;
	top: 0;
	margin-left: 40px;
}
#head_nav ul {
	margin-left: 10px;
	margin-top: 4px;
}
#head_nav li {
	display: inline;
	margin-left: 20px;
	font-size: 14px;
}
#head_nav_tooltip {
	position: absolute;
	background: #fff;
	/* radius */
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	/* jquery.cornerで補完 */
	/* opacity */
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	/* dropshadow */
	box-shadow: 2px 2px 10px #000;
	-moz-box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6)";
	filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6);
}
#head_nav_tooltip p {
	width: 300px;
	max-height: 200px;
	padding: 20px;
	margin-top: -8px;
	background: url('img/tooltip_top.png') 20% 0 no-repeat;
}

#side_nav {
	position: fixed;
	left: 0;
	bottom: 20px;
}
#side_nav li {
	margin-bottom: -14px;
}


#side_nav_tooltip {
	position: absolute;
	background: #fff;
	/* radius */
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	/* jquery.cornerで補完 */
	/* opacity */
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
	/* dropshadow */
	box-shadow: 2px 2px 10px #000;
	-moz-box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6)";
	filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6);
}
#side_nav_tooltip p {
	width: 300px;
	padding: 20px;
	margin-left: -8px;
	background: url('img/tooltip_left.png') 0 50% no-repeat;
}
/* wp-pagenavi */
.wp-pagenavi:first-child {
	margin-top: -120px;
}
.wp-pagenavi:last-child {
	margin-top: 40px;
}
.wp-pagenavi {
	display: block;
	position: absolute;
	z-index: 10;
	margin-left: 20px;
}
.wp-pagenavi span ,
.wp-pagenavi a {
	color: #003f55;
	display: inline;
	margin-left: 4px;
	padding: 2px 4px;
	font-size: 18px;
	background: url('img/pagenavi_bg.png') repeat-x;
	border: 1px solid #8a95b8;
}
.wp-pagenavi span.pages {
	display: none;
}