@charset "UTF-8";

@import "/lib/cmn_css/component.css"; 

/* CSS Document */

body {
	background: url(/hcim/Galapa/images/bg_body.jpg) left top repeat-x;
	border:none;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro",Osaka,Verdana,Helvetica,Arial,sans-serif;
}

img, table, th, td ,div {
	margin:0;
	padding:0;
	border: 0px;
}

dl, dt, dd, p, li, h1, h2, h3, h4, h5, h6, form, input, table, tr, td {
	margin: 0px;
	padding: 0px;
}

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

textarea,select,input {
font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro",Osaka,Verdana,Helvetica,Arial,sans-serif;
}

textarea {
 font-size:12px;
}

hr {
	display: none;
}

#contents p {
	line-height: 150%;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	word-break: break-all;
}

a:link{
	color:#08427C;
	text-decoration: none;
}
a:visited {
	color: #08427C;
	text-decoration: none;
}
a:hover {
	color:#08427C;
	text-decoration: underline;
}

#contents li img {
	background-color:transparent;
	text-decoration:none;
}

.clearfix:after {
	content:".sdfasdf";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	line-height: 0;
}

.clearfix {
	display:inline-table;
}

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

br.clear_noie, 
div.clear_noie {
	display: inline !important;
	display: none;
	clear: both;
	line-height: 0px;
}
br.clear_all {
	clear: both;
	line-height: 0px;
}

/* font */
#contents p {	font-size: small;}
#contents h2, #contents h3 {	font-size: medium;}
#contents ul li {	font-size: small;}
#contents ol li {	font-size: small;}
#contents ul.unordered02s li { font-size: x-small;}
#contents dl dt, #contents dl dd, #contents th, #contents td { font-size: small;}

.sizeS {font-size: x-small !important;}
.sizeM {font-size: small !important;}
.sizeL {font-size: medium !important;}
.sizeLL {font-size: large !important;}
.sizeXL {font-size: x-large !important;}

#header ul li {	font-size: x-small;}
#breadCrumbs {	font-size: x-small;}
#footer ul li {	font-size: small;}
#container p.pagetop { font-size: small;}
#bottomNavi ul li {font-size: x-small;}
#pgTop p { font-size: small;}
/* index uniq */
#mainArea p {font-size: small;}


/* indent */
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.bottom5{margin-bottom:5px !important;}
.bottom10{margin-bottom:10px !important;}
.bottom15{margin-bottom:15px !important;}
.bottom20{margin-bottom:20px !important;}
.bottom25{margin-bottom:25px !important;}
.bottom30{margin-bottom:30px !important;}
.bottom40{margin-bottom:40px !important;}
.red {color: #AA0023;}
p.indP { text-indent:1em; width:600px; margin-bottom:10px!important;}





/* id */

#wrap {
	background: url(/hcim/Galapa/images/bg_wrap.gif) left top no-repeat;
	margin:0 auto;
	text-align:left;
	width:906px;
}

#container {
	margin-left:3px;
	width:893px;
}

#breadCrumbs {
	background: url(/hcim/Galapa/images/bg_breadcrumbs.gif) left top repeat-x;
	line-height:0;
	margin-bottom:23px;
	height:28px;
}

#breadCrumbs p {
	line-height:100%;
	font-size:x-small;
	margin-left:20px;
	padding-top:9px;
}

#main {
	margin-left:20px;
}

#contents {
	float:left;
	text-align:left;
	width:637px;
}

#logo {
	height:30px;
	margin:0 0 0 20px;
	width:240px;
}

#logo p {
	padding:0;
}

#logo h1 {
	padding:0;
	line-height:0;
}

#rightMenu {
	float:right;
	margin-bottom:20px;
	width:256px;
}

#rightMenu ul.rNavi {
	background: url(/hcim/Galapa/images/bg_rnavi.gif) left bottom repeat-y;
	width:256px;
}
#rightMenu ul.rNavi li.rN01{
	margin-bottom:15px;
}

#rightMenu ul.rNavi li.rN02{
	margin-bottom:6px;
}

#rightMenu ul.rNavi li, #rightMenu ul.rNavi li a {
	background-image: url(/hcim/Galapa/images/bg_rnavilist.jpg);
	display:block;
	width:256px;
}

#rightMenu ul.rNavi li.rN01, #rightMenu ul.rNavi li.rN01 a {
	background-position:0 0;
	height:30px;
}

#rightMenu ul.rNavi li.rN02, #rightMenu ul.rNavi li.rN02 a {
	background-position:0 -45px;
	height:139px;
}

#rightMenu ul.rNavi li.rN02 a:hover {
	background-position:-300px -45px;
	height:139px;
}

#rightMenu ul.rNavi li.rN02 a.current, #rightMenu ul.rNavi li.rN02 a.current:hover {
	background-position:-600px -45px;
	height:139px;
}

#rightMenu ul.rNavi li.rN03, #rightMenu ul.rNavi li.rN03 a {
	background-position:0 -191px;
	height:149px;
}

#rightMenu ul.rNavi li.rN03 a:hover {
	background-position:-300px -191px;
	height:149px;
}

#rightMenu ul.rNavi li.rN03 a.current , #rightMenu ul.rNavi li.rN03 a.current:hover {
	background-position:-600px -191px;
	height:149px;
}

#rightMenu h3 img , #rightMenu h3, #rightMenu h4 {
	line-height:0;
}

#rightMenu div.infoBlk {
	background: url(/hcim/Galapa/images/bg_infoblk.gif) left bottom no-repeat;
	padding-bottom:20px;
	width:256px;
}

#rightMenu div.infoBlk h4 {
	margin-bottom:10px;
}

#rightMenu div.infoBlk p.btnP {
	margin-bottom:3px;
	text-align:center;
}

#footer {
	clear:both;
	margin:20px auto 0;
	width:900px;
}

#footer div.footLink {
	background: url(/hcim/Galapa/images/bg_footlink.gif) left bottom repeat-x;
	width:900px;
}

#footer div.footLink ul{
	margin-left:20px;
}

#footer div.footLink ul li {
	float:left;
	margin-right:17px;
	padding:8px 0 7px;
}

#footer address {
	margin-top:3px;
	text-align:right;
}



/* span */

#logo p span,
#rightMenu ul.rNavi li.rN01 a span ,
#rightMenu ul.rNavi li.rN02 a span ,
#rightMenu ul.rNavi li.rN03 a span {
	text-indent: -9999px;
	overflow: hidden;
}

/* except IE7 */
html>/**/body #logo p span { 
	display: block;
}

html>/**/body #rightMenu ul.rNavi li.rN01 a span { 
	display: block;
}

html>/**/body #rightMenu ul.rNavi li.rN02 a span { 
	display: block;
}

html>/**/body #rightMenu ul.rNavi li.rN03 a span { 
	display: block;
}
/* except IE7 */






/* top */

#contents #vi {
	margin:5px 0 30px;
}

#contents div.topicsBlk {
	background: url(/hcim/Galapa/images/bg_topicsblk.gif) left top repeat-y;
	margin:0 5px;
	width:620px;
}

#contents div.topicsBlkInr {
	background: url(/hcim/Galapa/images/bg_topicsblkinr.gif) left bottom no-repeat;
	padding-bottom:9px;
	width:620px;
}

#contents div.topicsHt {
	height:160px;
	overflow:auto;
	margin:0 10px;
	width:600px;
}

#contents div.topicsBlk dl {
	background: url(/hcim/Galapa/images/bg_border_01.gif) left bottom repeat-x;
	clear:both;
	margin:0;
	padding:10px 0 10px 10px;
	width:550px;
}

#contents div.topicsBlk dl.last {
	background: none;
}

#contents div.topicsBlk dt {
	font-weight:bold;
	float:left;
	line-height:140%;
	width:115px;
}

#contents div.topicsBlk dd {
	float:right;
	line-height:140%;
	width:425px;
}

#contents .icon {
	vertical-align:middle;
}



/* about */

#contents div.block {
	clear:both;
	margin-bottom:20px;
	width:613px;
}

#contents div.aboutFlt {
	width:613px;
}

#contents div.aboutFL {
	float:left;
	width:300px;
}

#contents div.aboutFR {
	background-color:#DBF1FE;
	float:right;
	margin-bottom:10px;
	padding:16px 0 10px;
	text-align:center;
	width:300px;
}

#contents div.aboutFR p.right {
	margin-right:10px;
}

#contents h2.h2HeadB {
	background: url(/hcim/Galapa/images/bg_h2b.gif) left bottom no-repeat;
	clear:both;
	display:block;
	line-height:0;
	padding:10px 0 9px;
	margin-bottom:20px;
	width:610px;
}

#contents h2.h2HeadB img {
	line-height:0;
	margin-left:10px;
}

#contents div.abLinkBlk {
	background: url(/hcim/Galapa/images/bg_ablinkblk.gif) left bottom repeat-y;
	border-bottom:1px solid #E3E3E3;
	border-top:1px solid #E3E3E3;
	margin:0 0 20px 12px;
	padding:15px 0 10px;
	width:589px;
}

#contents div.abLinkBlk ul {
	margin:0 15px;
}

#contents div.abLinkBlk ul li {
	margin-bottom:5px;
	line-height:140%;
	text-indent:-11px;
	padding-left:11px;
}

#contents div.nextBlk {
	background: url(/hcim/Galapa/images/bg_ablinkblk.gif) left bottom repeat-y;
	border-bottom:1px solid #E3E3E3;
	border-top:1px solid #E3E3E3;
	margin:30px 0 20px 12px;
	padding:12px 0 5px;
	width:589px;
}

#contents div.nextBlk p {
	margin:0 15px;
	line-height:140%;
	text-align:right;
}




/* interview */

#contents div.itvFlashBlk {
	text-align:center;
	margin-bottom:20px;
}

#contents div.lm1em {
	margin-left:1em;
	width:580px;
}

#contents div.lm1em p.indP {
	width:580px;
}

#contents div.profGBlk {
	background: url(/hcim/Galapa/images/bg_ablinkblk.gif) left bottom repeat-y;
	border-bottom:1px solid #E3E3E3;
	border-top:1px solid #E3E3E3;
	margin:0 0 20px 12px;
	padding:15px 0 10px;
	width:589px;
}

#contents div.profGBlk p {
	margin:0 24px;
}

#contents div.profGBlk ul {
	margin-left:340px;
}

#contents div.profGBlk ul li {
	margin-bottom:3px;
}




/* question */

#contents h2.h2Head {
	background: url(/hcim/Galapa/images/bg_h2.gif) left bottom no-repeat;
	clear:both;
	display:block;
	padding:8px 0;
	margin-bottom:10px;
	width:610px;
}

#contents h2.h2Head img {
	margin-left:10px;
}

#contents div.formBlk {
	clear:both;
	margin:0 0 25px 40px;
}

#contents ul.qList01 {
	width:570px;
}

#contents ul.qList01 li {
	float:left;
	margin:0 20px 5px 0;
	word-break:break-all;
}

#contents ul.qList01 li.long {
	margin-right:70px;
}

#contents ul.qList01 li.long02 {
	margin-right:150px;
}

#contents ul.qList01 li.long03 {
	margin-right:230px;
}

#contents ul.qList01 li input {
	margin-right:3px;
}

#contents div.formBlk textarea {
	width:440px;
}

#contents div.formBtnBlk {
	clear:both;
	text-align:center;
	padding-bottom:30px;
}

#contents div.formBtnBlk button {
	margin-right:15px;
}