@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}


body,h1,h2,h3,h4,h5 {
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,"ＭＳ Ｐゴシック",Geneva,Arial,sans-serif;
font-size:13px;
font-size: small\9;
line-height: 1.6em;
}
.win body,.win h1,.win h2,.win h3,.win h4,.win h5 {
font-family : 'メイリオ',Meiryo,"ＭＳ Ｐゴシック",Geneva,Arial,sans-serif;
}
input, select, textarea{  
font-size:100%;  
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",'メイリオ',Meiryo,"ＭＳ Ｐゴシック",Geneva,Arial,sans-serif;
}
html.win input, html.win select, html.win textarea{  
font-family : 'メイリオ',Meiryo,"ＭＳ Ｐゴシック",Geneva,Arial,sans-serif;
} 

ul {list-style: none;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}


/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Remove Dotted Outline For Buttons in Firefox */
a{outline:none}
input[type="submit"]::-moz-focus-inner{border:0px;}


/* clerfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { /zoom: 1; }  

/* */

.tx9 {font-size:69%; line-height:1.2em;}
.tx10 {font-size:77%; line-height:1.2em;}
.tx11 {font-size:85%; line-height:1.4em;}
.tx12 { font-size:93%; }
.tx14 { font-size:107%; } 
.tx15 { font-size:116%; }
.tx16 { font-size:123.1%; }

.bldb {font-weight:bold;}
.red {color:#CC0000;}

.fl {float:left !important;}
.fr {float:right !important;}
.blk {display:block;}
.inl {display:inline;}
.inb {display:inline-block; /display: inline; /zoom: 1;}
.ofa {overflow:auto;}
.hide {display:none;}

.tl { text-align:left }
.tr { text-align:right }
.tc { text-align:center }

.ml2 {margin-left:2px !important;}
.ml4 {margin-left:4px !important;}
.ml6 {margin-left:6px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml12 {margin-left:12px !important;}
.ml16 {margin-left:16px !important;}
.ml20 {margin-left:20px !important;}

.mt0 {margin-top:0px !important;}
.mt2 {margin-top:2px !important;}
.mt4 {margin-top:4px !important;}
.mt6 {margin-top:6px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt16 {margin-top:16px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}

.mr2 {margin-right:2px !important;}
.mr4 {margin-right:4px !important;}
.mr6 {margin-right:6px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr12 {margin-right:12px !important;}
.mr16 {margin-right:16px !important;}
.mr20 {margin-right:20px !important;}

.mb0 {margin-bottom:0px !important;}
.mb2 {margin-bottom:2px !important;}
.mb4 {margin-bottom:4px !important;}
.mb6 {margin-bottom:6px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}
.mb12 {margin-bottom:12px !important;}
.mb16 {margin-bottom:16px !important;}
.mb20 {margin-bottom:20px !important;}

.pt2 {padding-top:2px !important;}
.pt4 {padding-top:4px !important;}
.pt6 {padding-top:6px !important;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt12 {padding-top:12px !important;}
.pt16 {padding-top:16px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}

.ind{
text-indent:-1em;
padding-left:1em;
}

.clear{
clear:both;
}

.preload img{
display:none;
visibility:hidden;
}

/* */

body{
background:#fff;
}

body, select, input, textarea {color: #333;}

img{
vertical-align:bottom;
}

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

a:hover{
text-decoration:underline;
}

#header{
background:url(../images/header_bg.png) center no-repeat #1B2444;
filter: alpha(opacity=85);
-moz-opacity:0.85;
opacity:0.85;
position:fixed;
top:0;
left:0;
width:100%;
z-index:50;
display:none;
}

#header{
height:65px;
/*display:none;
*/}

#header #logo{
position:absolute;
top:0;
left:0;
}

.header_inner,.box_inner{
width:980px;
margin:0 auto;
position:relative;
}

#top .box_inner{
width:100%;
}

.menu{
margin-top:78px;
text-align:center;
letter-spacing:-0.4em;
}

.menu ul{
margin-left:-75px;
letter-spacing:normal;
display:inline-block;
/display: inline;
/zoom: 1;
}

.menu ul li{
float:left;
margin-left:75px;
}

.menu ul li img{
display:block
}

#gnav{
float:right;
margin-top:25px;

}

#gnav ul{
/zoom:1;
}
#gnav ul:after{ content : ''; display : block; clear : both; height:0; }


#gnav ul li{
float:left;
position:relative;
}

/*#gnav ul li a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}
*/
#gnav ul li span img{
position:absolute;
top:0;
left:0;
visibility:hidden;
}

#gnav ul li.cr span img{
visibility:visible;
}

#gnav ul li.cr img{
visibility:hidden;
}

#gnav ul li img{
display:block;
vertical-align:top;
}


.mg{
/*position:absolute;
background:url(../images/top_mg.png) center top repeat-x;
top:0;
left:0;
*/
height:414px;
margin-top:34px;
width:100%;
margin-top:24px;
overflow:hidden;
margin-bottom:30px;
position:relative;
}

.mg ul{ /zoom : 1; }
.mg ul:after{ content : ''; display : block; clear : both; height:0; }


.w_set{
width:3000px;
}

.set{
float:left;
position:relative;
}


.mg ul.sco{
margin-top:10px;
}

.mg li{
margin-left:10px;
display:inline;
float:left;
position:relative;
}


.mg li span{
width:194px;
height:196px;
display:block;
position:absolute;
background:url(../images/p_at.png);
top:3px;
left:3px;
display:none;
}


.mg li.pl span{
background:url(../images/p_pl.png);
}

.mg li.ch span{
background:url(../images/p_ch.png);
}

.mg li.ag span{
background:url(../images/p_ag.png);
}

.mg li.me span{
background:url(../images/p_me.png);
}

.mg li.co span{
background:url(../images/p_co.png);
}


#top{
background:url(../images/top.jpg) center top no-repeat #cfd0d5;
padding-top:0px !important;
position:relative;
min-height:680px;
}

#top .hg{
padding-top:46px;
text-align:center;
line-height:1em;
}

#top .hg h2{
margin-top:17px;
}


#top .box_inner img{
}

#message .box_inner img{
}

#message {
background:url(../images/messe_bg.jpg) center bottom no-repeat;
}


#message .box_inner{
padding-bottom:260px;
}



.box{
/*padding-top:90px;
*//*padding-bottom:50px;
*/border-bottom:#CCCCCC 1px solid;
}

.sco_box .box_inner
{
padding:90px 0px;
}

/*message*/
#message .col .ttl,#message .col p{
display:inline-block;
float:right;
}

#message .col .ttl{
margin-left:33px;
}

/*interview*/
#interview .col .head,#interview .col p,#interview .subttl{
display:inline-block;
float:right;
}

#interview .col {
margin-top:20px;
position:relative;
}

#interview .col{ /zoom : 1; }
#interview .col:after{ content : ''; display : block; clear : both; height:0; }

#interview .col .pic{
position:absolute;
top:0;
left:0;
}

#interview .col .head{
margin-left:26px;
}

#interview .col .pic02{
top:60px;
}

#interview .subcol{
background:url(../images/intsub_bg.gif)
}

#interview .subcol .head{
padding:20px 0;
margin-right:27px;
}

#interview .subcol p{
padding:20px 0;
}

#interview .subcol .pic{
left:27px;
}


/*tech*/
#tech .tech_box_inner_in{
background:url(../images/tech_bg.jpg);
height:860px;
position:relative;
top:0;
left:0;
}

#tech .tech_box_inner_in .tech_bg{
position:absolute;
top:0;
left:0;
}


#tech .col .head,#tech .col p{
display:inline-block;
float:right;
zoom:1;
}

#tech .col .head{
margin-left:19px;
}

#tech .col{
position:absolute;
}

#tech .col01{
top:0;
right:53px;
}

#tech .col02{
top:15px;
left:15px;
width:320px;
}

#tech .col03{
top:407px;
right:0px;
}

#tech .col04{
bottom:0px;
right:339px;
}

#tech .col05{
top:336px;
left:0px;
width:313px;
}

#tech .ttl{
position:absolute;
top:246px;
left:325px;
}


/*now_history*/

#now_history .box_inner_in{
background:url(../images/now_bg.gif);
height:1057px;
position:relative;
zoom:1;
}

.now_ttl{
float:right;
margin-top:24px;
margin-right:46px;
}

.now_subttl{
position:absolute;
top:0;
left:0;
}

#now_history .col{
clear:both;
padding-top:40px;
margin-right:48px;
position:relative;
z-index:10;
zoom:1;
}

#now_history .col .head,#now_history .col p{
display:inline-block;
float:right;
}

#now_history .col p{
margin:0 27px;
}

#now_history .col p.pic{
margin:0;
}

#now_history .col p.pic01{
margin-right:-6px;
}

#now_history .col p.pic02{
margin-left:27px;
margin-right:-3px;
}

#now_history .col p.pic03{
margin-right:-27px;
}

.earth{
position:absolute;
left:0;
bottom:0;
width:343px;
height:341px;
background:url(../images/now_earth.jpg)
}


/*seminar*/

#seminar{ /zoom : 1; }
#seminar:after{ content : ''; display : block; clear : both; height:0; }


#seminar .left{
width:475px;
float:left;
}
 
#seminar .points{
margin-left:54px;
margin-top:27px;
}

#seminar .points ul{
margin-left:-15px;
/zoom : 1; 
}
#seminar .points ul:after{ content : ''; display : block; clear : both; height:0; }


#seminar .points li{
float:left;
margin-left:15px;
}

#seminar .left .head{
margin-top:30px;
}

.join{
margin-top:22px;
}

.join .head{
text-align:center;
}

.join dl{
float:left;
margin-top:15px;
width:50%;
/width:49%;
}

.join dd{
border-left:#333333 1px solid;
padding-left:8px;
padding-top:30px;
margin-left:6px;
height:593px;
}

#seminar .right{
float:right;
width:477px;
margin-top:-36px;
}


.map_set{
line-height:1.7em;
}

.map_set .place{
font-size:123.1%;
margin-top:2px;
}

.map_set .time{
font-size:107%;
}

.map_set .addr,.map_set .arr{
font-size:93%;
}

.arr{
padding-right:16px;
background:url(../images/arr.gif) no-repeat right 50%;
}


.map_set{
margin-top:36px;
}

.map_set small{
font-size:85%;
}

.map_set small a{
text-decoration:underline;
}

.maparea{
margin-top:10px;
}

.copy{
padding:10px;
border:#CCCCCC 3px solid;
margin-top:40px;
}

.box_inner{ /zoom : 1; }
.box_inner:after{ content : ''; display : block; clear : both; height:0; }