body {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	color:#000000;
}
html,body {margin:0; padding:0;}

img {border:0px; vertical-align:bottom;}
th, td {padding:5px; /*font-size:1em; _font-size:75%;*/ line-height:1.4; vertical-align:top; text-align:left;}
ul {margin:0; padding:0; list-style-type:none}
ul li {margin:0; padding:0;}
ol {margin:0 0 20px 0; padding: 0 0 0 30px;}
ol li {padding:0; margin:0 0 2px 0;}
ul.listDisc {margin:0 0 0 20px; padding:0;}
ul.listDisc li {margin:0 0 2px 0; padding:0; list-style-type:disc;}

h2 {font-size:14px; color:#FFFFFF; line-height:1.2; margin-left:10px;}
h3 {font-size:1.25em; margin:0 0 15px 0; padding:0; clear:both;}
h4 {font-size:1.1em; line-height:1.2;}
h5 {font-size:1.1em; line-height:1.2; margin:0 0 10px 0;}
h2.bgHdr, h3.bgHdr, h4.bgHdr {margin:0 0 5px 0; padding:10px 10px 0 10px; background:url(../images/h2.gif) no-repeat left top; height:28px; font-size:14px; color:#FFFFFF; line-height:1.2}
p {margin:0 0 1.5em 0; padding:0;}

a:link, a:visited {color: #333333;}
a:hover {color: #000000; text-decoration:none;}

.c-both {clear:both; visibility:hidden; height:0;}
.clearfix {display:inline-block;}
.clearfix:after {
	content:"";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */




* html body #wrapper {width:100%; text-align:center;}
#container {width:800px; margin:0 auto; padding:0; text-align:left; font-size:75%; line-height:1.4;}
#hdrContainer {position:relative; height:80px; top:0; left:0;}
#hdrCol1 {position:absolute; top:40px; left: 20px;}
h1 {margin:0; padding:0;}
/* #hdrCol3 {position:absolute; left:640px; top:5px; width:150px; height:30px; text-align:right;} QRコード移動につき↓へ 110207*/
#hdrCol3 {position:absolute; left:641px; top:28px; width:150px; height:30px; text-align:right;} 
#hdrCol4 {position:absolute; left:640px; top:38px; width:150px; height:40px; text-align:right;}
#hdrCol3l {position:absolute; left:485px; top:28px; width:150px; height:30px; text-align:right;}

#gNavi {position:absolute; width:800px; height:52px; top:80px; /*background:url(../images/gnavi_bg.png) no-repeat left top;*/ z-index:5;}
#gNavi ul {margin:5px 0 0 5px;}
#gNavi ul li {line-height:0; float:left;}
#gNavi ul li span a {
    display:block;
    height:40px;
    background-repeat:no-repeat;
    background-position:left top;
	text-indent:-9999px; 
	line-height:normal;
}
#gNavi ul li#navi01 span a:link, #gNavi ul li#navi01 span a:visited {background-image:url(../images/gnavi01_out.jpg); width:159px;}
#gNavi ul li#navi01 span a:hover {background-image:url(../images/gnavi01_ov.jpg); width:159px;}
#gNavi ul li#navi02 span a:link, #gNavi ul li#navi02 span a:visited {background-image:url(../images/gnavi02_out.jpg); width:158px;}
#gNavi ul li#navi02 span a:hover {background-image:url(../images/gnavi02_ov.jpg); width:158px;}
#gNavi ul li#navi03 span a:link, #gNavi ul li#navi03 span a:visited {background-image:url(../images/gnavi03_out.jpg); width:158px;}
#gNavi ul li#navi03 span a:hover {background-image:url(../images/gnavi03_ov.jpg); width:158px;}
#gNavi ul li#navi04 span a:link, #gNavi ul li#navi04 span a:visited {background-image:url(../images/gnavi04_out.jpg); width:157px;}
#gNavi ul li#navi04 span a:hover {background-image:url(../images/gnavi04_ov.jpg); width:157px;}
#gNavi ul li#navi05 span a:link, #gNavi ul li#navi05 span a:visited {background-image:url(../images/gnavi05_out.jpg); width:158px;}
#gNavi ul li#navi05 span a:hover {background-image:url(../images/gnavi05_ov.jpg); width:158px;}

body#topPage #gNavi ul li#navi01 span a {background-image:url(../images/gnavi01_ov.jpg);}
body#aboutPage #gNavi ul li#navi02 span a {background-image:url(../images/gnavi02_ov.jpg);}
body#voicePage #gNavi ul li#navi03 span a {background-image:url(../images/gnavi03_ov.jpg);}
body#entryPage #gNavi ul li#navi04 span a {background-image:url(../images/gnavi04_ov.jpg);}
body#partnerPage #gNavi ul li#navi05 span a {background-image:url(../images/gnavi05_ov.jpg);}


#content {width:800px; border:1px solid #DDDDDD; margin:25px 0 0 0; padding:0; line-height: 1.8;}

#footer {font-size:0.9em;}
#footerComment {padding:10px; line-height:1.4; color:#999999;}
#footerLink {background:#189E21; padding:10px; margin-top:10px; line-height:1; color:#FFFFFF;}
#footerLink a:link,
#footerLink a:visited {color:#FFFFFF; text-decoration:none;}
#footerLink a:hover {color:#FFFFFF; text-decoration:underline;}
#pLogo {padding:10px;}
#copyright {font-family: Verdana, Geneva, sans-serif; text-align: right;}

#breadCrumb {margin:30px 25px 15px 25px; font-size:0.9em; line-height:1;}

#leftNavi {float:left; width:200px; background:url(../images/navi_bg.gif) no-repeat left top; padding:10px 0 0 0;}
#main {float:right; width:590px; padding:10px 0 0 0; text-align:left;}
#main p {padding:0 10px;}
.pagetop {
	float:right;
}
.pagetop a {background:url(../images/btn_pagetop.gif) no-repeat; width:101px; height:9px; display:block;}
.pagetop span {display:none;}


.txtBox {padding:10px;}
.txtBox02 {padding:10px 20px;}
.floatLeft {float:left;}
.floatRight {float:right;}
.rightImg {float:right; margin:0 0 0 20px;}
.leftImg {float:left; margin:0 10px 0 0;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.smallTxt {font-size:0.9em; font-weight:normal;}
.bigTxt {font-size:1.1em; font-weight:bold;}
.colorTxt {color:#189E21;}
.txtPink {color:#E73D91;}
.morebigTxt {font-size:1.4em; font-weight:bold;}
.dispBlock {display:block;}

.marginT5 {margin-top:5px;}
.marginT10 {margin-top:10px;}
.marginT20 {margin-top:20px;}
.marginT30 {margin-top:30px;}
.marginL10 {margin-left:10px;}
.marginL20 {margin-left:20px;}
.marginL30 {margin-left:30px;}
.marginR10 {margin-right:10px;}
.marginR20 {margin-right:20px;}
.marginB0 {margin-bottom:0px;}
.marginB10 {margin-bottom:10px;}
.marginB20 {margin-bottom:20px;}

a.arrow {background:url(../images/arrow01.gif) no-repeat left 3px; padding-left:10px;}


/* for topPage */
#mainVImg {padding:10px 10px 10px 10px;}
#topLeftCol {float:left; width:600px;}
#topRightCol {float:right; width:190px; text-align:left; padding:0 0 50px 0; margin:3px 0 0 0;}

#topNews ul {margin:0 0 0 10px; width:570px;}
#topNews ul li {
	background:url(../images/dotline.gif) no-repeat left bottom;
}
#topNews ul li .date {float:left; width:70px; padding:6px 0 6px 10px;}
#topNews ul li .news {
	float:left;
	display:block;
	padding:6px 10px 6px 0;
	word-break:break-all;
	width:450px;
	line-height:1.4;
	min-height:12px;
}
div#topNews ul li span.juyo{
	float:left;
	display:block;
	width:30px;
	padding:6px 0;
	font-weight:bold;
	color:#f00;
}
div#topNews ul li a span.news{
	text-decoration:none;
}
div#topNews ul li a:hover span.news{
	text-decoration:underline;
	cursor:pointer;
}


.topRow2Box {margin:0 0 10px 0; padding:0 10px 10px 10px; background:url(../images/topRow2Box02.gif) no-repeat left bottom}
.topRow2Box .floatLeft {width:490px;}
.topRow3 {float:left; width:280px;}
.topSubBox {border:3px solid #189E21; padding:7px 7px 0px 7px;}
.topSubBox .floatLeft {width:190px;}

/*トップページtoListを絶対位置指定で配置*/
#topNews {position:relative;} 
.marginT20 {position:relative;}
.toList {position:absolute;top:11px;left:560px;}
.toList2 {position:absolute;top:11px;left:540px;}

/*--------------ここまで----------------*/

#pickupBox{margin:20px 0 0 0;}
#pickupBox dl {padding:0 0 10px 0; margin:0; background:url(../../images/pickup_bg.gif) no-repeat left bottom; width:185px;}
#pickupBox dl.hilight {padding:0 0 10px 0; margin:0; background:url(../../images/pickup_bg.gif) no-repeat left bottom; width:185px;}
#pickupBox dl dt,
#pickupBox dl dd {line-height:1.4;}
#pickupBox dt img {margin-top:2px;}
#pickupBox dl dt{
	width: 50px;
	float: left;
	padding: 10px 0px 0 12px;
	background:url(../../images/pickup_listbg.gif) no-repeat left top;
 }
#pickupBox dl dd {
	width:111px;
	float: left;
	margin:0;
	padding: 10px 12px 0 0px;
	background:url(../../images/pickup_listbg.gif) no-repeat right top;
}
#pickupBox dl dt.hilight{
	width: 50px;
	float: left;
	padding: 10px 0px 0 12px;
	background:url(../../images/pickup_listbg_hl.gif) no-repeat left top;
 }
#pickupBox dl dd.hilight {
	width:111px;
	float: left;
	margin:0;
	padding: 10px 12px 0 0px;
	background:url(../../images/pickup_listbg_hl.gif) no-repeat right top;
}

#bnrBox {margin:20px 0 0 0;}
#bnrBox li {margin:0 0 10px 0;}

ul#navigation {margin:0 0 50px 0;}
ul#navigation li {padding:6px 0; margin-right:10px; background:#FFFFFF url(../images/navi_link_bg.gif) no-repeat left bottom; padding-left:30px;}
ul#navigation li.active {background:#189E21 url(../images/icon_arrow_active.gif) no-repeat 10px 8px; color:#FFFFFF;}
ul#navigation li.active a {color:#FFFFFF; text-decoration:none;}
ul#navigation li.subActive {background:url(../images/navi_link_bg_active.gif) no-repeat left bottom;}
ul#navigation li.subActive a {text-decoration:none;}


/* for insidePage */
.summaryBoxHdr {background:url(../images/summarybox01.gif) no-repeat left top; padding:10px 10px 0px 10px; margin-right:10px; height:22px;}
.summaryBoxHdr h4 {padding:0 0 4px 0; margin:0; border-bottom:1px solid #333333;}
.summaryBox {background:url(../images/summarybox02.gif) no-repeat left bottom; padding:10px;  margin-right:10px; width:560px;}
.summaryBox .rightImg {width:170px;}
.summaryBox .floatLeft {width:370px;}


/* for entry Page */
table.guidelineBox {border:3px solid #CCCCCC; border-collapse:collapse; margin:20px 0;}
table.guidelineBox th, table.guidelineBox td {border:1px solid #CCCCCC;}
table.guidelineBox th {background:#EFEFEF;}
dl.guidelineBox {border:4px solid #CCCCCC; margin:20px 0; width:572px;}
dl.guidelineBox dt,
dl.guidelineBox dd {float:left; line-height:1.4; padding:5px; margin:0; border-top:1px solid #CCCCCC;}
dl.guidelineBox dt{
	width:100px;
 }
dl.guidelineBox dd {
	width:450px;
	border-left:1px solid #CCCCCC;
}
dl.guidelineBox dt.first,
dl.guidelineBox dd.first {border-top:none;}
.entryBox {border:1px solid #CCCCCC; padding:10px; margin:0 10px 30px 0;}
.entryBox h4.bgColor {background:#CCCCCC; padding:5px 10px; margin:0 0 10px 0;}


/* for partner Page */
table.meritBox {border-top:2px solid #BE5758; border-bottom:2px solid #BE5758; margin-bottom:20px;}
table.meritBox td {color:#A90100; padding:5px 0;}
.col1of2 {float:left; width:356px; margin-right:20px;}
.borderRedBox {border:1px solid #C9333C; padding:10px;}
.voiceTxt {background:url(../../partner/images/thumb03.gif) no-repeat; padding-left:52px;}
.txtRed {color:#C9333C;}
#contactBox {margin:50px 0 0 0; width:743px; height:167px; position:relative; background:url(../../partner/images/contact_bg.gif) no-repeat; zoom:1;}
#contactCol01 {position:absolute; top:8px; left:99px;}
#contactCol02 {position:absolute; top:33px; left:127px;}
#contactCol03 {position:absolute; top:50px; left:122px;}
#contactCol04 {position:absolute; top:33px; left:384px;}
#contactCol05 {position:absolute; top:125px; left:121px;}
#contactCol06 {position:absolute; top:125px; left:300px;}
#contactCol07 {position:absolute; top:125px; left:475px;}
#contactCol08 {position:absolute; top:147px; left:121px;}
#contactCol09 {position:absolute; top:147px; left:300px;}


#calendarLeftNavi {margin:0 10px 30px 10px;}
#calendarLeftNavi p {border-bottom:1px solid #666666; font-weight:bold; font-size:1.1em; margin:0 0 10px 0; padding:0 5px 2px 5px;}
#calendarLeftNavi ul li a {border-left:4px solid #E10D75; border-bottom:1px solid #DDDDDD; margin-bottom:2px; padding:4px; display:block; text-decoration:none; zoom:1;}
#calendarLeftNavi ul li a:hover {text-decoration:underline;}

#calendarPage #main {float:none; width:780px; padding:10px; text-align:left;}
#calendarPage #main h3.bgHdr {background:url(../images/h2full.gif) no-repeat left top;}
table#calendarBox {border:4px solid #CCCCCC; border-collapse:collapse;}
table#calendarBox th, table#calendarBox td {border:1px solid #CCCCCC;}
table#calendarBox th {background:#EFEFEF;}
ul#calendarBottomLink li {float:left;}
ul#calendarBottomLink li a {display:block; padding:5px 0; width:100px; vertical-align:middle; text-align:center; color:#FFFFFF; background:#E73D91; border:3px solid #E10D75; margin:0 20px 10px 0; text-decoration:none; font-weight:bold; font-size:1.1em; line-height:1.2;}
ul#calendarBottomLink li a:hover {text-decoration:underline;}
ul#calendarBottomLink li.recnavi a {width:225px;}
ul#calendarBottomLink li.noLink {display:block; padding:5px 0; width:100px; vertical-align:middle; text-align:center; color:#FFFFFF; background:#E73D91; border:3px solid #E10D75; margin:0 20px 10px 0; text-decoration:none; font-weight:bold; font-size:1.1em; line-height:1.2;}
dl#calendarBottomNote {border:1px solid #CCCCCC; margin:20px 0; padding:5px; width:758px;}
dl#calendarBottomNote dt,
dl#calendarBottomNote dd {float:left; line-height:1.4; padding:2px 5px; margin:0;}
dl#calendarBottomNote dt{width:80px;}
dl#calendarBottomNote dd{width:600px;}

#topicsPage #topNews ul {border-top:2px solid #CCCCCC; border-bottom:2px solid #CCCCCC; background:url(../images/dotline.gif) no-repeat left 3px; padding-top:5px;}
#topicsInsidePage #main {padding:5px 0 0 0;}
#topicsInsidePage #main .floatLeft {float:left; width:370px;}
#topicsInsidePage #main .floatRight {float:right; width:370px;}
#topicsInsidePage #main .rightImg {float:right; margin:0 20px 0 20px; width:160px;}
#topicsInsidePage #main .leftImg {float:left; margin:0 20px 0 0; width:160px;}
#topicsInsidePage #main table {border:1px solid #CCCCCC; border-collapse:collapse; margin:10px;}
#topicsInsidePage #main table th, #topicsInsidePage #main table td {border:1px solid #CCCCCC;}
#topicsInsidePage #main p {padding:0; margin-right:10px;}

#voiceInside .floatLeft {float:left; width:370px;}
#voiceInside .rightImg {float:right; margin:0 0 0 20px; width:200px; text-align:left; font-size:0.9em;}
#voiceInside .rightImg .profile {border:2px solid #CCCCCC; padding:10px 8px;}
#voiceInside .txtBox p {padding:0;}
#voiceInside h4 {background:url(../images/icon_circle.gif) no-repeat 5px 2px; padding:0 5px 5px 20px; margin:0 0 10px 0; border-bottom:1px dotted #999999;}
.otherLinkBox {padding:0; margin:50px 0 0 0; border:1px solid #CCCCCC;}
.otherLinkBox h5 {background:#CCCCCC; padding:5px 10px;}
.otherLinkBox ul {margin:10px 10px 10px 15px;}
#voiceInside .otherLinkBox ul li a {background:url(../images/arrow01.gif) no-repeat left 4px; padding-left:10px;}

.commentBox {padding:0; margin:20px 0 0 0; border:1px solid #eb599b}
.commentBox h5 {color:#ffffff;background:#eb599b; padding:5px 10px;}
.commentBox div {width:70px; padding:8px;float:left;}
.commentBox p {width:260px;float:left;}


table#boardBox {margin:0 5px;}
table#boardBox {border-bottom:2px solid #BEBEBE;}
table#boardBox th {border-top:2px solid #BEBEBE; border-bottom:1px solid #CCCCCC; font-size:1.1em;}
/* table#boardBox td.comment {border-bottom:1px solid #CCCCCC; color:#189E21; font-size:1.1em;} */
table#boardBox td strong {font-size:1.1em;}
table#boardBox td.comment {border-bottom:1px solid #CCCCCC; color:#189E21; font-size:117%; font-weight:bold;}

ul.inlineLink li {display:inline;}


/* for sitemap Page */
#sitemapPage #main table td {padding-bottom:50px;}
#sitemapPage #main table th {background:url(../images/arrow02.gif) no-repeat 2px 5px; padding-left:18px; border-bottom:1px solid #DDDDDD; line-height:1.1;}
#sitemapPage #main table th a:link, #sitemapPage #main table th a:visited {color: #189E21; text-decoration:none;}
#sitemapPage #main table th a:hover {color: #000000;}
#sitemapPage #main table td li {background:url(../images/arrow03.gif) no-repeat 15px 2px; padding-left:26px; line-height:1.1; margin-bottom:5px;}


@media print{
body, html {_zoom:68%;}
}

 /* フレッシュキャリア事務局・犬飼 130730 14年卒開始時に追加 */
 h3.separater{
 margin:0;
 padding:0;
 }
 
@media screen and (max-width: 480px) {
#container {width:100%;}
#content {width:100%; border:none;}
#hdrContainer {height:70px; }
#hdrCol1 {top:20px;}
#gNavi {width:100%; top:40px;}
#gNavi ul li span a {height:38px;}
#gNavi ul li#navi01 span a:link, 
#gNavi ul li#navi01 span a:visited {width:150px; background-size:contain;}
#gNavi ul li#navi01 span a:hover {width:150px; background-size:contain;}
#gNavi ul li#navi05 span a:link, 
#gNavi ul li#navi05 span a:visited {width:150px; background-size:contain;}
#gNavi ul li#navi05 span a:hover {width:150px; background-size:contain;}
#mainVImg img,
.mainVImg img {width:100%; height:auto;}
#pLogo,
#copyright { text-align: center;}
#breadCrumb {display: none;}
.leftImg {float: none;}

}