/*** for PC Browser ***/
@media (min-width:401px)
{
<!--/* CSS Document 　　表示用のスタイルシート部分です。（PCブラウザ用）*/-->				
				
<style type="text/css">  				
<!-- 				
@charset "UTF-8";				
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{				
    margin:0;				
    padding:0;				
}				

@import url("https://fonts.googleapis.com/css?family=Lato%3A400%2C700%7CNoto+Sans+JP%3A400%2C700&#038;ver=5.3.2");


body {				
	letter-spacing:1px;
        width:850px;
	margin-right: auto;			
	margin-left : auto;			
	font-family:Lato, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;	
	font-size:16px;			
	color:#3c342a;			
}

				
ol,ul {				
    list-style:none;				
}				
				
h1,h2,h3,h4,h5,h6 {				
    font-size:100%;				
    font-weight:bold;				
}			

				
.clearfix {				
	zoom:1;			
}				

				
.clearfix:after {				
	content: "";			
	display: block;			
	clear: both;			
}				
		
				
.pt8 {				
	padding-top:8px !important;			
}				
				
.pt10 {				
	padding-top:10px !important;			
}				
				
.pb10 {				
	padding-bottom:10px !important;			
}				

.pb20 {				
	padding-bottom:20px !important;			
}				
				
.pb30 {				
	padding-bottom:30px !important;			
}				

.pb40 {				
	padding-bottom:40px !important;			
}				

.pb50 {				
	padding-bottom:50px !important;			
}				
				
.mb10 {				
	margin-bottom:10px !important;			
}				

.mb20 {				
	margin-bottom:20px !important;			
}				
				
.mb30 {				
	margin-bottom:30px !important;			
}				

.mb40 {				
	margin-bottom:40px !important;			
}				

.mb50 {				
	margin-bottom:50px !important;			
}				
				
.mt10 {				
	margin-top:10px !important;			
}				

.mt20 {				
	margin-top:20px !important;			
}				

.mt30 {				
	margin-top:30px !important;			
}				
				
#wrapper {				
	border-top:5px solid #453D33;			
	width:100%;
        letter-spacing:1px;
	margin-right : auto;	
	margin-left : auto;			
	font-family:Lato, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;			
	font-size:16px;			
	color:#3c342a;				
}

		
				
#contents {				
	width:100%;			
	margin:10px 0 0 auto;			
	background-color:#fff;			
	border-radius: 10px;			
	-webkit-border-radius: 10px;			
	-moz-border-radius: 10px;			
}				
				
#contents .inner {				
	text-align:left;
        padding:5px;			
}				
				
#contents h3 {				
	font-size:32px;			
	font-weight:bold;			
}				

#contents h3 span {				
	font-size:20px;			
}				

#contents p {				
	padding:2px 1px;			
}				
				
#contents .contentsBox {				
	padding:3%;			
}				

h2 {				
	font-size:30px;			
	text-indent:15px;			
/*
	line-height:50px;			
*/				
	padding-bottom:5px;			
	border-bottom:1px dashed #dedddb;			
	margin-bottom:10px;
        margin-left:1em;
}				

h3 {				
	font-size:30px;			
	text-indent:25px;			
	line-height:50px;			
	padding-bottom:5px;			
	border-bottom:1px dashed #dedddb;
	margin-bottom:10px;			
}

h4 {				
	font-size:30px;			
	text-indent:35px;			
	line-height:50px;			
	padding-bottom:5px;			
	border-bottom:1px dashed #dedddb;
	margin-bottom:5px;			
}
				
.green-banner {				
	color: #ffffff ;			
	background: #17b832;			
	line-height: 1;			
	margin:10px 2px;			
	padding: 10px 5px 10px 5px;			
	border-radius: 5px ;			
}				
				
.blue-banner {				
	color: #ffffff ;			
	background: #0c5fad;			
	line-height: 1;			
	margin:10px 2px;			
	padding: 10px 5px 10px 5px;			
	border-radius: 5px ;			
}				

.cornflowerblue-banner {				
	color: #ffffff ;			
	background: #6495ED;			
	line-height: 1;			
	margin:10px 2px;			
	padding: 10px 5px 10px 5px;			
	border-radius: 5px ;			
}

.lightblue-banner {				
	color: #000000 ;			
	background: #B0C4DE;			
	line-height: 1;			
	margin:10px 2px;			
	padding: 10px 5px 10px 5px;			
	border-radius: 5px ;			
}

.adjust { 
        margin-bottom:2em;
}
			
.spBox {				
	margin:40px 2% 40px 2%;	
	border-radius: 4px;			
	-webkit-border-radius: 4px;			
	-moz-border-radius: 4px;			
}				

.spBox.green {				
	width:100%;
        border:1px solid #17b832;			
	background-color: #17b832;			
}				
				
.spBox.blue {	
	width:100%;			
	border:1px solid #0c5fad;			
	background-color: #0c5fad;			
}				
				
			
.spBox dd {				
	line-height: 1.02;			
	width:90%;			
	padding-left:4%;			
	padding-right:2%;			
	padding-bottom:1%;	
}			
/* 				
	float:left;			
 */	


.spBox dt {	
	width:100%;				
	line-height: 1.02;			
	font-size:22px;			
	padding:1% 1px 1% 1px;			
}				

.spBox.green dt,				
.spBox.green dd span {				
	color:#17b832;			
}				

.spBox.blue dt,				
.spBox.blue dd span {				
	color:#0c5fad;			
}				

.spBox.blue .inner {	
	background-color:#efefff;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}	

.spBox.green .inner {	
	background-color:#ffffea;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}			

.spBox ul {
        margin: 0 0 0 1em;
        padding:0;
        /*
        padding:1px 1px 1px 3%;
        */
}				
				
.spBox li {
	box-sizing:border-box;        
	width:98%;
        text-align:left;
        color:#fff;
        line-height:1.1;
        font-size:20px;
}

.spBox li span {
	font-size:32px;
}


.spBox ul li {
	padding-left:0px;
}



/*dtのタイトル部分のリンクの下線を非表示化*/

/*
a {
    text-decoration: none;
}
*/


/* dtのタイトル部分のリンクをマウスオーバー時に色変更＋下線表示*/

.spBox a:hover{
    opacity: 0.2;
    background-color: #7f7fff;

/*
    text-decoration: underline;
*/

}

				
-->  				
</style>
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
<!--/* CSS Document 　　表示用のスタイルシート部分です。（スマートフォン用）*/-->				
				
<style type="text/css">  				
<!-- 				
@charset "UTF-8";				
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{			
    margin:0;				
    padding:0;				
}				

@import url("https://fonts.googleapis.com/css?family=Lato%3A400%2C700%7CNoto+Sans+JP%3A400%2C700&#038;ver=5.3.2");


body {				
	font-family:Lato, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;	
}

				
ol,ul {				
    	list-style:none;
	/*(Android標準ブラウザ対応の行折れ回避設定)
	-----------------------------------------*/
	background-image:url(http://db.pref.tottori.jp/shisaku_joho.nsf/space.gif);			
}				
				
h1,h2,h3,h4,h5,h6 {				
    	font-size:100%;				
    	font-weight:bold;
	/*(Android標準ブラウザ対応の行折れ回避設定)
	-----------------------------------------*/
	background-image:url(http://db.pref.tottori.jp/shisaku_joho.nsf/space.gif);			
}				
				
.clearfix {				
	zoom:1;			
}				
				
.clearfix:after {				
	content: "";			
	display: block;			
	clear: both;			
}				
				
.pt8 {				
	padding-top:4px !important;			
}				
				
.pt10 {				
	padding-top:10px !important;			
}				
				
.pb10 {				
	padding-bottom:10px !important;			
}				
.pb20 {				
	padding-bottom:20px !important;			
}				
				
.pb30 {				
	padding-bottom:30px !important;			
}				

.pb40 {				
	padding-bottom:40px !important;			
}				

.pb50 {				
	padding-bottom:50px !important;			
}				
				
.mb10 {				
	margin-bottom:10px !important;			
}				

.mb20 {				
	margin-bottom:10px !important;			
}				
				
.mb30 {				
	margin-bottom:30px !important;			
}				

.mb40 {				
	margin-bottom:40px !important;			
}				

.mb50 {				
	margin-bottom:50px !important;			
}				
				
.mt10 {				
	margin-top:10px !important;			
}				

.mt20 {				
	margin-top:20px !important;			
}				

.mt30 {				
	margin-top:30px !important;			
}				
				
#wrapper {				
	border-top:5px solid #453D33;			
	width:100%;
	color:#3c342a;				
}					
				
#contents {				
	width:100%;			
	margin:0px auto 0 auto;			
	background-color:#fff;			
	border-radius: 5px;			
	-webkit-border-radius: 5px;			
	-moz-border-radius: 5px;			
}				
				
#contents .inner {				
	padding:2px;			
	/*(Android標準ブラウザ対応の行折れ回避設定)
	-----------------------------------------*/
	background-image:url(http://db.pref.tottori.jp/shisaku_joho.nsf/space.gif);
}				
				
#contents h3 {				
	font-size:22px;			
	font-weight:bold;			
	/*(Android標準ブラウザ対応の行折れ回避設定)
	-----------------------------------------*/
	background-image:url(http://db.pref.tottori.jp/shisaku_joho.nsf/space.gif);
}				

#contents h3 span {				
	font-size:16px;			
	/*(Android標準ブラウザ対応の行折れ回避設定)
	-----------------------------------------*/
	background-image:url(http://db.pref.tottori.jp/shisaku_joho.nsf/space.gif);
}				

#contents p {				
	padding:2px 1px;			
	/*(Android標準ブラウザ対応の行折れ回避設定)
	-----------------------------------------*/
	background-image:url(http://db.pref.tottori.jp/shisaku_joho.nsf/space.gif);
}				
				
#contents .contentsBox {				
	padding:3%;			
	/*(Android標準ブラウザ対応の行折れ回避設定)
	-----------------------------------------*/
	background-image:url(http://db.pref.tottori.jp/shisaku_joho.nsf/space.gif);
}				
				
h2 {				
	font-size:20px;			
/* 
	text-indent:25px;			
	line-height:50px;			
*/				
	padding-bottom:5px;			
	border-bottom:1px dashed #dedddb;			
	margin-bottom:10px;			
	/*(Android標準ブラウザ対応の行折れ回避設定)
	-----------------------------------------*/
	background-image:url(http://db.pref.tottori.jp/shisaku_joho.nsf/space.gif);
}				

h3 {				
	font-size:20px;			
/* 
	text-indent:25px;			
	line-height:50px;			
*/				
	padding-bottom:5px;			
	border-bottom:1px dashed #dedddb;			
	margin-bottom:10px;			
	/*(Android標準ブラウザ対応の行折れ回避設定)
	-----------------------------------------*/
	background-image:url(http://db.pref.tottori.jp/shisaku_joho.nsf/space.gif);
}	
			
h4 {				
	font-size:20px;			
/* 
	text-indent:25px;			
	line-height:50px;			
*/				
	padding-bottom:5px;			
	border-bottom:1px dashed #dedddb;			
	margin-bottom:10px;
	/*(Android標準ブラウザ対応の行折れ回避設定)
	-----------------------------------------*/
	background-image:url(http://db.pref.tottori.jp/shisaku_joho.nsf/space.gif);			
}
								
.green-banner {				
	color: #ffffff ;			
	background: #17b832;			
	line-height: 1;			
	margin:2px 2px;			
	padding: 2px 2px 2px 2px;			
	border-radius: 5px ;			
}				
				
.blue-banner {				
	color: #ffffff ;			
	background: #0c5fad;			
	line-height: 1;			
	margin:2px 2px;			
	padding: 2px 2px 2px 2px;			
	border-radius: 5px ;			
}				

.cornflowerblue-banner {				
	color: #ffffff ;			
	background: #6495ED;			
	line-height: 1;			
	margin:10px 2px;			
	padding: 10px 5px 10px 5px;			
	border-radius: 5px ;			
}

.lightblue-banner {				
	color: #000000 ;			
	background: #B0C4DE;			
	line-height: 1;			
	margin:10px 2px;			
	padding: 10px 5px 10px 5px;			
	border-radius: 5px ;			
}

.adjust { 
        margin-bottom:2em;
}
				
.spBox {				
	margin:2px 2% 10px 2%;			
	border-radius: 2px;			
	-webkit-border-radius: 2px;			
	-moz-border-radius: 2px;			
}				

.spBox.green {	
        width:100%;			
	border:1px solid #17b832;			
	background-color: #17b832;			
}				
				
.spBox.blue {
        width:100%;				
	border:1px solid #0c5fad;			
	background-color: #0c5fad;			
}				
				
.spBox dt {				
	line-height: 1.02;
	font-size:22px;				
	width:100%;
	padding:1% 1px 1% 1px;				
/* 				
	float:left;			
 */				
}				

.spBox dd {				
	line-height: 1.02;
	width:80%;			
	padding-left:2px;			
	padding-right:2%;			
	padding-bottom:1%;				
}				

.spBox.green dt,				
.spBox.green dd span {				
	color:#17b832;			
}				

.spBox.blue dt,				
.spBox.blue dd span {				
	color:#0c5fad;			
}				

.spBox.blue .inner {	
	background-color:#efefff;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}	

.spBox.green .inner {	
	background-color:#ffffea;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}					

.spBox ul {
	margin: 0 0 0 1em;
	padding:0;
	/*(Android標準ブラウザ対応の行折れ回避設定)
	-----------------------------------------*/
	background-image:url(http://db.pref.tottori.jp/shisaku_joho.nsf/space.gif);
	/*
	padding:1px 1px 1px 3%;
	*/
}				

.spBox li {				
	float:left;
	box-sizing:border-box;			
	width:98%;			
	text-align:left;			
	color:#fff;			
	line-height:1.02;			
	font-size:18px;
	/*(Android標準ブラウザ対応の行折れ回避設定)
	-----------------------------------------*/
	background-image:url(http://db.pref.tottori.jp/shisaku_joho.nsf/space.gif);
		
}
				
.spBox li span {				
	font-size:22px;
	/*(Android標準ブラウザ対応の行折れ回避設定)
	-----------------------------------------*/
	background-image:url(http://db.pref.tottori.jp/shisaku_joho.nsf/space.gif);			
}	


.spBox ul li {				
	padding-left:0px;			
}				



/*dtのタイトル部分のリンクの下線を非表示化*/

/*
a {
    text-decoration: none;
}
*/


/* dtのタイトル部分のリンクをマウスオーバー時に色変更＋下線表示*/

.spBox a:hover{
    opacity: 0.2;
    background-color: #7f7fff;

/*
    text-decoration: underline;
*/

}

				
-->  				
</style>
}