@charset "utf-8";

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

Style Name: style.css
Since:      2007-09-01
Modified:   2014-10-14
Version:    1.0
Auther:     algoRhythm graphics

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


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

browser style clear

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

* {
margin: 0;
padding: 0;
/*background: transparent;*/
}

html {
width: 100%;
height: 100%;
/*overflow-y: scroll;*/
}

ul,li,dl,dt,dd{
list-style: none;
}

img{
vertical-align: top;
}

a img{
border: none;
}

/*a:not(.logo):hover,
a:not(.logo):hover img*/
a:hover,
a:hover img {
opacity:0.85;
filter:alpha( opacity=85 );
-ms-filter: alpha( opacity=85 );
-webkit-filter: alpha( opacity=85 );
-moz-filter: alpha( opacity=85 );
-o-filter: alpha( opacity=85 );

transition: opacity .20s ease-in-out;
-ms-transition: opacity .20s ease-in-out;
-webkit-transition: opacity .20s ease-in-out;
-moz-transition: opacity .20s ease-in-out;
-o-transition: opacity .20s ease-in-out;
}

a{
color: #141414;
text-decoration: none;
}

a:link{
color: #141414;
}

a:visited{
color: #141414;
}

a:hover{
/*text-decoration: underline;*/
}

a:active{
}

body {
min-width: 1240px;
background-color: #fff;
font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuPro-W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
/*font-family: 'Hiragino Kaku Gothic ProN W3', 'ヒラギノ角ゴ ProN W3', sans-serif;*/
color: #000000;
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: 1.7;
letter-spacing: 0.5px;
-webkit-font-smoothing: antialiased;
background: #F7F8FF;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
margin: 0;
padding: 0;
}

p {
margin: 0 0 1em 0;
}

.pEnd {
margin: 0;
}


.red {
color: #ff0000;
}

.bold{
	font-weight: bold;
}

.mb5{
	margin-bottom:5px !important;
}

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

.mb13{
	margin-bottom:13px !important;
}

.mb20{
	margin-bottom:20px !important;
}

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

.mb40{
	margin-bottom:40px !important;
}

.mb50{
	margin-bottom:50px !important;
}

.mb60{
	margin-bottom:60px !important;
}

.mb70{
	margin-bottom:70px !important;
}

.mb80{
	margin-bottom:80px !important;
}


/*============================
#container
============================*/

body {
width: 100%;
height: 100%;
/*min-width: initial;
min-width: auto;*/
}

div#container {
width: 100%;
max-width: 1240px;
/*height: 100%;*/
margin: 0 auto;
/*background: red;*/
}

.close_btn {
	display: none;
}


/*============================
common
============================*/
div#contents {
width: 100%;
max-width: 1240px;
}

#index section {
width: 100%;
max-width: 1240px;
/*height: 100%;*/
}

.SPonly {
display: none;
}

.PConly {
display: block;
}

.g-font {
font-family: 'Roboto Slab', sans-serif;
font-weight: bold;
}


/*============================
#header
============================*/
header {
font-size: 10px;
background: white url(../images/common/menu_bg.png) repeat-x 0 top;
width: 100%;
max-width: 1240px;
}

header .headerAbove .companiesFrame {
display: table;
text-align: center;
margin: 0 auto;
width: 1140px;
}

header .headerAbove {
	text-align: center;
	height: 33px;
	display: table-cell;
	vertical-align: middle;
	background: white;
	position: fixed;
	top: 0;
	z-index: 10000;
	padding-top: 5px;
	opacity:0.85;
	filter:alpha( opacity=85 );
	-ms-filter: alpha( opacity=85 );
	-webkit-filter: alpha( opacity=85 );
	-moz-filter: alpha( opacity=85 );
	-o-filter: alpha( opacity=85 );
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}

header .headerAbove li {
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
}

header .headerAbove li:last-child {
	margin-right: 0px;
}

header .headerBottom {
	width: 945px;
	height: 81px;
	margin: 0 auto;
	padding-top: 63px;
}

header .headerBottom .headLogo {
	width: 154px;
	margin-right: 55px;
	float: left;
}

header .headerBottom #menu {
	float: left;
	margin-top: 5px;
}

header .headerBottom #menu li {
	color: #A0A0A0;
	font-size: 12px;
	float: left;
	text-align: center;
	margin-right: 50px;
}

header .headerBottom #menu li:last-child {
	margin-right: 0px;
}

header .headerBottom #menu li p {
	font-family: 'Roboto Slab', sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	padding: 0px;
	margin-bottom: -5px;
}

header .headerBottom #menu li a:hover,
header .headerBottom #menu li a:hover p {
	opacity:0.55;
	filter:alpha( opacity=55 );
	-ms-filter: alpha( opacity=55 );
	-webkit-filter: alpha( opacity=55 );
	-moz-filter: alpha( opacity=55 );
	-o-filter: alpha( opacity=55 );
}



/*============================
footer
============================*/
footer {
	background: white;
}

footer .footerLinks {
	font-size: 10px;
	color: #808080;
	width: 100%;
	max-width: 1240px;
	height: 50px;
	position: relative;
}

footer .footerLinks div.copy {
	text-align: center;
	position: relative;
	top: 17px;
	width: 50%;
	margin: 0 auto;
}

footer .footerLinks div.footLogo {
	float: right;
	margin-right: 70px;
	width: 136px;
	height: 32px;
}

footer .footerLinks div.footLogo a img {
	margin-top: 9px;
}

footer .headerAbove {
	display: none;
}


/*============================
lower pages
============================*/

#others #container {
	width: 100%;
	max-width: 1240px;
	min-width: 910px;
	background: #fff;
}

#others .pageTitle {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
}

#others #contents {
	width: 910px;
	margin: 0 auto;
	margin-bottom: 90px;
}

#others .secTitle {
	text-align: center;
	margin-bottom: 56px;
}

#others .secTitle .secName {
	font-size: 36px;
	margin-top: 92px;
	margin-bottom: 22px;
}

#others .secTitle .underBar {
	width: 152px;
	height: 4px;
	background: #333333;
	margin: 0 auto;
}

#others table {
	width: 910px;
	border-collapse:collapse;
}

#others table th {
	border: 1px solid #B5C4C9;
	background: #F0F1F2;
	font-weight: normal;
	text-align: left;
	padding: 10px;
}

#others table td {
	border: 1px solid #B5C4C9;
	background: white;
	padding: 10px;
}

.small {
	font-size: 11px;
}

.fbWrap {
	margin: 0 auto;
	width: 149px;
	margin-top: 50px;
}

.game .fbWrap {
	margin: 0 auto;
	width: 149px;
	margin-top: 10px;
}


/*============================
game info
============================*/

.game .pageTitle {
	width: 100%;
	max-width: 1240px;
	min-width: 910px;
	height: 247px;
	margin: 0 auto;
	background: url(../game/images/page_title.jpg) no-repeat center top;
	font-size: 0;
	text-indent: -10000px;
}

.game form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    text-indent: 1em;
    height: 35px;
    line-height: 34px;
    font-size: 14px;
    vertical-align: middle;
    border: 1px solid #999;
    color: #666;
    width: 195px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    background: url(../game/images/pulldown_down.jpg) no-repeat right top; 
    background-size: 34px 34px;
}


.game select::-ms-expand {
	display: none;
}

.game form.placement {
	float: right;
	margin-top: 45px;
}

/*result*/

.gameScore {
	width: 100%;
	max-width: 1240px;
	min-width: 910px;
text-align: center;
color: white;
}

.gameScore a {
color: white;
text-decoration: underline;
}

.game .scoreUpper {
padding-top: 32px;
padding-bottom: 10px;
font-size: 20px;
}

.game .scoreBottom {
padding-bottom: 20px;
padding-top: 10px;
}

.game .scoreUpper,
.game .scoreBottom {
background: #3D4159;
}

.game .scoreMid {
font-size: 36px;
background: #51546a;
}
.game .scoreInner {
width:100%;
min-width:910px;
}

.game table.detail {
margin-top: 74px;
}

.game table.detail td {
text-align: center;
width: 20%;
}

#others.game table.detail td.scoreNum {
font-size: 46px;
}

#others.game table.detail th.scoreNum {
font-size: 18px;
}

#others.game table.detail td.scoreNum,
#others.game table.detail th.scoreNum {
padding: 0px;
line-height: 1.4;
}

.game table.detail td.win {
color: #E60012;
}


#others.game table.detail th.low {
padding: 5px;
}

#others.game table.detail th {
text-align: center;
}

.game table.detail td.teams ul {
text-align: center;
width: 100%;
}

.game table.detail td.teams {
text-align: center;
}

.game table.detail td.teams li {
vertical-align: middle;
display: table-cell;
/*width: 249px !important;*/
}

.game table.detail td.teams li.left {
text-align: center;
width: 341px;
}

.game table.detail td.teams li.right {
text-align: center;
width: 342px;
}

.game table.detail td.teams li.vs {
font-size: 45px;
color: #8A8EA6;
width: 227px;
}

.game table .groundLink {
text-decoration: underline;
}

.game table .resultBtn {
display: block;
/*border: 1px solid #C8C8C8;*/
background: #3D4159;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-ms-border-radius: 2px;
text-align: center;
color: white;
width: 80%;
margin: 0 auto;
height: 30px;
line-height: 30px;
}


.game div.playersFrame {
width: 910px;
}

.game div.playersFrame .playersLeft {
width: 425px;
float: left;
}

.game div.playersFrame .playersRight {
width: 425px;
float: right;
}

.game div.playersFrame .playersTitle {
width: 425px;
font-size: 16px;
border-top: 1px solid #B5C4C9;
border-bottom: 1px solid #B5C4C9;
text-align: center;
padding: 6px 0;
margin-bottom: 40px;
}

.game div.playersFrame ul {
width: 425px;
/*height: 550px;
column-count: 2;
-webkit-column-count: 2;
-moz-column-count: 2;
-o-column-count: 2;
-ms-column-count: 2;*/
margin: 0 auto;
}

.game div.playersFrame ul.pListLeft {
width: 212px;
float: left;
}

.game div.playersFrame ul.pListRight {
width: 212px;
float: right;
}

.game div.playersFrame ul li {
width: 200px;
margin-bottom: 20px;
letter-spacing: -0.5px;
}

.game div.playersFrame ul li span {
color: #8A8EA6;
text-align: right;
width: 24px;
display: inline-block;
margin-right: 10px;
}

.game div.playersFrame .when {
background: #F0F1F2;
width: 415px;
height: 30px;
line-height: 30px;
padding-left: 10px;
margin-bottom: 20px;
}

.game div.playersFrame .what {
margin-bottom: 30px;
}


.game div.foogallery-container img {
margin-right: 2px;
margin-bottom: 2px;
}


/*============================
member
============================*/

.member .pageTitle {
	width: 100%;
	max-width: 1240px;
	min-width: 910px;
	height: 247px;
	margin: 0 auto;
	background: url(../member/images/page_title.jpg) no-repeat center top;
	background-size: cover;
	font-size: 0;
	text-indent: -10000px;
}

.member .membersFrame,
.member .staffFrame {
width: 910px;
margin: 0 auto;
margin-bottom: 70px;
}

.member .memberBox,
.member .staffBox {
float: left;
margin-right: 2px;
}

.member .memberBox:last-child,
.member .staffBox:last-child {
margin-right: 0px;
}

.member .memberBox .name,
.member .staffBox .name {
font-size: 21px;
margin-top: 6px;
text-align: center;
width: 226px;
}

.member .memberBox .nameE,
.member .staffBox .nameE {
font-size: 12px;
text-align: center;
margin-bottom: 10px;
}

.member .memberBox .position,
.member .memberBox .height,
.member .memberBox .weight,
.member .memberBox .dob,
.member .memberBox .career,
.member .staffBox .position,
.member .staffBox .dob,
.member .staffBox .career {
font-size: 12px;
border-bottom: 1px solid #C8C8C8;
width: 200px;
margin: 0 auto;
/*height: 27px;
line-height: 27px;*/
padding: 4px 0;
}

.member .memberBox .career,
.member .staffBox .career {
height: auto !important;
line-height: 1.7;
margin-top: 3px;
}

.member .memberBox div:last-child,
.member .staffBox div:last-child {
border-bottom: none;
}

.member .memberBox .position:before,
.member .memberBox .height:before,
.member .memberBox .weight:before,
.member .memberBox .dob:before,
/*.member .memberBox .career:before,*/
.member .staffBox .position:before,
.member .staffBox .dob:before/*,
.member .staffBox .career:before*/ {
font-size: 11px;
color: #969696;
text-align: right;
/*width: 70px;*/
width: 60px;
display: inline-block;
margin-right: 8px;
}

.member .memberBox .position:before {
content: "ポジション";
}

.member .memberBox .height:before {
content: "身長";
}

.member .memberBox .weight:before {
content: "体重";
}

.member .memberBox .dob:before,
.member .staffBox .dob:before {
content: "生年月日";
}

.member .memberBox .career:before,
.member .staffBox .career:before {
/*content: "ラグビー経歴";*/
}

.member .staffBox .position {
text-align: center;
}

.member .staffBox .position:before {
/*content: "役職";*/
}


/*============================
topics
============================*/

.topics .pageTitle {
	width: 100%;
	max-width: 1240px;
	min-width: 910px;
	height: 247px;
	margin: 0 auto;
	background: url(../topics/images/page_title.jpg) no-repeat top;
	font-size: 0;
	text-indent: -10000px;
}

.topics h1 {
font-size: 36px;
font-weight: normal;
margin: 0;
padding: 0;
}

.topics h2 {
font-size: 30px;
font-weight: normal;
margin: 0;
padding: 0;
}

.topics h3 {
font-size: 22px;
font-weight: normal;
margin: 0;
padding: 0;
}

.topics h4 {
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 0;
}

.topics h5 {
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0;
}

.topics h6 {
font-size: 9px;
font-weight: normal;
margin: 0;
padding: 0;
}

.topics dl.topics {
padding-top: 10px;
font-size: 18px;
margin: 0 auto;
margin-top: 20px;
width: 640px;
}

.topics dl.topics dt {
float: left;
clear: left;
width: 140px;
margin-left: 0px;
margin-bottom: 4px;
}
.topics dl.topics dd {
float: left;
width: 500px;
/*background: red;*/
}

.topics dl.topics dd a {
text-decoration: underline;
}

.topics div.txt {
/*margin-top: 25px;*/
line-height: 2;
}

.topics div.txt a {
text-decoration: underline;
}

.topics p.back {
font-size: 18px;
text-align: center;
margin-top: 50px;
}

.topics .aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

.topics .alignleft {
display: block;
margin: 0 auto 0 0;
}

.topics .alignright {
display: block;
margin: 0 0 0 auto;
}


/*============================
ground
============================*/

.ground .pageTitle {
	width: 100%;
	max-width: 1240px;
	min-width: 910px;
	height: 247px;
	margin: 0 auto;
	background: url(../ground/images/page_title.jpg) no-repeat center top;
	background-size: cover;
	font-size: 0;
	text-indent: -10000px;
}

.ground .groundFrame {
width: 910px;
margin: 0 auto;
margin-bottom: 70px;
}

.ground .groundFrame li {
float: left;
margin-right: 2px;
}

.ground .groundFrame li p {
font-size: 12px;
text-align: center;
margin-top: 4px;
margin-bottom: 0;
}

.ground .groundFrame li:last-child {
margin-right: 0px;
}

.ground .iFrame {
width: 910px;
height: 340px;
overflow: hidden;
}

.ground .mapTxt {
margin-top: 25px;
letter-spacing: 2px;
}

.ground .mapTxt li:first-child {
font-size: 18px;
margin-right: 35px;
}

#others.ground table th,
#others.ground table td {
padding: 17px 25px;
}

#others.ground table a {
text-decoration: underline;
}


/*============================
supporter
============================*/

.supporter .pageTitle {
	width: 100%;
	max-width: 1240px;
	min-width: 910px;
	height: 247px;
	margin: 0 auto;
	background: url(../supporter/images/page_title.gif) no-repeat center top;
	background-size: cover;
	font-size: 0;
	text-indent: -10000px;
}

#others.supporter div#container {
background: #D7E9F2;
}

.supporter .supporterFrame {
width: 910px;
margin: 0 auto;
margin-bottom: 70px;
}

.supporter .supporterFrame p.catch {
width: 740px;
margin: 0 auto;
margin-bottom: 30px;
}

.supporter .supporterFrame .smallTitle {
font-size: 22px;
border-top: 1px solid #4F98BB;
border-bottom: 1px solid #4F98BB;
text-align: center;
height: 60px;
line-height: 60px;
margin-bottom: 35px;
}

.supporter .supporterFrame .sTcontents {
margin-bottom: 60px;
}

.supporter .supporterFrame .sTcontents:last-child {
margin-bottom: 0px;
}

.supporter .supporterFrame .sTcontentsBox {
width: 145px;
float: left;
margin-right: 19px;
margin-left: 18px;
}

.supporter .supporterFrame .sTcontentsBox .num {
text-align: center;
margin-bottom: 10px;
}

.supporter .supporterFrame .sTcontentsBox .num span:first-child {
font-size: 20px;
color: #4F98BB;
margin-right: 15px;
vertical-align: middle;
}

.supporter .supporterFrame .sTcontentsBox .num span:last-child {
font-size: 46px;
color: #3D4159;
font-family: 'Roboto Slab', sans-serif;
font-weight: bold;
vertical-align: middle;
}

.supporter .supporterFrame .sTcontentsBox .benefit {
letter-spacing: 1.6px;
line-height: 1.5;
height: 85px;
}

.supporter .supporterFrame .sTcontentsBox .icon {
text-align: center;
margin-bottom: 22px;
}

.supporter .supporterFrame .sTcontentsBox .txt {
font-size: 13px;
}

.font16 {
font-size: 16px;
text-align: center;
}

.supporter .entryLeft {
width: 425px;
float: left;
}

.supporter .entryRight {
width: 425px;
float: right;
}

.supporter .entryLeft .title,
.supporter .entryRight .title {
width: 425px;
height: 30px;
background: #4F98BB;
color: white;
line-height: 30px;
text-align: center;
margin-bottom: 12px;
}

.supporter .entryLeft .step,
.supporter .entryRight .step {
font-family: 'Roboto Slab', sans-serif;
font-weight: bold;
width: 115px;
float: left;
}

.supporter .entryLeft .step span:first-child,
.supporter .entryRight .step span:first-child {
color: #4F98BB;
font-size: 28px;
vertical-align: middle;
margin-right: 8px;
}

.supporter .entryLeft .step span:last-child,
.supporter .entryRight .step span:last-child {
font-size: 46px;
color: #3D4159;
vertical-align: middle;
}

.supporter .entryLeft .entryTxt,
.supporter .entryRight .entryTxt {
width: 300px;
float: right;
margin-top: 20px;
line-height: 1.5;
font-size: 13px;
letter-spacing: 1.6px;
}

.supporter .entryLeft .club,
.supporter .entryRight .club {
background: url(../supporter/images/arrow_sml.png) no-repeat 0 4px;
padding-left: 14px;
}

.supporter .entryLeft .club a,
.supporter .entryRight .club a {
text-decoration: underline;
}

.supporter .entryLeft .pWborder,
.supporter .entryRight .pWborder {
border: 1px solid #4F98BB;
padding: 12px;
}

.supporter .entryLeft .arrow,
.supporter .entryRight .arrow {
text-align: center;
margin-top: 30px;
}

.supporter p.catch2 {
text-align: center;
margin-bottom: 50px;
}

#others.supporter table {
width: 687px;
margin: 0 auto;
}

#others.supporter table,
#others.supporter table td,
#others.supporter table th {
border: none;
background: none;
}

#others.supporter table th {
width: 200px;
vertical-align: middle;
padding-bottom: 30px;
}

#others.supporter table td {
vertical-align: middle;
padding-bottom: 30px;
color: #4F98BB;
}

#others.supporter table th.top,
#others.supporter table td.top {
vertical-align: top;
}


/*form*/

form textarea,
form input[type=number],
form input[type=password],
form input[type=text] {
border:0;
padding:15px;
border: solid 1px #4F98BB;
font-size: 14px;
background: #D7E9F2;
/*border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
font-size: 14px;
color: #666666;*/
}

form input[type=text] {
width: 445px;
}

form input[id=zip1],
form input[id=zip2] {
width: auto;
}

form input[id=sei],
form input[id=mei],
form input[id=seiKana],
form input[id=meiKana],
form input[id=shainNum],
form input[id=notesID] {
width: 195px;
}

form input[id=sei],
form input[id=seiKana] {
float: left;
}

form input[id=mei],
form input[id=meiKana] {
float: right;
}

input::-webkit-input-placeholder {
color:#666;
}

input:-ms-input-placeholder {
color:#666;
}

input::-moz-placeholder {
color:#666;
}

input:focus, select:focus, textarea:focus {
background-color: #f3c577;
}

form select {
    -webkit-appearance: button;
    -moz-appearance: button;
	-ms-appearance: button;
	-o-appearance: button;
    appearance: button;
    text-indent: 1em;
    height: 35px;
    line-height: 34px;
    font-size: 14px;
    vertical-align: middle;
    border:1px solid #999;
    color: #666;
    width: 195px;
}
@-moz-document url-prefix() { /* for firefox */
    form select {
        background:none;
        background-color: #FFF;
    }
}

form input[type=radio],
form input[type=checkbox] {
display: inline-block;
margin-right: 6px;
}

form input[type=radio] + label,
form input[type=checkbox] + label {
position: relative;
display: inline-block;
margin-right: 12px;     
font-size: 14px;
cursor: pointer;
}
 
@media (min-width: 1px) {
    form input[type=radio],
    form input[type=checkbox] {
        filter:alpha(opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        margin: 0;
    }
    form input[type=radio] + label,
    form input[type=checkbox] + label {
        padding: 0 0 0 24px;
        margin-left: -18px;
    }
    form input[type=radio] + label::before,
    form input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -10px;
        /*background: #FFF;*/
    }
    form input[type=radio] + label::before {
        border: 1px solid #999;
        border-radius: 30px;
        background: #ebebeb;
    }
    form input[type=checkbox] + label::before {
        border: 1px solid #999;
    }
    form input[type=radio]:checked + label::after,
    form input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;        
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    form input[type=radio]:checked + label::after {
        left: 5px;
         
        width: 8px;
        height: 8px;
        margin-top: -5px;
         
        background: #4F98BB;
        border-radius: 8px;
    }
    form input[type=checkbox]:checked + label::after {
        left: 3px;
         
        width: 16px;
        height: 8px;
        margin-top: -8px;
         
        border-left: 3px solid #4F98BB;
        border-bottom: 3px solid #4F98BB;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

form .submit {
width: 800px;
margin: 0 auto;
margin-top: 30px;
text-align: center;
}

form input[type=submit] {
border: solid 1px #4F98BB;
height: 64px;
line-height: 64px;
width: 245px;
margin: 0 auto;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
-o-border-radius: 32px;
-ms-border-radius: 32px;
background: #4F98BB url(../supporter/images/arrow_button.png) no-repeat 70px 22px;
font-size: 14px;
padding-left: 15px;
color: white;
cursor: pointer;
text-align: center;
display: block;
}

input[type=button] {
height: 64px;
line-height: 64px;
width: 190px;
border: solid 1px #4F98BB;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
-o-border-radius: 32px;
-ms-border-radius: 32px;
background-color: #fff;
font-size: 14px;
font-weight: bold;
color: #4F98BB;
cursor: pointer;
text-align: center;
display: block;
}

#others.supporter table .must {
font-size: 10px;
color: #4F98BB;
margin: 0;
padding: 0;
}

#others.supporter table .agree {
color: #000;
text-align: center;
padding-top: 30px;
}

#others.supporter table .agree a {
text-decoration: underline;
}

#others.supporter table input.entryButton {
padding: 0;
/*color: #fff;
height: 64px;
line-height: 64px;
width: 248px;
text-align: center;
margin: 0 auto;
background: #4F98BB url(../supporter/images/arrow_button.png) no-repeat 70px 22px;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
-o-border-radius: 32px;
-ms-border-radius: 32px;
font-size: 14px;
padding-left: 12px;*/
}


#others.supporter table .ibmOnly {
display: none;
}

#others.supporter.conf table .entryButton input[type=button] {
float: left;
margin-left: 130px;
margin-right: 40px;
}

#others.supporter.conf table .entryButton input[type=submit] {
float: left;
}

#others.supporter.conf table .entryButton {
clear: both;
}

/*============================
error404
============================*/
.error404 p {
text-align: center;
}

.error404 p.head {
margin-top: 70px;
font-size: 3em;
/*font-weight: bold;*/
}

.error404 p.image {
margin: 50px 0;
}

.error404 p.catch {
font-size: 2em;
padding-bottom: 60px;
}

.error404 p.top {
padding-top: 40px;
}


/*============================
pagetop
============================*/
.pagetop {
 position: absolute;
 bottom: 0px;
 right: 0px;
 z-index: 1000;
}

.pagetop a {
 display: block;
 width: 50px;
 height: 50px;
}



/*============================
clearfix
============================*/
.clearfix:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
 /*
 font-size: 0.1em;
 line-height: 0;
 */
}

.clearfix {
	zoom : 1; 
}

.clearfix {
 display: inline-block;
}

/* Hide from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE-mac */