﻿@charset "UTF-8";

/*:::::::::::::::::::::::::::::::::
 * Style Name: Content.css
 * Create Date: 2012.10.09
 * Copyright : 2012 BRANBERY HEAG!! 
 * License : MIT License.
:::::::::::::::::::::::::::::::::*/


/*header
--------------------------------------*/
#headerWrapper {
z-index: 1000;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 130px;
background: #fff;
}

#header {
position: relative;
margin: 0 auto;
width: 1228px;
background: #fff;
text-align: left;
}

#header .wgt-logo {
position: absolute;
top: 8px;
left: 10px;
}

#header .wgt-logo a {
display: block;
width: 111px;
height: 111px;
background: url("../../images/common/logo.gif") 0 0 no-repeat;
text-indent: -9999px;
}

#header .wgt-langLink {
position: absolute;
top: 17px;
left: 1000px;
}

#header .wgt-langLink ul {}
#header .wgt-langLink ul li {
float: left;
padding: 2px 5px;
color: #dadada;
font-size: 1.2em;
}

#header .wgt-langLink ul li a {}
#header .wgt-langLink ul li.firstChild {
background: url("../../images/common/bg_lang_nav.gif") 100% 50% no-repeat;
}

#header .wgt-socialLink {
position: absolute;
top: 11px;
left: 1143px;
}

#header .wgt-socialLink ul {
margin-left: -5px;
}

#header .wgt-socialLink ul li {
float: left;
margin-left: 5px;
}

#header .wgt-socialLink ul li a {
display: block;
width: 31px;
height: 31px;
text-indent: -9999px;
}

#header .wgt-socialLink ul li.wgt-btnFb a {
background: url("../../images/common/btn_sns.gif") 0 -3px no-repeat;
}

#header .wgt-socialLink ul li.wgt-btnTw a {
background: url("../../images/common/btn_sns.gif") -33px -3px no-repeat;
}

#header .wgt-socialLink ul li.wgt-btnFb a:hover {
background-position: 0 -39px;
}

#header .wgt-socialLink ul li.wgt-btnTw a:hover {
background-position: -33px -39px;

}


#header .wgt-gNav {
position: absolute;
top: 92px;
left: 472px;
left: 256px;
background: url("../../images/common/bg_gnav.gif") 0 10px no-repeat;
}

#header .wgt-gNav p {
position: absolute;
top: 0;
right: -108px;
}

#header .wgt-gNav p a {
display: block;
width: 108px;
height: 27px;
padding: 11px 0 0 0;
background: url("../../images/common/bg_gnav.gif") 100% 10px no-repeat;
white-space: nowrap;
text-align: center;
}

#header .wgt-gNav p a:hover,
#header .wgt-gNav p.current a {
background: #002207;
color: #fff;
text-decoration: none;
}

#header .wgt-gNav p.contact {
right: -108px;
}
#header .wgt-gNav p.blog {
position: absolute;
top: 0;
right: -216px;
right: -222px;
background: url("../../images/common/bg_gnav.gif") left 10px no-repeat;
}
#header .wgt-gNav p.fun-contents {
position: absolute;
top: 0;
right: -324px;
right: -330px;
background: url("../../images/common/bg_gnav.gif") right 10px no-repeat;
width: 114px;
}

#header .wgt-gNav ul {
}

#header .wgt-gNav ul li {
float: left;
margin: 0 0 0 -3px;
font-size: 1.2em;
}

#header .wgt-gNav ul li a {
display: block;
width: 108px;
height: 27px;
padding: 11px 0 0 0;
background: url("../../images/common/bg_gnav.gif") 100% 10px no-repeat;
white-space: nowrap;
text-align: center;
}

#header .wgt-gNav ul li a:hover,
#header .wgt-gNav ul li.current a {
background: #002207;
color: #fff;
text-decoration: none;
}