html {
    overflow-y:scroll;
}
body {
	text-align: center;
	background-color: #CCC;
}
#container {
        font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	color: #333;
	width: 980px;
	letter-spacing: 0.13em;
        line-height: 1.5;
	margin-left: auto;
	text-align: left;
	margin-right: auto;
	background-color: #000;
}


/* header
------------------------------------------------------------*/
#container #header {
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
        padding-left: 20px;
        padding-right: 20px;
}
#container #header h1 {
	font-weight: normal;
	color: #999;
	padding-top: 2px;
	font-size: 85%;
}
#container #header #headerLeft {
	width: 307px;
	float: left;
}
#container #header #headerRight {
	width: 633px;
	float: left;
}
#container #header #headerLeft h1 {
        padding-top: 5px;
		color: #999;
		font-size:75%;
}
#container #header #headerLeft h2 {
        padding-top: 10px;
        margin-bottom: 28px;	
}
#container #header #headerRight #sitemapArea {
	width: 130px;
	margin-bottom: 10px;
	margin-left: 500px;
}
#container #header #headerRight #sitemapArea p#sitemapIcon {
	    width: 20px;
        margin-right: 10px;
        float: left;
        padding-top: 2px;
}
#container #header #headerRight #sitemapArea p#sitemap {
        width: 100px;
        float: left;
}
#container #header #headerRight #sitemapArea p#sitemap a {
        text-decoration: none;
	color: #888;
}
#container #header #headerRight #sitemapArea p#sitemap a:hover {
	color: #6666CC;
	text-decoration: underline;
}
#container #header #headerRight #headerBannerArea p.headerBanner {
        display: inline;
        margin-left: 15px;
}


/* gNav
------------------------------------------------------------*/
#container ul#gNav {
	background-image: url(../images/gnav_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
        padding-left: 20px;
        padding-right: 20px;
		margin-bottom: 30px;
        border-bottom: solid;
        border-bottom-color: #D1D1D1;
        border-bottom-width: 2px;
}
ul#gNav,
ul#gNav ul {
    margin:0;
    padding:0;
    list-style-type:none;
    position:relative;
}
ul#gNav li {
	float:left;
	position:relative;
	font-size: 1%;
	line-height: 0.1;
}
ul#gNav ul {
	margin-top:-2px;
    width: 175px;
    position: absolute;
    top: 40px;
    left: 3px;
    display: none;
}
ul#gNav ul li {  
	margin-bottom: 0px;
}
/* IE6以下のみ適用 */
* ul#gNav ul li {
margin-bottom: -4px;
}
/* ここまで */

/* IE7のみ適用 */
*:first-child+html ul#gNav ul li {
margin-bottom: -6px;
}
/* ここまで */

ul#gNav ul li a {  
    width: 225px;  
    display: block;  
    background: #EEE;  
    padding: 15px 5px 8px 15px;  
    border-bottom: 1px dotted #909090;  
    color: #000;
    text-decoration: none;
	font-size:12px;
}
ul#gNav ul li a:hover   {  
    background: #000;  
    color: #FFF;  
}
ul#gNav ul li.first {  
	margin-bottom: 0px;
}
/* IE6以下のみ適用 */
* ul#gNav ul li.first {
margin-bottom: -4px;
}
/* ここまで */

/* IE7のみ適用 */
*:first-child+html ul#gNav ul li.first {
margin-bottom: -6px;
}
/* ここまで */

ul#gNav ul li.first a   {  
    background: #EEE;  
    padding: 15px 5px 8px 15px;
}  
ul#gNav ul li.first a:hover {  
    background: #000;
    color: #FFF;
}  


/* mainPhoto
------------------------------------------------------------*/
#container #mainPhoto {
	padding-top: 10px;
	margin-left: 20px;
    margin-bottom: 20px;
}


/* mainContents
------------------------------------------------------------*/
#container #mainContents {
	margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 30px;
        min-height:1px;　/* IE 7対策 */
}
/* start: clearfix ------------------------------ */
#container #mainContents:after {
        content:".";
        display:block;
        height:0px;
        clear:both;
        visibility:hidden;
}

#container #mainContents {
        display:inline-table;
}

/* Hides from Mac IE \*/
* html #mainContents {
        height:1px;
}
#container #mainContents {
        display:block; }
/* */
/* end: clearfix ------------------------------ */
span.purple {
        color: #6666CC;
}
span.bold {
        font-weight: bold;
		color: #6666CC;
}
span.red {
	color: #F00;
}
/* leftContents
------------------------------------------------------------*/
#container #mainContents #leftContents {
        width: 640px;
        float: left;
        margin-right: 10px;
}
#container #mainContents #leftContents .contentsBox {
        background-color: #FFF;
        margin-bottom: 20px;
}
#container #mainContents #leftContents .contentsBox .bottomBox {
        background-image: url(../images/leftbottombox.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#container #mainContents #leftContents .contentsBox .bottomBox .topBox {
        background-image: url(../images/lefttopbox.gif);
	background-repeat: no-repeat;
	background-position: left top;
        padding-bottom: 20px;
        padding-top: 32px;
}
#mainContents #leftContents .contentsBox .bottomBox .topBox .leftLine {
        margin-bottom: 20px;
}
#container #mainContents #leftContents .contentsBox .bottomBox .topBox .item {
        width: 600px;
		padding-left:20px;
}
#container #mainContents #leftContents .contentsBox .bottomBox .topBox .item .titleArea {
	margin-bottom: 30px;
}
#container #mainContents #leftContents .contentsBox .bottomBox .topBox .item .titleArea .title {
        width: 475px;
        float: left;
}
#container #mainContents #leftContents .contentsBox .bottomBox .topBox .item .titleArea .linkButton {
        width: 125px;
        float: left;
        padding-top: 10px;
}
#container #contentsArea #mainContents #leftContents .contentsBox .bottomBox .topBox p.linkButtonLower,
#container #contentsArea #mainContents #leftContents .contentsBoxLast .bottomBox .topBox p.linkButtonLower {
	margin-left: 430px;
	padding-top: 30px;
}
#container #contentsArea #mainContents #leftContents .contentsBox .bottomBox .topBox p.linkButtonLower2,
#container #contentsArea #mainContents #leftContents .contentsBoxLast .bottomBox .topBox p.linkButtonLower2 {
	/*margin-left: 430px;*/
	margin-left: 343px;
	padding-top: 30px;
}
#container #mainContents #leftContents .contentsBox .bottomBox .topBox .item .linkButton {
        width: 125px;
        padding-top: 10px;
}
#container #mainContents #leftContents .contentsBoxLast .bottomBox .topBox .item .linkButton {
        width: 125px;
        padding-top: 10px;
}
#container #mainContents #leftContents .contentsBox .bottomBox .topBox .item p.linkButtonExcept {
	margin-left: 450px;
	margin-bottom: 30px;
	padding-top: 15px;
}
#container #mainContents #leftContents .contentsBox .bottomBox .topBox .item .text {
        margin-bottom: 20px;
}

#container #mainContents #leftContents .contentsBoxLast {
        background-color: #FFF;
}
#container #mainContents #leftContents .contentsBoxLast .bottomBox {
        background-image: url(../images/leftbottombox.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#container #mainContents #leftContents .contentsBoxLast .bottomBox .topBox {
        background-image: url(../images/lefttopbox.gif);
	background-repeat: no-repeat;
	background-position: left top;
        padding-bottom: 20px;
        padding-top: 32px;
}
#mainContents #leftContents .contentsBoxLast .bottomBox .topBox .leftLine {
        margin-bottom: 20px;
}
#container #mainContents #leftContents .contentsBoxLast .bottomBox .topBox .item {
        width: 600px;
        margin-left: 20px;
}
#container #mainContents #leftContents .contentsBoxLast .bottomBox .topBox .item .titleArea {
        margin-bottom: 30px;
}
#container #mainContents #leftContents .contentsBoxLast .bottomBox .topBox .item .titleArea .title {
        width: 475px;
        float: left;
}
#container #mainContents #leftContents .contentsBoxLast .bottomBox .topBox .item .titleArea .linkButton {
        width: 125px;
        float: left;
        padding-top: 10px;
}
#container #mainContents #leftContents .contentsBoxLast .bottomBox .topBox .item .text {
        margin-bottom: 20px;
}

a {
	text-decoration: none;
	color: #222;
}
a:hover {
	color: #6666CC;
	text-decoration: underline;
}


/* rightContents
------------------------------------------------------------*/
#container #mainContents #rightContents {
        width: 270px;
        float: left;
        background-color: #FFF;
        padding-left: 20px;
}
#container #mainContents #rightContents #rightBottomBox {
        background-image: url(../images/rightbottombox.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#container #mainContents #rightContents #rightBottomBox #rightTopBox {
        background-image: url(../images/righttopbox.gif);
	background-repeat: no-repeat;
	background-position: left top;
        padding-bottom: 20px;
        padding-top: 2px;
}
#container #mainContents #rightContents #rightBottomBox #rightTopBox #sideMenu p.title {
        margin-bottom: 0px;
        padding-left: 0px;
}
#container #mainContents #rightContents #rightBottomBox #rightTopBox #sideMenu .sideMenuBox {
        width: 250px;
        padding-left: 0px;
        margin-bottom: 5px;
}
#container #contentsArea #mainContents #rightContents #rightBottomBox #rightTopBox #sideMenu .sideMenuBox.clearfix p#rightCampaign {
	margin:0px;
	background: none;
}
#container #contentsArea #mainContents #rightContents #rightBottomBox #rightTopBox #sideMenu .sideMenuBox.clearfix p.infoWord {
	margin-bottom: 0px;
}
#container #mainContents #rightContents #rightBottomBox #rightTopBox #sideMenu .sideMenuBox .infoImage {
		width: 250px;
		margin: 0px;
}
#container #mainContents #rightContents #rightBottomBox #rightTopBox #sideMenu .sideMenuBox . {
        width: 141px;
        float: left;
        margin-bottom: 10px;
}
#container #mainContents #rightContents #rightBottomBox #rightTopBox #sideMenu p.line {
}

/* footer
------------------------------------------------------------*/
#container #footer {
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #CCC;
        padding-top: 10px;

}
#container #footer ul#textNav {
	text-align: center;
        padding-bottom: 10px;
}
#container #footer ul#textNav li {
	display: inline;
        margin-left: 5px;
        margin-right: 5px;
}
#footer ul#textNav li a {
	text-decoration: none;
	color: #CCC;
}
#footer ul#textNav li a:hover {
	color: #6666CC;
	text-decoration: underline;
}
#container #footer address#copyright {
	font-style: normal;
	text-align: center;
        padding-bottom: 5px;
}
