@charset "UTF-8";
/*
Theme Name: MY THEME 6-6
Author: PICNIC
Description: This is my original theme.
Version: 1.0
*/


/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
 
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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 
body {
    line-height:1;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
 
nav ul {
    list-style:none;
}
 
blockquote, q {
    quotes:none;
}
a 
  {
    content:'';
    content:none;
}
 
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
	color: #000;
}
 
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
 
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
 
del {
    text-decoration: line-through;
}
 
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
 
table {
    border-collapse:collapse;
    border-spacing:0;
}
 
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
 
input, select {
    vertical-align:middle;
}


/* ------------------- ここまでリセット ------------------- */





body	{
	margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background-image: url(img/back.jpg);
	}


p	{
	margin: 0;
	line-height: 100%;
	}
	
/* ------------------- 基本構造 ------------------- */

/* ヘッダーとフッターをバーの形にする設定 */
header	{
	border-bottom: solid 1px #dddddd;
}

footer	{
	border-top: solid 1px #dddddd;
	clear: both;
}

/* ボックスの上下の間隔 */
.sub-header	{
	clear: left;
	padding-left: 1em;
}

.contents	{
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0.5em;
}
.contents	{padding-top: 20px;
	padding-bottom: 20px}

footer	{padding-top: 15px;
	padding-bottom: 15px}

/*@media (min-width: 599px) {*/
@media (max-width: 644px) {
	.sub-header {
	width: 250px;
	float: left;
	}
	.h1_img {
	max-width: 100%;
	height: auto;
	}
	.contents	{
	padding-top: 5px;
}
#contents_index {
	text-align: center;
}
	.sub {
	text-align: center;
	width: 100%;
	float: left;
	padding-bottom: 3em;
}
	.sub p {
	margin-top: 1em;
	margin-bottom: 1em;
}
.copyright 
		{
	text-align: center;
	margin-bottom: 1em;
	margin-top: 2em;
	font-size: 70%;
	font-weight: bold;
	color: #666;
	padding-right: 1em;
}
.footer_about {
	text-align: center;
	width: 100%;
	margin-right: 2em;
	font-size: 80%;
	margin-top: 2em;
	margin-bottom: 1em;
}	
.explanatory {
	font-size: 70%;
	margin-bottom: 0.5em;
	margin-left: 2em;
	line-height: 1.25em;
	text-align: left;
	text-indent: -1em;
	margin-right: 1em;
}

	/* コンテンツとサイドバーの間隔 */
	
	.contents	{
	float: left;
	width: 100%;
	padding-right: 3%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
		
	
	.topic_aticle  {
	background-color: #FFF;
	list-style-type: none;
	padding-bottom: 30px;
	margin-bottom: 20px;
		}
	.topic_aticle p {
	list-style-position: outside;
	list-style-type: none;
	margin-left: 20px;
	margin-bottom: -5px;
	line-height: 130%;
	margin-right: 20px;
	}
	.topic_aticle h5 {
	margin-bottom: 0px;
	font-size: 20px;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 20px;
	}
	
	#topic_aticle1 {
	border: 5px solid #B1D859;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	width: 100%;
	}
	
	#topic_aticle2 {
		border: 5px solid #88B9ED;
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
		width: 100%;
	}
	
	#topic_aticle3 {
		border: 5px solid #FDA4BA;
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
		width: 100%;
	}
	
	#topic_aticle4 {
	border: 5px solid #AA8BC0;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	width: 100%;
	}
	#topic_aticle5 {
	float: left;
	clear: left;
	border: 1px solid #CCC;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	width: 100%;
	background-color: #FFF;
	}
	#div_pad {
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	}
	.text_area {
	width: 100%;
	}
	#mail_btn {
	width: 60%;
	margin-top: 2em;
	text-align: center;
	margin-right: 20%;
	margin-left: 20%;
	}
	#input_back {
	width: 20%;
	margin-left: 1em;
	margin-top: 1em;
	}
	#submit_btn {
	width: 50%;
	text-align: center;
	margin-left: 1em;
	margin-top: 1em;
	}
}

#contents_index a {
	color: #333;
	text-decoration: none;
}
#contents_index a:hover {
	font-weight: bold;
	color: #999;
}

/* ボックスの左右の余白 */
header, footer, .container, 
	{padding-left: 10px;
	padding-right: 10px}

/*@media (min-width: 768px) {*/
@media (min-width: 645px) {
	/* コンテンツとサイドバーを横に並べる設定 */
	.container:after	{
		display: block;
		clear: both}
		
	.sub	{
	float: right;
	width: 25%;
	margin-top: 1em;
}

	.sub p {
	margin-bottom: 15px;
}

	.h1_img {
	max-width: 100%;
	height: auto;
	margin-left: 10px;
	margin-top: -5px;
	}
	img.sub_img  {
   max-width: 100%;
   height: auto;
	}
	
	/* コンテンツとサイドバーの間隔 */
	
	.contents	{
	float: left;
	width: 72%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 1%;
	margin-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DADADA;
	padding-right: 1%;
}
		
.copyright 
		{
	color: #333;
	margin-left: 1em;
	width: 60%;
	text-align: left;
	font-size: 80%;
}
.footer_about {
	text-align: right;
	width: 30%;
	float: right;
	margin-right: 10px;
	font-size: 75%;
	margin-top: 0.3em;
}
.explanatory {
	font-size: 70%;
	margin-bottom: 0.5em;
	margin-left: 2em;
	text-indent: -0.7em;
	line-height: 1.25em;
	text-align: left;
}
	.topic_aticle  {
	list-style-type: none;
	padding-bottom: 25px;
	margin-bottom: 20px;
		}
	.topic_aticle p {
	list-style-position: outside;
	list-style-type: none;
	margin-left: 20px;
	margin-bottom: -5px;
	line-height: 130%;
	}
	.topic_aticle h5 {
	margin-bottom: 0px;
	font-size: 20px;
	margin-left: 20px;
	margin-top: 20px;
	}
	
	#topic_aticle1 {
	float: left;
	border: 5px solid #B1D859;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	width: 40%;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(img/topic_article_img01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 60px;
	}
	
	#topic_aticle2 {
		float: right;
		border: 5px solid #88B9ED;
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
		width: 53%;
		margin-right: 1%;
	background-color: #FFF;
	}
	
	#topic_aticle3 {
		float: left;
		clear: left;
		border: 1px solid #FDA4BA;
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
		width: 40%;
	background-color: #FFF;
	}
	
	#topic_aticle4 {
		float: right;
		clear: right;
		border: 5px solid #AA8BC0;
		border-radius: 10px;        /* CSS3草案 */
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 10px;   /* Firefox用 */
		width: 53%;
		margin-right: 1%;
	background-color: #FFF;
	background-attachment: scroll;
	background-image: url(img/topic_article_img02.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	
	#topic_aticle5 {
	float: left;
	clear: left;
	border: 1px solid #CCC;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	width: 40%;
	background-color: #FFF;
	height: 20px;
	}
	.text_area {
	width: 90%;
	}
	#mail_btn {
	width: 60%;
	margin-top: 3em;
	text-align: center;
	margin-right: 20%;
	margin-left: 20%;
	}
	#input_back {
	margin-top: 3em;
	margin-left: 4em;
	}
	#submit_btn {
	width: 40%;
	text-align: center;
	margin-top: 3em;
	margin-left: 2em;
	}
}

	#topic_aticle1 span {
	font-size: 80%;
	color: #333;
	line-height: 1.7em;
	}


@media (min-width: 1040px) {
	/* 全体の横幅 */
	.container, .header-inner, .footer-inner, .sub-header
		{width: 1000px;
		margin-left: auto;
		margin-right: auto}
}
/* ------------------- ヘッダー ------------------- */


.site h1	{
	font-family: 'Arial Black', sans-serif;
	font-size: 30px;
	text-align: center;
}
/* ------------------- フッター ------------------- */

/* コピーライト */
.site h1	{margin: 0;
	text-align: center;
	color: #666666;
	font-size: 14px}




/* 注意書き */
.attention	{position: relative;
	margin: 40px 0 30px;
	padding: 20px;
	border-radius: 10px;
	border: dotted 2px #ff0000;
	background-color: #ffefef;
	font-size: 14px;
	clear: both}

.attention:before	{position: absolute;
	left: 20px;
	top: -15px;
	content: '\f071';
	background-color: #ffffff;
	color: #ff0000;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1}


/* 投稿日・更新日 */
.kiji-date	{margin-bottom: 20px;
	color: #666666;
	font-size: 12px}
/* 
@media (max-width: 599px) {
	.kiji-date	{font-size: 11px}
}


/* タグ */
.kiji-tag	{margin-bottom: 18px}

.kiji-tag ul	{margin: 0;
	padding: 0;
	list-style: none}

.kiji-tag li a	{display: block;
	margin-right: 5px;
	margin-bottom: 2px;
	padding: 3px 5px;
	border-radius: 2px;
	background-color: #75dbe7;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none}

.kiji-tag li a:hover	{background-color: #94ecf6}

.kiji-tag ul:after	{content: "";
	display: block;
	clear: both}

.kiji-tag li	{float: left;
	width: auto}


/* パンくずリスト */
.bread ol	{margin: 0;
	padding: 0;
	list-style: none}

.bread li a	{display: inline-block;
	padding: 5px 5px;
	color: #888888;
	font-size: 12px;
	text-decoration: none}

.bread li a[href]:hover	{background-color: #eeeeee}

.bread ol:after	{content: "";
	display: block;
	clear: both}

.bread li	{float: left;
	width: auto}

.bread li:after	{content: '\003e';
	margin-left: 2px;
	margin-right: 2px;
	color: #888888}

.bread li:last-child:after	{content: none}

.bread i	{font-size: 14px}

.bread span	{display: inline-block;
	text-indent: -9999px}
/* 
@media (max-width: 599px) {
	.bread li:last-child	{text-indent: -9999px}
}


/* シェアボタン */
.share	{margin-top: 40px;
	clear: both}

.share ul	{margin: 0;
	padding: 0;
	list-style: none}

.share li a	{display: block;
	padding: 8px 17px;
	border-radius: 10px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none}

.share li a:hover	{opacity: 0.8}

.share ul:after	{content: "";
	display: block;
	clear: both}

.share li	{float: left;
	width: auto;
	margin-right: 5px}

.share-tw	{background-color: #55acee}
.share-fb	{background-color: #3b5998}
.share-gp	{background-color: #dd4b39}
/* 
@media (max-width: 599px) {
	.share span	{display: inline-block;
		text-indent: -9999px}

	.share li a	{padding: 8px 10px}
}


/* ページネーション */
.pagination	{margin: 40px 0 30px;
	text-align: center}

.pagination ul	{display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none}

.pagination li a,
.pagination li > span
	{display: block;
	margin: 0 5px;
	padding: 6px 8px;
	border: solid 1px #cccccc;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.pagination li > span
	{background-color: #efefef}

.pagination li a:hover	{background-color: #eeeeee}

.pagination ul:after	{content: "";
	display: block;
	clear: both}

.pagination li	{float: left;
	width: auto}


/* 記事一覧のページネーション */
.pagination-index li .dots
	{padding: 6px 2px;
	border-color: transparent;
	background-color: transparent}
/* 
@media (max-width: 599px) {
	.pagination-index li a,
	.pagination-index li > span
		{margin: 0;
		padding: 6px 7px;
		border-left: none;
		font-size: 12px}

	.pagination-index li:first-child a,
	.pagination-index li:first-child > span
		{border-left: solid 1px #cccccc}

	.pagination-index li .dots
		{border-right-color: #cccccc}
}



/* ------------------- サイドバー ------------------- */

/* メニュー */
.mymenu	{margin-bottom: 30px}

.mymenu h2	{margin-top: 0;
	margin-bottom: 10px;
	border-bottom: solid 2px #dddddd;
	color: #666666;
	font-size: 18px}

.mymenu ul	{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 75px;
}

.mymenu li a	{display: block;
	padding: 10px 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.mymenu li a:hover	{background-color: #eeeeee}


/* サムネイル画像を付けたメニューのデザイン */
.mymenu-thumb li a	{padding: 5px 0;
	border-bottom: dotted 1px #dddddd;
	color: #2288bb}

.mymenu-thumb li a:after	{content: "";
	display: block;
	clear: both}

.mymenu-thumb li .thumb	{float: left;
	width: 60px;
	height: 60px;
	background-size: cover;
	background-position: 50% 50%}

.mymenu-thumb li .text	{float: none;
	width: auto;
	margin-left: 75px}

.mymenu-thumb li span	{display: block;
	color: #666666;
	font-size: 12px}



/* サムネイル画像に文字を重ねたメニュー */
.mymenu-large li a	{position: relative;
	margin-bottom: 10px;
	padding: 0}

.mymenu-large li a:hover	{opacity: 0.8}

.mymenu-large li .thumb	{width: 100%;
	height: 130px;
	background-size: cover;
	background-position: 50% 50%}

.mymenu-large li .text	{position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 10px;
	background-color: rgba(0,0,0,0.5);
	color: #ffffff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

/*

@media (min-width: 400px) and (max-width: 767px) {
	.mymenu-large ul:after	{content: "";
		display: block;
		clear: both}

	.mymenu-large li	{float: left;
		width: 50%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box}

	.mymenu-large li:nth-child(odd) {clear: both;
		padding-right: 7px}

	.mymenu-large li:nth-child(even) {padding-left: 7px}
}



/* 関連記事メニュー */
.mymenu-related	{margin: 40px 0 0;
	padding: 20px;
	border: solid 1px #dddddd;
	background-color: #f6f6f6}

.mymenu-related h2	{padding: 0 0 0 7px;
	border-left: solid 8px #bac6cb;
	border-bottom: none;
	font-size: 20px;
	font-weight: normal}

.mymenu-related h2:before	{content: none}

.mymenu-related li a	{border: none;
	color: #000000}

/*

@media (max-width: 599px) {
	.mymenu-related	{padding: 10px}

	.mymenu-related li .thumb	{width: 80px;
		height: 50px}

	.mymenu-related li .text	{margin-left: 95px}
}


/*

@media (min-width: 600px) {
	.mymenu-related ul:after	{content: "";
		display: block;
		clear: both}

	.mymenu-related li	{float: left;
		width: 25%;
		padding: 0 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box}

	.mymenu-related li .thumb	{width: 100%;
		height: 80px;
		margin-bottom: 5px}

	.mymenu-related li .text	{margin-left: 0}
}


/* ------------------- 画像 ------------------- */

/* 画像のキャプション */
.wp-caption-text	{margin: 0;
	color: #666666;
	font-size: 10px;
	text-align: center}

.wp-caption-text a	{color: #666666}

/* 画像の配置 */
.aligncenter	{display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto}
	
/*

@media (max-width: 599px) {
	.alignleft, .alignright	{display: block;
		margin-top: 30px;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto}
}

@media (min-width: 600px) {
	.alignleft	{float: left;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-right: 30px}

	.alignright	{float: right;
		margin-top: 10px;
		margin-bottom: 20px;
		margin-left: 30px}
}


/* ------------------- カテゴリー／タグ ------------------- */

.contents > h1	{margin-top: 0;
	font-size: 34px}

/*

@media (max-width: 599px) {
	.contents > h1	{font-size: 22px}

	.archive .bread li:last-child	{text-indent: 0}
}




/* ------------------- ナビゲーションメニュー ------------------- */

#mainmenu	{display: none}

.mainmenu ul	{margin: 0;
	padding: 0;
	list-style: none}

.mainmenu li a	{display: block;
	padding: 10px 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.mainmenu li a:hover	{background-color: #eeeeee}


/* トグルボタン */
.header-inner	{
	position: relative;
}
/* サイト名 */
.header-inner {
	background-image: url(img/h1b.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
}

#navbtn	{position: absolute;
	top: 15px;
	right: 0;
	padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	cursor: pointer}

#navbtn:hover	{background-color: #dddddd}

#navbtn:focus	{outline: none}

#navbtn i	{
	color: #888888;
	font-size: 18px
}

#navbtn span	{display: inline-block;
	text-indent: -9999px}
	
h2 {
	margin-bottom: 0.5em;
}

@media (min-width: 790px) {
	/* サイト名とナビゲーションメニューを横に並べる設定 */
	.header-inner:after	{content: "";
		display: block;
		clear: both}

.header-inner
		{
	/*text-align: left;*/
	height: 160px;
}

/* サイト名 */
.header-inner {
	background-image: url(img/h1.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
}
	.site	{
	width: 380px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	float: left;
}

	.sitenav	{float: right;
		width: auto}

	/* ナビゲーションメニューのリンクを横に並べる設定 */
	#mainmenu	{display: block !important}

	.mainmenu	{margin-top: 10px}

	.mainmenu ul:after	{content: "";
		display: block;
		clear: both}

	.mainmenu li	{float: left;
		width: auto}

	.mainmenu li a	{padding: 10px 15px}

	/* トグルボタン */
	#navbtn	{display: none}
}

/* 各コンテンツコンテンツ */

/*@media (min-width: 599px) {*/
@media (max-width: 644px) {

	img.contents_img_size1  {
   max-width: 100%;
   height: auto;
	}
}
/*@media (min-width: 768px) {*/
@media (min-width: 645px) {
	/* 設定 */
	
	.contents_h2_img	{
	}
	img.contents_img_size1  {
   max-width: 100%;
   height: auto;
	}
}


/*@media (min-width: 599px) {*/
@media (max-width: 644px) {

	#contents_h2 h2 {
	font-size: 18px;
	margin-bottom: 101px;
	}
}

/*@media (min-width: 768px) {*/
@media (min-width: 645px) {
	/* 設定 */
	
	.contents_h2 h2 {
	font-size: 21px;
	margin-bottom: 10px;
	}
	
}
/*@media (min-width: 599px) {*/
@media (max-width: 544px) {
	/* 設定 */

/*コンテンツページングリンクcss*/
	#paging {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	line-height: 200%;
	margin-bottom: 80px;
	color: #666;
	}
	
	#paging span {
	display: block;
	clear: both;
	}
	#paging span a {
	color: #666;
	}
	
	#paging span a:hover {
	color: #3C3;
	}
	
}
/*@media (min-width: 768px) {*/
@media (min-width: 545px) {
	/* 設定 */
/*コンテンツページングリンクcss*/
	#paging {
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 80px;
	color: #666;
	}
	
	#paging span a {
	color: #666;
	}
	#paging span a:hover {
	color: #3C3;
	}
}

	.contents_h2_copy {
	margin-bottom: 30px;
	line-height: 150%;
	margin-top: 5px;
	}
	
	.contents_h3_div {
	margin-bottom: 80px;
	}
	
	.contents_h3_div p {
	font-size: 15px;
	margin-bottom: 30px;
	line-height: 130%;
	}
	
	.contents_h3 {
	margin-bottom: 10px;
	line-height: 140%;
	}
	
	#h2_0102 {
	background-attachment: scroll;
	background-image: url(img/contents_h2_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	}


/*@media (min-width: 599px) {*/
@media (max-width: 644px) {

	#h2_0102 h2 {
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 150%;
	}
	.contents_h3_div h2 {
	font-size: 21px;
	margin-bottom: 10px;
	}
}

/*@media (min-width: 768px) {*/
@media (min-width: 645px) {
	/* 設定 */
	
	#h2_0102 h2 {
	font-size: 21px;
	margin-bottom: 10px;
	line-height: 150%;
	}
	
	.contents_h3_div h2 {
	font-size: 21px;
	margin-bottom: 10px;
	}
}

	h2 span {
	font-size: 80%;
	}
	
.floatbox {
	    top: 200px;
	    position: fixed;
	    z-index: 999;
	    margin-left:-160px;
	    width: 120px;
	    padding:10px;
	    background:#acd5d5;
	    border-radius: 5px 5px 5px 5px;
	height: 80px;
	width: 80px;
	clip: rect(auto,auto,auto,auto);
}
.float_right {
	float: right;
}
#float_right {
	float: right;
}
.float_left {
	float: left;
}
.contents_copy_per80 {
	font-size: 80%;
}
.contents_click {
	color: #F60;
	margin-bottom: 50px;
	margin-top: 5px;
	margin-left: 10px;
	font-size: 90%;
}
.contents_click a {
	color: #F60;
	text-decoration: none;
}
.contents_click a:hover {
	color: #CD5200;
}



@media (max-width: 820px) {
	.prefecture_div {
	margin-left: 1em;
	}
}
@media (min-width: 821px) {
	.prefecture_div {
	width: 50%;
	float: left;
	}
}
.prefecture_div {
	font-size: 90%;
}

.prefecture hr {
	background-color: #666;
	border: none
	margin-bottom: 1.5em;
	width: 95%;
}

.prefecture h4 {
	background-color: #7DA448;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
	color: #FFF;
	letter-spacing: 1em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-right: 10px;
}
.prefecture h5 {
	text-align: center;
	font-weight: normal;
	background-color: #C6DCAF;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	letter-spacing: 0.8em;
	color: #3F580A;
	margin-right: 10px;
}
.prefecture h6 {
	text-indent: -1em;
	line-height: 1.3em;
	margin-left: 2em;
}

.prefecture_reference {
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	line-height: 1.2em;
	}
.prefecture_ul {
	font-size: 90%;
	text-indent: -1em;
	margin-left: 1.5em;
	line-height: 1.3em;
	margin-bottom: 1em;
	padding-left: 0.5em;
	padding-right: 1em;
	padding-top: 0.5em;
}
.prefecture_p {
}
.prefecture li {
	list-style-type: none;
}
.clear_both {
	clear: both;
}
#paging {
	margin-top: 5em;
	clear: both;
}

.topic_sub_div {
	background-color: #E2F9FF;
	padding-bottom: 1em;
	border: 1px solid #88B9ED;
	line-height: 0.7em;
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: 0em;
	margin-left: 1em;
}

#sidebar {
	width: 80px;
	height: 80px;
	float: right;
	/*background-image: url(img/tag_chotatu.png);*/
}
.sidebar_chotatu {
	background-image: url(img/tag_chotatu.png);
}
.sidebar_sisyutu {
	background-image: url(img/tag_sisyutu.png);
}

/*@media (max-width: 644px) {*/
@media (max-width: 820px) {
#sidebar {
	width: 120px;
	height: 35px;
	float: right;
	/*background-image: url(img/tag_chotatu_mini.png);*/
	margin-top: 5px;
	margin-right: 5px;
}
.sidebar_chotatu {
	background-image: url(img/tag_chotatu_mini.png);
}
.sidebar_sisyutu {
	background-image: url(img/tag_sisyutu_mini.png);
}
}

.loan_ex {
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	padding-bottom: 10px;
	line-height: 140%;
	padding-left: 10px;
}
.prefecture_img {
	margin-left: 0.5em;
}
.prefecture_note {
	font-size: 70%;
	width: 98%;
	text-align: right;
}
.br_div {
	clear: both;
}
.fukushi_contact h5	{
	margin-bottom: 0.7em;
}
.fukushi_contact {
	clear: both;
	padding: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}

.fukushi_contact div {
	margin-left: 1em;
	clear: left;
}
.fukushi_contact div p {
}
.fukushi_01 {
	width: 5em;
	float: left;
}
@media (min-width: 361px) {
.fukushi_02 {
	float: left;
	width: 60%;
	margin-bottom: 0.75em;
}
}
@media (max-width: 360px) {
.fukushi_02 {
	float: left;
	width: 100%;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

.fukushi_03 {
	width: 13em;
	float: left;
	margin-bottom: 1.5em;
}
.fukushi_04 {
	float: left;
	width: 12em;
}
.fukushi_05 {
	width: 10em;
	float: left;
	margin-bottom: 1em;
}
.fukushi_note {
	font-size: 70%;
	margin-left: 1.3em;
	clear: both;
	margin-top: 1em;
	float: left;
	margin-bottom: 2em;
}
}

.shougakukin_h2 {
	line-height: 140%;
}
.per80 {
	font-size: 80%;
}

.link_click {
	color: #69C;
	font-size: 90%;
	font-weight: bold;
}

#co_info_list {
}

.co_info_th {
	background-color: #E9F3D4;
	width: 7em;
	text-align: right;
	color: #608548;
	padding-top: 0.25em;
	padding-right: 1em;
	padding-bottom: 0.25em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

.co_info_td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-left: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-right: 1em;
}
.co_info_td p {	
    font-weight: normal;
	font-size: 90%;
	line-height: 1.25em;
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #4F2700;
	border-left-color: #666;
	margin-bottom: 3em;
}

#inquiry_chk_back {
	line-height: 170%;
	margin-left: 1em;
	font-size: 95%;
}

#inquiry_chk_back p {
	line-height: 150%;
	text-indent: -1em;
	font-size: 90%;
	margin-left: 1em;
}
.mailchk_div {
	margin-left: 1em;
	margin-top: 3em;
}
#header-back {
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url(img/header_back.png);
	background-repeat: repeat-x;
	background-position: center top;
}

@media screen and (max-width: 645px) {

.header-inner {
	background-image: url(img/h1c.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
}
}