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

/*　タブレット対応
***********************************************/
@media screen and ( min-width: 769px ) {
.sp { display: none}
footer.sp{ display: none;}
div#indexMainContents , div#firstWrap {
	width: 100%;
}

div#firstWrap section#topics{
	width: 49%;
	height: auto;
	float: left;
}

div#maile_soudan {
	width: 98%;
	border: dotted 2px #0000FF;
	padding: 6px;
	margin-bottom: 10px;
	line-height: 1.5;
	background-color: ivory;
}
div#secondWrap{
	width: 100%;
}

}

/*　タブレット対応
***********************************************/
@media only screen and ( max-width:768px ) {
.pc {display: none;}

div#indexMainContents , div#firstWrap {
	width: 100%;
}

div#firstWrap section#topics{
	width: 49%;
	height: auto;
	float: left;
}

div#maile_soudan {
	width: 98%;
	border: dotted 2px #0000FF;
	padding: 6px;
	margin-bottom: 10px;
	line-height: 1.5;
	background-color: ivory;
}
div#secondWrap{
	width: 100%;
	margin-top: 10px;
}

/* 耳恋・課外授業　宮崎こころの保健室 -------------------------------------*/
.mimikoi_b a { display: block; width: 100%; height: auto;}



body { width: 100%; color: #333333;}

div#wrapper{
	width: 95%;
	height: auto;
	margin: 0 auto;
	/*padding: 0 3em 0 3em;*/
	/*display: table;*/
}

div#wrapper header{
	width: 100%;
	padding: 0;
	margin: 0;
}

div#wrapper header h1{
	float: none;
}
div#wrapper header p{
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: none;
}
div#firstWrap section#topics h1 {
	margin-bottom: 0;
}
img {
	width: 100%;
	height: auto;
}

/* 耳恋・課外授業　宮崎こころの保健室 -------------------------------------*/
.mimikoi_b { width: 100%; height: auto; margin-bottom: 10px;}
.mimikoi_b img {width: 100%; display: block; }

/*　新着情報
------------------------------------*/
div#firstWrap section#topics{
	width: 100%;/*470px*/
	height: auto;
	float: none;
	padding-bottom: 2em;
}

div#firstWrap section#topics img{
	width: auto;	/* 25% */
	height: auto;
	margin: 0em;
	padding: 10px 0 10px 10px;
}

/*　新着情報　日付
--------------------------*/
div#firstWrap section#topics dl dt{
	font-size: 14px;
	float: none;	
	font-family: monospace;
	line-height: 0;
	padding: 1.8em 0 0.5em;
}

/*　新着情報　テキスト
--------------------------*/
div#firstWrap section#topics dl dd{
	font-size: 15;
	width: 95%;
	padding-left: 0px;/*90px*/
}

/*　ストレス対処タイプ診断
------------------------------------*/
div#firstWrap p.rBnr {float: none;	padding-bottom: 15px;}

.rBnr2 { width: 100%; float: none;	padding-bottom: 20px;}

/*-------------------------------------*/
div#secondWrap{
	width: 100%;/*960px*/
	padding-bottom: 10px;
}

div#secondWrap ul#sBanner{ margin: 0 auto; float: none;}
div#secondWrap ul#sBanner li{
	width: 23%;
	height: auto;
	margin: 0 0 10px 0;
	display: block;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
}
div#secondWrap ul#sBanner .pc { display: none;}

/*
.clear { clear: both;}
.mob_box1 { padding-left: 2.5em;}
.mob_box2{ padding-bottom: 1.5em;}
*/
div#secondWrap ul#sBanner li:first-child{ margin-left: 0;}

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

div#secondWrap ul#ssBanner{ float: none;}
div#secondWrap ul#ssBanner li{
	width: 45%;
	float: left;
	padding-left: 2em;
}


ul li.seiho { padding-bottom: 15px;}

/*div#secondWrap ul#ssBanner li:first-child{ margin-bottom: 1em;}*/


/*フッター-------------------------------------*/

footer{
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 0 10px;
	display: table;
}

footer small#copyright{
	width: 100%;/*980px*/
	text-align: center;
	margin: 0 auto;	
	display: block;
	border-top: 1px solid #cccccc;
	padding: 15px 0;
}

footer nav#fNavi{ display: none;}


/*下層ページ-------------------------------------*/
div#mainContents{
	width: 100%;
	height: auto;
	padding: 0px;
	display: table;
}

div#mainContents div#leftContents{
	width: 100%;
	float: none;
}

div#mainContents aside{
	width: 100%;
	float: none;
	display: inline;
}

div#mainContents aside ul li{
	margin-bottom: 14px;
}

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

div#mainContents div#leftContents h1.pageTitle{
	margin-bottom: 0px;
}

div#mainContents div#leftContents {
	margin-bottom: 0;
}

section h1.mainImg {
	margin-bottom:10px; 
}
/*　下層　テーブル上テキスト
-------------------------------------*/

.sp_text {
	font-size: 1.2em;
    display: block;
    line-height: 1.5;
    text-align: justify;
	margin: 1em 0;
}
.sp_text2 {
	font-size: 1.2em;
    display: block;
    line-height: 1.5;
    text-align: justify;
}


div#leftContents section span.txtS {
	font-size: 1.2em;/*25pt*/
    display: block;
    line-height: 1.5;
    text-align: justify;
	border: solid #000000;
}

/*　下層　テーブル内のテキスト
-------------------------------------*/


/*　下層　ストレス対処
-------------------------------------*/
table {
	width: 100%;
	height: auto;
	display: table;
	border: solid 1px #000;
}
td.number {/*番号*/
	width: 6%;
	height: auto;
	font-size: 16px;/*25pt*/
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border: solid 1px #000;
}
td.tb_text {
	font-size: 13px;/*25pt*/
	padding: 10px 0 10px 10px;
	border: solid 1px #000;
	line-height: 1.5;
}

span.input_text {
	margin-right: 10px;
}
span.input_text2 { margin: 0 25px;}

span.input_text3 { margin: 0 0 0 25px;}

input[type=radio] {/*ラジオボタンの大きさ*/
    width: 15px;
    height: 15px;
	margin-right: 15px;
    vertical-align: 0px;
}

#checkSheetTable th.thTitle {
    background: #d6e6ae none repeat scroll 0 0;
    border-left: 1px solid #000;
	font-size: 18px;/*30pt*/
    line-height: 1.5;
    padding: 10px 0 10px 10px;
    text-align: left;
	color: #539a35;
}
section#checkBlock #checkSheetTable{
	width: 100%;
	margin-bottom: 0px;
}

section#checkBlock #checkSheetTable td{
	text-align: center;
	padding: 0px;
	font-size: 12px;
    border-left: 1px solid #FF0000;
}
tr:nth-child(1n-1) {/*奇数*/
 background: #e7f3db;
}

tr:nth-child(2n-1) {/*偶数*/
 background: #cee3bc;
}

section#checkBlock #checkSheetTable td input{
	border: 1px solid #FF0000;
	background: none;
	padding: 0;
	border: none;
	font-size: x-large;
}

section#checkBlock #checkSheetTable tr.even td { background: #CEE3BC; border: solid 1px #FF0000;}
section#checkBlock #checkSheetTable tr.odd td { background:#E7F3DB;}

div#leftContents section span.txtS{
	line-height:0;
	font-size: 12px;
	display: block;
	margin-bottom: 0;
	padding-left: 0;
}


/*　ストレス対処・タイプ診断　タイプ①
-------------------------------------*/
/* section#otherType */

strong.titOther{
	display: block;
	margin: 30px 0 10px 0px;
	background: url(/img/share/bg_optique.gif) repeat 0 0;
	padding: 13px 13px 13px 20px;
}

section#otherType{
	width: 100%;
	height: auto;
	margin-top: 0px;
	padding-left: 0px;
	padding-bottom: 0em;
	clear: both;
}

section#otherType ul{
	width: auto;
	padding: 0 0 0em 0;
}

section#otherType ul li{
	width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	padding: 0px 0 0 0;
	margin-bottom: 20px;
	letter-spacing: 1px;
	color: #666666;
}

section#otherType ul li a{
	color: #666666;
	padding: 0 0 0 0px;
	display: block;

	min-height: 0px;
	height: auto !important;
	height: 34px;/*34px*/
	text-decoration: none;
}


section#otherType2{
	width: 100%;
	height: auto;
	margin-top: 50px;
	padding-left: 0px;
	padding-bottom: 2em;
	clear: both;
}

section#otherType2 ul{
	width: auto;
	padding: 0 0 0em 0;
}

section#otherType2 ul li{
	width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	padding: 0px 0 0 0;
	margin-bottom: 20px;
	letter-spacing: 1px;
	color: #666666;
}

section#otherType2 ul li a{
	color: #666666;
	padding: 0 0 0 0px;
	display: block;

	min-height: 0px;
	height: auto !important;
	height: 34px;/*34px*/
	text-decoration: none;
}

section#otherType2 ul li:nth-child(1) a { background: none;}
section#otherType2 ul li:nth-child(2) a { background: none;}
section#otherType2 ul li:nth-child(3) a { background: none;}
section#otherType2 ul li:nth-child(4) a { background: none;}
section#otherType2 ul li:nth-child(5) a { background: none;}


section#otherType2 ul li:nth-child(1) span.kaihi { padding: 20px 0;}
section#otherType2 ul li:nth-child(2) span.kaihi { padding: 20px 0;}
section#otherType2 ul li:nth-child(3) span.kaihi { padding: 20px 0;}
section#otherType2 ul li:nth-child(4) span.kaihi { padding: 20px 0;}
section#otherType2 ul li:nth-child(5) span.kaihi { padding: 15px 0;}




span.kaihi {
	width: 10%;
	height: auto;
	font-size: 14px;
	line-height: 0;
	color: #4794d1;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-color: #d7edf4;

    -webkit-border-top-left-radius: 15px;  
    -webkit-border-top-right-radius: 15px;  
    -webkit-border-bottom-right-radius: 15px;  
    -webkit-border-bottom-left-radius: 15px;  
    -moz-border-radius-topleft: 15px;  
    -moz-border-radius-topright: 15px;  
    -moz-border-radius-bottomright: 15px;  
    -moz-border-radius-bottomleft: 15px;
}

section#otherType2 span.typ_text {
	width: 20%;
	height: auto;
	font-size: 13px;
	margin: 0px;
	padding: 0 0 0px 10px;
    line-height: 1.5;
	color: #000000;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}


span.sp_typ1-A {
	width: auto;
	font-size: 20px;
	margin: 0;
	padding: 0 0 0 5px;
	display: list-item;
	list-style-position: inside;
	line-height: 1.5;
	color: #00a395;
}

.sp_typ1-B {
	width: auto;
	font-size: 20px;
	margin: 0;
	padding: 0 0 0 5px;
	display: list-item;
	list-style-position: inside;
	line-height: 1.5;
	color: #4593d0;
}

span#commonMsg {
    display: block;
    padding: 10px 12px;
    border: 1px dotted #86B2E0;
    font-size: 14px;
    margin-top: 10px;
}


li.btnNext_more {
	width: 100%;
	padding-bottom: 3em;
}
li.btnNext {
	width: 100%;
}






/*　下層　次へ進む
-------------------------------------*/
p#btnNext {
	width: 100%;
	text-align: right;
	margin-bottom: 2.5em;
}
p#btnNext input { width: 34%;}


/*　下層　こころのサイン
-------------------------------------*/
span.txtPoint{/*回復のキーワードは、早期発見！*/
	color: #00A395;
	font-size: 18px;/*25pt*/
}

dl#aboutList{ width: 100%; margin-bottom: 0em;}
dl#aboutList dt{
	width: 100%;
	height: auto;
	background: none;
	background-color: #d4eceb;
	margin-bottom: 10px;/*20px*/
	padding: 10px 0px;
	color: #36B596;

    -webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
}


dl#aboutList dt a.btnMore{
	display: block;
	position: absolute;
	top: 0;/*20px*/
	right: 0;/*30px*/
	display: none;
}

dl#aboutList dd{
	line-height: 0;/*1.9*/
	color: #666666;
	padding: 0;/*0 30px 0 35px*/
	margin-bottom: 0;/*40px*/
	text-align: justify;
}

section#aboutBox dl#aboutList dd dl{}
section#aboutBox dl#aboutList dd dl dt{
	background: none;
	padding: 0px;
	margin: 0;/*0 0 14px 0*/
}

section#aboutBox dl#aboutList dd dl dd{
	background: none;
}

section#aboutBox dl#aboutList dd dl dd ul{}
section#aboutBox dl#aboutList dd dl dd ul li{
	display: block;/**/
	margin-bottom: 0;/*4px*/
	/*line-height: 0;1.7*/
}
.sp_aboutext {
	font-size: 13px;/*28pt*/
    display: block;
    line-height: 1.5;
    text-align: justify;
	margin: 0em 0;
}

span.sp_listo {/*タイトル*/
	width: 88%;
	font-size: 1.2em;/*30pt*/
	margin: 0 0 0 1.5em;
	padding: 0 0 0 0.5em;
	display: list-item;
	list-style: square outside;
	line-height: 1.5;
}
span.sp_img {/*サブタイトル*/
	width: auto;
	height: auto;
	font-size: 1.3em;/*32pt*/
	line-height: 2;
	display: list-item;
	margin: 0 0 0 1em;
	padding: 0 0 0 0.5em;
}

.sp_litext {
	width: auto;
	height: auto;
	font-size: 13px;/*28pt*/
    display: block;
    line-height: 0;
    text-align: justify;
	margin: 0;
}

span.komeTxt{
	width: auto;
	height: auto;
	font-size: 13px;/*18pt*/
    line-height: 1.5;
    text-align: justify;
	margin-top: 25px;
	color: #666666;
}

/*　ご相談先の紹介
***********************************************/
#counselingBox {
	width: 100%;
	padding-bottom: 1em;
	background: none;
}

div.indexLinkWrap {
	width: auto;
	height: auto;
	margin: 15px 0 10px 0;
	padding: 10px;
}
ul.indexLink {
    width: 100%;
    line-height: 1.5;
	margin: 0;
	font-size: 1.2em;/*28pt*/
	padding: 0;
	float: none;
}
ul.indexLink:nth-child(2) {
    float: none;
	font-size: 1.2em;/*28pt*/
	line-height: 1.5
}
.categoryBox {
	font-size: 1.2em;/*28pt*/
	background: none;
}
span.about_h1 {
	width: 100%;
	height: auto;
    font-size: 20px;/*30pt*/
    color: #00A496;
	display: list-item;
	line-height: 1.5;
    margin: 0 0 10px 15px;
    padding: 10px 0px 0px 10px;
	background: none;
}

/*　こころの健康Q&A
***********************************************/
dl#qaBox dt{
	width: 100%;
	height: auto;
	background: none;
	background-color: #d4eceb;
	background-position: right;
	margin-bottom: 15px;/*20px*/
	padding: 10px 0px;
	color: #36B596;

    -webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
}

span.sp_drsto {/*Qアイコン*/
	margin: 0;
	line-height: 1.5;
    background: url(/img/dr/bg_q&a-answer.png) no-repeat 10px/*左右*/ top/*上下*/;
}

span.sp_q {/*タイトル - アイコン横テキスト*/
	font-size: 1.1em;/*30pt*/
    display: table-cell;
    vertical-align: middle;    
    margin: 0;    
	padding: 0 10px 20px 60px;
    text-align: justify;
}

dl#qaBox dd {/*説明テキスト*/
    line-height: 1.6;
    color: #666666;
    padding: 0 10px 10px 60px;
    margin-bottom: 10px;
	font-size: 13px;/*30pt*/
    text-align: justify;
    background: url(/img/dr/bg_answer.png) no-repeat 8px top;
}


/*新着情報 type2
*******************************************/
section.categoryBox h1 {
    color: #00A496;
    margin: 15px 0 10px 0px;
    padding: 13px 13px 13px 20px;
    font-size: 25px;
	line-height: 1.5;
    background: #f7f7f7;
}

/*新着情報 type3
*******************************************/
#news-n003 {/*　テーブル　*/
	width: 100%;
	height: auto;
    background: none;
	font-size: 45px;/*30pt*/
    line-height: 2;
    padding: 0px 0 0px 0;
	color: #539a35;
	margin: 1em 0 1.5em 0;
}

#news-n003 td{
	width: auto;
	height: auto;
	font-size: 35px;
	border: solid 1px #000;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

span.news-tuki {
	width: auto;
	height: auto;
	font-size: 40px;
}


/*　新着情報のtypeテキストに適用
*******************************************/
#mainContents span.news-yotei {/*全typeに適用*/
	font-size: 15px;
	padding: 0 0 0 10px;
	color: gray;
}

.sp_type-text {/*全テキストtypeに適用*/
	font-size: 15px;
    display: block;
    line-height: 1.8;
}

/*新着情報 type5
*******************************************/
#sp_catBox1 {/*　type5に適用　*/
	background:url(/news/n05/soudan1.png) no-repeat right bottom;
	height: 440px;
	padding-top: 10px;
	margin-bottom: 10px;
}

/*新着情報 type7
*******************************************/
#catBoxtyp {/*　type7に適用　*/
	padding: 4em 0 2em;
}


/*新着情報 type4
******************************************/
#sp-news {/*　ニュースタイトル　*/
	font-size: 35px;
	color: snow;
	padding: 5px 5px 5px 0.5em;
	margin-bottom: 20px;
	background-color: darkcyan;
}

#sp-news_02 {/*　ニューステキスト　*/
	width: 100%;
	height: auto;
	font-size: 14px;
	line-height: 2;
	margin-top: 10px;
	margin-bottom: 10px;
	border: solid 1px darkcyan;
}

#sp-news_02in { padding: 0 0 0.5em 0.5em;}

h4 {/*　サブタイトル　*/
	font-size: 15px;
	margin: 10px 0;
	line-height: 1.5;
	padding: 0 0 0 10px;
	color: #000033;
	border-left: 10px navy solid;
}

.listtext-1 {
	font-size: 15px;
    display: block;
    line-height: 1.5;
    text-align: justify;
}
.listtext-2 { line-height: 1.8;}


/*新着情報 type6
******************************************/
h2 {font-size: 15px;
	margin: 10px 0;
	}

div.waku {
	width: 100%;
	padding: 0;
	margin: 0px;
	border: 2px dashed blue;
	word-break: normal;
}
.b1_bg {
	background-color: #dde5f8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 197px;
	border: #5787fa 1px solid;
	padding-left: 5px;
	margin-bottom: 5px;
	}
.table_4_bg { background-color: #dde5f8;}

table.type-6 {/*　type6のテーブル　*/
	width: 100%;
	border-collapse: collapse;
	border: thin solid silver;
	margin: 1em 0px;
}

td.tb_title {/*　テーブル月日　*/
	width: 30%;
	text-align: center;
	vertical-align: middle;
	font-size: 13px;/*25pt*/
}

td.sinryou {/*　内容①　*/
	width: 27%;
	font-size: 15px;
	line-height: 1.8;
	text-align: center;
	vertical-align: middle;
}

td.tb_type6 {/*　内容②　*/
	font-size: 15px;/*25pt*/
	padding: 20px 0 20px 0.5em;
	line-height: 1.8;
}

td.td_type6-1 {/*　内容②　*/
	font-size: 15px;/*25pt*/
	padding: 20px 0 20px 0.5em;
	line-height: 1.8;
	width: 42%;
}


td.table_3_bg {/*　type6テーブル各項目①　*/
	width: auto;
	text-align: center;
	background: ivory;
	font-weight: normal;
	font-size: 13px;
	padding: 20px 0;
}

.table_4_bg {/*type6テーブル各項目②*/
	width: 5%;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
	background-color: #dde5f8;
}

span.b1_bg {/*　type6 行事名　*/
	width: 197px;
	border: #5787fa 1px solid;
	padding-left: 5px;
	margin-top: 2em;
	margin-bottom: 1em;
	}

td.table_2_txt_l2 {	height: auto; padding-top: 12px;}

span.txt110 {/*type6　行事名の下のテキスト*/
	font-size: 13px;
	line-height: 2;
}


/*　メール相談
*******************************************/
dd.annai-text {font-size: 35px;}

div.btnBoxWrap li.btn-kiyaku {
	width: 20%;
    position: relative;
    left: 0;
    float: none;
    margin: 0;
}

div.btnBoxWrap li.btn-kiyaku2 {
	width: 50%;
    position: relative;
    left: 0;
    float: none;
    margin: 15px 0 20px;
}
/*　メール相談　PC用を初期化
*******************************************/
div.btnBoxWrap{
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: 0;
}
div.btnBoxWrap ul {
	position: relative;
	left: 0;
	float: none;
	margin-top: 15px;
}
div.btnBoxWrap ul li {
	position: relative;
	left: 0;
	float: none;
	margin: 0;
}

/*　メール相談　ご利用規約　枠　*/
div#policyInner {
    height: 550px;
    overflow-y: auto;
    padding: 10px 10px 10px 10px;
    margin: 0 10px;
    border: 1px solid #cccccc;
    background: #F5FAF6;
    border: 1px dotted #A2D7D4;
}
/*　メール相談　利用規約を初期化　*/
section#policyBox dl dt {
    margin-bottom: 10px;
    font-size: 20px;
    margin-top: 20px;
    letter-spacing: 1px;
    color: #232323;
}
p.policyFin {/*以上のテキスト*/
	font-size: 20px;
    text-align: right;
}
section#answerBlock dl#typeExp dt {
	margin: 20px 0 10px 0;
}

/*　メール相談
*******************************************/
/* お願い */
/*
#msg {
	width: 100%;
	overflow: hidden;
}

#notice {
	border: 2px solid #ff0000;
	padding: 5px;
}

#notice h2 {
	text-align: center;
	margin: 8px 0;
	font-size: 17px;
}

#notice ul li {
	margin: 5px 0;
	list-style-type: disc;
	list-style-position: inside;
}
*/


/*トップに戻る
*******************************************/
span#pageTop {
	width: 32%;
	height: auto;
	font-size: 16px;/*28pt*/
	display: block;
	overflow: hidden;
	text-align: center;
}

span#pageTop{
	border: 0px solid #000;
	background: #999;
	color:#fff;
	padding: 20px 10px;
	position:fixed;
	bottom: 10px;
	right: 10px;
	top: auto;
	left: auto;
	opacity: 1;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,.4),inset 0 10px 10px rgba(255,255,255,.1);

    -webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;
}
span#pageTop:hover{
	transition: all .3s;
	filter: alpha(opacity=80);
	text-decoration: none;
}
a#pageTop { text-decoration: none;}



}

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

/* 相談専用メールアドレス*/
#soudan {
	overflow: hidden;
	border: solid 1px darkcyan;
	margin-bottom: 20px;
}

#boxtitle {
	font-size: large;
	color: snow;
	background-color: darkcyan;
	margin-bottom: 10px;
	padding: 5px;
}

#soudan_in {
	padding: 0 0 20px 5px;
	overflow: hidden;
	background-color: #ffffff;
	color: #000000;
}

#soudan_in p {
	margin: 5px;
	line-height: 1.3;
	font-size: 120%;
	font-weight: bold;
}

#soudan_in p.title {
	font-size: 150%;
}

#soudan_in p.mail {
	display: block;
	font-size: 140%;
	font-weight: normal;
}

/* お願い */
#notice {
	overflow: hidden;
	border: 2px solid #ff0000;
	padding: 5px 0;
	margin: 3px 0
}

#notice h2 {
	text-align: center;
	margin: 8px 0;
	font-weight: bold;
}

#notice p {
	margin: 0 5px;
	font-size: 120%;
	font-weight: bold;
}

#notice ul {
	margin: 0 5px;
}

#notice ul li {
	margin: 5px;
	list-style-type: disc;
	list-style-position: inside;
	font-size: 120%;
	font-weight: bold;
}

}


/*　スマホ対応
***********************************************/
@media screen and ( max-width: 480px ) {

#navre {
	width: 100% !important;
	margin-bottom: 10px;
}
div#secondWrap {
	padding-bottom: 15px;
	margin-top: 10px;
}
div#secondWrap ul#sBanner li{
	width: 45%;
	height: auto;
	margin: 0 0 10px 0;
	display: block;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
}

div#secondWrap ul#ssBanner li{
	width: 100%;
	float: none;
	padding-left: 0em;
}
.clear { clear: both;}
}
.nivo-controlNav {
	display: none;
}

span.about_h1 {
	width: 100%;
	height: auto;
    font-size: 16px;/*30pt*/
    color: #00A496;
	display: list-item;
	line-height: 1.5;
    margin: 0 0 10px 15px;
    padding: 10px 0px 0px 10px;
	background: none;
}
section.categoryBox dl dt span {
	font-size: 14px;
}
section.categoryBox dl dd {
	margin-bottom: 10px;
}
.categoryBox {
	font-size: 14px;
}
div#firstWrap section#topics h1 {
	padding: 0;
}

/*contact css */

section#userGuide dl dd , section#policyBox dl dd{
	font-size: 13px;
	line-height: 1.5;
}
p#titAttention {
	padding: 0;
}
span.readTxt {
	margin-bottom: 10px;
}

}