@charset "UTF-8";

/******************************************************
*	
*	1. layout property
*	2. layout Base
*	3. layout-one-column
*	4. layout-two-column-right
*	5. layout-two-column-left
*	6. layout-three-column
*	
******************************************************/


/*  1. layout property */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

#gunghoHead {
    height: 30px;
    background: #FFF;
    border-bottom:2px solid #aaa;
}

#gunghoHead #ragnarok {
    float: left;
    padding: 4px 0 0 10px;
}

#gunghoHead #gungho {
    float: right;
    padding: 3px 13px 0 0;
}




/*  2. layout Base */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
body { text-align: center; } /* center on ie */
#whole {text-align: center; } /* center on ie */

#container {
	position: relative;
	margin: 0 auto; /* center on everything else */
	text-align: left;
	width: 960px;
}
body { text-align: center; } /* center on ie */
#whole {text-align: center; } /* center on ie */
#gunghoHead{
	width:100%;
}
#functionBox{
	float:right;
}
#functionBox-txtLink ul li{
	display:inline;
}
#container {
    position: relative;
    margin: 0 auto; /* center on everything else */
    text-align: left;
}
#bodySec{
	width:960px;
	background:#fff;
	display:block;
}
#gNaviSec{
	display:block;
	padding:194px 0 0 0;
}
#gNaviSec #gNaviSec-bg{
	background: url(../images/gnavi-bg.gif) repeat-x;
}
#gNaviSec #gNaviSec-inner{
	/*margin:10px 0;*/
	text-align:center;
	background:url(../images/gnavi-bg.png) center no-repeat;
	/*padding:0 0 0 179px;*/
}
#gNaviSec ul.gNavi li{
	float:left;
	text-indent:-9999px;
}
#gnav01 a{
	background:url(../images/gnavi.png) no-repeat -339px 0;
	display:block;
	width:183px;
	height:60px;
}
#gnav01 a:hover{
	background:url(../images/gnavi.png) no-repeat -339px -60px;
	display:block;
	width:183px;
	height:60px;
}

#gnav02 a{
	background:url(../images/gnavi.png) no-repeat -522px 0;
	display:block;
	width:183px;
	height:60px;
}
#gnav02 a:hover{
	background:url(../images/gnavi.png) no-repeat -522px -60px;
	display:block;
	width:183px;
	height:60px;
}
#gnav03 a{
	background:url(../images/gnavi.png) no-repeat -706px 0;
	display:block;
	width:183px;
	height:60px;
}
#gnav03 a:hover{
	background:url(../images/gnavi.png) no-repeat -706px -60px;
	display:block;
	width:183px;
	height:60px;
}
#gnav04 a{
	background:url(../images/gnavi.png) no-repeat -890px 0;
	display:block;
	width:183px;
	height:60px;
}
#gnav04 a:hover{
	background:url(../images/gnavi.png) no-repeat -890px -60px;
	display:block;
	width:183px;
	height:60px;
}
#gnav05 a{
	background:url(../images/gnavi.png) no-repeat -1073px 0px;
	display:block;
	width:189px;
	height:60px;
}
#gnav05 a:hover{
	background:url(../images/gnavi.png) no-repeat -1073px -60px;
	display:block;
	width:189px;
	height:60px;
}
#gnav06 a{
	background:url(../images/gnavi.png) no-repeat -663px 0;
	display:block;
	width:122px;
	height:80px;
}
#gnav06 a:hover{
	background:url(../images/gnavi.png) no-repeat -663px -80px;
	display:block;
	width:122px;
	height:80px;
}
#gnav07{
	background:url(../images/gnavi.png) no-repeat -785px -160px;
	display:block;
	width:122px;
	height:80px;
}
#gnav07 a{
	background:url(../images/gnavi.png) no-repeat -785px 0;
	display:block;
	width:122px;
	height:80px;
}
#gnav07 a:hover{
	background:url(../images/gnavi.png) no-repeat -785px 80px;
	display:block;
	width:122px;
	height:80px;
}
#contents #alpha{
	width:620px;
	margin:0 0 0 20px;
	float:left;
}

#contents #beta{
	width:280px;
	background:#fff8d6;
	float:right;
	margin:0 20px 0 0;
}

#contents #wide{
	width:920px;
	margin:0 20px;
}

#prSec{
	width: 960px;
	clear:both;
	border-bottom: 5px #000 solid;
	padding: 0 0 30px 0;

}
.leftBlock{
	width:720px;
	float:left;

}
.rightBlock{
	width:240px;
	float:left;
	
}
.section{
	margin:0 0 1em 0;
}
#breadCrumb {
    width: 960px;
    padding: 10px 0 18px;
	background:#fff;
	clear:both;
}

#breadCrumb #breadCrumb-inner {
    margin-left: 18px;
}

#breadCrumb #breadCrumb-inner div {
    font-size: 93%;
}

#breadCrumb #breadCrumb-inner div a {
    text-decoration: underline;
}

#breadCrumb #breadCrumb-inner div a:hover {
    text-decoration: none;
}
#footSec{
	background:url(../images/footersec-bg.gif);
}


/*  8. contents-block */
/*----------------------------------------------------------------------------------------------------------------------------------------*/
.column{
	float:left;
	position: relative;
	padding:0 5px 5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

.block1of1 {float:none;}
.block1of2 {width:50%;}
.block1of3 {width:33.333333%;}
.block2of3 {width:66.666666%;}
.block1of4 {width:25%;}
.block3of4 {width:75%;}
.block1of5 {width:20%;}
.block2of5 {width:40%;}
.block3of5 {width:60%;}
.block4of5 {width:80%;}
.block1of6 {width:16.666667%;}
.block5of6 {width:83.333333%;}
.block1of7 {width:14.285714%;}
.block-long {width:61.803398%;}
.block-short {width:38.196602%;}


/*追記分
------------------------------------------------------*/
#gungho{
	border-bottom:5px solid #ccc;
}
#gungho .inner #roInfo{
	top:6px;
	right: 0px;
}

#gNaviSec{
	background:#4d6ea6 url(../images/lower-header-bg.png) no-repeat top center;
	overflow: hidden;
}
#gNaviSec #gNaviSec-inner .gNavi{
	position: relative;
	left: 50%;
	margin-left: -460px;
}

#fnav{
	background: #fff;
	padding: 20px 0;
}

#fnav ul{
	text-align: center;
}

#fnav ul li{
	font-size: 12px;
	display: inline-block;
	padding:0 6px 0 0; 
}
#fnav ul li a{
	color: #000;
	text-decoration: none;
}
#fnav .rbor{
	border-right: 1px #808080 solid;
}

#gNaviSec .bg_header{
	position: relative;
	width: 960px;
	margin: 0 auto;
}
#gNaviSec .bg_header .sns_header{
	position: absolute;
	top: -184px;
	left: 20px;
	height: 20px;
}
#gNaviSec .bg_header .sns_header .twitter{
	float: left;
	width: 105px;
}
#gNaviSec .bg_header .sns_header .mixi{
	float: left;
	width: 85px;
}
#gNaviSec .bg_header .sns_header .fb{
	float: left;
	overflow: hidden;
	width: 120px;
}
#gNaviSec .bg_header .link_index{
	position: absolute;
	top: -154px;
	left: 14px;
}
