@charset "utf-8";
/* CSS Document */
/* -- add 20190826 cmmon.cssのh要素をリセット -- */
h1,
h2,
h3,
h4,
h5 {
width: auto;
margin: auto;
background: none;
font-weight: normal;
border: none;
}
/* -- add 20190826 cmmon.cssのh要素をリセット -- */
.mail_renraku {
margin-top: 10px;
}
.ico_mail {
background-image: url(images/ico_mail.png);
background-repeat: no-repeat;
background-position: right center;
padding-right: 15px;
}
ul.koumoku li {
list-style-type: none;
display: inline-block;
}
nav.gnav_sp {
display: none;
}
/* 情報発信われら東洋の仲間 */
.main_contents2{
width:698px;
float:right;
line-height:1.7em;
margin-left:20px;
_margin-left:10px;
}
.main_contents2_main{
width:478px;
float:left;
}
.twitterArea {
float: right;
width: 200px;
}
.main_contents2 h3{
clear:both;
margin:10px 0px 5px 0px;
background:url(../images/title2_h3.gif) no-repeat left top;
width:100%;
font-weight:bold;
font-size:1.2em;
border: 1px solid #cbcbcb;
}
.main_contents2 h3 span{
padding:9px 20px 3px 20px;
display:block;
}
.main_contents2 img{
max-width: 100% !important;
height: auto !important;
}
.main_contents2 .cat{
text-align: right;
margin-bottom: 10px;
}
.main_contents2 .cat a{
color: #333;
text-decoration: none;
background-image: url(images/sidemenu_icon_off.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 7px;
}
.main_contents2 .cat a:hover{
text-decoration: underline;
}
/* スマホ版アコーディオンメニュー */
.sp_aco {
display: none;
}
.pc_none {
display: none;
}
@media (max-width: 768px) {
html{
font-size:16px !important;
}
.pc_none {
display: block;
}
/* ヘッダー */
#header{
width:100%;
min-height:30px;
margin-top: 10px;
}
#header h1{
padding:0px 0px 5px 0px;
float:none;
width:auto;
}
#header h1 img{
width:100%;
height: auto;
}
h3{
background:url(../images/title2_h3.gif) no-repeat left top;
width:auto;
border: 1px solid #cbcbcb;
}
.h3_bottom{
margin:0px 0px 10px 0px;
background:none;
width:auto;
}
#header ul.head_menu,
#header ul#font_size,
#header .inquiry {
display: none;
}
#menu {
display: none;
}
/* CONTENTS */
.contentsinline{
padding:10px 0px;
width:100%;
}
.sidemenu{
float:none;
margin:0px auto 10px auto;
padding:10px;
width:auto;
text-align:center;
background-color: #eaeaea;
background-image: none;
display: none;
}
.main_contents,.main_contents2,.main_contents2_main{
width:auto;
float:none;
line-height:auto;
margin-left:0px;
_margin-left:0px;
padding-right: 10px;
padding-left: 10px;
}
/* footer */
#footer{
height:auto;
padding-bottom: 10px;
text-align: left;
}
#footer p{
padding-right: 10px;
padding-left: 10px;
}
/* Table */
.main_contents table {
width: 100%;
}
.main_contents table th,
.main_contents table td{
width: auto;
display: block;
border: none;
}
.main_contents table th br {
display: none;
}
.main_contents table .th2 {
background-color: #cfcfe9;
}
.form input[type="text"],
.form input[type="tel"],
.form input[type="email"],
.form input[type="file"] {
width: 100% !important;
min-height: 25px;
border: 1px solid #7a7a7a !important;
}
.form textarea {
border: 1px solid #7a7a7a !important;
}
.form input[type="text"].shortSize {
width: 30% !important;
}
.form input[type="text"].shortSize2 {
width: 10% !important;
}
.form input[type="text"].shortSize3 {
width: 80% !important;
}
ul.koumoku li {
display: block;
margin-bottom: 10px;
}
ul.koumoku br {
display: none;
}
table.confirmArea {
text-align: center;
margin-bottom: 20px;
}
#image-btn_confirm, #image-btn_reset, #image-btn_send {
margin-bottom: 10px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
/* 情報発信われら東洋の仲間 */
.sidemenu_white{
float:none;
margin-top: 40px;
margin-bottom: 40px;
}
.main_contents2_main{
width:auto;
float:none;
margin-bottom: 30px;
}
.twitterArea {
float: none;
width: auto;
}
a.btn_infoform{
margin-bottom: 30px;
}
/* スマホ版Gナビ */
nav.gnav_sp {
text-align:center;
display: block;
}
nav.gnav_sp ul {
overflow: hidden;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6571B5), color-stop(1, #1A3797));
margin:0px auto;list-style-type: none;}
nav.gnav_sp ul li {
width:32.8%; float : left;
font-size:0.8em;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6571B5), color-stop(1, #1A3797));
border-top:#A1AAD7 1px solid;
border-right:#364388 1px solid;
border-left:#B1B7DA 1px solid;
}
nav.gnav_sp ul li.lightColor {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9EABE1), color-stop(1, #3161CD));
}
nav.gnav_sp ul li:last-child{
border-right:none;
}
nav.gnav_sp ul li a {
display : block;
color : white;
padding: .88em 0;
font-weight:bold;
text-decoration: none;
}
nav.gnav_sp ul li a:hover {
color : white;
text-decoration: none;
}
.sp_side {
display: none;
}
/* スマホ版アコーディオンメニュー */
.sp_aco {
display: block;
margin-top: 20px;
margin-bottom: 20px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCC;
}
.accordion ul {
list-style: none;
}
.accordion ul li {
background-image: url(images/sidemenu_icon_off.gif);
background-repeat: no-repeat;
background-position: left center;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
text-align: left;
}
.accordion ul li.sidemenu_border_b {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666;
}
.accordion a {
text-decoration: none;
color: #111;
display: block;
}
.accordion a.menu_on {
color: #999;
}
.sp_aco label{
cursor: pointer;
display: block;
padding: 10px 0px 10px 10px;
background: #eee;
background: -moz-linear-gradient(top, #fefefe, #eeeeee);
background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eeeeee));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=0 );
background: linear-gradient(to bottom, #fefefe, #eeeeee);/* IE10+, W3C */
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #CCC;
border-left-color: #CCC;
}
.sp_aco label span{
background-image: url(mobile/images/ico_plus.gif);
background-repeat: no-repeat;
background-position: right 10px center;
display: block;
}
.sp_aco .toggle{
display: none;
}
.sp_aco .toggle + ul{
max-height: 0;
overflow: hidden;
transition: all .5s ease-out;
}
.sp_aco .toggle:checked + ul{
max-height: 9999px;
transition: all 2s ease-in;
}
ul.spmenu_linklist li{
background-image: none;
}
ul.spmenu_linklist li span{
background-image: url(mobile/images/ico_plus.gif);
background-repeat: no-repeat;
background-position: right 10px center;
display: block;
}
ul.spmenu_linklist li ul{
list-style-type:none;
margin:0px auto;
padding:0px;
position:absolute;
visibility:hidden;
}
ul.spmenu_linklist li ul li{
background:none;
padding:0px;
text-align:left;
width:100%;
min-height:1px;
background-image: url(images/sidemenu_icon_off.gif);
background-repeat: no-repeat;
background-position: left center;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
}
ul.spmenu_linklist li ul li:last-child{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
ul.spmenu_linklist li ul li a,
ul.spmenu_linklist li ul li a:link,
ul.spmenu_linklist li ul li a:hover,
ul.spmenu_linklist li ul li a.on{
background:none;
margin:1px 0px 0px 0px;
padding:10px 5px 9px 10px;
width:auto;
border:none;
min-height:1px;
display:block;
}
ul.spmenu_linklist li ul li a.on{
font-weight:bold;
}
ul.spmenu_linklist li ul li span{
margin:0px;
padding:0px;
display:inline;
}
}
/* 支部情報・総会 */
table.branch_tbl,table.branch_tbl2{
margin-bottom:30px !important;
}
table.branch_tbl_top{
margin-top:0px;
margin-bottom:30px;
border: solid 1px #c9c9c9;
border-collapse: collapse;
width:100%;
}
table.branch_tbl_top th{
border: solid 1px #c9c9c9;
border-collapse: collapse;
background:#5861a7;
color:#FFFFFF;
text-align:center;
font-weight:normal;
padding:5px 8px;
}
table.branch_tbl_top th a,
table.branch_tbl_top th a:hover,
table.branch_tbl_top th a:visited{
color:#FFF;
}
table.branch_tbl_top td{
border: solid 1px #c9c9c9;
border-collapse: collapse;
background:#FFFFFF;
padding:5px 8px;
}
table.branch_tbl_top td.branch_th{
background:#eeeeff;
width:20%;
}
table.branch_tbl_top a{
color:#0c1981;
}
table.branch_tbl_top a:visited{
color:#020b50;
}
table.tbl_top a:hover{
color:#3645ba;
text-decoration:none;
}
.main_contents table.branch_tbl_top{
width: 85%;
}
.kojinjoho {
margin-bottom: 10px;
}
@media (max-width: 768px) {
.main_contents table.branch_tbl_top,
.main_contents2 table.branch_tbl_top,
.main_contents2 table.branch_tbl2
{
width: 100%;
font-size: 80%;
}
.main_contents table.branch_tbl_top th,
.main_contents table.branch_tbl_top td{
display:table-cell;
border: 1px solid #c9c9c9;
}
table.branch_tbl td.branch_th
{
width: auto !important;
display: block !important;
}
table.dpbl td,table.dpbl th
{
width: auto !important;
display: block !important;
border: none;
}
table.dpbl colgroup col
{
width: 100% !important;
}
table.dpbl td
{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
}
}
/* -----------------------------本部事務局----------------------------- */
/*ヘッダータイトル*/
ul#header_title{
padding:90px 25px 0px 105px !important;
clear:both;
}
/*ヘッダー全体*/
#header_space{
border-top:none !important;
}
@media (max-width: 768px) {
/*----------------------------*/
/*-- ページ要素（全体） --*/
/*----------------------------*/
#main_space{
background-color: #fff !important;
background-image: none !important;
}
.contents_space img {
width: 100% !important;
height: auto !important;
}
/*----------------------------*/
/*-- ページ要素（ヘッダー） --*/
/*----------------------------*/
#header_inline{
width:auto !important;
height:auto !important;
background-color: #1c3fa2;
background-image: none !important;
}
.header_inline_abroad{
background-color: #a1c2ff !important;
}
/*ヘッダータイトル*/
ul#header_title{;
padding:20px 0px 20px 0px !important;
margin:2px 0px 0px 0px !important;
}
li#header_title_left{
width:auto !important;
float:none !important;
text-align: center;
}
li#header_title_left a{
background-image: url(http://www.alumni-toyo.jp/images/icon_arrow.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 35px;
}
li#header_title_right{
width:auto !important;
float:none !important;
}
/*----------------------------*/
/*-- ページ要素（枠） --*/
/*----------------------------*/
.cont_box_parent{
margin:0px;
padding:0px;
border:1px solid #D8D9E0;
clear:both;
}
.cont_box_parent .cont_box_inline{
background-color:#FFF;
margin:0px;
padding:9px 7px 5px 7px;
border:1px solid #C6C7CE;
}
.cont_box_parent #photo_random_space{
padding:5px 0px;
text-align:center;
}
/*----------------------------*/
/*-- ページ要素（コンテンツ） --*/
/*----------------------------*/
ul#contents_space{
width:auto !important;
background-color: #f5f5fc !important;
padding-top: 10px !important;
}
/*左側*/
ul#contents_space li#contents_left{
width:auto !important;
float:none !important;
}
/*中央*/
ul#contents_space li#contents_center{
margin:0px 0px !important;
width:auto !important;
float:none !important;
}
ul#contents_space li#contents_center .contents_date{
width:auto !important;
}
ul#contents_space li#contents_center .contents_title{
width:auto !important;
}
ul#contents_space li#contents_center dl.contents_category{
width:auto !important;
}
ul#contents_space li#contents_center dl.contents_category dd{
width:auto !important;
}
/*右側*/
ul#contents_space li#contents_right{
width:auto !important;
float:none !important;
margin-top: 40px !important;
}
ul#contents_space li#contents_center .contents_pageback{
width:auto !important;
}
/*検索*/
ul#contents_space li#contents_right .side_contents_list #side_contents_search dl dt{
width:200px !important;
}
ul#contents_space li#contents_right .side_contents_list #side_contents_search dl dt #search_area{
height:26px !important;
}
ul#contents_space li#contents_right .side_contents_list #side_contents_search dl dt #search_area input{
line-height:26px !important;
}
ul#contents_space li#contents_right .side_contents_list #side_contents_search dl dd a{
height:28px !important;
background-color: #343434 !important;
}
}
/*調整*/
.contents_space h3{
background:none;
border: none;
}
.contents_space h3 span{
padding-left: 0px;
}
