@charset "utf-8";





/*各cssの読み込み

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

/*日本地図用css（list_chintai.html用）*/

@import url(map.css);



/*一覧ページ用css*/

@import url(list.css);



/*トップページのメイン画像用css*/

@import url(mainimg.css);





/*メイン画像横・トップのみ

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



/* clearfix

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



.clearfix:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

  margin: 0px; padding: 0px;

}

.clearfix {

  min-height: 1px;

  margin: 0px; padding: 0px;

  }

  

  * html .clearfix {

  height: 1px;

  /*＼*//*/

  height: auto;

  overflow: hidden;

  /**/

  }

a {

	outline: none;

	text-decoration: none;

}



.shiro {color: #fff!important;}

.bg-red {

	background-color: #6A8EC3;

}



/* フローティングバナーのラップ要素 */

#fixed_right_banner

{

    /* 右端の上から20pxの位置に固定表示 */

    position: fixed;

    top: 20px;

    right: 0;

}

 

/* 画像の共通設定 */

#fixed_right_banner > *

{

    /* 横幅 */

    width: 65px;

}

 

/* 2個目以降の画像の上部に余白を作る */

#fixed_right_banner > * ~ * { margin-top: 10px; }

 

/* リンク要素 */

#fixed_right_banner > a

{

    /* ブロック要素に変更 */

    display: block;

 

    /* 透過変更をスムーズにする(任意) */

   -webkit-transition: opacity .2s ease;

   transition: opacity .2s ease;

}

 

/* マウスオーバー時の表現 */

#fixed_right_banner > a:hover

{

    /* 20%透過させる */

    opacity: .8;

}

 

/* コンテンツに被らないようにするメディアクエリ */

@media (max-width: 1000px)

{

    #fixed_right_banner { display: none; }

}





[class^="img-flex-"] {

	margin-bottom: 20px;

	display: -webkit-flex;

	display: flex;

	-webkit-justify-content: space-between;

	justify-content: space-between;

}

.img-flex-2,

.img-flex-3,

.img-flex-4{

	padding-top: 20px;

	padding-bottom: 20px;

}



.img-flex-3s{

	padding-top: 20px;

	padding-bottom: 0px;

}



.img-flex-2 img { width: 49%; height: 49%; }

.img-flex-3 img { width: 32%; height: 32%; }

.img-flex-4 img { width: 24%; height: 24%; }





.img-flex-2 div { width: 49%; height: auto; }

.img-flex-3 div {

	width: 32%;

	height: auto;

}



.img-flex-3s div {

	width: 32%;

	height: auto;

	margin-right: 1%;

}

.img-flex-4 div { width: 24%; height: auto; }



/*全端末（PC・タブレット・スマホ）共通設定

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







/*全体の設定

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

body {

	margin: 0px;

	padding: 0px;

	color: #333;	/*全体の文字色*/

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/

	font-size: 16px;	/*文字サイズ*/

	line-height: 2;	/*背景色*/

	-webkit-text-size-adjust: none;

	background-color: #FFFDF6;

	border-top-width: 5px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #4B78B6;

}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,select,input,textarea {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}

ul {list-style-type: none;}

img {border: none;max-width: 100%;height: auto;vertical-align: middle;

-ms-interpolation-mode: bicubic;}









table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}



iframe {width: 100%;}

video,audio {max-width: 100%;}



/*リンク（全般）設定

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

a {

	color: #333;		/*リンクテキストの色*/

/*	transition: 0.5s;	マウスオン時の移り変わるまでの時間設定。0.5秒。*/

}

a:hover {

	color: #6fbfd1;			/*マウスオン時の文字色*/

	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/

}

/*マウスオン時の画像*/

a:hover img {

	opacity: 0.8;	/*80%色がついた状態*/

}



.contents_bg {

	clear: both;

	background-image: url(../images/top/foot_bg.png);

	background-repeat: repeat;

	margin-bottom: 40px;

	padding-top: 20px;

	padding-bottom: 20px;

}



.contents_bg_hare {

	clear: both;

	background-image: url(../images/hareyaka/hareyaka_07.png);

	background-repeat: repeat-x;

/*	height: 160px; */

	background-position: bottom;

}



.contents_bg2 {

    clear: both;

    background-image: url(../images/top/top_bg.png);

    background-repeat: repeat;

}







#index_group ul {

		margin-top:20px;

	float: left;

	height: auto;

	margin-bottom: 40px;

	width: 30%;

	margin-left: 3%;

}



#index_group ul li img {

	margin-bottom: 20px;	

}



.index_group {

	margin-right: auto;

	margin-left: auto;

}





/*	センタリングタイトル */

.center_big {

font-family: 'Sawarabi Gothic', sans-serif;	

	font-size: 180%;

	font-weight: bold;

	margin-top: 40px;

	margin-bottom: 40px;

	text-align: center;

}



.center_big_non {

font-family: 'Sawarabi Gothic', sans-serif;	

	font-size: 180%;

	font-weight: bold;

	margin-top: 0;

	margin-bottom: 0;

	text-align: center;

}



.center_big_non2 {

	font-size: 300%;

	font-weight: bold;

	margin-top: 0;

	margin-bottom: 0;

	text-align: center;

	line-height:1em;

}



/*	Ｈ２、Ｈ３タイトル */

#main h3.center_big,

#main h2.center_big  {

font-family: 'Sawarabi Gothic', sans-serif;	

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;	

	margin-top: 40px;

	margin-bottom: 40px;	

letter-spacing: 0.1em;

}



.line_contents {

	border-bottom-width: 2px;

	border-bottom-style: dotted;

	border-bottom-color: #000;

}



/*	なごやか　Ｈ２タイトル */

.nagoyaka h2.center_big {

	color: #D08990;

}



/*	ほがらか　Ｈ２タイトル */

.hogaraka h2.center_big {

	color: #638AC2;

}



/*	にこやか　Ｈ２タイトル */

.nikoyaka h2.center_big{

	color: #DDA75F;

}



/*	病院　Ｈ２タイトル */

.fujimura_hospital h2.center_big,

.fujimura_hospital2 h2.center_big {

	color: #BCBC00;

}



/*	おだやか　Ｈ２タイトル */

.odayaka h2.center_big,

.odayaka2 h2.center_big {

	color: #A88A14;

}





/*	はれやか　Ｈ２タイトル */

.hareyaka h2.center_big {

	color: #20A897;

}









/*	topタイトル */



#main .topnavi {

	margin-right: auto;

	margin-left: auto;

}



#main dl#top {

	width: 200px;

	float: left;

	margin-left: 20px;

	height: auto;

}



#main dl#top dd  {

    font-family: 'Sawarabi Gothic', sans-serif;		

	width: 200px;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	font-weight: bold;

	padding-top: 0px;

	padding-bottom: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

	width: auto;

	font-size: 110%;

	line-height: 2em;

	color: #FFF;

	text-align: center;

}



#main dl#top dd a {

		color: #FFF;

}



#main dl#top dt,

#main dl#top dt{

	width: 200px;

	float: left;

	text-align: center;

	margin: 0px;

	padding: 0px;

	line-height: 1em;

	font-size: 120%;

}







/*	なごやか　topタイトル */

.nagoyaka  dl#top dd {

	background-color: #D18A91;

	text-align: center;	

}

/*	なごやか　topタイトル 矢印 */

.nagoyaka   dl#top dt{

	color: #D18A91;

}





/*	ほがらか　topタイトル */

.hogaraka  dl#top dd {

	background-color: #638AC2;

	text-align: center;

}

/*	ほがらか　topタイトル 矢印 */

.hogaraka   dl#top dt{

	color: #638AC2;

}





/*	にこやか　topタイトル */

.nikoyaka  dl#top dd {

	background-color: #DDA75F;

	text-align: center;

}

/*	にこやか　topタイトル 矢印 */

.nikoyaka   dl#top dt{

	color: #DDA75F;

}



/*	病院　topタイトル */

.fujimura_hospital  dl#top dd,

.fujimura_hospital2  dl#top dd {

	background-color: #BCBC00;

	text-align: center;

}

/*	病院　topタイトル 矢印 */

.fujimura_hospital   dl#top dt,

.fujimura_hospital2  dl#top dt{

	color: #BCBC00;

}





/*	おだやか　topタイトル */

.odayaka  dl#top dd,

.odayaka2  dl#top dd {

	background-color: #A88A14;

	text-align: center;

}

/*	おだやか　topタイトル 矢印 */

.odayaka   dl#top dt,

.odayaka2  dl#top dt{

	color: #A88A14;

}



#main .arrow_box  {

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	font-weight: bold;

	margin-top: 0px;

	margin-bottom: 0px;

	width: auto;

	font-size: 110%;

	line-height: 2em;

	color: #FFF;

	text-align: center;

	margin-right: 1em;

	margin-left: 1em;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

}



#main .arrow_box a {

		color: #FFF;

}





/*	なごやか　各丸タイトル */

.nagoyaka  .arrow_box {

	background-color: #D18A91;

}



/*	ほがらか　各丸タイトル */

.hogaraka  .arrow_box {

	background-color: #638AC2;

}



/*	にこやか　各丸タイトル */

.nikoyaka  .arrow_box {

	background-color: #DDA75F;

}



/*	病院　各丸タイトル */

.fujimura_hospital  .arrow_box,

.fujimura_hospital2  .arrow_box {

	background-color: #BCBC00;

}



/*	おだやか　各丸タイトル */

.odayaka  .arrow_box,

.odayaka2  .arrow_box {

	background-color: #A88A14;

}







/*	Ｈ３タイトル */

#main h3.title {

	display: inline-block;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	background-color: #FFFFFF;

	font-weight: bold;

	clear: both;

	line-height: 2em;

/*	padding-right: 1em;

	padding-left: 1em; */

	font-size: 110%;

	margin-top: 20px;

letter-spacing: 0.1em;

}





#main table.table01 h3.title,

#main table.table01 .title  {

	margin-top: 0px;	

}



#main table h3.title,

#main table .title  {

	margin-top: 0px;	

}

/*	なごやか　Ｈ３タイトル */

.nagoyaka h3.title {

	border: 1px solid #D28B92;

}



/*	ほがらか　Ｈ３タイトル */

.hogaraka h3.title {

	border: 1px solid #638AC2;

}



/*	にこやか　Ｈ３タイトル */

.nikoyaka h3.title{

	border: 1px solid #DDA75F;

}



/*	病院　Ｈ３タイトル */

.fujimura_hospital h3.title,

.fujimura_hospital2 h3.title {

	border: 1px solid #BCBC00;

}



/*	病院　Ｈ３タイトル */

.fujimura_hospital h3.title2,

.fujimura_hospital2 h3.title2 {

	border: 1px solid #BCBC00;

}



/*	おだやか　Ｈ３タイトル */

.odayaka h3.title,

.odayaka2 h3.title {

	border: 1px solid #A88A14;

}





/*	Ｈ３タイトル */

#main .title {

	display: inline-block;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	background-color: #FFFFFF;

	font-weight: bold;

	clear: both;

	line-height: 2em;

/*	padding-right: 1em;

	padding-left: 1em; */

	font-size: 110%;

	margin-top: 20px;

letter-spacing: 0.1em;

    padding: 4px 1em;

}



/*	なごやか　Ｈ３タイトル */

.nagoyaka .title {

	border: 1px solid #D28B92;

}



/*	ほがらか　Ｈ３タイトル */

.hogaraka .title {

	border: 1px solid #638AC2;

}



/*	にこやか　Ｈ３タイトル */

.nikoyaka .title {

	border: 1px solid #DDA75F;

}



/*	病院　Ｈ３タイトル */

.fujimura_hospital .title,

.fujimura_hospital2 .title {

	border: 1px solid #BCBC00;

}



/*	おだやか　Ｈ３タイトル */

.odayaka .title,

.odayaka2 .title {

	border: 1px solid #A88A14;

}



/*	病院　施設基準 */

ul.shisetsu_kijyun{ background: #f6f6e1; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 1.5em;}

ul.shisetsu_kijyun > li{ border-top: dotted 1px #000;font-size: 1.1em; padding: 0.5em 2em}

ul.shisetsu_kijyun >  li:first-child{ border-top: none;}

ul.shisetsu_kijyun > li span#sidouryou{ border-right: 1px dashed #000; display: inline-block; padding-right: 1em; margin-right: 1em;}

ul.shisetsu_kijyun > li span#kanribyoutou{ border-left: 1px dashed #000; display: inline-block; padding-left: 1em;}

ul.shisetsu_kijyun > li table th{ vertical-align: top; text-align: left;}

ul.shisetsu_kijyun > li table td{ vertical-align: top; text-align: left;}

ul.shisetsu_kijyun > li table td ul li{ margin-bottom: 0.5em;}



ul#taisyou{

	border-radius: 10px;

	background-color: #ECEBBF;

	background-image: url(../images/fujimura_hospital/taisyo_title.png);

	background-repeat: no-repeat;

	background-position: 27px 35px;

	margin-bottom: 20px;

	padding-top: 35px;

	padding-right: 25px;

	padding-bottom: 35px;

	padding-left: 70px;

}

ul#taisyou li span.caption {

    display: block;

    float: left;

    color: #007e41;

    margin-left: 0.5em;

    font-size: 0.85em;

}



ul#taisyou li span.left {

    display: block;

    float: left;

}



.taisyou_box {

	border-radius: 10px;

	background-color: #ECEBBF;

	margin: 0px;

	padding: 15px;

	line-height:1.7em;

}



.taisyou_box2 {

	border-radius: 10px;

	background-color: #007C42;

	margin: 0px;

	padding: 15px;

	font-weight: bold;

	color: #FFF;

	text-align: center;

}



#main .taisyou_box .title {

	display: block;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	background-color: #FFFFFF;

	font-weight: bold;

	clear: both;

	line-height: 2em;

	font-size: 110%;

	margin-top: 0px;

	letter-spacing: 0.2em;

	text-align: center;

	height: 2em;

	padding-top: 15px;

	padding-right: 15px;

	padding-bottom: 15px;

	padding-left: 15px;

}



#main .taisyou_box .title2 {

	display: block;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	background-color: #FFFFFF;

	font-weight: bold;

	clear: both;

	line-height: 1.4em;

	font-size: 110%;

	margin-top: 0px;

	letter-spacing: 0em;

	text-align: center;

	height: 2em;

	padding-top: 10px;

	padding-right: 15px;

	padding-bottom: 20px;

	padding-left: 15px;

}



.taisyou_box p {

}



/*#main h2 + p, #main h3 + p {

    margin-top: -10px;

}*/



#main .taisyou_box p {

    padding-top: 0px;

    padding-right: 0px;

    padding-bottom: 1em;

    padding-left: 0px;

}

ul.list_08 li {

	padding-left: 22px;

	margin-bottom: 3px;

	background-image: url(../images/top/list_08.gif);

	background-repeat: no-repeat;

	background-position: 0 6px;

}



/*	点々ライン　Ｈ２タイトル */



#main h2.ltitle {

	display: block;	

	font-weight: bold;

	line-height: 2em;

	padding-right: 1em;

	font-size: 110%;

	border-bottom-width: 2px;

	border-bottom-style: dotted;

	border-bottom-color: #000;

	margin: 20px;

}



#main h3.ltitle,

#main .ltitle {

	display: inline-block;

	font-weight: bold;

	line-height: 1.8em;

	padding-right: 0.3em;

	padding-left: 0.3em;

	font-size: 110%;

	border-bottom-width: 2px;

	border-bottom-style: dotted;

	border-bottom-color: #000;

	margin-top: 20px;

	margin-right: 0;

	margin-bottom: 20px;

	margin-left: 0;

}

#main h3.ltitle .sm {

	font-size: 70%;

	font-weight: normal;

}



/*	なごやか　点々ライン　Ｈ２タイトル */

.nagoyaka h2.ltitle {

		color: #D58E97;



}



/*	おだやか　点々ライン　Ｈ２タイトル */

.odayaka h2.ltitle,

.odayaka2 h2.ltitle {

	color: #A88A14;

}





/*	流れ　ナンバー付緑タイトル */

div#main .flow p.ntitle {

    font-family: 'Sawarabi Gothic', sans-serif;	

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	padding-top: 0px;

	padding-right: 1em;

	padding-bottom: 0px;

	padding-left: 1em;

	margin-top: 0px;

	margin-bottom: 5px;

	width: 12em;

	font-size: 110%;

	line-height: 2em;

    color: #333;	

}



.flow p.ntitle {

	background-color: #D5E7D8;

}

/*	なごやか　流れ　ナンバー */

.nagoyaka .flow p.ntitle {

	background-color: #F6EEE9;

}



/*	ほがらか　流れ　ナンバー */

.hogaraka .flow p.ntitle {

	background-color: #638AC2;

}



/*	にこやか　流れ　ナンバー */

.nikoyaka .flow p.ntitle {

	background-color: #F4E5CD;

}



/*	病院　流れ　ナンバー */

.fujimura_hospital .flow p.ntitle,

.fujimura_hospital2 .flow p.ntitle {

	background-color: #ECEBBF;

}



/*	おだやか　流れ　ナンバー */

.odayaka .flow p.ntitle,

.odayaka2 .flow p.ntitle {

	background-color: #ECEBBF;

}







/*	流れ　ナンバー付緑タイトル */

div#main .ntitle {

    font-family: 'Sawarabi Gothic', sans-serif;	

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	padding-top: 10px;

	padding-right: 1em;

	padding-bottom: 10px;

	padding-left: 1em;

	margin-top: 0px;

	margin-bottom: 1em;

	width: auto;

	font-size: 120%;

	line-height: 1.4em;

	text-indent: 0;

	color: #FFF;

}



.ntitle {

	background-color: #D5E7D8;

}

/*	なごやか　流れ　ナンバー */

.nagoyaka .ntitle {

	background-color: #F6EEE9;

}



/*	ほがらか　流れ　ナンバー */

.hogaraka .ntitle {

	background-color: #638AC2;

}



/*	にこやか　流れ　ナンバー */

.nikoyaka .ntitle {

	background-color: #F4E5CD;

}



/*	病院　流れ　ナンバー */

.fujimura_hospital .ntitle,

.fujimura_hospital2 .ntitle {

	background-color: #ECEBBF;

}



/*	おだやか　流れ　ナンバー */

.odayaka  .ntitle,

.odayaka2 .ntitle {

	background-color: #A88A14;



}









/*	流れ　ナンバー */

div#main .flow p.ntitle span.no {



	text-decoration: underline;

	padding-right: 0.5em;

	font-size: 140%;

}



.flow p.ntitle span.no {

	color: #007D41;

}



/*	なごやか　流れ　ナンバー*/

.nagoyaka .flow p.ntitle span.no {

		color: #D58E97;

}



/*	ほがらか　流れ　ナンバー*/

.hogaraka .flow p.ntitle span.no {

	color: #638AC2;

}



/*	にこやか　流れ　ナンバー*/

.nikoyaka .flow p.ntitle span.no {

	color: #DDA75F;

}



/*	病院　流れ　ナンバー*/

.fujimura_hospital .flow p.ntitle span.no,

.fujimura_hospital2 .flow p.ntitle span.no {

	color: #BCBC00;

}



/*	おだやか　流れ　ナンバー*/

.odayaka .flow p.ntitle span.no,

.odayaka2 .flow p.ntitle span.no {

	color: #A88A14;

}



/*	流れ　テキスト*/

div#main .flow p {

	padding-left: 3em;

}

/*	注意書き　テキスト*/

p.small {

	font-size: 85%;

}

span.small {

	font-size: 85%;

}





/* よくある質問 fq */

ul#qa_menu2{ width:600px; margin: 0 auto; padding-bottom: 30px; }

#qa_menu2{

  display: inline-block;

}

ul#qa_menu2 li{

	float: left;

	padding: 10px;

	margin: 10px;



}



/* よくある質問　ナビ fq */

ul#qa_menu2 li a{ display: block; width: 250px; height: auto; }

ul#qa_menu2 li a:hover{}

ul#qa_menu2 li#qa_2 a{}

ul#qa_menu2 li#qa_3 a{}

ul#qa_menu2 li#qa_4 a{}



ul#qa_menu2 li {

	display: inline-block;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	background-color: #FFFFFF;

	font-weight: bold;

	line-height: ;

	font-size: 110%;



}



/* よくある質問　なごやか　ナビ fq */

.nagoyaka ul#qa_menu2 li {

	border: 1px solid #D28B92;

}



/* よくある質問　ほがらか　ナビ fq */

.hogaraka ul#qa_menu2 li {

	border: 1px solid #638AC2;

}



/* よくある質問　にこやか　ナビ fq */

.nikoyaka ul#qa_menu2 li {

	border: 1px solid #DDA75F;

}



/* よくある質問　病院　ナビ fq */

.fujimura_hospital ul#qa_menu2 li,

.fujimura_hospital2 ul#qa_menu2 li {

	border: 1px solid #BCBC00;

}





/* よくある質問　おだやか　ナビ fq */

.odayaka ul#qa_menu2 li,

.odayaka2 ul#qa_menu2 li {

	border: 1px solid #A88A14;

}







/* よくある質問　はれやか　ナビ fq */

.hareyaka ul#qa_menu2 li {

	border: 1px solid #000000;

	background-color: #F2EEEB;

}





.hareyaka ul#qa_menu2 {

	background-image: url(../images/hareyaka/hareyaka_nayami.png);

	background-repeat: no-repeat;

	background-position: left top;

	width: 600px;

	padding-bottom: 30px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	padding-left: 230px;

}









/* よくある質問　fq */

dl.qa2{ font-size: 16px; line-height: 24px; padding: 0 30px; margin-bottom: 40px;}

dl.qa2 dt{

	min-height: 33px;

	padding-left: 40px;

	padding-top: 7px;

	margin-bottom: 10px;

	background-image: url(../images/nagoyaka/list_q.gif);

	background-repeat: no-repeat;

}

dl.qa2 dd{ background: url(../images/nagoyaka/list_a2.gif) no-repeat; padding-left: 40px; padding-top: 7px; min-height: 33px}



/* おだやか　枠無　table */

.odayaka dl.qa2 dd,

.odayaka2 dl.qa2 dd{

	background-image: url(../images/odayaka/list_a.gif);

}







/* なごやか　枠無　table */



/* 共通リスト　○*/



ul.list_01 li{

	padding-left: 22px;

	margin-bottom: 5px;

	background-repeat: no-repeat;

	background-position: 0px 7px;

}



/* にこやか　リスト　*/

.nikoyaka ul.list_01 li{

	background-image: url(../images/top/list_05.gif);

}





/* 病院　リスト　*/

.fujimura_hospital ul.list_01 li,

.fujimura_hospital2 ul.list_01 li{

	background-image: url(../images/top/list_03.gif);

}



/* おだやか　リスト　*/

.odayaka ul.list_01 li,

.odayaka2 ul.list_01 li{

	background-image: url(../images/top/list_01.gif);

}



/* にこやか　グレー○*/



dl.list_00{

		width: 100%;

}





dl.list_00 dt{

	padding-left: 22px;

	background-repeat: no-repeat;

	background-position: 0px 7px;

	background-image: url(../images/top/list_06.gif);

	float: left;

	width: 35%;

}

dl.list_00 dd {

	float: left;	

	width: 60%;

}







/* 料金 */

.pt_line,

span.pt_line {

	border-bottom-width: 2px;

	border-bottom-style: dotted;

	border-bottom-color: #000;

	padding-top: 5px;

	padding-bottom: 5px;

}

.pt_120{

	font-size: 120%;

	font-weight: bold;



}

.pt_130{

	font-size: 130%;

	font-weight: bold;



}

.pt_140{

	font-size: 140%;

	font-weight: bold;



}

.pt_150{

	font-size: 150%;

	font-weight: bold;



}

.p_green {

	font-weight: bold;

	color: #007D41;

}

.p_pnk {

	font-weight: bold;	

	color: #D58E97;

}



/* ★　共通　太字 */

.p_bold {

		font-weight: bold;	

}



/* ★　なごやか　太字 */

.nagoyaka .p_bold {

	color: #D58E97;	

}

/* ★　ほがらか　太字 */

.hogaraka .p_bold {

	color: #638AC2;

}

/* ★　にこやか　太字 */

.nikoyaka .p_bold {

	color: #DDA75F;

}



/* ★　病院　太字 */

.fujimura_hospital .p_bold,

.fujimura_hospital2 .p_bold {

	color: #BCBC00;

}



/* ★　おだやか　太字 */

.odayaka .p_bold,

.odayaka2 .p_bold {

	color: #A88A14;

}







table.table01{ width: 100%;}

table.table01 td img {

	width: 100%;

}

table.table01 td{

	vertical-align: top;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 20px;

	padding-left: 10px;



}



/* ★　にこやか　テーブル色つけ */

.nikoyaka table.table01 td.color,

.nikoyaka2 table.table01 td.color {

	background-color: #F4E5CD;

	padding: 10px;

}





table.table01 td.w33 { width: 33%;}

table.table01 td.w60 { width: 60%;}



table.table01 td.w10 { width: 10%;}

table.table01 td.w80 { width: 80%;}



table.table01 td.line {

	border-left-width: 1px;

	border-left-style: dotted;

	border-left-color: #000;

	padding-bottom: 0px;	

}

table.table01 td.td_last{padding-right: 0px !important;}



#main table.table01 p{

padding-top: 10px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

line-height: 1.7;	/*背景色*/

}



.float-right {

    float: right;

    margin: 0px 0px 8px 15px;

}



.float-left {

	float: left;

	margin-top: 0px;

	margin-right: 15px;

	margin-bottom: 15px;

	margin-left: 0px;

}



.center_big2 {

	font-size: 190%;

	font-weight: bold;

	margin-top: 20px;

	margin-bottom: 20px;

    font-family: "Sawarabi Gothic", sans-serif;

	text-align: center;

}





p.green_big   {

	padding-top: 20px;

	padding-bottom: 20px;

}





#main .parent p.blue_big,

#main .parent h3.blue_big    {

	padding-top: 20px;

	padding-bottom: 20px;

}





#main .parent h3.blue_big    {

}



#main .parent p.green_big,

#main .parent p.blue_big,

#main .parent h3.green_big,

#main .parent h3.blue_big,

#main .parent h3.big130,

#main .parent p.p_center  {

	text-align: center;

}

#main .parent p.p_center  {

padding-top: 20px;

padding-right: 0px;

padding-bottom: 0px;

padding-left: 0px;

}





.alignleft {

	display: inline;

	float: left;

	margin-top: 0.3em;

	margin-right: 2em;

	margin-bottom: 1.5em;

	margin-left: 0;

}



.alignleft_img {

	display: inline;

	float: left;

	margin-top: 0.3em;

	margin-right: 2em;

	margin-bottom: 300px;

	margin-left: 0;

}



#main .parent h3.blue_big  {

font-family: "Sawarabi Gothic", sans-serif;

font-size: 170%;	

margin-bottom: 20px;

}



#main .parent h3.big130   {

	font-size: 120%;

font-family: 'Sawarabi Gothic', sans-serif;		

	text-align: center;

}



#main h3.big130left {

	font-size: 120%;

	font-family: 'Sawarabi Gothic', sans-serif;

	text-align: left;

	clear: both;

	margin: 0px;

	padding-top: 0px;

	padding-right: 20px;

	padding-bottom: 0px;

	padding-left: 20px;

}



.parent .inner900  {

}



.green_big {

font-family: 'Sawarabi Gothic', sans-serif;	

	font-size: 150%;

	font-weight: bold;

	margin-top: 20px;

	margin-bottom: 20px;

	text-align: center;

	color: #20A897;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

    line-height: 1.4em;

}



.blue_big {

	font-family: 'Sawarabi Gothic', sans-serif;

	font-size: 150%;

	font-weight: bold;

	margin-top: 0px;

	margin-bottom: 0px;

	text-align: center;

	color: #4B7DB9;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

    line-height: 1.4em;

}





.big130 {

	font-size: 130%;

	line-height: 1.5em;

	text-align:left;

}

p.big130 {

	padding-top: 1em;

	padding-bottom: 1em;

	} 

	

.big120 {

	font-size: 120%;

	line-height: 1.5em;

	text-align:left;

}

p.big120 {

	padding-top: 1em;

	padding-bottom: 1em;

	} 	



.center_text {

	margin-top: 20px;

	margin-bottom: 30px;

	text-align: center;

	font-weight: bold;

}



.center_text img {

	width:280px;

	    max-width: 120%;

}



.waku_b {

	border-radius: 30px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border: 2px solid #105EB2;

	padding: 30px;

}



.waku_b2 {

	border-radius: 30px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border: 2px solid #105EB2;

	padding: 10px;

	background-color: #FFF;

}



/*2列タイプ(list-compact)のブロック

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

/*各ボックスの設定*/

.list-access {

	position: relative;

	overflow: hidden;			/*ボックスの外側に空けるスペース*/

	float: left;		/*左に回り込み*/

	width: 43%;			/*幅*/

	height: auto;		/*高さ*/

	/*	font-size: 12px;	文字サイズ*/

	line-height: 1.5;	/*行間を少し狭くする*/

	border-radius: 30px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border: 2px solid #105EB2;

	padding: 10px;

	background-color: #FEFEEE;

	margin-top: 2%;

	margin-right: 2%;

	margin-bottom: 2%;

	margin-left: 2%;

	height: 600px;

}

.list-access  h3 {font-size: 120%;

	font-weight: bold;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #333;

	border-top-style: none;

	border-right-style: none;

	border-left-style: none;

    font-family: "Sawarabi Gothic", sans-serif;

		}





#main .list-access p {

    padding-top: 15px;

    padding-right: 15px;

    padding-bottom: 15px;

    padding-left: 15px;



}



.alignright_img {

	display: inline;

	float: right;

	margin-top: 0.3em;

	margin-left: 0.9em;

}





#main .parent .list-access p.img {

	text-align: center;



}



.list-access a{

	color: #105EB2;	

}

.bule_t {

	color: #105EB2;

}





dl.list-map {

	width: 100%;

	float: left;

	border-bottom-width: 2px;

	border-bottom-style: dotted;

	border-bottom-color: #4B78B6;

	padding-top: 20px;

	padding-bottom: 20px;

	text-align: left;

	clear: both;

}



dl.list-map dd.name {

	float: left;

	width: 24%;

	margin-right: 1%;

	margin-left:  1%;

}



dl.list-map dd.img {

	float:left;	

	width: 29%;		

	margin-right: 2%;

}



dl.list-map dt.add {

	line-height:1.7em;

	float:left;

	width: 38%;	

	}



dl.list-map dt.add img {

	margin-top: 3%;

}





.waku_b ul li {

	font-size: 120%;

	text-align: left;

	border-bottom-width: 2px;

	border-bottom-style: dotted;

	border-bottom-color: #105EB2;

	padding-top: 15px;

	padding-right: 0px;

	padding-bottom: 15px;

	padding-left: 0px;

}



.waku_b ul li.last {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}





 /*診療案内　表*/

table.shinryo th{

 /*背景色*/



}



table.shinryo th{

	padding-top: 15px;

	padding-right: 10px;

	padding-bottom: 15px;

	padding-left: 10px;

}



table.shinryo td{

	padding-top: 15px;

	padding-bottom: 15px;

	padding-right: 5px;

	padding-left: 5px;

}



table.shinryo{

	width: 100%;

	margin-bottom: 30px;

}



#main table.shinryo p {

	padding-top: 0px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 5px;

	text-align: left;

	line-height: 1.8em;

}



#main table.shinryo p.sp {

	padding-top: 0px;

	padding-right: 20px;

	padding-bottom: 0px;

	padding-left: 20px;

	text-align: left;

	line-height: 1.8em;

}



table.shinryo th span.sm {

	font-size: 80%;

	font-variant: normal;

}



table.shinryo th,table.shinryo td{

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-top-color: #333333;

	border-right-color: #333333;

	border-bottom-color: #333333;

	border-left-color: #333333;

}





table.shinryo td,

table.shinryo th {

	text-align: center;

}



table.shinryo td.linet,

table.shinryo th.linet {

	text-align: center;	

	border-right-width: 2px;

	border-left-width: 2px;

	border-right-style: dotted;

	border-left-style: dotted;

	border-right-color: #000;

	border-left-color: #000;

/*	width: auto; */

}



/*白　表　背景色*/

#main table.shinryo th.white{

	background-color: #FFFDF6;

}



/*にこやか　診療時間表　背景色*/

.nikoyaka table.shinryo th{

	background-color: #F8EDDE; /*背景色*/

	text-align: center;

 /*	width: auto; */

}



/*病院　診療時間表　背景色*/

.fujimura_hospital table.shinryo th,

.fujimura_hospital2 table.shinryo th{

	background-color: #F4F4E0; /*背景色*/

	text-align: center;

/*	width: auto; */

}



/*おだやか　診療時間表　背景色*/

.odayaka table.shinryo th,

.odayaka2 table.shinryo th{

	background-color: #F1ECDC; /*背景色*/

	text-align: center;

/*	width: auto;*/

}





/*沿革　表　背景色*/



table.enkaku th{

	background-color: #DBDFEF; /*背景色*/



}



table.enkaku th{

	padding : 10px;

}



table.enkaku td{

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 10px;

}



table.enkaku{

	width: 100%;

	text-align: left;

}



table.enkaku th{

	width: 30%;

}



table.enkaku td{

  width: 70%;

}



table.enkaku th,table.enkaku td{

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: solid;

	border-left-style: none;

	border-top-color: #333333;

	border-right-color: #333333;

	border-bottom-color: #333333;

	border-left-color: #333333;

}





.center_sp {

	margin-top: 20px;

	margin-bottom: 60px;

	text-align: center;

}



#index_group2 ul li {

		margin-top:20px;

	float: right;

	height: auto;

	margin-bottom: 20px;

	width:  auto;

	margin-left: 20px;

}



#index_group2 ul.tate {

	width: 300px;

	text-align: center;

}



#index_group2 ul.tate li  {

	float: left;

	width: auto;

	text-align: center;

	font-family: Georgia, "Times New Roman", Times, serif, "ＭＳ Ｐ明朝", "ＭＳ 明朝";

}











.index_group2 {

	margin-right: auto;

	margin-left: auto;

}



/* h1 タイトル背景画像 */



.contents_bg2 #title1 {

	text-align: center;



	background-repeat: no-repeat;

	margin-right: auto;

	margin-left: auto;/*background-size:contain;*/

	background-size: 100% auto;

　/*この場合は高さが自動設定*/

/*background-size:auto 100%;　この場合は幅が自動設定*/

	height: 0;

	padding-top: 15%;

}



.contents_bg2 #title2 {

	text-align: center;



	background-repeat: no-repeat;

	margin-right: auto;

	margin-left: auto;/*background-size:contain;*/

	background-size: 100% auto;

　/*この場合は高さが自動設定*/

/*background-size:auto 100%;　この場合は幅が自動設定*/

	height: 0;

	padding-top: 12%;

}



.contents_bg2 #title1 h1.tit {

	font-family: 'Sawarabi Gothic', sans-serif;

	font-size: 200%;

	font-weight: bold;

	text-align: left;

	text-indent: 22%;

	padding-bottom: 0%;

	height: 100px;

	}

	

	



.contents_bg2 #title1 h1.tit span {

	font-size: 63%;

	padding-right: 0.3em;



}



.contents_bg2 #title1 h1.tit2 {

	font-family: 'Sawarabi Gothic', sans-serif;

	font-size: 120%;

	font-weight: bold;

	text-align: left;

	text-indent: 22%;

	padding-bottom: 0%;

	height: 0;

	}









/* h1 タイトル背景画像（共通） */



.contents_bg2 .page {

	background-image: url(../images/h1/h1_contact.png);

	background-repeat: no-repeat;

}



/* h1 はれやか */

.contents_bg2 .hareyaka {

	background-image: url(../images/h1/h1_hareyaka.png);

	background-repeat: no-repeat;

}



/* h1 なごやか */

.contents_bg2 .nagoyaka {

	background-image: url(../images/h1/h1_nagoyaka.png);

	background-repeat: no-repeat;

}



/* h1 ほがらか */

.contents_bg2 .hogaraka {

	background-image: url(../images/h1/h1_hogaraka.png);

	background-repeat: no-repeat;

}



/* h1 にこやか */

.contents_bg2 .nikoyaka {

	background-image: url(../images/h1/h1_nikoyaka.png);

	background-repeat: no-repeat;

}



/* h1 病院 */

.contents_bg2 .fujimura_hospital,

.contents_bg2 .fujimura_hospital2 {

	background-image: url(../images/h1/h1_fujimura_hospital.png);

	background-repeat: no-repeat;

}





/* h1 おだやか */

.contents_bg2 .odayaka,

.contents_bg2 .odayaka2 {

	background-image: url(../images/h1/h1_odayaka.png);

	background-repeat: no-repeat;

}





/* h1 アクセス */

.contents_bg2 .access {

	background-image: url(../images/h1/h1_access.png);

}



/* h1 お問い合せ（共通） */

.contents_bg2 .contactform {

	background-image: url(../images/h1/h1_contact.png);

}







.contents_bg2 .blog {	background-image: url(../images/h1/h1_blog2.png);

	background-repeat: no-repeat;

	padding-top:15%

}

.contents_bg2 .blog h1.tit2 {

    visibility:hidden;

	padding-top: 3%;

	

}











.parent h1 img {

	width:100%;

	

}



#main h2.blog {

	font-family: 'Sawarabi Gothic', sans-serif;

	line-height: 3em;

	margin: 0;

	padding: 0;

	font-size: 110%;

	text-indent: -1em;

}



#main #page-title h3,

#main #page-title h4.subtitle_head {

	font-size:22px;

	line-height:1.3;

	margin: 0;

	padding: 15px 0;

font-family: 'Sawarabi Gothic', sans-serif;

	}

	#main #page-title {

	border-bottom: 4px solid #ddd;

	font-size: 48px;

	margin-bottom: 40px;

	padding-right: 30px;

	padding-left: 0px;

	position: relative;

	background-repeat: no-repeat;

	background-position: right center;

	}

	#main #page-title::after {

		position: absolute;

		bottom: -4px;

		left: 0;

		z-index: 2;

		content: '';

		width: 20%;

		height: 4px;

	}

	

		#main .cate1::after {

					background-color: #4D78B6;

		}

		#main .cate2::after {

					background-color: #007D42;

		}

		#main .cate3::after {

					background-color: #B6BC04;

		}

		#main .cate4::after {

					background-color: #4FB6A6;

		}

		#main .cate5::after {

					background-color: #638AC2;

		}

		

		#main .cate6::after {

					background-color: #B6A148;

		}

		

								

		#main .cate7::after {

					background-color:  #D28B92;

		}

		

		#main .cate8::after {

					background-color: #E1A95C;

		}



		#main .cate9::after {

					background-color: #F6BA69;

		}	

		

		#main .cate10::after {

	background-color: #FF9999;

		}			

					

			

			article .img1 {

			width: 450px;			

			margin: 0px auto 20px;

			text-align: center;

			display: block;

			}





#main .catt {

    position: static;

    border: none;

    display: inline-block;

}



#main .catt  {

}



 article span.cate1  {

	background-color: #4D78B6;

}



/* article span.info  {

	background-color: #4D78B6;

}*/





  article span.cate2  {

	background-color: #007D42;

}





 article  span.cate3  {

	background-color: #B6BC04;

}





 article  span.cate4 {

	background-color: #4FB6A6;

}







 article   span.cate5  {

	background-color: #638AC2;

}





 article   span.cate6  {

	background-color: #B6A148;

}





  article  span.cate7  {

	background-color: #D28B92;

}



  article  span.cate8  {

	background-color: #E1A95C;

}



  article  span.cate9 {

	background-color: #F6BA69;

}



  article  span.cate10 {

	background-color: #FF9999;

}



 article .catt  {

	color: #fff;

	line-height: 2em;

	text-align: center;

	min-width: 76px;

	padding: 4px 6px;

	display: block;

	font-weight: bold;

	font-size: 100%;

	text-decoration: none;

}



/*	hareyaka hatena  ブログカテゴリー  cate9 */

.center {

    text-align: center;

}



.mb1 {

    margin-bottom: 1em;

}



.mb2 {

    margin-bottom: 2em;

}



.mb3 {

    margin-bottom: 3em;

}



/* 超トップ 皆さまの疑問に答えます */

ul.kanren{

	margin-left: auto;

	background: url(http://www.touwakai.or.jp/images/013_ill2.gif) no-repeat;

	width: 581px;

	height: 212px;

	text-align: center;

	margin-right: auto;

	padding-top: 80px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 60px;

}

ul.kanren li{ float: left; padding: 0 30px;}

ul.kanren2{

	margin-left: auto;

	background: url(http://www.touwakai.or.jp/images/013_ill3.gif) no-repeat;

	width: 581px;

	height: 212px;

	margin-right: auto;

	padding-top: 100px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 130px;

}

ul.kanren li{ }





/*	hareyaka hatena  ブログカテゴリー  cate9 */



#main #newsbox h3 {

    border-bottom-width: 1px;

    border-bottom-style: solid;

    border-bottom-color: #999;

    font-family: "HG丸ｺﾞｼｯｸM-PRO";

    font-weight: bold;

    font-size: 120%;

}





#main  h3 {

/*	overflow: hidden;

	padding: 10px 0 20px 0;

	margin: 0 0 20px 0;

	border-bottom-width: 1px;

	border-left-width: 3px;

	border-bottom-style: dotted;

	border-left-style: solid;

	border-bottom-color: #aaa;

	border-left-color: #4D78B6;

	font-size: 120%;	*/

}



#main  h4.blog {

	overflow: hidden;

	padding: 10px 0 20px 0;

	margin: 0 0 20px 0;

	border-bottom-width: 1px;

	border-left-width: 3px;

	border-bottom-style: dotted;

	border-left-style: solid;

	border-bottom-color: #aaa;

	border-left-color: #4D78B6;

	font-size: 135%;

	text-indent: 1em;

	line-height: 1em;

}





/*media all*/

#main h3 {

}









/* ぱんくずリスト */

ul.bread_list {

    display: flex;

    margin: 1rem;

}



.bread_list li.home {

}



.bread_list li {

	margin-right: 1em;

	margin-left: 1em;

}



.bread_list li.home  {

	background-image: url(../images/top/home_05.png);

	background-repeat: no-repeat;

	background-position: left top;

	list-style-type: none;

	display: block;

}



.bread_list li.home a {

 display: block; /* */

  width: 1.5em; /*画像サイズ*/

  height: 1.5em;/*画像サイズ*/

}



.noText {

	text-indent:100%;

	white-space:nowrap;

	overflow:hidden;

}

/*

.bread_list li:not(:last-child):after {

    content: " > ";

    margin: 0 1.5rem;

}



.bread_list li:not(:last-child):after {

	content: " > ";

} */



/* フローティングバナーのラップ要素 */

#fixed_left_banner

{

 z-index: 12;

    /* 右端の上から20pxの位置に固定表示 */

    position: fixed;

    top: 250px;

    left: 0;

}

 

/* 画像の共通設定 */

#fixed_left_banner > *

{

    /* 横幅 */

    width: auto;

}

 

/* 2個目以降の画像の上部に余白を作る */

#fixed_left_banner > * ~ * { margin-top: 10px; }

 

/* リンク要素 */

#fixed_left_banner > a

{

    /* ブロック要素に変更 */

    display: block;

 

    /* 透過変更をスムーズにする(任意)

   -webkit-transition: opacity .2s ease;

   transition: opacity .2s ease; */

}

 

/* マウスオーバー時の表現 */

#fixed_left_banner > a:hover

{

  /*   20%透過させる 

    opacity: .8;*/

}

 

/* コンテンツに被らないようにするメディアクエリ */

@media (max-width: 1300px)

{

    #fixed_left_banner { display: none; }

}

/*inner共通

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

#mainimg_inner {

	max-width: 1300px;	/*メイン画像の幅　最大幅　画像と右にくっつけるため*/ 

	margin: 0 auto;

position: relative;

}



.inner {

	max-width: 1300px;	/*メイン画像の幅　最大幅*/ 

	margin: 0 auto;

}





#mainimg_inner {



}

.inner2 {

	max-width: 1200px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	padding-top: 30px;

}



.inner900 {

	max-width: 900px;	/*サイトの最大幅*/

	margin: 0 auto;

}



/*ヘッダー（ロゴが入った最上段のブロック）

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

/*ヘッダーブロック*/

header {

/*	background: #fff;	背景色*/

	height: 100px;		/*高さ*/

	color: #333;		/*文字色*/

}





/*media all*/

.smp-none {

    display: block;

}



.smp-none2 {

    display: block;

}







/*media all*/

.pc-none {

    display: none;

}















/*ロゴ画像*/

header #logo {

	width: 350px;		/*ロゴ画像の幅*/

	float: left;		/*左に回り込み*/

/*	margin-top: 30px;	ロゴの上にあける余白。ヘッダー内の上下の配置バランスをここで調整して下さい。*/

	margin-left: 3%;	/*ロゴの左側にあける余白。*/

}



/*ログイン（ヘッダー右側のログイン）

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

header .login a {

	text-decoration: none;

	float: right;		/*右に回り込み*/

/*	margin-right: 3%;	右に空けるスペース*/

	margin-top: 15px;/*背景色、アイコンの読み込み。左から25px、上から11pxの場所に配置。画像幅は12px。*/

/*	color: #fff;	上、右、下、左へのボタン内の余白*/

/*	border-radius: 4px;		角丸のサイズ*/

/*	font-size: 14px;		文字サイズ*/

/*	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);	文字間隔を少し広くとる指定

	background-color: #4D78B6;

	background-image: url(../images/top/pc_head_03.png);

	background-repeat: no-repeat;

	height: 45px;

	width: 201px;*/

	padding: 0px;

}

/*マウスオン時*/

header .login a:hover {

/*	background-color: #fe9b00;	背景色だけ変更する*/

/*	color: #fff;	も地色*/

}



header .add {

	text-decoration: none;

	float: right;		/*右に回り込み*/

	margin-right: 3%;	/*右に空けるスペース*/

	margin-top: 15px;/*背景色、アイコンの読み込み。左から25px、上から11pxの場所に配置。画像幅は12px。*/	

}





/*メインメニューのブロック

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

/*メニューブロック*/

#menubar {

    float: left;

    margin-right: 3%;	

/*	clear: both;

	height: 75px;		メニューの高さ。下の「#menubar ul li a」の「height」と「padding-top」の数字を合計した数字に合わせる。*/

	text-align: center;	/*文字を中央に*/

/*	background: #6fbfd1;	背景色*/

/*	border-bottom: 1px solid #fff;	下線の幅、線種、色*/

position: relative;

}

/*メニュー１個あたりの設定*/

#menubar li {

	float: left;	/*左に回り込み*/

	width: 16.66%;	/*メニュー幅（100÷6個=16.66%）　もし４個にするなら100÷4=25%になる。*/

}





#menubar li a {

	text-decoration: none;

	display: block;

	line-height: 1.6;	/*行間を少し狭く*/

	font-weight: bold;/*	color: #fff;		文字色*/

/*	height: 60px;		高さ*/

/*	padding-top: 15px;	上に追加する余白*/

/*	border-right: 1px solid #fff;	メニューの右側の線の幅、線種、色（古いブラウザ用）*/

/*	border-right: 1px solid rgba(255,255,255,0.5);	右の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/

}

/*１つ目のメニューへの追加設定*/

#menubar li:first-child a {

/*	border-left: 1px solid #fff;	メニューの線の幅、線種、色（古いブラウザ用）*/

/*	border-left: 1px solid rgba(255,255,255,0.5);	左の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事。*/

}

/*飾り文字*/

#menubar li span {

	display: block;

	font-size: 9px;			/*文字サイズ*/

	font-weight: bold;	/*文字を太字でなく標準に戻す設定*/

	letter-spacing: 0.2em;	/*文字間隔を少しあける設定*/

	opacity: 0.5;			/*透明度50％*/

}

/*マウスオン時と、現在表示中(current)のメニューの設定*/

#menubar li a:hover, #menubar li.current a {

/*	background: #94d1df;	背景色*/

}

/*スマホ用メニューを表示させない*/

#menubar-s {display: none;}

/*３本バーアイコンを表示させない*/

#menubar_hdr {display: none;}



/*ドロップダウンメニュー用

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



#menubar ul.gn li {

    width: auto;

    position: relative;

    padding-left: 20px;

}



#menubar ul.gn li ul.ddmenu {

    width: 206px;

    /* background-image: url(../images/top/pc_dropdown_14.png); */

    height: 447px;

    background-repeat: no-repeat;

    background-position: 0px 0px;

    position: absolute;

    top: 15px;

    left: -40px;

}



/*メニューブロック*/

#menubar  ul.ddmenu {

	position:absolute;visibility: hidden;z-index: 10;padding-top: 1px;

/*	width: 16.66%;		幅。上の「#menubar li」と合わせる。*/

/*	font-size: 12px;	文字サイズ*/



    filter:alpha(opacity=90);

    -moz-opacity: 0.9;

    opacity: 0.9;





}

/*メニュー１個あたりの設定*/

#menubar ul.ddmenu li {

	float: none;

	width: 100%;

}

#menubar ul.ddmenu li a {

	width: 206px;

	height: 64px;

	font-weight: normal;

	border: none;

	overflow: hidden;

	text-indent: 150%;

	white-space: nowrap;

	font-weight: bold;

	border: none;	/*上下、左右への余白*/

	background-repeat: no-repeat;

	margin: 0px;

	padding: 0px;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	line-height: 64px;

}



#menubar ul.ddmenu li.t1 a {

	background-image: url(../images/top/pc_drop_03.png);

	height: 97px;

}



#menubar ul.ddmenu li.t2 a {

	background-image: url(../images/top/pc_drop_09.png);

}



#menubar ul.ddmenu li.t3 a {

	background-image: url(../images/top/pc_drop_12.png);

}



#menubar ul.ddmenu li.t4 a {

	background-image: url(../images/top/pc_drop_17.png);

}



#menubar ul.ddmenu li.t5 a {

	background-image: url(../images/top/pc_drop_20.png);

}



#menubar ul.ddmenu li.t6 a {

	background-image: url(../images/top/pc_drop_23.png);

	height: 78px;

}



#menubar ul.ddmenu li.t1t a {

	text-indent: 1px;

	background-image: url(../images/top/pc_dropt_03.png);

	height: 67px;

	padding-top: 30px;

}



#menubar ul.ddmenu li.t2t a {

	text-indent: 1px;

	background-image: url(../images/top/pc_dropt_09.png);

}



#menubar ul.ddmenu li.t6t a {

	text-indent: 1px;	

	background-image: url(../images/top/pc_dropt_23.png);

	height: 78px;

}







/*ドロップダウンメニュー内の見出し*/

#menubar ul.ddmenu li.title a {

/*	background: #6fbfd1;	背景色*/

	cursor: default;		/*カーソルをリンク用でなくデフォルトの矢印にしておく*/

	padding: 3px 0;			/*上下、左右への余白*/

}

/*マウスオン時*/

#menubar ul.ddmenu li a:hover {

/*	background: #000;	背景色*/

}

/*見出しのマウスオン時*/

#menubar ul.ddmenu li.title a:hover {

/*	background: #6fbfd1; */

}



/*fixmenu設定（メニューが画面上部に到達した際のスタイル）

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

/*上部固定メニュー用fixmenu設定*/

body.is-fixed-menu .nav-fix-pos {

	width: 100%;z-index: 100;position: fixed;top: 0;left: 0;

}

body.is-fixed-menu header {

	margin-bottom: 75px;	/*メニューの高さを指定。menubarのborderが1px分ありますが大差ないので75でOKです。*/

}

/*上の設定の「is-fixed-menu」を「is-fixed」に変更したものをそのまま記入します。fixmenuスクリプトを２つ使う為に必要な設定になります。*/

body.is-fixed .nav-fix-pos {

	width: 100%;z-index: 100;position: fixed;top: 0;left: 0;

}

body.is-fixed header {

	margin-bottom: 75px;

}



/*contents（３カラムを囲むブロック）

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

#contents,

.contents {

	clear: both;overflow: hidden;

/*	padding-top: 40px;		上に空けるボックス内の余白*/

	padding-bottom: 40px;	/*下に空けるボックス内の余白*/

}



#contents2 {

	clear: both;overflow: hidden;

/*	padding-top: 40px;		上に空けるボックス内の余白*/

	padding-bottom: 0px;	/*下に空けるボックス内の余白*/

}







/*contents-in（mainとsubを囲むブロック）

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

#contents-in {

/*	float: left;	左に回り込み*/

/*	width: 80%;		ブロックの幅*/

}

/*２カラム時*/

.c2 #contents-in {

	float: none;

	width: auto;

}



/*mainコンテンツ（中央のブロック）

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

#main {

/*	float: right;	右に回り込み*/

/*	width: 75%;		ブロックの幅*/

}

/*mainコンテンツのh2タグ設定*/

#main h2 {

	/*	clear: both;

	margin-bottom: 20px;

	padding: 10px 20px;上下、左右への余白*/

/*	font-size: 18px;	文字サイズ*/

/*	color: #fff;		文字色*/

/*	background: #6fbfd1;	背景色*/

}

/*h2タグの１文字目への追加設定*/

#main h2::first-letter {

	border-left: 3px solid #fff;	/*左の線の幅、線種、色*/

	padding-left: 15px;				/*線とテキストとの余白*/

}

/*mainコンテンツのh3タグ設定*/

#main h3 {

	clear: both;

	margin-bottom: 20px;

	padding: 4px 1em;	/*上下、左右への余白*/

/*	font-size: 16px;	文字サイズ*/

/*	border: 1px solid #ccc;		枠線の幅、線種、色*/

}

/*h3タグの１文字目への追加設定*/

#main h3::first-letter {

/*	border-left: 3px solid #6fbfd1;	左の線の幅、線種、色*/

/*	padding-left: 15px;				線とテキストとの余白*/

}

/*mainコンテンツの段落タグ設定*/

#main p {

	padding-top: 0px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

}



#main .parent p {

	text-align: left;

}



#main .parent p.arrow2{

	text-align: center;

}



/*他。微調整。

#main p + p {

	margin-top: -5px;

}*/

#main h2 + p,

#main h3 + p {

	margin-top: -10px;

}

#main section + section {

	margin-top: 30px;

}







.mw_wp_form{

	width: 100%;

	color: #333;

}

 

.mw_wp_form table.mailform-tbl{

	width: 100%;

	margin-bottom: 40px;

}

 

.mw_wp_form table tr{

	width: 100%;

	border-bottom: 1px dotted #ccc;

	padding: 30px 0;

	font-weight: normal;

}

 

.mw_wp_form table tr:first-child{

	border-top: 1px dotted #ccc;

}

 

.mw_wp_form table th{

	padding: 20px 0;

	text-align: left;

	vertical-align: top;

	font-weight: normal;

	width: 30%;

	float: left;

}

 

.mw_wp_form table th .attention{

	font-size: 80%;

	margin-left: 10px;

	color: red;

	padding: 3px;

}

 

.mw_wp_form table td{

	padding: 20px 0;

	width: 70%;

	float: left;

}

 

.mw_wp_form table td.w50 input,.mw_wp_form table td.w50 select{

	width: 50%;

	box-sizing: border-box;

}

 

.mw_wp_form table td.w80 input,.mw_wp_form table td.w80 select{

	width: 80%;

	box-sizing: border-box;

}

 

.mw_wp_form table td.w80 textarea{

	width: 80%;

	box-sizing: border-box;

}

 

.mw_wp_form #submit-button input {

   margin: 0 auto;

    display: block;

    padding: 10px 30px;

    border: 1px solid #333;

    background: #333;

    color: #fff;

    box-sizing: border-box;

    height: 40px;

    -webkit-appearance: none;

    border-radius: 5px;

    font-size: 90%;

}

 

@media (max-width: 599px) {

/* small devices */

 

.mw_wp_form table td.w50 input,.mw_wp_form table td.w50 select{

	width: 100%;

	box-sizing: border-box;

}

 

.mw_wp_form table td.w80 input,.mw_wp_form table td.w80 select{

	width: 100%;

	box-sizing: border-box;

}

 

.mw_wp_form table td.w80 textarea{

	width: 100%;

	box-sizing: border-box;

}

 

.mw_wp_form #submit-button input {

   margin: 0 auto;

    display: block;

    padding: 10px 30px;

    border: 1px solid #333;

    background: #333;

    color: #fff;

    box-sizing: border-box;

    height: 40px;

    -webkit-appearance: none;

    border-radius: 5px;

    font-size: 90%;

}

 

}



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

** 入力フォーム（Form）

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

input[type="text"],

input[type="url"],

input[type="password"],

input[type="email"],

input[type="search"],

input[type="tel"],

textarea {

  background-color: #fff;

  background-image: none;

  border: 1px solid #ccc;

  border-radius: 4px;

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

  color: #333;

  /*display: block;*/

  font-size: 16px;

  line-height: 1.42857;

  padding: 6px 12px;

  -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

  width: 100%;

  box-sizing: border-box;

}



input#author,

input#email,

input#url{

  max-width: 360px;

}



.gsc-search-box input[type="text"]{

  background-color:#FFF;

  border-radius: 0px;

}



#comment-area input[type="text"],

#comment-area textarea{

  display: block;

}



textarea {

  overflow: auto;

  width:100%;

  box-sizing: border-box;

}



input[type="text"]:focus,

input[type="password"]:focus,

input[type="email"]:focus,

input[type="search"]:focus,

input[type="url"]:focus,

input[type="tel"]:focus,

textarea:focus {

  border: 1px solid #ff69b4;

  background: #fff;

  box-shadow:  0 0 3px rgba(255,105,180,1);

   color: #444;

}



.button,

button,

input[type="submit"],

input[type="reset"],

input[type="button"] {

	/*  display: inline-block;

  margin-bottom: 20px;

  padding: 6px 12px;

  border: 1px solid #777;

  border-radius: 3px;

  background: #fff;

  color: #333;

  text-decoration: none;

  font-weight: bold;

  line-height: normal;

  cursor: pointer;

   Old browsers }*/





/*media only screen and (min-width:668px)

.submit_wrap input {*/

	width: 33%;

	height: 60px;

	font-size: 20px;

	font-weight: normal;

	line-height: 1;

	letter-spacing: 0.1em;

	color: #FFFFFF;

	font-weight: bold;

	border: none;

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	border-radius: 0px;

	background-position: 90% center;

	background-repeat: no-repeat;

	background-image: url(../img/parts/arrow_brn.png);

	background-color: #4D78B6;

	display: block;

	margin-left: auto;

	margin-right: auto;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}







.button:hover,

button:hover,

input[type="submit"]:hover,

input[type="reset"]:hover,

input[type="button"]:hover {

	background-color: #7C9BC9;

}



.button:active,

button:active,

input[type="submit"]:active,

input[type="reset"]:active,

input[type="button"]:active {

  position: relative;

  top:1px;

}











/*subコンテンツ（左側のブロック）

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

#sub {

	float: left;	/*左に回り込み*/

	width: 22.5%;	/*ブロックの幅*/

}



/*sideコンテンツ（右側のブロック）

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

#side {

	float: right;	/*右に回り込み*/

	width: 18%;		/*ブロックの幅*/

}

/*２カラム時*/

.c2 #side {

	display: none;	

}



/*sub,side共通設定

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

/*h2見出しタグ設定*/

#sub h2,

#side h2 {

	text-align: center;		/*文字をセンタリング*/

	padding: 8px 0px;		/*上下、左右への余白*/

	color: #fff;			/*文字色*/

	background: #9d9980;	/*背景色（古いブラウザ用）*/

	background: linear-gradient(#9d9980, #8c876c);	/*背景グラデーション*/

}

/*段落タグ（p）設定*/

#sub p,#side p {

	line-height: 1.6;	/*行間を少し狭く*/

}



/*box1設定（sub,sideで使っています）

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

/*box1設定*/

#sub .box1,

#side .box1 {

	border: 1px solid #8c876c;	/*枠線の幅、線種、色*/

	padding: 10px;			/*ボックス内の余白*/

	margin-bottom: 20px;	/*ボックスの下にあけるスペース*/

	background: #f1f0ec;	/*背景色*/

}

/*box1の中にsubmenuがある場合の下のmarginをなくす*/

.box1 .submenu {

	margin-bottom: 0 !important;

}



/*submenu（sub,sideのメニュー）

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

/*メニューブロック全体の設定*/

#sub .submenu,

#side .submenu {

	margin-bottom: 20px;		/*メニューブロックの下にあけるスペース*/

	border-top: 1px solid #8c876c;	/*上の線の幅、線種、色*/

}

/*メニュー１個ごとの設定*/

#sub .submenu li a,

#side .submenu li a {

	text-decoration: none;display: block;

	padding: 0 10px;		/*上下、左右のボックス内の余白*/

	border: 1px solid #8c876c;	/*枠線の幅、線種、色*/

	border-top: none;		/*上の線を消す設定*/

	background: #fff;		/*背景色*/

}



/*フッター設定

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

footer {

	clear: both;	/*背景色*/

	font-size: 85%;			/*文字サイズ*/

	/*	color: #fff;			文字色*/

	background-image: url(../images/top/foot_bg.png);

	background-repeat: repeat;

	margin-bottom: 0px;

}

footer a, footer a:hover {

	color: #2D2D2D;	/*リンクテキスト、マウスオン時の文字色*/

}

footer .pr {display: block;font-size: 80%;}



/*フッターメニュー

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

/*ボックス全体*/

#footermenu {

	overflow: hidden;	/*上下、左右へのボックス内の余白*/

	font-size: 12px;	/*文字サイズを少し小さく*/

	padding-top: 20px;

	padding-right: 0;

	padding-bottom: 40px;

	padding-left: 0;

}



#footermenu div.gridWrapper  {

	float: left;

	width: 100%;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	margin-bottom: 80px;

	margin-top: 40px;

}



#footermenu  div.gridWrapper .boxhalf {

	float: left;

	width: 48%;

	margin-right: 4%;	

	overflow: hidden;

	height: 250px;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

	background-color: #FFF;

}



#footermenu  div.gridWrapper .boxhalf2 {

	float: left;

	width: 48%;

	overflow: hidden;

	height: 250px;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	background-color: #FFF;

}







#footermenu #index_footer {

    width: 600px;	

    float: left;

    margin-right: 0px;

}

#index_footer .map1 .acc1 {

    float: left;

    margin-right: 10px;

}

#index_footer .map1 .acc2 {

	float: left;

	margin-top: 70px;

}



#index_footer .map1 {

    width: 540px;	

}



#index_footer  .map {

	width: 540px;

	margin-top: 30px;

	border-radius: 10px;        /* CSS3草案 */

	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */

	-moz-border-radius: 10px;   /* Firefox用

	border: 2px solid #4A7DB9; */

	float: left;

	background-color: #FFF;

}





/*media all*/

#footermenu ul#index_footer_menu {

    width: auto;

    float: left;

}





/*１列分の設定*/

#footermenu ul {

	float: left;	/*左に回り込み*/

	width: 22%;	/*	幅。今回は5列作ったのでここの幅18%と下のpadding(合計の2%)でトータル20%になるよう設定。列に応じて調整して下さい。*/

	padding-right: 5px;

	padding-left: 5px;

	border-bottom-width: 2px;

	border-bottom-style: dotted;

	border-bottom-color: #4B78B6;

	padding-bottom: 10px;

	border-top-width: 2px;

	border-top-style: dotted;

	border-top-color: #4B78B6;

	padding-top: 10px;

	margin-left: 40px;

}

/*メニュー１個あたりの設定*/

#footermenu ul li {

	padding-top: 0;

	padding-right: 5px;

	padding-bottom: 0;

	padding-left: 5px;

}

/*見出し*/

#footermenu li.title {

	font-weight: bold;	

	border-top-width: 2px;

	border-top-style: dotted;

	border-top-color: #4A6FA9;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 5px;

	padding-bottom: 5px;

}



#footermenu li.title_b {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 10px;

	margin-left: 0px;

	padding-top: 5px;

	padding-bottom: 5px;

	border-bottom-width: 2px;

	border-bottom-style: dotted;

	border-bottom-color: #4A6FA9;

}





#footermenu li.title2 {

	font-weight: bold;	

}

/*リンクテキスト*/

#footermenu a {

	text-decoration: none;

/*	opacity: 0.7;	透明度。70%色がでた状態の事。*/

}

/*マウスオン時*/

#footermenu a:hover {

	opacity: 1;	/*透明度。100%色がでた状態の事。*/

}



/*コピーライト

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

#copyright {

	clear: both;

	text-align: center;	/*背景色*/

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	color: #FFF;

	background-color: #4D78B6;

}

#copyright a {text-decoration: none;}



/*トップページ内「更新情報・お知らせ」ブロック

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

/*ブロック全体の設定*/

#new dl {

	padding: 0px 20px;	/*上下、左右へのブロック内の余白*/

	margin-bottom: 20px;	/*ブロックの下(外側)に空ける余白*/

}

/*日付設定*/

#new dt {

	float: left;

	width: 9em;

	letter-spacing: 0.1em;

}

/*記事設定*/

#new dd {

	padding-left: 9em;

	border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/

}



/*よく頂く質問ページ

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

/*質問と答えのボックス全体を囲むブロック*/

.faq {

	padding: 0 20px 10px;	/*上、左右、下へのボックス内余白*/

}

/*質問*/

.faq dt {

	font-weight: bold;	/*太字にする設定*/

	color: #6fbfd1;		/*文字色*/

}

/*回答*/

.faq dd {

	padding-bottom: 10px;	/*下に空けるスペース*/

}



/*テーブル

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

/*テーブル１行目に入った見出し部分（※caption）*/

.ta1 caption {

	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/

	border-bottom: none;	/*下線だけ消す*/

	text-align: left;		/*文字を左寄せ*/

	background: #eee;		/*背景色*/

	color: #666;			/*文字色*/

	font-weight: bold;		/*太字に*/

	padding: 10px;			/*ボックス内の余白*/

}

/*ta1設定*/

.ta1 {

	table-layout: fixed;

	width: 100%;

	margin: 0 auto 20px;

	background: #fff;	/*背景色*/

	color: #666;		/*文字色*/

}

.ta1, .ta1 td, .ta1 th {

	word-break: break-all;

	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/

	padding: 10px;	/*ボックス内の余白*/

}

/*ta1の左側ボックス*/

.ta1 th {

	width: 140px;		/*幅*/

	text-align: center;	/*センタリング*/

}

/*labelタグ*/

.ta1 label {

	display: inline-block;

}

/*こだわりアイコンのフロート指定(CMS用)*/

.ta1 td .specialbox {

	float: left;

	width: 80px;	/*アイコン幅。*/

	height: 40px;	/*アイコンの高さ。*/

}



/*btn（inputタグ用）

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

#main input[type="submit"].btn,

#main input[type="button"].btn,

#main input[type="reset"].btn {

	padding: 5px 10px;		/*上下、左右へのボタン内の余白*/

	border: 1px solid #ccc;	/*枠線の幅、線種、色*/

	border-radius: 3px;		/*角丸のサイズ*/

	background: #eee;		/*背景色*/

}

/*マウスオン時の設定*/

#main input[type="submit"].btn:hover,

#main input[type="button"].btn:hover,

#main input[type="reset"].btn:hover {

	border: 1px solid #999;	/*枠線の幅、線種、色*/

	background: #fff;		/*背景色*/

}



/*btn（赤い色の大きなボタン）

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

a.btn {

	display: block;text-decoration: none;

	background: #d90000;	/*背景色（古いブラウザ用）*/

	background: linear-gradient(#d90000, #a70000);	/*グラデーション*/

	color: #fff;		/*文字色*/

	font-size: 20px;	/*文字サイズ*/

	text-align: center;	/*文字をセンタリング*/

	padding: 10px;		/*ボタン内の余白*/

	border-radius: 4px;	/*角丸のサイズ*/

	letter-spacing: 0.2em;	/*文字間隔を広くとる設定*/

	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);	/*ボックスの影。右に、下に、ぼかし幅、0,0,0は黒の事で0.3は色が30%ついた状態。*/

	border: 1px solid #a70000;	/*枠線の幅、線種、色*/

}

/*マウスオン時*/

a:hover.btn {

	box-shadow: none;

	background: #fff;	/*背景色*/

	color: #a70000;		/*文字色*/

}



/*btn2（青い色のボタン）

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

a.btn2 {

	display: inline-block;text-decoration: none;

	background: #2e8bdb;	/*背景色（古いブラウザ用）*/

	background: linear-gradient(#51a9f3, #2e8bdb);	/*グラデーション*/

	color: #fff;		/*文字色*/

	text-align: center;	/*文字をセンタリング*/

	padding: 2px 10px;	/*上下、左右へのボタン内の余白*/

	border-radius: 2px;	/*角丸のサイズ*/

	font-size: 12px;	/*文字サイズ*/

}

/*マウスオン時*/

a.btn2:hover {

	opacity: 0.7;	/*色が70%ついた状態*/

}



/*PAGE TOP（↑）設定

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

/*アニメーションのキーフレーム設定（変更不要）*/

@keyframes scroll {

0% {opacity: 0;}

100% {opacity: 1;}

}

/*デフォルトでは非表示に*/

body .nav-fix-pos-pagetop a {display: none;}

/*ボタンの設定*/

body.is-fixed-pagetop .nav-fix-pos-pagetop a {

	display: block;

	text-decoration: none;

	text-align: center;

	z-index: 100;

	position: fixed;

	width: 70px;		/*幅*/

	line-height: 70px;	/*高さ*/

	bottom: 70px;		/*下から50pxの場所に配置*/

	right: 3%;			/*右から3%の場所に配置*/

/*	background: #000;	背景色。0,0,0は黒の事で0.6は透明度60%の事。*/

	color: #fff;		/*文字色*/

	/*	border: 1px solid #fff;枠線の幅、線種、色*/

	animation-name: scroll;	/*上のアニメーションで指定しているkeyframesの名前（scroll）*/

	animation-duration: 1S;	/*アニメーションの実行時間*/

	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/

	background-image: url(../images/top/pc_top_98.png);

	background-repeat: no-repeat;

}

/*マウスオン時*/

body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {

}



/*トップページのNEWアイコン

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

.newicon {

	background: #F00;	/*背景色*/

	color: #FFF;		/*文字色*/

	font-size: 70%;

	line-height: 1.5;

	padding: 2px 5px;

	border-radius: 2px;

	margin: 0px 5px;

	vertical-align: text-top;

}



/*checkブロック。赤い注意書きブロックです。

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

p.check {

	background: #ff0000;

	color:#fff;

	padding: 10px 25px !important;

	margin-bottom: 20px;

}

p.check a {color: #fff;}



/*ul.disc,olタグ

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

ul.disc {

	list-style: disc;

	padding: 0 20px 20px 45px;

}

ol {

	padding: 0 20px 20px 47px;

}



/*その他

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

.look {background: #eee;border: 1px solid #ccc;padding: 5px 10px;border-radius: 4px;}

.mb15,.mb1em {margin-bottom: 15px !important;}

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

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

.clear {clear: both;}

.color1, .color1 a {color: #6fbfd1 !important;}

.color2, .color2 a {color: #999 !important;}

.red, .red a {color: #ff0000 !important;}

.pr {font-size: 10px;}

.wl {width: 96%;}

.ws {width: 50%;}

.c {text-align: center;}

.r {text-align: right;}

.l {text-align: left;}

img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}

img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}

.big1 {font-size: 24px;letter-spacing: 0.2em;}

.mini1 {font-size: 11px;}

.sh {display: none;}







/*画面幅1301px以上の設定

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

@media screen and (min-width:1301px){



/*inner共通

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

.inner {

	width: 1301px;	/*サイトの幅。この指定がないと上部メニューが一瞬段落ちする場合があります。*/

}



.mainimg_inner {

	width: 1301px;	/*サイトの幅。この指定がないと上部メニューが一瞬段落ちする場合があります。*/

}



.inner900 {

	width: 901px;	/*サイトの幅。この指定がないと上部メニューが一瞬段落ちする場合があります。*/

}



/*メインメニューとドロップダウンメニューの設定変更。

メニュー数が6個なので、1301÷6=216pxになります。



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

#menubar{

/*	margin-top: 40px; */

}



#menubar ul.gn  {

	position: relative;

	margin-top: 0px;

}

#menubar ul.gn li  {

	width: auto;

	position: relative;

/*	padding-left: 40px; */

}



#menubar {

	position: relative;



}



#menubar ul.gn li  ul.ddmenu {

	width: 206px;

/*	background-image: url(../images/top/pc_dropdown_14.png); */

	height: 447px;

	background-repeat: no-repeat;

	background-position: 0px 0px;

	position: absolute;

	top: 15px;

	left: -40px;

}





}







/*画面幅1300px以下の設定

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

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



/*contents（３カラムを囲むブロック）

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

#contents {

	margin: 0 1%;	/*上下、左右へのコンテンツの外側へ空けるスペース*/

}



}



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



.smp-none2 {

    display: none;

}





}







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



#mainimg img.main {

    width: 70%;

    margin-bottom: 20%;

}



}





/*画面幅900px以下の設定

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

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

/*@media screen and (max-width:768px)*/







.img-flex-3s {

	margin-bottom: 0px;

	display: block;

}

.img-flex-3s {

    padding-top: 20px;

    padding-bottom: 20px;

}

.img-flex-3s div {

	float:left;

    width: 95%;

    height: auto;

	margin-bottom: 15px;

	

}











/* 　ロゴ　*/

.logo_s {border: none;max-width: 40%;height: auto;vertical-align: middle;

-ms-interpolation-mode: bicubic;}



/* にこやか　グレー○*/



dl.list_00{

		width: 100%;

}





dl.list_00 dt{

	padding-left: 22px;

	background-repeat: no-repeat;

	background-position: 0px 7px;

	background-image: url(../images/top/list_06.gif);

	float: left;

	width: auto;

}

dl.list_00 dd {

	float: left;	

	width: auto;

}







#main .topnavi {

	margin-right: auto;

	margin-left: auto;

}



#main dl#top {

	width: 100%;

	float: none;

	margin-left: 0px;

	height: auto;

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 0px;

}



#main dl#top dd  {

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	font-weight: bold;

	padding-top: 0px;

	padding-bottom: 0px;

	margin-top: 0px;

	margin-bottom: 0px;

	width: auto;

	font-size: 110%;

	line-height: 2em;

	color: #FFF;

	text-align: center;

}



#main dl#top dd a {

		color: #FFF;

}



#main dl#top dt,

#main dl#top dt{

	width: 100%;

	float: none;

	text-align: center;

	margin: 0px;

	padding: 0px;

	line-height: 1em;

	font-size: 120%;

}







/* よくある質問 fq */

ul#qa_menu2{ width:100%; margin: 0 auto; padding-bottom: 30px; }

#qa_menu2{

  display: inline-block;

}

ul#qa_menu2 li{

	float: none;

	padding: 10px;

	margin: 10px;



}

ul#qa_menu2 li a{ display: block; width: 250px; height: auto; }



.hareyaka ul#qa_menu2 {

	background-image: url(../images/hareyaka/hareyaka_nayami.png);

	background-repeat: no-repeat;

	background-position: left top;

	width: auto;

	padding-bottom: 30px;

	margin-top: 0;

	margin-right: 100%;

	margin-bottom: 0;

	padding-left: 200px;

}









/*2列タイプ(list-compact)のブロック

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

/*各ボックスの設定*/

.list-access {

	position: relative;

	overflow: hidden;			/*ボックスの外側に空けるスペース*/

	float: left;		/*左に回り込み*/

	width: 91%;			/*幅*/

	height: auto;		/*高さ*/

	/*	font-size: 12px;	文字サイズ*/

	line-height: 1.5;	/*行間を少し狭くする*/

	border-radius: 30px;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border: 2px solid #105EB2;

	padding: 10px;

	background-color: #FEFEEE;

	margin-top: 2%;

	margin-right: 0;

	margin-bottom: 2%;

	margin-left: 0;

	height: auto;

}



.alignleft {

	display: inline;

	float: left;

	margin-top: 0.3em;

	margin-right: 0.9em;

	margin-bottom: 0;

	margin-left: 0;

}



.alignleft_img {

	display: inline;

	float: left;

	margin-top: 0.3em;

	margin-right: 0.9em;

	margin-bottom: 0;

	margin-left: 0;

}









/*ロゴ画像*/

header #logo {

	width: 350px;		/*ロゴ画像の幅*/

	float: left;		/*左に回り込み*/

	/*	margin-top: 30px;	ロゴの上にあける余白。ヘッダー内の上下の配置バランスをここで調整して下さい。*/

	margin-left: -5%;	/*ロゴの左側にあける余白。*/

	margin-bottom: 0px;

}









#main #newsbox{

	clear:both;

		background-color: #FFF;

}

#main #newsbox h3 {

    border-bottom-width: 1px;

    border-bottom-style: solid;

    border-bottom-color: #999;

    font-family: "HG丸ｺﾞｼｯｸM-PRO";

    font-weight: bold;

    font-size: 120%;

}



#main #newsbox dl  {

	margin-bottom: 30px;



}

	

#main #newsbox dl dd  {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #999;

}

		





/* h2 ブログ */





#main h4.blog {



    overflow: hidden;

    padding: 10px 0 20px 0;

    margin: 0 0 20px 0;

    border-bottom-width: 1px;

    border-left-width: 3px;

    border-bottom-style: dotted;

    border-left-style: solid;

    border-bottom-color: #aaa;

    border-left-color: #4D78B6;

    font-size: 120%;

    text-indent: 1em;

    line-height: 1em;



}



/* h1 タイトル背景画像 */



.contents_bg2 #title1 h1.tit {

	font-family: 'Sawarabi Gothic', sans-serif;

	font-size: 110%;

	font-weight: bold;

	text-align: left;

	text-indent: 22%;

	padding-bottom: 0%;

	height: 100%;

	line-height:3;

	}



.contents_bg2 #title1 h1.tit span {

	font-size: 63%;

	padding-left: 0.3em;



}



.contents_bg2 #title2 {

	text-align: center;



	background-repeat: no-repeat;

	margin-right: auto;

	margin-left: auto;/*background-size:contain;*/

	background-size: 100% auto;

　/*この場合は高さが自動設定*/

/*background-size:auto 100%;　この場合は幅が自動設定*/

	height: 0;

	padding-top: 20%;

}



.contents_bg2 .blog {	background-image: url(../images/h1/h1_blog2s.png);

	background-repeat: no-repeat;

	padding-top:23%

}

.contents_bg2 .blog h1.tit2 {

    visibility:hidden;

	padding-top: 3%;

	

}







#footermenu div.gridWrapper  {

	float: none;

	width: 100%;

	margin-bottom: 0px;

	margin-top: 40px;

}



#footermenu  div.gridWrapper .boxhalf,

#footermenu  div.gridWrapper .boxhalf2 {

	float: none;

	width: 80%;

	overflow: hidden;

	height: 250px;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	background-color: #FFF;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 20px;

}



#index_footer .map {

	width: 90%;

	margin-top: 0px;

	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

	float: none;

	background-color: #FFF;

	margin-bottom: 20px;

	margin-right: auto;

	margin-left: auto;

}





#footermenu ul#index_footer_menu {

	float: none;	

    width: auto;



}



#footermenu #index_footer {

	width: 100%;

	float: none;

	margin-bottom: 30px;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 0px;

}









footer {

	margin-bottom: 150px;

}



.pc-none {

    display: block;	



}



.center_big {

	font-size: 160%;

	font-weight: bold;

	text-align: center;

	line-height: 1.5em;

	margin: 0px;

}







/*@media screen and (max-width:768px)*/

.smp-none {

    display: none;

}

/* スマホ用フローティングバナーのラップ要素 */

#footerFloatingMenu {

	display: block;

	width: 100%;

	position: fixed;

	left: 0px;

	bottom: 2px;

	z-index: 9999;

	text-align: center;

	padding: 0 auto;

	background-color: #FFF;

}

 

#footerFloatingMenu img {

    max-width: 99%;

}





#footerFloatingMenu　ul li {

	float: left;

}

ul.half li {

	float: left;

	width:50%;

}



#index_group ul {

    margin-top: 20px;

    float: left;

    height: auto;

    margin-bottom: 20px;

    width: 100%;

    margin-left: 0%;

}



#index_group2 ul  {

	float: left;

	margin-right: 5%;

	margin-left: 5%;

}



#index_group2 ul li {

	text-align: center;

}



#index_group2 ul.tate {

	width: 50%;

	text-align: center;

	margin-right: 25%;

	margin-left: 25%;

}



	

header #logo img {

	width: 100%;

	padding-left: 50px;

}	



#menubar {

	position: relative;

	display: none;

}

	



/*ログイン（ヘッダー右側のログイン）

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

header .login a,

header .add  {

/*	float: left;			ロゴの右に来るように再指定*/

/*	margin-left: 20px;		ロゴとの間にとるスペース*/

/*	background-image: none;	ブラウザ幅が狭くなるので、鍵マークを消す*/

/*	padding: 5px 30px;		上下、左右へのボタン内の余白*/

display:none;



}





#mainimg .text2 img,

#mainimg .login2 img,

#mainimg .add2 img /*,

 #mainimg h1#logo2 img  縦ロゴ */

 { 

display:none;	

}



#mainimg {



	position: relative;/*	overflow: hidden;	margin-bottom: 40px;	画像の下に空けるスペース。下のコンテンツとの間の余白です。*/

/*	background: url(../images/mainimg_bg.png) no-repeat center center / cover;	アニメーションがスタートする前の土台画像の読み込み*/

}



#mainimg .top-header-nav  {

display:none;		

}



#mainimg .top-img  img {

	position: absolute;		

}





/*画像１枚ごとの指定*/

#mainimg img {

	width: 90%;		/*	画像の幅。５枚なので100÷5=20です。*/

/*	float: right;		左に回り込み*/

/*	transition: 0.4s;	マウスオン時に0.4秒かけて動く(少しだけ大きくなる)指定*/

/*	transform-origin: left top;	マウスオン時に画像が少しだけ大きくなる際の基準点*/

/*	animation-name: img;		アニメーションのキーフレームの名前。上の@keyframesの横の名前です。*/

/*	animation-duration: 0.5S;	アニメーション(上のkeyframe)を実行する時間。*/

/*	animation-fill-mode: both;	アニメーションの待機中は最初のキーフレームを維持、終了後は最後のキーフレームを維持。

	position: relative;

*/

}

/*画像にリンクをはった際のマウスオン時設定*/

#mainimg a img:hover {

	opacity: 1;

	position: relative;z-index: 1;

/*	transform: scale(1.04);	画像を104%に拡大する*/

}

/*１枚目画像*/





#mainimg img.main {

    margin-bottom: 10px;

    width: 100%;

}









/*fixmenu設定（メニューが画面上部に到達した際のスタイル）

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

/*fixmenuから折りたたみメニューになるのでリセット。*/

body.is-fixed-menu header,body.is-fixed header {margin-bottom: 0px;}



/*メインメニュー

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

/*アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。透明(0%)から色を100%出すアニメーション指定。*/

@keyframes menu1 {

/*	0% {opacity: 0;}

	100% {opacity: 1;}*/

}

/*スマホ用メニューブロック*/

#menubar-s  {

	display: block;

	overflow: hidden;

	z-index: 10;

	position: absolute;

	top: 105px;	/*上から100pxの場所に配置*/

	width: 100%;

	animation-name: menu1;		/*上のkeyframesの名前*/

	animation-duration: 0.5S;	/*アニメーションの実行時間。0.5秒。*/

	animation-fill-mode: both;	/*アニメーションの待機中は最初のキーフレームを維持、終了後は最後のキーフレームを維持。*/

/*	background-image: url(../images/top/pc_top_05.png); */

	background-repeat: no-repeat;

	background-position: 30px 15px;

/*	padding-left: 100px; */

	background-color: #F3F2EB;

	overflow: hidden;

	text-indent: 100%;

	white-space: nowrap;

	padding-top: 0px;

	padding-bottom: 30px;

	padding-right: 10px;

}

#menubar-s ul {

	filter: alpha(opacity=90);

	-moz-opacity: 0.9;

	opacity: 0.9;

}



/*メニュー１個あたりの設定*/

#menubar-s li a {

	display: block;

	text-decoration: none;/*	背景色*/

/* ここから	font-size: 22px;		文字サイズ*/

	/*	color: #fff;		文字色

	background-image: url(../images/top/sp_menu_07.png);　ここ非表示*/

/*	height: 100px;

	background-repeat: no-repeat;*/

	font-weight: bold;

	border-bottom-width: 3px;

	border-bottom-style: dotted;

	border-bottom-color: #333;

/*	padding-top: 10px;

	padding-bottom: 10px;

	background-position: 20px;

  background: url(../images/top/sp_menu_07.png) no-repeat; 

background-size:90% auto;*/

}



#menubar-s li.timg　a {

	display: block;

	text-decoration: none;

	border-bottom-width: 3px;

	border-bottom-style: dotted;

	padding-top: 0px;

	padding-bottom: 0px;

}



#menubar-s li.timg a img {

	display: block;	

	width: 100%;	

	height: auto;	

	padding-top: 0px;

	padding-bottom: 0px;

}



#menubar-s li.t1 a {

	background-image: url(../images/top/sp_menu_07.png);	

}

#menubar-s li.t2 a {

	background-image: url(../images/top/sp_menu_11.png);

}

#menubar-s li.t3 a {

	background-image: url(../images/top/sp_menu_16.png);

}

#menubar-s li.t4 a {

	background-image: url(../images/top/sp_menu_14.png);

}

#menubar-s li.t5 a {

	background-image: url(../images/top/sp_menu_18.png);

}



#menubar-s li.t6 a {

	background-image: url(../images/top/sp_menu_20.png);

}



#menubar-s li.top{

	font-size:130%;	

	line-height: 2em;

	text-indent: 1em;

	background-image: none;

	padding-top: 0px;

	padding-bottom: 0px;

	display: block;

	text-decoration: none;	/*背景色*/

	font-size: 22px;	/*	文字サイズ*/

	/*	color: #fff;		文字色

	background-image: url(../images/top/sp_menu_07.png);*/

	font-weight: bold;

	border-bottom-width: 3px;

	border-bottom-style: dotted;

	border-bottom-color: #333;

	padding-right: 10px;

	padding-left: 10px;

	padding-top: 20px;

	padding-bottom: 0px;

}





#menubar-s li.t a {

	font-size:180%;

	line-height: 90px;

	text-indent: 1em;

	background-image: none;

	height: 90px;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

background-size:contain;

}







/*英語表記（飾り文字）*/

#menubar-s li a span {

	display: block;

	font-size: 12px;	/*文字サイズ*/



}

/*PC用メニューを非表示にする*/

#menubar {display: none;}



/*３本バーアイコン設定

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

/*３本バーブロック*/

#menubar_hdr {

	display: block;position: absolute;

	top: 18px;	/*上から24pxの場所に配置*/

	right: 3%;	/*右から3%の場所に配置*/

	/*	border: 1px solid #fff;枠線の幅、線種、色*/

	z-index: 12;

}

/*アイコン共通設定*/

#menubar_hdr.close,

#menubar_hdr.open {

	width: 63px;		/*幅*/

	height: 63px;		/*高さ*/

/*	border-radius: 50%;	円形にする。この行削除すれば正方形になります。*/

}

/*三本バーアイコン*/

#menubar_hdr.close {

	background: url(../images/top/sp_top_03.png) no-repeat;

	background-repeat: no-repeat;

	background-size:80% auto;

}

/*閉じるアイコン*/

#menubar_hdr.open {

	background: url(../images/top/sp_top2_03.png) no-repeat;

	background-repeat: no-repeat;

	background-size:80% auto;

}



/*contents（３カラムを囲むブロック）

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

#contents {

	padding: 0px 2% 20px;	/*上下、左右へのボックス内の余白*/

}



/*main,sub,side,contents-in

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

#main, #sub, #side, #contents-in {

	float: none;

	width: auto;

	overflow: hidden;

}



/*その他

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

body.s-n #sub,body.s-n #side {display: none;}

.sh {display:block;}

.pc {display:none;}



}







/*画面幅600px以下の設定 

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

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



/*ヘッダー（ロゴが入った最上段のブロック）

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

/*ヘッダーブロック*/

header {

	text-align: center;

}

/*ロゴ画像*/

header #logo {

	float: none;

/*	margin: 0 auto; */

	padding: 8px 0;

	width: 60%;

}

/*ログイン（ヘッダー右側のログイン）

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

header .login a {

	float: none;

	margin: 0;

}







/*画面幅480px以下の設定

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

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



/*全体の設定

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

body {

	font-size: 12px;	/*文字サイズ*/

}



/*contents（３カラムを囲むブロック）

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

#contents {

	line-height: 1.5;	/*行間*/

}



/*mainコンテンツ

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

#main h2, #main h3 {

	font-size: 14px;

	padding-left: 10px;

	padding-right: 10px;

	margin-bottom: 10px;

}

/*段落タグ設定*/



/*submenu（sub,sideのメニュー）

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

/*メニュー１個ごとの設定*/

#sub .submenu li a,

#side .submenu li a {

	padding: 10px;	/*ボックス内の余白*/

}



/*フッターメニュー

ウィンドウ幅が狭くなって見づらくなるので、１列にレイアウト変更。

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

#footermenu ul {

	float: none;

	width: auto;

}

#footermenu ul#index_footer_menu {

	float: none;	

    width: auto;



}







/*こだわりアイコン

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

/*アイコン共通*/

.icon {

	font-size: 9px;		/*文字サイズ*/

}



/*一覧ページのボックス内の右上のマーク

（CMSの場合は管理ページだと「オプション1」～のプルダウン、setup.phpだと「オプション選択肢」に関連します）

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

/*option1〜option2、と、newアイコン共通*/

.option1,.option2,.new {

	font-size: 9px;		/*文字サイズ*/

	padding: 0 10px;	/*上下、左右へのアイコン内の余白*/

	line-height: 14px;	/*高さ*/

	right: 15px;		/*右から15pxの場所に配置*/

}



/*トップページ内「更新情報・お知らせ」ブロック

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

/*ブロック全体の設定*/

#new dl {

	padding-left: 10px;

	padding-right: 10px;

	margin-bottom: 10px;	/*ブロックの下(外側)に空ける余白*/

}



/*よく頂く質問ページ

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

/*質問と答えのボックス全体を囲むブロック*/

.faq {

	padding: 0 10px 10px;	/*上、左右、下へのボックス内余白*/

}



/*btn（赤い色の大きなボタン）

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

a.btn {

	font-size: 16px;		/*文字サイズ*/

	letter-spacing: normal;	/*文字間隔を標準に戻す*/

}



/*テーブル(ta1)

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

/*余白の上書き*/

.ta1 caption,.ta1 th,.ta1 td {

	padding: 5px;

}

/*テーブル内の左側*/

.ta1 th {

	width: 100px;

}



/*ul.disc,olタグ

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

ul.disc {

	list-style: disc;

	padding: 0 20px 20px 30px;

}

ol {

	padding: 0 20px 20px 30px;

}



/*その他

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

.ws,.wl {width: 94%;}

.big1 {font-size: 18px;letter-spacing: normal;}

img.fr,img.fl {float: none;margin: 0;width: 100%;}

.sh {display:block;}

.pc {display:none;}



}