@charset "UTF-8";



*{ margin:0; padding:0; font-style:normal;}


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-image: url(../image/back.gif);
	background-repeat: repeat;
}

img{
	margin: 0px;
	padding: 0px;
}

#container_bg {
	width: 904px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/mainback.png);
	background-repeat: repeat-y;
}



#container {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}


/* ヘッダー部分 */

#container h1{
	font-size: 11px;
	color: #666666;
	font-weight: normal;
}

#header-area {
	width: 840px;
	float:left;
}


#logo{
	width:228px;
	height:31px;
	float:left;
	background-image: url(../image/logo.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
}



div#g-navi{
	width:590px;
	height:48px;
	margin:0;
	padding:0;
	float: right;
}

div#g-navi img{
	margin:0;
	padding:0;
	float: left;
}


div#g-navi ul{
	margin:0;
	padding:0;
	list-style:none;
}



div#g-navi li {
	display:inline;
	margin:0;
	padding:0;
}



.dispnone {
	display:none;
}




#g-navi01 a {
	width: 101px;
	height: 48px;
	float: left;
	background: url(../image/bt01.jpg) no-repeat 0px 0px;
}


#g-navi01 a:hover {
	background: url(../image/bt01_o.jpg) no-repeat 0px 0px;
}


#g-navi02 a {
	width: 104px;
	height: 48px;
	float: left;
	background: url(../image/bt02.jpg) no-repeat 0px 0px;
}


#g-navi02 a:hover {
	background: url(../image/bt02_o.jpg) no-repeat 0px 0px;
}


#g-navi03 a {
	width: 108px;
	height: 48px;
	float: left;
	background: url(../image/bt03.jpg) no-repeat 0px 0px;
}


#g-navi03 a:hover {
	background: url(../image/bt03_o.jpg) no-repeat 0px 0px;
}


#g-navi04 a {
	width: 102px;
	height: 48px;
	float: left;
	background: url(../image/bt04.jpg) no-repeat 0px 0px;
}


#g-navi04 a:hover {
	background: url(../image/bt04_o.jpg) no-repeat 0px 0px;
}


#g-navi05 a {
	width: 102px;
	height: 48px;
	float: left;
	background: url(../image/bt05.jpg) no-repeat 0px 0px;
}

#g-navi05 a:hover {
	background: url(../image/bt05_o.jpg) no-repeat 0px 0px;
}


#g-navi06 a {
	width: 48px;
	height: 48px;
	float: left;
	background: url(../image/bt_twitter.jpg) no-repeat 0px 0px;
}


#g-navi06 a:hover {
	background: url(../image/bt_twitter_o.jpg) no-repeat 0px 0px;
}

.kugiri{
	width: 3px;
	height: 48px;
	float: left;
}





/* フッタ部分 */

#footer-navi{
	text-align: right;
	padding-top: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E4E4E4;
	padding-bottom: 10px;
	font-size: 10px;
	color: #666;
}


#footer-navi a{
	color: #71803E;
}


#footer-navi a:hover{
	text-decoration: underline;
}


#footer{
	font-size: 10px;
	padding-top: 30px;
	padding-bottom: 70px;
}


#logo-s{
	float: left;
	height: 24px;
	width: 147px;
}


#copyright{
	padding-left: 20px;
	float: left;
	color: #666;
	padding-top: 7px;
}



#footer-info{
	padding-top: 7px;
	float: right;
	text-align: right;
}

#footer-info a{
	color: #666666;
}

#footer-info a:hover{
	text-decoration: underline;
}


/* 共通 */

a.alpha img{
opacity:1;
filter:alpha(opacity=100);
ms-filter:"alpha(opacity=100)";
}

a.alpha:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter:"alpha(opacity=60)";
}

.clearfloat {
	clear:both;
	height:0;
}


.center{ text-align:center;}
.right{ text-align:right;}
.left{ text-align:left;}

.mt10{ margin-top:10px !important; }
.mt20{ margin-top:20px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }

.mb10{ margin-bottom:10px !important; }
.mb20{ margin-bottom:20px !important; }
.mb30{ margin-bottom:30px !important; }

.mr10{ margin-right:10px !important; }
.mr20{ margin-right:20px !important; }
.mr30{ margin-right:30px !important; }

.ml10{ margin-left:10px !important; }
.ml20{ margin-left:20px !important; }
.ml30{ margin-left:30px !important; }