/*
Theme Name: Mishima
Theme URI:
Description: This is Mishima's template.
Auther: Copyroght Office nab
*/
@charset "UTF-8";
/* CSS Document */

/* Reset
------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block;}
ul, ol { list-style: none;}


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

body {
	margin: 0 auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "MS Pゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
	font-size:80%;
	background:url(img/bg.png) left top repeat-x;
}

a {color:#036; text-decoration:none;}
a:hover {color:#09f;}

.center {
	text-align:center;
	margin:0;
}

.alignleft {
	float:left;
	margin:0 15px 5px 0;
}
.alignright {
	float:right;
	margin:0 0 5px 15px;
}
.aligncenter {
	display:block;
	margin:10px auto;
	text-align:center;
}


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

	clearfix

//////////////////////////////////////////////////////////////*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}




/*--------------------------------------------------------

	container

--------------------------------------------------------*/
#container {
	width:950px;
	margin:0 auto;
	padding:0;
}

/*--------------------------------------------------------

	header

--------------------------------------------------------*/
#header {
	position:relative;
}
#header h1 {
	width:250px;
	height:70px;
}
#header #fs {
	position:absolute;
	top:15px;
	right:0;
}
#header #fs ul li {
	float:left;
}
#header #fs ul li a {
	display:block;
	margin-left:7px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#header #fs ul li a.small {
	background:url(img/fs_small.png) left top no-repeat;
	width:26px;
	height:26px;
	margin-top:10px;
}
#header #fs ul li a.midium {
	background:url(img/fs_midium.png) left top no-repeat;
	width:32px;
	height:32px;
	margin-top:4px;
}
#header #fs ul li a.big {
	background:url(img/fs_large.png) left top no-repeat;
	width:36px;
	height:36px;
}
#header #fs ul li a:hover, #header #fs ul li a.textresizer-active {
	background-position:left bottom;
}

/*--------------------------------------------------------

	menu

--------------------------------------------------------*/
#menu {
	clear:both;
}
#menu ul li {
	float:left;
}
#menu ul li a {
	display:block;
	width:135px;
	height:50px;
	overflow:hidden;
}
#menu ul li a.m7 {
	width:140px;
}

/*--------------------------------------------------------

	wrapper

--------------------------------------------------------*/
#wrapper {
	background:url(img/bg_wrapper.png) left top repeat-y;
}
#bread {
	padding:5px;
	background:#fff;
}
#bread ul li {
	float:left;
}
	/*--------------------------------------------------------

		category別画像

	--------------------------------------------------------*/
	.cat-2, .cat-9, .cat-10, .cat-11, .cat-12, .cat-37 {
		background:url(img/img_kurasi.png) left top no-repeat;
		width:950px;
		height:170px;
	}
	.cat-3, .cat-13, .cat-14, .cat-15, .cat-16, .cat-17, .cat-18, .cat-19, .cat-20 {
		background:url(img/img_gyousei.png) left top no-repeat;
		width:950px;
		height:170px;
	}
	.cat-4, .cat-21, .cat-22, .cat-23, .cat-24, .cat-25, .cat-26, .cat-27, .cat-28 {
		background:url(img/img_kankou.png) left top no-repeat;
		width:950px;
		height:170px;
	}
	.cat-5, .cat-29, .cat-30 {
		background:url(img/img_kyouiku.png) left top no-repeat;
		width:950px;
		height:170px;
	}
	.cat-6, .cat-31 {
		background:url(img/img_kenkou.png) left top no-repeat;
		width:950px;
		height:170px;
	}
	.cat-7, .cat-32, .cat-40, .cat-41 {
		background:url(img/img_sangyou.png) left top no-repeat;
		width:950px;
		height:170px;
	}
	.cat-8, .cat-33, .cat-34, .cat-35, .cat-36 {
		background:url(img/img_gaiyou.png) left top no-repeat;
		width:950px;
		height:170px;
	}

/*--------------------------------------------------------

	left

--------------------------------------------------------*/
#left {
	width:310px;
	float:left;
	padding:5px 0;
}
	/*--------------------------------------------------------

		widget

	--------------------------------------------------------*/
	.widget {
		width:310px;
		margin-bottom:15px;
	}
	.widget h3 {
		text-align:center;
	}
	.widget ul.island {
		margin:5px 0 0 10px;
		line-height:1.8em;
	}
	.bna {
		background:#fff;
		margin:5px auto;
		padding:10px 0;
		width:290px;
	}
	.bna a img, .bna_02 a img {
		border:1px solid #fff;
	}
	.bna a img:hover, .bna_02 a img:hover {
		border:1px solid #fc0;
		box-shadow:0 0 2px 1px #fc0;
		-webkit-box-shadow:0 0 2px 1px #fc0;
		-moz-box-shadow:0 0 2px 1px #fc0;
	}
	.bna_02 {
		margin:25px auto;
	}
	.bna h3 {
		display: none;
	}
	/*--------------------------------------------------------

		post_list

	--------------------------------------------------------*/
	.post_list {
		border:1px solid #999;
		margin:5px auto 15px auto;
		width:290px;
	}
	.post_list h2 {
		font-size:1em;
		text-align:center;
		font-weight:normal;
		padding:5px;
		background:url(img/post_list_h2.png) left bottom no-repeat;
	}
	.post_list ul li a {
		display:block;
		border-top:1px solid #999;
		padding:4px 0 4px 20px;
		background:#fff url(img/list_01.png) left center no-repeat;
	}
	/*--------------------------------------------------------

		other_box

	--------------------------------------------------------*/
	.other_box {
		background:#fff;
		width:288px;
		margin:20px auto 15px auto;
		border-top:1px dotted #ccc;
		border-right:1px dotted #ccc;
		border-left:1px dotted #ccc;
	}
	.other_box ul li a {
		display:block;
		padding:5px 0 5px 20px;
		background:url(img/list_04.png) left center no-repeat;
		border-bottom:1px dotted #ccc;
	}
	.other_box ul li a:hover {
		background:url(img/list_05.png) left center no-repeat;
		border-bottom:1px dotted #09f;
	}

/*--------------------------------------------------------

	right

--------------------------------------------------------*/
#right {
	width:620px;
	float:right;
}

	/*--------------------------------------------------------

		taifu

	-------------------------------------------------------*/
	.taifu {
		padding: 0 0 1em 0;
	}
	/*--------------------------------------------------------

		index_list

	--------------------------------------------------------*/
	.index_list {
		margin-bottom:25px;
	}
	.index_list h2 {
		margin-bottom:8px;
	}
	.index_list ul {
		margin:0 0 4px 25px;
		list-style:url(img/list_03.png);
	}
	/*--------------------------------------------------------

		icon

	--------------------------------------------------------*/
	#icon {
		padding-top:15px;
		margin:40px 0 30px 0;
		border-top:1px solid #999;
	}
	#icon ul li {
		float:left;
		width:120px;
		height:120px;
		overflow:hidden;
	}
	#icon ul li.icon_margin {
		margin:0 5px 5px 0;
	}
	#icon ul li a {
		display:block;
	}

	/*--------------------------------------------------------

		content

	--------------------------------------------------------*/
	.content {}

	.category_name {
		background:#ffc;
		padding:5px;
		margin-bottom:35px;
		font-size:1.2em;
	}
	.content h2 {
		border:1px solid #ccc;
		border-left:10px solid #066;
		font-size:1em;
		font-weight:normal;
		margin-bottom:40px;
		padding:5px;
	}
	.content h3 {
		background:#f60;
		color:#fff;
		font-size:1em;
		margin-top:20px;
		padding:5px;
		clear:both;
	}
	.content h4 {
		border-left:5px solid #690;
		font-size:1em;
		margin-top:20px;
		padding:4px;
		clear:both;
	}
	.content h5 {
		border-left:3px solid #f90;
		font-size:1em;
		margin-top:20px;
		padding:3px;
		clear:both;
	}
	.content ul {
		line-height:1.8em;
		margin:5px 0 5px 25px;
		list-style:square;
	}
	.content ol {
		line-height:1.8em;
		margin:5px 0 5px 28px;
		list-style:decimal;
	}
	.content table {
		width:600px;
		margin:10px auto 20px auto;
		border-collapse:collapse;
	}
	.content table th {
		border:1px solid #ccc;
		padding:3px;
		background:#eee;
	}
	.content table td {
		border:1px solid #ccc;
		padding:3px;
	}
	.content p {
		margin:5px 0 10px 5px;
		line-height:1.8em;
	}
	.content address {display:none;}
	/*--------------------------------------------------------

		cat

	--------------------------------------------------------*/
	.cat {}
	.cat h2 {
		border:1px solid #ccc;
		border-left:10px solid #066;
		font-size:1em;
		font-weight:normal;
		margin-bottom:40px;
		padding:5px;
	}
	.cat h3 {
		background:#ffc;
		padding:5px;
		margin-top:30px;
		font-size:1.2em;
		font-weight:normal;
	}
	.cat ul li {
		list-style:url(img/list_02.png);
		margin:4px 0 4px 20px;
	}
	/*--------------------------------------------------------

		new_list

	--------------------------------------------------------*/
	.new_list {
		margin-bottom:40px;
		border-bottom:1px solid #999;
	}
	.new_list ul li {
		list-style:url(img/list_03.png);
	}


/*--------------------------------------------------------

	footer

--------------------------------------------------------*/
#footer {
	text-align:center;
	border-top:1px solid #999;
}
#footer p.copy {
	margin:20px 0;
}
#footer address {
	font-style:normal;
}
p.gotop {
	text-align:right;
	margin:10px 0 0 0;
	line-height:0;
}
.back_nav {
	padding:5px;
	text-align:center;
	margin-top:50px;
}

/*slider*/
#slides {
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:950px;
	overflow:hidden;
	position:relative;
	display:none;
	box-shadow:0 0 3px 2px #ccc;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container img {
	width:950px;
	height:300px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:130px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:950px;
}

/*
	Pagination
*/

.pagination {
	margin:10px auto;
	width:100px;
	padding-bottom:20px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}