@charset "utf-8";
/* CSS Document */

/* Reset
----------------------------------------------------*/
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,th,td {font-size: 100%;line-height: 1.6;}
caption,th {text-align: left;font-weight: normal;}
object,embed {vertical-align: top;}
hr,legend {display: none;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
img,abbr,acronym,fieldset {border: 0;}
ul,li {list-style-type: none;}
img,a img{border:none;background:transparent;vertical-align:bottom;}

/* font
----------------------------------------------------*/
body {
	/*font: 62.5% Meiryo, arial, clean, verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;*/
	font: 62.5% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, "MS PGothic", sans-serif;
        color: #333;
	width:100%; 
	
}
html>/**/body { font-size: 10px; } /* Except IE */
* html body { /* IE6用フォント指定 */
	font: 62.5% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, "MS PGothic", sans-serif;
	/*font: 62.5% "ＭＳ Ｐゴシック", Meiryo, arial, clean, verdana, Osaka, sans-serif;*/
}

/*--- default */
body {
	text-align: center;
}

/* Link
----------------------------------------------------*/
a {
	color: #00F;
}
a:hover {
	text-decoration: none;
}




/* その他
---------------------------------------- */
/*画像透過*/
a.imgHover:hover img{
	opacity:0.75;
	filter: alpha(opacity=75);
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

/* wrapper
----------------------------------------------------*/
#wrapper {
	width: 1000px;
	width:1300px;
	width:100%;
	margin: 0 auto;
} 


/* header
----------------------------------------------------*/
#header {

    /*margin-top: 20px;*/
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    min-height: 110px;
    text-align: left;
}


/*  ========================= general */
#header .headTxt,
#header #logo,
#header .guideNav,
#header .globalNav,
#header #headInfo {
/*position: absolute;*/
}

/*  ========================= header */
#header h1.headTxt {
	top: 0;
	left: 0;
	color: #333;
}
#header .headerleft {
    /* padding-left: 5%; */
    height: 100px;
    /*width: 241px;*/
    /* width: 25%; */
    /* background-color: #fff; */
    float: left;
	}

/*#header #headerleft img {
	margin-left: 147px;
    margin-top: -26px;}
*/		
#header .headerright {
    height: 100px;
    width: 750px;
    /* width: 75%; 
    background-color: #fff;*/
    float: right;
}

#header #logo {
	margin-top: 15px;
	/*top: 30px;
	left: 0;
	width: 200px;
	height: 40px;*/
}

#header .guideNav {
	top: 10px;
	right: 0;
	left: 483px;
	float:right; /*412px*/
    /*width: 750px;
    width: 100%;*/
}

#header .guideNav li {
	display: inline;
	padding-left: 0;
}


#header .globalNav {

    margin-top: 20px;
    float: right;
 
    }
#header .globalNav li {
	float: left;
	padding-left:10px;
	border-left:1px solid #999; 
	padding-right:10px;
	font-size:14px;
}
#header .globalNav li:first-child {
	float: left;
	padding-left:10px;
	border-left:0px solid #999; 
	padding-right:10px;
	font-size:14px;
}
#header .globalNav li:last-child {
	
	padding-right:0px;
	border-left:1px solid #999; 
	font-size:14px;
}
#header .globalNav li a {
	text-decoration: none;
	color:#333;
}
#header .globalNav li a:hover {
	text-decoration: underline;
	color:#333;

}
#header #headInfo {
	top: 30px;
	right: 0;
}
