@charset "utf-8";

/*============================================
 layout.css
============================================*/


/*------------------------------------------------
大枠のレイアウト
----------------------------------------------- */
#container {
margin:0 auto;
width:960px;
}


/*------------------------------------------------
header
----------------------------------------------- */
#header{
width:960px;
float:left;
margin-bottom:39px;
}
#headerL{
float:left;
width:284px;
}
#headerR{
float:right;
width:676px;
}
#sitelogo{
margin:24px 0 0 4px;
}
#headerL #headerLsitelead {
position: relative;
height: 24px;
}
#sitelead{
margin: 10px 0 0 4px;
font-size: 10px;
color: #666666;
height: 14px;
}
#headerL #headerLsitelead #sitelead{
width: 660px;
margin: 0px;
position: absolute;
top: 10px;
left: 4px;
}
#headerL #headerLsitelead .headerSeasonalKeyword {
	position: absolute;
	top: 93px;
	left: 284px;
	width: 673px;
}
#headerL #headerLsitelead .headerSeasonalKeyword img {
	margin: 0px 10px 0px 0px;
}
.weightNormal {
font-weight:normal;
}
#wellcomeArea{
background:url(/cmn_img/bg_mypage.gif) top left;
width:260px;
height:27px;
color:#FFFFFF;
font-weight:bold;
font-size:8pt;
float:right;
}
#wellcomeAreaLong{
background:url(/cmn_img/bg_mypage_long.gif) top left;
width:280px;
height:27px;
color:#FFFFFF;
font-weight:bold;
font-size:8pt;
float:right;
}
#wellcomeArea a,
#wellcomeAreaLong a{
color:#FFFFFF;
}
#wellcomeArea .guestName,
#wellcomeAreaLong .guestName{
float:left;
padding:3px 0 0 15px;/*org left20px 20100825*/
}
#wellcomeArea .btnMypage,
#wellcomeAreaLong .btnMypage{
float:right;
padding:7px 15px 0 0;
}
#wellcomeAreaGuest{
background:url(/cmn_img/bg_mypage_guest.gif) top left no-repeat;
width:136px;
height:27px;
color:#FFFFFF;
font-weight:bold;
font-size:8pt;
float:right;
}
#wellcomeAreaGuest a{
color:#FFFFFF;
}
#wellcomeAreaGuest .guestName{
float:left;
padding:3px 0 0 0px;
width:136px;
text-align: center;
}
.link3 .btnMypage{
float:right;
padding:0 0 0 40px;
top: -20px;
position: relative;
width: 200px;
height: 42px;
font-size: 11px;
text-align: right;
line-height: 1;
}
.link3 .btnMypage img {
padding-bottom: 3px;
}

#header .link2{
clear:right;
float:right;
line-height:0;
}
#header .link2 ul{
margin-right:5px;
}
#header .link2 li{
float:left;
margin-left:14px;
}
#header .link3{
clear:right;
float:right;
line-height:0;
}
#header .link3 ul{
margin-top:3px;
margin-right:5px;
height: 38px;
width: 226px;
}
#header .link3 li{
float:left;
margin-left:13px;
}
#header .link3 li.start{
	margin-left: 0px;
}
#header .link3_noFreesearch{
clear:right;
float:right;
margin-top:26px;
margin-bottom: 11px;
*margin-bottom: 7px;
line-height:0;
}
#header .link3_noFreesearch ul{
margin-top:3px;
margin-right:5px;
}
#header .link3_noFreesearch li{
float:left;
margin-left:13px;
}






#headSearchArea{
clear:right;
padding-top:31px;
}
* html #headSearchArea{padding-top:26px;}
*:first-child+html #headSearchArea{padding-top:26px;}
head~/* */body #headSearchArea {padding-top:26px;}
html:not(:target) #headSearchArea {padding-top:31px;}

#headSearchArea ul{
}
#headSearchArea li{
float:left;
margin-right:1px;
}
#headSearchArea li input{
width:130px;
height:15px;
margin:0 3px 0 3px;
}

#header2{
width:960px;
float:left;
padding-bottom:20px;
margin-bottom:19px;
background:url(/cmn_img/bg_head2.gif) bottom left no-repeat;
}
/*------------------------------------------------
contents
----------------------------------------------- */
#contents{
width:960px;
}
#contentsL{
width:232px;
float:left;
margin-right:4px;
}
#contentsR{
width:724px;
float:right;
}
#contentsL2{
width: 720px;
margin: 0 auto;
text-align: left;
}
#contentsR em{
font-style: normal;
}

/*------------------------------------------------
seoTxt
----------------------------------------------- */
.seoTxt{
clear:both;
width:954px;
color:#999999;
font-size:8pt;
padding:15px 0 10px 6px;
}
.seoTxt_y{
clear:both;
width:954px;
color:#999999;
font-size:8pt;
padding:0px 0 10px 6px;
}

/*------------------------------------------------
footer
----------------------------------------------- */
#footer{
clear:both;
width:960px;
padding-top:20px;
height:25px;
background:url(/cmn_img/lin_foot.gif) top left no-repeat;
}
#footer ul{
margin-left:12px;
}
#footer li{
float:left;
margin-right:15px;
}
.copyright{
}

/*------------------------------------------------
globalNavigation
----------------------------------------------- */
#globalNavigation {
	width: 960px;
	margin-top:10px;
}
#globalNavigation dl {
	width: 960px;
}
#globalNavigation dl dd {
	float: left;
	position: relative;
	z-index: 1;
}
#globalNavigation dl dd a.globalNavigationButton {
	display: block;
	height: 33px;
}
#globalNavigation dl dd .globalNavigationLinkList {
	position: absolute;
	display: none;
	width: 189px;
	border-left: 1px solid #f5ad34;
	border-right: 1px solid #f5ad34;
	border-bottom: 1px solid #f5ad34;
	background-color: #fff;
	top: 33px;
	left: 1px;
}
#globalNavigation dl dd:hover .globalNavigationLinkList {
	display: block;
}
#globalNavigation dl dd .globalNavigationLinkList ul {
	padding-bottom: 10px;
}
#globalNavigation dl dd .globalNavigationLinkList ul li {
	width: 149px;
	padding: 10px 0px 0px 20px;
}
#globalNavigation dl dd .globalNavigationLinkList .globalNavigationLink {
}
#globalNavigation dl dd a.globalNavigationTopButton {
	width: 189px;
	background:url(/img/top/new/gnavi_top.gif) left top no-repeat;
}
#globalNavigation dl dd:hover a.globalNavigationTopButton {
	background:url(/img/top/new/gnavi_top.gif) left -33px no-repeat;
}
#globalNavigation dl dd a.globalNavigationAboutButton {
	width: 193px;
	background:url(/img/top/new/gnavi_about.gif) left top no-repeat;
}
#globalNavigation dl dd:hover a.globalNavigationAboutButton {
	background:url(/img/top/new/gnavi_about.gif) left -33px no-repeat;
}
#globalNavigation dl dd a.globalNavigationPostButton {
	width: 192px;
	background:url(/img/top/new/gnavi_contribute.gif) left top no-repeat;
}
#globalNavigation dl dd:hover a.globalNavigationPostButton {
	background:url(/img/top/new/gnavi_contribute.gif) left -33px no-repeat;
}
#globalNavigation dl dd a.globalNavigationSearchButton {
	width: 193px;
	background:url(/img/top/new/gnavi_search.gif) left top no-repeat;
}
#globalNavigation dl dd:hover a.globalNavigationSearchButton {
	background:url(/img/top/new/gnavi_search.gif) left -33px no-repeat;
}
#globalNavigation dl dd a.globalNavigationRankingButton {
	width: 192px;
	background:url(/img/top/new/gnavi_ranking.gif) left top no-repeat;
}
#globalNavigation dl dd:hover a.globalNavigationRankingButton {
	background:url(/img/top/new/gnavi_ranking.gif) left -33px no-repeat;
}