/*
Theme Name: Japan Society of Physiological Anthropology EN
Theme URI: 
Description: A theme.
Version: 1
Author:  
Author 
*/

/* -----------------------------------------------------------
 
CSS Information
File name:      style.css

----------------------------------------------------------- */
/*----------------------------------------------------
	Initialize
----------------------------------------------------*/
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, div {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
list-style-type: none;
}


.mt03 {margin-top: 3px;}
.mt04 {margin-top: 4px;}
.mt05 {margin-top: 5px;}
.mt07 {margin-top: 7px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}

.mb03 {margin-bottom: 3px;}
.mb04 {margin-bottom: 4px;}
.mb05 {margin-bottom: 5px;}
.mb07 {margin-bottom: 7px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}

.ml03 {margin-left: 3px;}
.ml04 {margin-left: 4px;}
.ml05 {margin-left: 5px;}
.ml07 {margin-left: 7px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}

.mr03 {margin-right: 3px;}
.mr04 {margin-right: 4px;}
.mr05 {margin-right: 5px;}
.mr07 {margin-right: 7px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}

.pt03 {padding-top: 3px;}
.pt04 {padding-top: 4px;}
.pt05 {padding-top: 5px;}
.pt07 {padding-top: 7px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}

.w110 {width: 110px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w140 {width: 140px;}
.w150 {width: 150px;}
.w160 {width: 160px;}
.w170 {width: 170px;}
.w180 {width: 180px;}
.w190 {width: 190px;}
.w200 {width: 200px;}
.w210 {width: 210px;}
.w220 {width: 220px;}
.w230 {width: 230px;}
.w240 {width: 240px;}
.w250 {width: 250px;}
.w260 {width: 260px;}
.w270 {width: 270px;}
.w280 {width: 280px;}
.w290 {width: 290px;}
.w300 {width: 300px;}
.w310 {width: 310px;}
.w320 {width: 320px;}
.w330 {width: 330px;}
.w340 {width: 340px;}
.w350 {width: 350px;}
.w360 {width: 360px;}
.w370 {width: 370px;}
.w380 {width: 380px;}
.w390 {width: 390px;}
.w400 {width: 400px;}
.w430 {width: 430px;}

.fl {float: left;}
.fr {float: right;}
.cl {clear: both;height: 0px;overflow: hidden;}

.ti1 {text-indent: 1em;}
.ti2 {text-indent: 2em;}
.ti3 {text-indent: 3em;}
.ti-1 {text-indent: -1em;}
.ti-2 {text-indent: -2em;}
.ti-3 {text-indent: -3em;}
.tal {text-align: left;}
.tar {text-align: right;}
.tac {text-align: center;}

.fs8 {font-size: 8px;}
.fs9 {font-size: 9px;}
.fs10 {font-size: 10px;}
.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}

.ls1 {letter-spacing: 1px;}
.ls2 {letter-spacing: 2px;}
.ls3 {letter-spacing: 3px;}


.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }
.lh180 { line-height: 180%; }
.lh190 { line-height: 190%; }
.lh200 { line-height: 200%; }
.lh220 { line-height: 220%; }
.lh220 { line-height: 220%; }
.lh220 { line-height: 220%; }
.lh230 { line-height: 230%; }
.lh240 { line-height: 240%; }
.lh250 { line-height: 250%; }
.lh260 { line-height: 260%; }
.lh270 { line-height: 270%; }
.lh280 { line-height: 280%; }
.lh290 { line-height: 290%; }
.lh300 { line-height: 300%; }


/* ----------------------------------------
  1-7.文字の色
---------------------------------------- */

.red{color:#ff0000;}
.white{color:#fefefe;}
.blue{color:#032348;}
.black{color:#000000;}
.orange{color:#ffa500;}

.aqua{color:#00ffff;}
.lime{color:#00ff00;}
.olive{color:#808000;}
.silver{color:#c0c0c0;}
.yellow{color:#ffff00;}
.gray{color:#808080;}
.maroon{color:#800000;}
.purple{color:#800080;}
.green{color:#008000;}
.navy{color:#000080;}


/* ----------------------------------------
  1-6.文字装飾
---------------------------------------- */

em{
	font-style:normal;
	font-weight:bold;
}
.bold{font-weight:bold;}
.italic{font-style:italic;}


/* ----------------------------------------
  1-4.文字の大きさ
---------------------------------------- */

.fs50{font-size:50%;}
.fs70{font-size:80%;}
.fs80{font-size:80%;}
.fs90{font-size:90%;}
.fs110{font-size:110%;}
.fs120{font-size:120%;}
.fs130{font-size:130%;}
.fs140{font-size:140%;}
.fs150{font-size:150%;}
.fs160{font-size:160%;}
.fs170{font-size:170%;}
.fs180{font-size:180%;}
.fs190{font-size:190%;}

.fs9{font-size:9px;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs25{font-size:25px;}
.fs30{font-size:30px;}


/* ----------------------------------------
  1-4.文字の太さ
---------------------------------------- */
.bold100	{ font-weight:normal; }
.bold200	{ font-weight:200;   }
.bold300	{ font-weight:300;   }
.bold400	{ font-weight:400;   }
.bold	{ font-weight:bold;   }
.bolder	{ font-weight:bolder;   }
.bold700	{ font-weight:700;   }
.bold800	{ font-weight:800;   }
.bold900	{ font-weight:900;   }



/* ----------------------------------------
  1-2.配置
---------------------------------------- */

.left{float:left;display:inline;}
.right{float:right;display:inline;}
.clear{clear:both;}
.lclear{clear:left;}
.rclear{clear:right;}

.alignleft{text-align:left;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}

.valigntop{vertical-align:top;}
.valignmiddle{vertical-align:middle;}
.valignbottom{vertical-align:bottom;}
.valigntop_txt{vertical-align:text-top;}
.valignbottom_txt{vertical-align:text-bottom;}


/* ----------------------------------------
  リスト関連（複数行での揃え）
---------------------------------------- */
ul.lines {
	text-indent: -1em;
	margin-left: 1em;
}
.lines li {
	margin-bottom: 5px;
}
#image-navigation{
	position:relative;
	width:900px;
	height:220px;
	margin:0 auto;
}

#image-navigation ul{
	position:absolute;
	width:900px;
	left:0px;
	top:275px;
}


#image-navigation ul li{
	float:left;
	display:inline;
	margin-right:12px;
}
#image-navigation .navi {
  float:left;
}
#image-navigation .navi-image {
  float:left;
}

#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }

html {
	overflow-y: scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th {
	text-align: left;
}

q:before,q:after {
	content: '';
}

object,

embed {
	vertical-align: top;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img,abbr,acronym,fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

p {
	margin-bottom: 1em;
}


/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
	background-color: #FFF;
	color: #333;
	font-size: 13px;
/*	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.5;
	text-align: left;
}

* + html body {
	font-family: "メイリオ","Meiryo";
}

div{
    zoom:1;/*for IE 5.5-7*/
}

/*----------------------------------------------------
	Link
----------------------------------------------------*/

a:link {
	color: inherit; 
	text-decoration: none;
}

a:visited { 
	text-decoration: none; 
}

a:hover { 
	text-decoration: underline; 
}

a:active {
	text-decoration: none;
}



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

	汎用class

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

.m_l{
	margin-left :10px;
}
.m_t{
	margin-top :15px;
}

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}


.f_r{
	float: right;
}

.f_l{
	float: left;
}

.c_b{
	clear:both;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}



.border_none{
	border:none;
}

p.comingsoon{
	margin-left: 40px;
	font-size: 2.0em;
}

img{
	vertical-align: top;	
}

.bold{
	font-weight: bold;
}
.big{
	font-size: 1.2em;
}


/*clearFix*/



#contents:after, #gNavi:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

a{
	color: blue;	
}

a:link{
	color: blue;	
}



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

	body (default設定を上書き)

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

body {
	background: #ffffff;
	color: black;
}



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

	Page Container (div#container)

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

div#container {
	background: white;
	width:950px;
	margin: 0px auto;
}


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

	Header (div#header)

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

div#header {
	margin-top: 10px;
	padding-top: 0px;
}

div#header p#update {
	height: 1em;
	width 141px;
	color: #969696;
	float: right;
	display: block;
}
div#header a#lang_button {
	width:141px;
	margin-top:43px;
	margin-right: 0;
	float: right;
	display: block;
}
div#header div.header_img {
	display: inline-block;
	float: left;
}
h1 {
	font-size: 4em;
	background: url("./images/logo.png") no-repeat;
	width: 184px;
	margin-right:15px;
	/*margin-left: 27px;*/
	float: left;
	display: block;
}


h1 a{
	overflow: hidden;
	text-indent: -999px;
	display: block;
}


h1 > a:hover{
	text-decoration: none;
}


#header > a{
	float: right;
	display: inline;
	margin-top: 10px;
	margin-right: 22px;
}


ul#gNavi {
	clear: both;
	padding-right:0px;
	float: right;
	width: 950px;
	/*background: url("./images/gNavi.png") no-repeat;*/
	position: relative;
    background: linear-gradient(#42c558, #27952c);
}


#gNavi .g1{
	width:100px;
	margin-left:150px;
}

#gNavi .g2{
	width: 150px;
}

#gNavi .g3{
	width: 124px;
}
#gNavi .g4{
	width: 163px;
}
#gNavi .g5{
	width: 120px;
}
ul#gNavi > li.g1:hover,
ul#gNavi > li.g2:hover,
ul#gNavi > li.g3:hover,
ul#gNavi > li.g4:hover,
ul#gNavi > li.g5:hover {
    opacity: 0.5;
}
ul#gNavi > li {
	padding:0;
	float: left;
	text-align: center;
	line-height: 38px;
	height: 38px;
	position: relative;
}


ul#gNavi > li a {
	padding:0;
	display: block;
	height: 38px;
	overflow: hidden;
	text-decoration: none;
    color: #fff;
    letter-spacing: 2px;
    font-size: 15px;
    font-weight: 600;
}


ul#gNavi > li a:hover{
	padding:0;
	text-decoration: none;
}


ul#gNavi ul { 
	display: none; 
	position: absolute;
	line-height: 0;
	left: 0; 
}  
* html ul#gNavi ul { 
	line-height: 0;
 }  
ul#gNavi li ul li {
	float: none; 
	display:block;
	color: white;
	text-align:center;
	vertical-align:middle;
	border-bottom: 1px solid #dfdfdf;
	height: 45px;
	background: url("./images/gNavi_pull.png") ;
}  
ul#gNavi li ul li a {   
	text-indent: 0;
	height: 45px;
	color: white;
	line-height: normal;
	display:block;
}
ul#gNavi li ul li a.oneline {   
	height: 32px;
	padding-top:13px;
}
ul#gNavi li ul li a.twoline {   
	height: 40px;
	padding-top:5px;
}
ul#gNavi ul li a:hover {   
	color:#b5d885;
}
ul#gNavi li.g1 ul li a{
	width: 100px;  
}
ul#gNavi li.g2 ul li a{
	width: 150px;  
}
ul#gNavi li.g3 ul li a{
	width: 120px;  
}
ul#gNavi li.g4 ul li a{
	width: 155px;  
}
ul#gNavi li.g5 ul li a{
	width: 155px;  
}

.topImg {
	clear:both;
}

.topImg h2 {
	font-size:1.5em;
	padding-top: ;
	padding-left: 20px;
	line-height: 50px;
	background:url("./images/h2-bg.png") no-repeat;
}


.pankuzu{
	margin-left: 10px;
	margin-bottom: 10px;
}



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

	Contents (div#contents)

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

div#contents {
	clear: both;
	margin-bottom: 10px;
	padding-top: 30px;
}



/*--- Main Contents (div#mainContents) ---*/


div#mainContents {
	float: right;
	display: inline;
	width: 741px;
	margin-left: 36px;
}

div.article_dotx {
	border-top: 1px dotted ;
}
div.article {
	margin-top:30px;
}div.article1 {
	margin-top:30px;
}
div.article_h4 {
	width: 736px;
	margin-bottom: 10px;
	float:left;
	font-size: 1.2em;
	color: #288b00;
}



div.article > p {
	/*background: gray;*/
	text-indent: 0em;	
	font-size:1.1em;
	color: #4b4b4b;
}

div.article div.h3-title {
	width: 736px;
	border-bottom: solid 1px #c8c8c8;
	margin-bottom: 20px;
	float:left;
}
div.article div.h3-title h3{
	font-size: 1.3em;
	color: #4b4b4b;
	border-bottom: solid 1px #288b00;
	float:left;
}
div.article div.h3-title span {
	float: right;
	margin-right: 0;
}
div.about_jspa p {
	width: 423px;
	word-wrap: break-word;
}
div.about_jspa img {
	float: right;
	margin-left: 10px;
}
div.pickup_contents img {
	float: left;
	display: inline;
	margin-right: 8px;
}
div.contact input {
	width: 300px;
	height: 1.5em;
	border: solid 1px #c8c8c8;
}
div.contact textarea {
	width: 500px;
	height: 200px;
	border: solid 1px #c8c8c8;
}
div.contact form {
	border: solid 3px #dfdfdf;
	text-align:center;
	padding-top:30px;
}
div.contact table {
	table-layout:fixed;
	width: 730px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 10px;
}
div.contact table tr {
	line-height: 3em;
}
div.contact table td.iqfm-confirm-sub{
	width: 140px;
	text-align:right;
	padding-right:15px;
}
div.contact table td:first-child{
	width: 140px;
	text-align:right;
	padding-right:15px;
}
div.contact table tr td.btn {
	text-align:center;
}
div.contact input#inquiryformSubmit-1 {
	width: 165px;
	height:35px;
	background:url("./images/btn_confirm.png") no-repeat;
	text-indent:-999px;
	border: none;
	margin: 0 auto 15px;
}

.c_red {
	color: red;
}
div.contact input#inquiryformSubmit-1:hover {
	opacity: 0.7;  
	filter: alpha(opacity=70);  
}
td.iqfm-confirm-body {
	word-wrap: break-word;
}
table#iqfm-confirm-1 {
	table-layout:fixed;
	width:730px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}
table#iqfm-confirm-1 tr {
	line-height: 1.3em;
	border-bottom: 1px solid #dfdfdf;
	word-wrap: break-word;
}
table#iqfm-confirm-1 td {
	padding: 10px;
}
table#iqfm-confirm-1 td:first-child{
	text-align:left;
	padding-left:15px;
	width:130px;
}
div.btn {
	text-align:center;
	margin-top:30px;
}

div.contact input#inquiryformSubmitConfirm-1 {
	width: 165px;
	height:35px;
	background:url("./images/btn_submit.png") no-repeat;
	text-indent:-999px;
	border: none;
}
div.contact input#inquiryformSubmitConfirm-1:hover {
	opacity: 0.7;  
	filter: alpha(opacity=70);  
}
div.contact input#inquiryformBack {
	width: 165px;
	height:35px;
	margin-left:115px;
	background:url("./images/btn_back.png") no-repeat;
	text-indent:-999px;
	border: none;
	margin: 0 auto;
}
div.contact input#inquiryformBack:hover {
	opacity: 0.7;  
	filter: alpha(opacity=70);  
}
div.organizations img {
	clear:both;
	display: block;
	vertical-align:baseline;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0;
	margin-top: 0;
	width: 592px;
}
div.organizations table.org {
	background:url("./images/org-inside.png") repeat-y;
	width: 592px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
}
div.organizations table.org td{
	padding-left:10px;
	padding-right:10px;
}
div.mail {
	width: 500px;
	margin-left:auto;
	margin-right:auto;
}
div.mail p {
	display:block;
	background:url("./images/mail.png") no-repeat;
	padding-left:65px;
	line-height: 52px;
	height:52px;
	vertical-align: middle;
}

.about {
	width:730px;
	margin-bottom:30px;
}


.about table {
	margin-left:60px;
	font-size:1.2em;
	border-collapse:collapse;
}


.about tr {
	line-height:1.0em;
	height:20px;
	margin-bottom:10px;
}


.about th {
	width:150px;
	font-weight:lighter;
	background:#dcdcdc;
	border:1px #000000 solid;
	text-align:center;
	vertical-align:center;
}

.about td {
	width:450px;
	line-height:1.2em;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	border:1px #000000 solid;
	vertical-align:center;
}



/*--- Sub Contents (div#subContents) ---*/



div#subContents {
	float: left;
	display: inline;
	width: 173px;
	word-wrap: break-word;
}

div#subContents > h3{
	background: teal;
}

div#subContents > ul{
	margin: 5px 0;
	padding: 5px;
	background: white;
}

div#subContents > ul li {
	margin: 5px 0;
	background: #ccc;
}

div#subContents > p {
	margin: 5px 0;
	padding: 5px;
	background: maroon;
}

div#subContents a.more {
	float:right;
	margin-bottom: 20px;
}
.sub_news {
}
.sub_events {
}

.sub_list {
}

.sub_list ul{
	width:174px;
	border-top:none;
	text-align:center;
}

.sub_list li{
	width:154px;
	border-bottom: 1px dotted #cccccc;
	background:url("./images/side_bag.png") repeat-y;
	padding: 10px;
}
.sub_list a {
	text-decoration: none;
	color: black;
}
.sub_list li a:hover{
	opacity: 0.7;  
	filter: alpha(opacity=70);  
	text-decoration: none;
}
.sub_list li.last{
	border-bottom: 1px solid #cccccc;
}

.sub_list li span {
	color: #ffa500; 
}

.banners {
	margin-bottom: 20px;
}

.adm_office h3 {
	font-size:1.1em;
}
.adm_office span {
	color: #ffa500; 
}


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

	Footer (div#footer)

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

div#footer {
	clear: both;
}


#fNavi{
	display: inline;
}

#fNavi li{
	display: inline;
	color: white;
	text-align:center;
	line-height: 1.1em;
	padding-left: 10px;
	padding-right: 10px;
	border-right:1px solid #ccc;
}

#fNavi li.g6{
	border-right:none;
}


#fNavi li a:visited{
	color: #ffffff;	
}



#fNavi li a:link{
	color: #ffffff;	
}



.fNavi_p{
	font-size:1.1em;
	text-align: center;
	height:1.5em;
	background:#289f23;
	padding-top:5px;
	padding-bottom:5px;
}

div#footer address {
	clear: both
	margin-top:10px;
	padding-top:10px;
	color:#969696;
	text-align: center;
}



div#footer span {
	color: white;
	padding: 5px;
	padding-left: 15px;
	font-size: 1.8em;
	letter-spacing: 2px;
	line-height: 43px;
}


span.wpcf7-form-control-wrap {
    position: relative;
}
#content, #content input, #content textarea {
    color: #333333;
    line-height: 24px;
}
.entry-content input {
    margin: 0 0 24px;
}
input[type="text"], textarea {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CCCCCC;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
    padding: 2px;
}


div.contact input.wpcf7-submit {
	width: 165px;
	height:35px;
	background:url("./images/btn_submit.png") no-repeat;
	text-indent:-999px;
	border: none;
}
 
.c_red {
	color: red;
}
div.contact input.wpcf7-submit:hover {
	opacity: 0.7;  
	filter: alpha(opacity=70);  
}

div.contact div.wpcf7 {
}

div.contact div.wpcf7 form.wpcf7-form p{
	text-align: left;
	padding-left: 30px;
	padding-top:10px;

}
div.contact div.wpcf7 form.wpcf7-form p span.item{
	width:140px;
	font-weight:bold;
	margin-right: 30px;
	vertical-align:middle;
	text-align: right;
	display:inline-block;
}
div.contact div.wpcf7 form.wpcf7-form p textarea{
	vertical-align:middle;
}
	div.confirm {}
div.confirm table {
	table-layout:fixed;
	width:730px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	border: 3px solid #dfdfdf;
}
div.confirm table tr {
	line-height: 1.3em;
	border-bottom: 1px solid #dfdfdf;
	word-wrap: break-word;
}
div.confirm table td {
	padding: 10px;
}
div.confirm table td:first-child{
	text-align:left;
	padding-left:15px;
	width:130px;
}
div.confirm div.btn {
	text-align:center;
	margin-top:30px;
}
div.confirm input.btn_confirm {
	width: 165px;
	height:35px;
	background:url("../img/btn_confirm.png") no-repeat;
	text-indent:-999px;
	border: none;
}
div.confirm a.back {
	display:block;
	float:left;
	width: 165px;
	height:35px;
	margin-left:115px;
	background:url("../img/btn_back.png") no-repeat;
	text-indent:-9999px;
}
div.confirm input.submit {
	width: 165px;
	height:35px;
	background:url("../img/btn_submit.png") no-repeat;
	text-indent:-999px;
	border: none;
}
div.confirm input.submit:hover {
	opacity: 0.7;  
	filter: alpha(opacity=70);  
}

img.top_text {
	margin-left:auto;
	margin-right:auto;
	margin-top: -200px;
	}

#image-navigation{
	position:relative;
	width:900px;
	height:220px;
	margin:0 auto;
}

#image-navigation ul{
	position:absolute;
	width:900px;
	left:0px;
	top:275px;
}
#jspa-massage-en{
position: absolute; top: 160px; left: 20px; z-index: 10;
}

#image-navigation ul li{
	float:left;
	display:inline;
	margin-right:12px;
}
#image-navigation .navi {
  float:left;
}
#image-navigation .navi-image {
  float:left;
}

#image-navigation .navi-image { position:relative;}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:7; }
#image-navigation .navi-image a.active { z-index:9; }
#image-navigation .navi-image a.last-active { z-index:8; }


/* 幅が 480px 以下であれば */
@media only screen and (max-width:480px) {
    div#container,
    ul#gNavi,
    div.article div.h3-title,
    div.article_h4 {
        width: 100%;
    }
    div#contents {
        width: 95%;
        margin: 0 auto;
    }
    #gNavi .g1 {
        margin-left: 0;
    }
    div#mainContents {
        width: 100%;
        margin: 0 auto 30px;
        display: block;
    }
    .navi-image img{
        width:350px;
        height:auto;
    }
    #image-navigation {
        width: 100%;
        height: 100px;
    }
    #image-navigation .navi-image div {
        position:absolute;
        top:0;
        left:50%;
         transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%); z-index:7;
    }
    
    #image-navigation img{
        width: 350px;
        height: auto;
    }
    #jspa-massage-en{
        position: absolute; top: 80px; left: 30px; margin: auto; z-index: 10;
    }
    img#main_text_jp{
        width: 300px;
        height: auto;
    }
    #image-navigation .navi-image div.active{
        margin:0 auto;
    }
    #image-navigation .navi-image{
        position: inherit;
    }
    #gNavi .g1,
    #gNavi .g2,
    #gNavi .g3,
    #gNavi .g4,
    #gNavi .g5,
    #gNavi .g6,
    #gNavi .g7,
    #gNavi .g8 {
        width: auto;
    }
    ul#gNavi > li a {
        padding: 0 10px;
    }
    ul#gNavi{
	    text-align: center;
	    padding: 7px 0 0;
    }
    ul#gNavi > li{
        float: none;
        display: inline-block;
    }
    div.about_jspa img {
        float: none;
        display: block;
        margin: 20px auto;
    }
    div.about_jspa p {
        width: 100%;
    }
    div.journals img {
        float: none;
        display: block;
        margin: 20px auto;
    }
    div.journals p {
        width: 100%;
    }
    div.pickup_contents img {
        float: none;
        display: block;
        /* margin-right: 8px; */
        margin: 0 auto;
    }
    div#subContents {
        float: none;
        margin: 0 auto 30px;
        display: block;
        overflow: hidden;
        padding: 0 10px;
    }
    .fNavi_p{
        height: auto;
     }
    h1 {
        float: none;
        margin: 0 auto;
    }
    div#header div.header_img {
        float: none;
        display: block;
        text-align: center;
    }
    div#header a#lang_button{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    div#header{
        margin-top: 20px;
    }
    .topImg h2 {
        padding: 1em 1em;
        border-left: 6px solid #34ac41;
        background: #f4f4f4;
        margin: 20px 0;
        line-height: 1.5em;
    }
    ul#gNavi > li a:hover{
        padding: 0 10px;
    }
    .ml20,
    .ml10{
        margin-left: 0;
	}
	div.contact table {
		width: 100%;
	}
	.iqfm-table th, .iqfm-table td {
		padding: 8px 8px 8px 0px !important;
	}
	.iqfm-table th{
		width: 100px !important;
	}
	div.contact input {
		width: 90%;
	}
	div.contact textarea {
		width: 90%;
	}
	div.organizations img {
    width: 100%;
}
div.organizations table.org {
    width: 100%;
    background-size: contain;
}
div.mail {
	width: 100%;
}
div.mail p{
	    line-height: 1em;
}
div.confirm table {
	width: 100%;
}
}