チャレンジドジャパン　CSS

/*PC・スマホ　のみで表示するクラス */
@media screen and (max-device-width: 400px) {.only_pc {display:none}}
@media screen and (min-device-width: 400px) {.only_mb {display:none}}
/*左寄せ、センタリング、右寄せ */
.left {
margin-right: auto;
}
.center {
margin-left: auto;
margin-right: auto;
}
.right {
margin-left: auto;
}
.bold{
font-weight:bold;
}

/*オンマウスで画像を半透明にする */
.gazou:hover {
opacity: 0.6;
filter:alpha(opacity=60);
}

/*チャレンジドジャパン お問い合わせフォーム、サンクスページのメニューとフッターを非表示にする */
.page-id-22 #gMenu,.page-id-22 #footer,.page-id-22 #siteBottom,.page-id-22 #panList,
.page-id-861 #gMenu,.page-id-861 #footer,.page-id-861 #siteBottom{display: none;}

/*ひゅーまにあの体験申し込みフォーム、サンクスページのメニューとフッターを非表示にする */
.page-id-52 #gMenu,.page-id-52 #footer,.page-id-52 #siteBottom,.page-id-52 #panList,
.page-id-143 #gMenu,.page-id-143 #footer,.page-id-143 #siteBottom{display: none;}

/*ひゅーまにあのお問合わせ。資料請求フォーム、サンクスページのメニューとフッターを非表示にする */
.page-id-562 #gMenu,.page-id-562 #footer,.page-id-562 #siteBottom,
.page-id-568 #gMenu,.page-id-568 #footer,.page-id-568 #siteBottom{display: none;}

/*ひゅーまにあきっず　体験申し込みフォーム、サンクスページのメニューとフッターを非表示にする */
.page-id-1423 #gMenu,.page-id-1423 #footer,.page-id-1423 #siteBottom,.page-id-1423 #panList,
.page-id-1427 #gMenu,.page-id-1427 #footer,.page-id-1427 #siteBottom{display: none;}

/*ひゅーまにあきっず　お問合わせ。資料請求フォーム、サンクスページのメニューとフッターを非表示にする */
.page-id-1411 #gMenu,.page-id-1411 #footer,.page-id-1411 #siteBottom,
.page-id-1414 #gMenu,.page-id-1414 #footer,.page-id-1414 #siteBottom{display: none;}

/*ひゅーまにあ総研　お問合わせフォーム、サンクスページのメニューとフッターを非表示にする */
.page-id-2371 #gMenu,.page-id-2371 #footer,.page-id-2371 #siteBottom,
.page-id-2375 #gMenu,.page-id-2375 #footer,.page-id-2375 #siteBottom{display: none;}

/* グローバルメニュー全体のフォントサイズを設定 */
#gMenu .menu li {
font-size: 14px;
}

/*ひゅーまにあサンクスページのメッセージ用css */
.mes_area{
display:block;
width:80%;
margin-left:20px;
}
.message {
font-size:14px;
border: 3px solid #239c28;
display:block;
margin: 0 auto;
padding: 20px 0 20px 0;
}

/*固定ページ子ページ下部に表示されるボックスリンクを非表示 */
#content .childPageBox {display: none;}
/*　クレジットを非表示　 */
#powerd{display:none}

/*罫線を引くcss */
.line {
border-top:1px solid #D3D3D3;
padding: 6px 0 2px 0;
display: block;
}
.menu{font-size:5px}
/*左寄せ、センタリング、右寄せ */
.left {
margin-right: auto;
}
.center {
margin-left: auto;
margin-right: auto;
}
.right {
margin-left: auto;
}
/*フッターウィジェット追加のCSS */
#footer.footer_widget ul {
display:block;
float:right;
width: 300px;
padding: 100px;
}
/*　沿革の表css　 */
table {
border-collapse: collapse;
width:100%;
}
th {
border-bottom: #e3e3e3 1px dotted;
text-align: left;
padding: 10px;
font-weight: normal;
}
td {
border-bottom: #e3e3e3 1px dotted;
text-align: left;
padding: 10px;
}
tr:hover {
background: #3D80DF;
color: #FFFFFF;
}

/*改行幅を広げるcss*/
.gyo {
line-height:500%;

}

/*囲み線css*/
.box {
padding: 20px;
background: #fff;
border: 1px #ccc solid;
box-shadow: 0 2px 3px 0 #ddd;
-moz-box-shadow: 0 2px 3px 0 #ddd;
-webkit-box-shadow: 0 2px 3px 0 #ddd;
}

/*test罫線を引くcss*/
.greensen {
border-top:1px solid green;
display: block;
}