@charset "utf-8";

/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #333;	/*全体の文字色*/
	font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 18px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #fff;	/*背景色*/
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #333;		/*リンクテキストの色*/
	transition: 0.2s;	/*マウスオン時の移り変わるまでの時間設定。0.2秒。*/
}
a:hover {
	color: #b01212;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*コンテナー（ホームページを囲むブロック）
---------------------------------------------------------------------------*/
#container {
/*	max-width: 1200px;	/*幅*/
	max-width: 1056px;	/*幅*/
	margin: 0 auto;
}

/*ヘッダー
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
#header {
	height: 60px;	/*ヘッダーの高さ*/
	background-image:url(../img/bj2026_header-img01.jpg);
	background-position:top center;
}
/*段落タグ*/
#header p {
	color:#FFFFFF;
	text-align:center;
	padding-top:22px;
}

/*ヘッダー2*/
#header2 {
	height: 22px;	/*ヘッダーの高さ*/
	background-image:url(../img/bj2026_header-img02.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

/*ヘッダー3*/
#header3 {
	height: 60px;	/*ヘッダーの高さ*/
	background-image:url(../img/bj2026_header-img03.jpg);
	background-position:top center;
}
/*段落タグ3*/
#header3 p {
	color:#FFFFFF;
	text-align:center;
	padding-top:22px;
}

/*ヘッダー4*/
#header4 {
	height: 57px;	/*ヘッダーの高さ*/
	background-image:url(../img/bj2026_header-img04.jpg);
	background-position:top center;
}
/*段落タグ4*/
#header4 p {
	color:#FFFFFF;
	text-align:center;
	padding-top:22px;
}

/*ヘッダー5*/
#header5 {
	height: 55px;	/*ヘッダーの高さ*/
	background-image:url(../img/bj2026_header-img05.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
/*段落タグ5*/
#header5 p {
	color:#FFFFFF;
	text-align:center;
	padding-top:22px;
}

/*ヘッダー6*/
#header06 {
	height: 55px;	/*ヘッダーの高さ*/
	background-image:url(../img/bj2026_header-img06.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
/*段落タグ6*/
#header06 p {
	color:#FFFFFF;
	text-align:center;
	padding-top:22px;
}

/*ヘッダー7*/
#header07 {
	height: 60px;	/*ヘッダーの高さ*/
	background-image:url(../img/bj2026_header-img07.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
/*段落タグ7*/
#header07 p {
	color:#FFFFFF;
	text-align:center;
	padding-top:22px;
}

/*ヘッダー8*/
#header08 {
	height: 60px;	/*ヘッダーの高さ*/
	background-image:url(../img/bj2026_header-img08.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
/*段落タグ8*/
#header08 p {
	color:#FFFFFF;
	text-align:center;
	padding-top:22px;
}


/*メインメニュー
---------------------------------------------------------------------------*/

/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	clear: both;overflow: hidden;position: relative;
	background: #fff;	/*背景色*/
	padding: 0% 3% 5% 3%;		/*上下、左右へのボックス内の余白*/
	margin: 0px 3% 50px;	/*上、左右、下へのボックスの外側への余白*/
}
/*h1タグ*/
#contents h1 {
	clear: both;
	margin-top:5px;	/*上に空けるボックスの外側への余白*/
	margin-bottom: 40px;	/*下に空けるボックスの外側への余白*/
	font-size: 80%;		/*文字サイズ*/
	line-height: 1.5;		/*行間を基準より少し狭くする*/
}

/*h2タグ*/
#contents h2 {
	clear: both;
	margin-bottom: 40px;	/*下に空けるボックスの外側への余白*/
	font-size: 220%;		/*文字サイズ*/
	text-align: center;		/*文字を中央に*/
	line-height: 1.5;		/*行間を基準より少し狭くする*/
	font-weight:bold;
}

/*h2タグ内spanタグ*/
#contents h2 span {
	display: block;
	font-size: 80%;	/*文字サイズ*/
	color: #b01212;	/*文字色*/
/*	color: #1D2088;	/*文字色*/
	margin-top:20px;
	line-height:1.5em;
	letter-spacing: 0.2em;	/*文字間隔を少し広くとる設定*/
}
#contents h2 a{
	color:#0000CC;
	text-decoration:none;
}
#contents h2 a:hover{
	text-decoration:underline;
}
#contents h2 img{
	vertical-align:middle;
}

/*h3タグ*/
#contents h3 {
	clear: both;
	margin-bottom: 30px;	/*下に空けるボックスの外側への余白*/
	text-align: center;		/*文字を中央に*/
	font-size: 130%;		/*文字サイズ*/
	border-radius: 10px;	/*角丸のサイズ。この行を削除すれば通常の長方形になります。*/
	border: 1px solid #666;	/*枠線の幅、線種、色*/
	padding: 0 50px;	/*上下、左右へのボックス内の余白*/
	background-color:#EEEEEE;	/*背景色*/
}
/*段落タグ*/
#contents p {
	padding: 0 20px 40px;
}
#contents p + p {
	margin-top: -10px;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
/*メインコンテンツ*/
#contents .idx {
	padding: 0% 0% 5% 0%;		/*上下、左右へのボックス内の余白*/
}

/*サブコンテンツ
---------------------------------------------------------------------------*/
/*サブコンテンツ*/
#contents .sub {
	float: right;	/*右に回り込み*/
	width: 25%;		/*コンテンツ幅*/
}
/*サブコンテンツのh2タグ*/
#contents .sub h2 {
	font-size: 120%;	/*文字サイズ*/
	margin-bottom: 10px;
	text-align: left;
}
/*サブコンテンツのh2タグの１文字目への設定*/
#contents .sub h2::first-letter {
	padding-left: 15px;				/*アクセントラインとテキストとの余白*/
	border-left: 3px solid #b01212;	/*左のアクセントラインの幅、線種、色*/
}
/*サブコンテンツの段落タグ設定*/
#contents .sub p {
	padding: 0;
	font-size: 90%;
}

/*list（ボックス）
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list {
	overflow: hidden;
/*	border-top: 1px solid #ccc;	/*上の線の幅、線種、色*/
	padding: 30px;	/*ボックス内の余白*/
}
/*ボックス内のh2（見出し）タグ*/
.list h2 {
	font-size: 140%;	/*文字サイズ*/
	color: #00A0E9;	/*文字色*/
	line-height:1.6em;
	font-weight:bold;
}
/*ボックス内のh4（見出し）タグ*/
.list h4 {
	font-size: 140%;	/*文字サイズ*/
	color: #00A0E9;	/*文字色*/
	line-height:1.6em;
	font-weight:bold;
}
/*ボックス内のp（段落）タグ*/
.list p {
	padding: 0px 0px 20px !important;
}

/*list2（ボックス2）
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list2 {
	position: relative;
	float: left;	/*左に回り込み*/
	width: 30%;		/*ボックス幅*/
	margin: 0 1.5% 40px;	/*上、左右、下へ、ボックスの外側に空けるスペース*/
	text-align: center;		/*内容を中央よせ*/
}
/*ボックス内の画像*/
.list2 figure {
	margin-bottom: 20px;	/*画像の下に空けるスペース*/
}
.list2 figure a:hover{
	opacity: 0.8;	/*マウスオン時。透明度80%にする。*/
}
/*ボックス内のh4（見出し）タグ*/
.list2 h4 {
	position: absolute;
	top: 0px;	/*list2ボックスの上から0pxの場所に配置*/
	width: 100%;	/*幅*/
	background: #000;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.7);	/*背景色。0,0,0は黒の事で0.7は70%色がついた状態。*/
	color: #fff;	/*文字色*/
	font-weight:bold;
}
/*ボックス内のp（段落）タグ*/
.list2 p {
	padding: 0px !important;
}

/*list3（ボックス3：枠有・文字小）
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list3 {
	overflow: hidden;
	border: 1px solid #ccc;	/*上の線の幅、線種、色*/
	padding: 15px 20px;	/*ボックス内の余白*/
}
/*ボックス内のh4（見出し）タグ*/
.list3 h4 {
	font-size: 120%;	/*文字サイズ*/
	color: #00A0E9;	/*文字色*/
	line-height:1.6em;
	font-weight:bold;
}
/*ボックス内のp（段落）タグ*/
.list3 p {
	font-size: 80%;	/*文字サイズ*/
	padding: 0px 0px 0px !important;
}

/*list4（ボックス4：枠有）
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list4 {
	overflow: hidden;
	border: 1px solid #ccc;	/*上の線の幅、線種、色*/
	padding: 30px;	/*ボックス内の余白*/
}
/*ボックス内のh4（見出し）タグ*/
.list4 h4 {
	font-size: 140%;	/*文字サイズ*/
	color: #00A0E9;	/*文字色*/
	line-height:1.6em;
	font-weight:bold;
}
/*ボックス内のp（段落）タグ*/
.list4 p {
	padding: 0px 0px 0px !important;
}

/*HOSPITAL DATA
---------------------------------------------------------------------------*/
.hospital {
	overflow: hidden;
	border-top: 1px solid #ccc;	/*上の線の幅、線種、色*/
	padding: 30px 10px;	/*ボックス内の余白*/
}
/*ボックス内のh4（見出し）タグ*/
.hospital h4 {
	font-size: 110%;	/*文字サイズ*/
	color: #00A0E9;	/*文字色*/
	line-height:1.6em;
}
/*ボックス内のp（段落）タグ*/
.hospital p {
	font-size: 90%;	/*文字サイズ*/
/*	padding: 0px 0px 20px !important;*/
}
/*リンクテキスト*/
.hospital a {color: #fff;}
.hospital a:hover {color: #00A0E9;}

/*フッター設定
---------------------------------------------------------------------------*/
.footer {
	overflow: hidden;
	border-top: 2px solid #cccccc;	/*上の線の幅、線種、色*/
	padding: 30px 0px;	/*ボックス内の余白*/
	text-align:center;
}
.footer p{
	margin-top:10px;
/*	padding: 10px 0px;	/*ボックス内の余白*/
}


/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption, .ta2 caption {
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #cce6f6;	/*背景色*/
	font-weight: bold;		/*太字に*/
	padding: 10px 10px;	/*ボックス内の余白*/
}
/*ta1,ta2共通設定*/
.ta1,
.ta2 {
	width: 98%;
	table-layout: fixed;
/*	margin: 0 2% 30px;*/
}
.ta1, .ta1 td, .ta1 th,
.ta2, .ta2 td, .ta2 th {
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
	padding: 5px 10px;	/*ボックス内の余白*/
	word-break: break-all;
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 150px;	/*幅*/
	text-align: center;	/*センタリング*/
	background: #f0f0f0;	/*背景色*/
	font-weight: normal;
}
/*ta2の左側ボックス*/
.ta2 th {
/*	background: #e8f2f4;	/*背景色*/
	padding: 0px;	/*ボックス内の余白*/
}
/*ta2の右側ボックス*/
.ta2 td {
	background: #e8f2f4;	/*背景色*/
	text-align: center;	/*センタリング*/
}
.ta2 a {
	color:#01a6ac;			/*マウスオン時の文字色*/
	text-decoration: none;
}
/*リンク　マウスオン時設定*/
.ta2 a:hover {
	opacity:0.5;
	text-decoration:underline;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/************************************
** 画像キャプション(左下)
************************************/
/** 1枚 **/
div.imagebox1 {
   width: 98%; /* 横幅 */
   margin: 6px; /* 周囲の余白 */
}
/** 1枚（2/3） **/
div.imagebox1b {
   width: 64%; /* 横幅 */
   margin: 5px; /* 周囲の余白 */
}
/** 1枚（2/3） **/
div.imagebox1c {
   width: 64%; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 5px; /* 周囲の余白 */
}
/** 2枚 **/
div.imagebox2 {
   width: 49%; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 4px; /* 周囲の余白 */
}
/** 2枚右 **/
div.imagebox2r {
   width: 49%; /* 横幅 */
   float:right; /* 右に配置 */
   margin: 4px; /* 周囲の余白 */
}
/** 3枚 **/
div.imagebox3 {
   width: 32%; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 5px; /* 周囲の余白 */
}
/** 4枚右 **/
div.imagebox4 {
   width: 23%; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 8px; /* 周囲の余白 */
}
/** 4枚 **/
div.imagebox4r {
   width: 23%; /* 横幅 */
   float:right; /* 右に配置 */
   margin: 8px; /* 周囲の余白 */
}
p.image, p.caption {
   text-align:left; /* 3.左寄せ */
   margin: 0px;        /* 4.余白・間隔 */
}
p.caption {
   font-size: 70%;  /* 5.文字サイズ */
   line-height:1.5em;
   color: darkblue; /* 6.文字色 */
}

/** ドクター1枚 **/
div.imagebox-dr1 {
   width: 30%; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 0em 1em 0em 0em; /* 周囲の余白 */
}

/** ドクター1枚（幅広40%） **/
div.imagebox-dr1b {
   width: 40%; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 0em 1em 0em 0em; /* 周囲の余白 */
}

/** ドクター1枚（幅広40%） **/
div.imagebox-dr1c {
   width: 50%; /* 横幅 */
   float: left; /* 左に配置 */
   margin: 0em 1em 0em 0em; /* 周囲の余白 */
}

/*テーブル（ta5 目次用）
---------------------------------------------------------------------------*/
.mokujibox{
	width:50%;
	margin-top:40px;
	float:left;
}

.ta5 {
	text-align:left;
	line-height:1.4em;
	width: 470px;
	margin: 0px 0px 52px 30px;
/*	width: 95%;
	margin: 0px 0px 5% 10px;*/
	text-align:left;
}
/*ta5の左側ボックス*/
.ta5 th {
	padding: 1em 10px 1em 10px;	/*ボックス内の余白*/
	word-break: break-all;
	vertical-align:top;
/*	width:70px;*/
	width:6em;
	color:#0091db;			/*文字色*/
	font-weight:normal;
	border-bottom: 1px dotted #0091db;	/*テーブルの枠線の幅、線種、色*/
}
.ta5 td {
	padding: 1em 10px 1em 10px;	/*ボックス内の余白*/
	word-break: break-all;
	vertical-align:top;
	width:398px;
	border-bottom: 1px dotted #0091db;	/*テーブルの枠線の幅、線種、色*/
}

/*見出し*/
.ta5 thead td {
	color:#e84466;			/*文字色*/
	font-weight:bold;
	border-bottom: 1px dotted #0091db;	/*テーブルの枠線の幅、線種、色*/
}
/*リンク*/
.ta5 a {
	color:#000000;
	padding-bottom: 2px;
	text-decoration:underline;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
.ta5 a.mdsred {
	color:#e84466;			/*マウスオン時の文字色*/
}
.ta5 a.mdsblu {
	color:#0091db;			/*マウスオン時の文字色*/
}
/*リンク　マウスオン時設定*/
.ta5 a:hover {
	opacity:0.5;
	text-decoration:underline;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*テーブル（ta6 手術実績用）
---------------------------------------------------------------------------*/
.jissekibox{
	width:50%;
	float:left;
}

.ta6 {
	text-align:left;
	line-height:1.4em;
/*	width: 450px;
	margin: 0px 0px 52px 10px;*/
	width: 95%;
	margin: 0px 0px 0% 10px;
	text-align:left;
}
/*ta6の左側ボックス*/
.ta6 th {
	padding: 10px;	/*ボックス内の余白*/
	word-break: break-all;
	vertical-align:top;
	width:70%;
	font-size:90%;
	font-weight:normal;
	border-bottom: 1px dotted #0091db;	/*テーブルの枠線の幅、線種、色*/
}
.ta6 td {
	padding: 10px;	/*ボックス内の余白*/
	word-break: break-all;
	width:30%;
	vertical-align:top;
	text-align:right;
	font-weight:bold;
	border-bottom: 1px dotted #0091db;	/*テーブルの枠線の幅、線種、色*/
}

/*見出し*/
.ta6 thead td {
	color:#e84466;			/*文字色*/
	font-weight:bold;
	border-bottom: 1px dotted #0091db;	/*テーブルの枠線の幅、線種、色*/
}

/*その他
---------------------------------------------------------------------------*/
.look {background: #ccc;padding: 5px 10px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb50 {margin-bottom: 50px !important;}
.p0 {padding:0 !important;}
.clear {clear: both;}
ul.disc {padding: 0em 20px 40px 40px;list-style: disc;}
.color1, .color1 a {color: #b01212 !important;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center !important;}
.r {text-align: right !important;}
.l {text-align: left !important;}
.w50 {overflow: hidden;width: 50%;}
.fl {float: left;}
img.fl {float: left;width:30%;margin-right: 20px;margin-bottom: 20px;}
.fr {float: right;}
img.fr {float: right;width:30%;margin-left: 20px;margin-bottom: 20px;}
.big1 {font-size: 40px;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.sh {display: none;}
.ofh {overflow: hidden;}


/*PC・スマホ表示切替
---------------------------------------------------------------------------*/
.pc-dsp { display:block; }
.sp-dsp { display:none; }

/*@media only screen and (max-width : 736px){*/
@media only screen and (max-width : 560px){
.pc-dsp { display:none; }
.sp-dsp { display:block; }

/*テーブル（ta5 目次用）
---------------------------------------------------------------------------*/
.mokujibox{
	width:100%;
}
}




/*画面幅1040px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1040px){

/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar {
	font-size: 70%;	/*メニューのテキストが段落ちするので、文字サイズを縮小する。*/
}

}



/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

/*ヘッダー
---------------------------------------------------------------------------*/
#header {
	height: 80%;	/*ヘッダーの高さ*/
}
/*テーブル（ta5 目次用）
---------------------------------------------------------------------------*/
.mokujibox{
/*	width:80%;*/
	width:100%;
	float:none;
}
/*テーブル（ta6 手術実績用）
---------------------------------------------------------------------------*/
.jissekibox{
/*	width:80%;*/
	width:100%;
	float:none;
}


/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
}

/*main,subコンテンツ
---------------------------------------------------------------------------*/
#contents .main, #contents .sub {
	float: none;
	width: auto;
}

/*その他
---------------------------------------------------------------------------*/
body.s-n #sub,body.s-n #footermenu,.m-n {display: none;}
.big1 {font-size: 20px;}
.w50 {overflow: hidden;width: auto;}
.fl {float: none;}
.fr {float: none;}
.sh {display:block;}
.pc {display:none;}

/************************************
** 画像キャプション(左下)
************************************/
/** 1枚 **/
div.imagebox1 {
   width: 100%; /* 横幅 */
   float:none; /* フロート無し */
   margin: 5px 0px; /* 上下・左右の余白 */
}
/** 1枚（2/3） **/
div.imagebox1b {
   width: 100%; /* 横幅 */
   float:none; /* フロート無し */
   margin: 5px 0px; /* 上下・左右の余白 */
}
/** 2枚 **/
div.imagebox2 {
   width: 100%; /* 横幅 */
   float:none; /* フロート無し */
   margin: 5px 0px; /* 上下・左右の余白 */
}
/** 2枚右スマホ **/
div.imagebox2r {
   width: 100%; /* 横幅 */
   float:none; /* フロート無し */
   margin: 5px 0px; /* 上下・左右の余白 */
}
/** 3枚 **/
div.imagebox3 {
   width: 100%; /* 横幅 */
   float:none; /* フロート無し */
   margin: 5px 0px; /* 上下・左右の余白 */
}
/** 4枚 **/
div.imagebox4 {
   width: 100%; /* 横幅 */
   float:none; /* フロート無し */
   margin: 5px 0px; /* 上下・左右の余白 */
}
/** ドクター1枚 **/
div.imagebox-dr1 {
   width: 100%; /* 横幅 */
   float:none; /* フロート無し */
   margin: 5px 0px; /* 上下・左右の余白 */
}
/** ドクター1枚（幅広） **/
div.imagebox-dr1b {
   width: 100%; /* 横幅 */
   float:none; /* フロート無し */
   margin: 5px 0px; /* 上下・左右の余白 */
}

}



/*画面幅700px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:700px){

/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 15px;	/*文字サイズ*/
}

/*コンテンツ
---------------------------------------------------------------------------*/
/*h3タグ*/
#contents h3 {
	padding: 0 20px;	/*上下、左右へのボックス内の余白*/
}

}



/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*全体の設定
---------------------------------------------------------------------------*/
body {
	font-size: 12px;	/*文字サイズ*/
}

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

/*コンテンツ
---------------------------------------------------------------------------*/
/*h2タグ*/
#contents h2 {
	font-size: 150%;	/*文字サイズ*/
	margin-bottom: 20px;	/*下に空けるボックスの外側への余白*/
}
/*h3タグ*/
#contents h3 {
	font-size: 100%;	/*文字サイズ*/
	margin-bottom: 20px;/*下に空けるボックスの外側への余白*/
	line-height: 1.5;	/*行間を少し狭くする*/
}
/*段落タグ*/
#contents p {
	padding: 0px 0px 20px;	/*上、左右、下への段落タグ内の余白*/
	line-height: 1.5;		/*行間を少し狭くする*/
}
/*section同士の余白*/
#contents section + section {
	margin-top: 20px;
}


/*list（info.htmlで利用している各ボックス）
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list {
	padding: 10px;	/*ボックス内の余白*/
}

/*list2（service.htmlで利用している各ボックス）
---------------------------------------------------------------------------*/
/*ボックス内のh4（見出し）タグ*/
.list2 h4 {
	display: none;	/*スペースが狭くなって見出しの下に画像が隠れてしまうので、見出しを非表示にする。*/
}

/*テーブル（ta1）
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption, .ta2 caption {
	padding: 5px;	/*ボックス内の余白*/
}
/*ta1,ta2共通設定*/
.ta1,
.ta2 {
	width: 100%;
	margin: 0 0 30px;
}
.ta1, .ta1 td, .ta1 th {
	padding: 5px;	/*ボックス内の余白*/
}
.ta2, .ta2 td, .ta2 th {
	padding: 0px;	/*ボックス内の余白*/
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 100px;
}

/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}
.big1 {font-size: 16px;}
img.fl {margin-right: 5px;margin-bottom: 5px;}
img.fr {margin-left: 5px;margin-bottom: 5px;}
ul.disc {padding: 0em 0px 20px 18px;}

}