html,body {
background: #fff;
font-size:15px;
font-family:"YakuHanJP",Arial,"メイリオ",Meiryo, Arial, Helvetica, sans-serif;/* "Helvetica Neue","Helvetica", これ使用時は綺麗がボールドを無効にしないといけない・・結構めんどい*/
line-height:19px;/* 元21*/
height: auto !important;
height: 100%;
margin: 0px;
}
.material-icons {
padding-bottom: 7px;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 32px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale;
display: inline-flex;
vertical-align: middle;
}
.font_mid {
font-size:14px;
line-height:21px;
}
/* フッタのリンク設定 */
A.foot:link { color: #FFFFFF; }
A.foot:visited { color: #FFFFFF; }
A.foot:hover { color: #5EABE6; }
A.foot:active { color: #CCCCCC; }
A.foot:hover { text-decoration: underline; }
A.foot { text-decoration: underline;
}
/* TOP大会インフォ内のリンク設定 */
A.inf_t:link { color: #FFC600; }
A.inf_t:visited { color: #FFC600; }
A.inf_t:hover { color: #5EABE6; }
A.inf_t:active { color: #ff0000; }
A.inf_t:hover { text-decoration: underline; }
A.inf_t { text-decoration: underline;
}
/* フォームカスタマイズ設定 */
.radiobtn,
.checkbox{
position:relative;
top:2px;
}
input[type="text"],
input[type="password"],
textarea,
select {
outline:none;
}
.radius{ /* セミナー申し込みなどのセル */
background-color:#fffff1;
width: 450px;
padding:15px 10px 8px 13px;
font-size:150px;
color:#aaa;
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : #bbbbbb;
margin-bottom:0px;
border-radius: 7px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.radius2{ /* セミナー申し込みなどのセル */
background-color:#eeeeee;
border:0px;
padding:10px 10px 5px 10px;
font-size:1.2em;
color:#aaa;
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : #bbbbbb;
border-radius: 7px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.radius3{ /* セミナー申し込みなどのセル */
width:268px;
background-color:#fafafa;
border:0px;
padding:10px 10px 5px 10px;
font-size:1.0em;
color:#aaa;
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : #bbbbbb;
border-radius: 7px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.forminput{
box-sizing: border-box;
padding:6px;
font-size:15px;
color: #333;
font-weight: 600px;
border-width : 2px;
border-style : solid solid solid solid;
border-color : #bbbbbb;
margin-top:3px;
margin-bottom:0px;
border-radius: 7px;
box-shadow: inner 0 0 6px rgba(0, 0, 0, 0.2);
}
.forminput:focus {
border:solid 2px #ECC579;
background-color: #f8f5e2;
}
.forminput-total{
box-sizing: border-box;
padding:6px;
font-size:18px;
color: #0af;
font-weight: 600;
border-width : 2px 1px 1px 2px;
border-style : solid solid solid solid;
border-color : #bbbbbb;
margin-top:3px;
margin-bottom:0px;
border-radius: 7px;
box-shadow: inner 0 0 6px rgba(0, 0, 0, 0.2);
}
.formbutton{
border: 0;
padding:5px 15px 5px 15px;
font-size: 1.1em;
color: #fff;
xborder-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : #888;
border-radius: 7px;
background-image: linear-gradient(#81bcf2, #3582c9);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
} .formbutton:hover{
border: 0;
cursor: pointer;
color: #9DFCB1;
xborder-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-radius: 7px;
background-image: linear-gradient(#81bcf2, #3582c9);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
xxinput:focus {
border:solid 20px #ECC579;
}
/* フォームカスタマイズ設定ここまで */
#bg-index {/* fullscreen時*/
z-index:1;
position:fixed; top:0px; left:0px;/* ■■ 主要位置■■ */
list-style:none;
width:100%;/* 元940*/
margin:0px 0px 0px 0px;
height:100%;/* 元43*/
padding:0px 0px 0px 0px;/* 0px 20px 0px 20pxメニュー土台枠と内部ボタンとの距離*/
right: 0px;
/* Borders */
border: 1px solid #002232;
}
#header {
color: #fff;
z-index : 3;
position : relative;
list-style : none;
width : 100%;
margin : 0 auto 0 auto;
height : 50px;
padding : 0 0 0 0;
background: #fbfbfb;
border-top:solid 3px #333;
box-shadow : 0 2px 2px #aaa;
border-bottom: 1px solid #aaa;
background-color: #1E6CB5;
}
.header_in{/*使用*/
font-size: 15px;
width: 940px;
height: 50px;
margin: 0 auto;
padding: 14px;
text-align: center;
}
#main-hokoku2 {/* 2014-06-21日本手術看護学会近畿地区学会 演題募集のお知らせ メニュー*/
list-style:none;
z-index:2;
position:relative; top:px; left:px;/* ■■ 主要位置■■ */
width:900px;/* 元940*/
margin:0px auto 0px auto;
height:100%;/* 元43*/
padding:0px 0px 0px 0px;/* 0px 20px 0px 20pxメニュー土台枠と内部ボタンとの距離*/
}
#navi {/*ナビ*/
z-index:2;
position:relative; top:px; left:px;/* ■■ 主要位置■■ */
width:900px;/* 元940*/
color: #999999;
margin:0px auto 0px auto;
height:35px;/* 元43*/
padding:3px 0px 0px 0px;/* 0px 20px 0px 20pxメニュー土台枠と内部ボタンとの距離*/
}
#main-cont-toiawase-notxt {/* 大枠影付き*/
z-index:2;
position:relative; top:px; left:px;/* ■■ 主要位置■■ */
width:900px;/* 元940*/
margin:0px auto 0px auto;
height:100%;/* 元43*/
padding:0px 0px 0px 0px;
xborder-radius: 5px;
xbackground: #fafafa;
xborder: 1px solid #205D85;
xbox-shadow:0px 0px 7px 2px #bbbbbb;/* 元box-shadow:inset 0px 0px 1px #edf9ff; */
}
#footer{
z-index:2;
position:relative;/* ■■ 主要位置■■ */
margin:0px auto 0px auto;
bottom:0px;
height:100%;
width:904px;
background:#333333;
/* Rounded Corners *//* ★★★ 主要アール★★★ */
border-top-right-radius: 5px;
border-top-left-radius: 5px;
/* shadow */
box-shadow:0px 0px 7px 2px #bbbbbb;/* 元box-shadow:inset 0px 0px 1px #edf9ff; */
}
TABLE {
border-collapse: collapse;
margin-top: 0px; margin-bottom: 0px;margin-left: 0px; margin-right: 0px;
}
hr.dot {
height: 2px;
border: none;
border-top: 2px #cccccc dotted;
}
hr.dot_w {
height: 2px;
border: none;
border-top: 2px #888888 dotted;
margin:-4px 14px 0px 14px;
}
.solid_cell_hokoku {
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : #333333;
background-color:#fff;
padding: 25px 60px 25px 60px;
border-collapse: separate;
}
.radius-all{ /* テーブル(div)角丸全部*/
color:#FFF;
padding:5px 0px 0px 10px;
border-color : #666;
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-radius: 7px;
border-radius: 7px;
background-image: url(../img/tabl-foot.png);
}
.radius-top{ /* テーブルヘッダ(div)*/
padding:3px 0px 0px 0px;
border-color : #666;
border-width : 1px 1px 0px 1px;
border-style : solid solid solid solid;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
background-image: url(../img/gra_bar03.png);
}
.radius-btm{ /* テーブルフッタ(div)*/
padding:0px 0px 0px 0px;
border-color : #333;
border-width : 0px 1px 1px 1px;
border-style : solid solid solid solid;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
background-image: url(../img/tabl-foot.png);
height: 35px;
}
.radius-btm2{ /* テーブルフッタ(div)*/
padding:0px 0px 0px 0px;
border-color : #333;
border-width : 0px 1px 1px 1px;
border-style : solid solid solid solid;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
background-image: url(../img/tabl-foot.png);
height: 25px;
}
.solid_cell_00rd12 { /*radius-topとセットで使用*/
text-shadow: 1px 1px 0px #fff;
border-width : 0px 0px 0px 0px;
border-style : solid solid solid solid;
border-color : #666;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
padding: 2px 10px 2px 10px;
border-collapse: separate;
}
.solid_cell_000 {
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : #333333;
padding: 0px 0px 0px 0px;
border-collapse: separate;
}
.solid_cell_00 {
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : #333333;
padding: 8px 10px 5px 10px;
border-collapse: separate;
}
.solid_cell_01 {
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : #333333;/* -----------元はC0C0C0------- */
background-color:#f7f7f7;
padding: 5px 10px 5px 10px;
border-collapse: separate;
}
.solid_cell_02 {
font-weight:700;
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : #333333;/* -----------元はC0C0C0------- */
background-color:#eeeeee;
padding: 5px 10px 5px 10px;
border-collapse: separate;
}
table.solid {border: solid 1px #000000; border-collapse: collapse;}
h1 {
font-style: italic;
font-size:50px;
font-weight:700;
font-family: "MS P明朝",serif;
line-height:12px;
}
h2 {
font-style: italic;
font-size:30px;
font-weight:700;
font-family: ;
line-height:6px;
}
.photocell {
/* -----------------写真用セル----------------- */
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : #000000 ;
border-collapse: collapse;
}
/* 折り畳み記事の本文エリア */
.kiji{
color: #333;
background-color: rgba(255,255,239,1.0);
margin:0 20px 16px 0;
padding:20px;
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : #fffafa;
border-radius: 7px;
box-shadow:inset 2px 2px 7px 0px rgba(0, 0, 0, 0.6);
}
.kiji2{
color: #333;
margin:0 20px 16px 0;
padding:0px;
}
.kiji3{
color: #333;
margin:0 0px 16px 0;
padding:0px;
}
/* 折り畳みボタン */
.open{
text-align:center;
color: #333;
cursor: pointer;
width:140px;
padding: 7px 8px 7px 3px;
text-shadow: 1px 1px 0px #fff;
border-width : 1px;
border-style : solid solid solid solid;
border-color : #777;
border-radius: 7px;
background: #fff;
box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2);
transition: all 0.3s ease;
}
.open:hover {
text-align:center;
color: #fff;
cursor: pointer;
width:140px;
padding: 7px 8px 7px 3px;
text-shadow: 0px 0px 0px #fff;
border-width : 1px;
border-style : solid solid solid solid;
border-color : #fff;
border-radius: 7px;
background: #5B85BD;
-webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
transition: all 0.0s ease;
}
.open2018{
text-align:center;
color: #333;
cursor: pointer;
width:140px;
padding: 7px 8px 7px 3px;
text-shadow: 1px 1px 0px #fff;
border-width : 1px;
border-style : solid solid solid solid;
border-color : #777;
border-radius: 7px;
background: #fff;
box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2);
transition: all 0.3s ease;
}
.open2018:hover {
text-align:center;
color: #fff;
cursor: pointer;
width:140px;
padding: 7px 8px 7px 3px;
text-shadow: 0px 0px 0px #fff;
border-width : 1px;
border-style : solid solid solid solid;
border-color : #fff;
border-radius: 7px;
background: #5B85BD;
box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
transition: all 0.0s ease;
}
.open2017{
text-align:center;
color: #333;
cursor: pointer;
width:140px;
padding: 7px 8px 7px 3px;
text-shadow: 1px 1px 0px #fff;
border-width : 1px;
border-style : solid solid solid solid;
border-color : #777;
border-radius: 7px;
background: #fff;
box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2);
transition: all 0.3s ease;
}
.open2017:hover {
text-align:center;
color: #fff;
cursor: pointer;
width:140px;
padding: 7px 8px 7px 3px;
text-shadow: 0px 0px 0px #fff;
border-width : 1px;
border-style : solid solid solid solid;
border-color : #fff;
border-radius: 7px;
background: #5B85BD;
box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
transition: all 0.0s ease;
}
.open2{
text-align:center;
color: #555;
cursor: pointer;
width:140px;
padding: 3px 8px 3px 3px;
}
.boder table, boder th, .boder td {
border: 1px solid #333;
padding:3px 5px 3px 5px;
}
.entry_fukusu {
font-size: 13px;
background:#ffffff;
margin-bottom: 10px;
padding: 5px;
border: 3px solid rgba(225,23,23,0.51);
border-radius: 10px;
}
.katsudo-date{
text-align:right;
vertical-align:top;
background-color:#e6ebf2;
xbackground-image:linear-gradient(to bottom, #f7f7f7, #dfdfdf);/* グレーグラ＝linear-gradient(to bottom, #f7f7f7, #dfdfdf) */
color:#333;
font-weight:bold;
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : #333333;
padding: 8px 10px 5px 0px;
text-shadow: 1px 1px 0px #fff;
}
.answer{
color: #006CFF;
}
.disc_hokoku{
font-size:14px;
line-height: 2.0em;
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.formcell1{
border-left: 3px solid #00f;
}
.form_back{
border: 3px solid #214377;
border-top-width: 3px;
background: linear-gradient(180deg, #1E6CB5 0%, #1E6CB5 50px, #E2E9F1 50px, #E2E9F1 100%);
xbackground: #E2E9F1;
border-radius: 6px;
}
/* ラジオボタンカスタマイズ設定ここから*/
.radio {
margin: 0.5rem;
}
.radio input[type="radio"] {
position: absolute;
opacity: 0;
}
.radio input[type="radio"] + .radio-label:before {
content: '';
background: #f4f4f4;
border-radius: 100%;
border: 1px solid #b4b4b4;
display: inline-block;
width: 1.3em;
height: 1.3em;
position: relative;
top: -0.2em;
margin-top: 0.1em;
margin-right: 0.6em;
vertical-align: top;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
}
.radio input[type="radio"]:checked + .radio-label:before {
background-color: #3197EE;
box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + .radio-label:before {
outline: none;
border-color: #3197EE;
}
.radio input[type="radio"]:disabled + .radio-label:before {
box-shadow: inset 0 0 0 4px #f4f4f4;
border-color: #b4b4b4;
background: #b4b4b4;
}
.radio input[type="radio"] + .radio-label:empty:before {
margin-right: 0;
}
/* ラジオボタンカスタマイズ設定ここまで*/
.waku1b{
font-size: 13px;
margin: 8px 0px 5px 0px;
padding: 20px 20px 20px 20px;
border: 3px solid #6185C6;
border-radius: 6px;
}
/* チェックボタンカスタマイズ設定ここから*/
input[type=checkbox] {
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
}
.checkbox01 {
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 5px 30px;
position: relative;
width: auto;
}
.checkbox01::before {
background: #fff;
border: 1px solid #231815;
content: '';
display: block;
height: 16px;
left: 5px;
margin-top: -8px;
position: absolute;
top: 50%;
width: 16px;
}
.checkbox01::after {
border-right: 3px solid #ed7a9c;
border-bottom: 3px solid #ed7a9c;
content: '';
display: block;
height: 9px;
left: 10px;
margin-top: -7px;
opacity: 0;
position: absolute;
top: 50%;
transform: rotate(45deg);
width: 5px;
}
input[type=checkbox]:checked + .checkbox01::after {
opacity: 1;
}
/* チェックボタンカスタマイズ設定ここまで*/
.top_midashi{
color: #fff;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
padding: 10px 180px 10px 180px;
border-radius: 6px;
background-color: #6185C6;
}
.visibility{
display: none;
xvisibility: hidden;
}
.tani{
font-size: 16px;
}
.bg-img{
background-image: url(../img/bg-img.png);
}