@charset "utf-8";



* {
	margin: 0px;
	padding: 0px;
}
html {
	font-size: 62.5%;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: 100%;
	text-align: center;
}

body {
	height: 100%;
	text-align: center;
	font-size: 1.1em;
	line-height: 1.6;/* base line height */
	background-color: #FFF;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-x;
	color: #4B4B4B;
}

img {
	border:none;
	vertical-align: middle;
}


/* text ---------------------------------------------------*/
.bold {
	font-weight: bold;
}
.txt-s {
	font-size: 85% !important;	
}
.txt-s-h2 {
	font-size: 95% !important;	
}
.txt-b {
	font-size: 120% !important;	
}
.txt-bb {
	font-size: 140% !important;	
}
.t-center {
	text-align: center !important;	
}
.t-right {
	text-align: right;	
}
/* color setting
---------------------------------------------------------------------------------------*/
.text-normal {
	color: #4B4B4B;
}

.text-red {
	color: #BB0000;
}

.text-blue {
	color: #3472A5;
}
.text-green {
	color: #360;	
}
.text-orange {
	color: #E76438;
}
.text-purple {
	color: #6B5A8D;	
}

.text-pink {
	color: #AA5B5B;	
}
/* link setting
---------------------------------------------------------------------------------------*/
#main a:link {
	color: #36B7BA;
	text-decoration: none;
}

#main a:hover {
	color: #74D7DE;
	text-decoration: underline;	
}

#main a:visited {
	color: #39C;	
}

#main a:active {
	color: #8A5FDC;	
}
/* margin padding setting
---------------------------------------------------------------------------------------*/
.pd-0 {
	padding: 0 !important;	
}
.pd-5 {
	padding: 0px 0px 5px 5px;
}
.pd-10 {
	padding: 0px 0px 10px 10px;
}
.pd-15 {
	padding: 0px 0px 15px 15px;
}
.pd-20 {
	padding: 0px 0px 20px 20px;
}

.pd-top-5 {
	padding-top: 5px;
}
.pd-top-10 {
	padding-top: 10px;
}
.pd-top-15 {
	padding-top: 15px;
}
.pd-top-20 {
	padding-top: 20px;
}
.pd-bottom-10 {
	padding-bottom: 10px;	
}
.pd-bottom-20 {
	padding-bottom: 20px;	
}
.pd-left-5 {
	padding-left: 5px;
}
.pd-left-10 {
	padding-left: 10px;
}
.pd-left-15 {
	padding-left: 15px;
}
.pd-left-20 {
	padding-left: 20px;
}
.pd-right-5 {
	padding-right: 5px;
}
.pd-right-10 {
	padding-right: 10px;
}
.pd-right-15 {
	padding-right: 15px;
}
.pd-right-20 {
	padding-right: 20px;
}
.mgn-10 {
	margin: 10px 0 0 10px !important;
}
.mgn-left-5 {
	margin-left: 5px !important;
}
.mgn-left-10 {
	margin-left: 10px !important;
}
.mgn-left-15 {
	margin-left: 15px !important;
}
.mgn-left-20 {
	margin-left: 20px !important;
}
.mgn-right-5 {
	margin-right: 5px !important;
}
.mgn-right-10 {
	margin-right: 10px !important;
}
.mgn-right-15 {
	margin-right: 15px !important;
}
.mgn-right-20 {
	margin-right: 20px !important;
}
.mgn-0 {
	margin: 0 !important;
}
.mgn-top-5 {
	margin-top: 5px !important;
}
.mgn-top-10 {
	margin-top: 10px !important;
}
.mgn-top-15 {
	margin-top: 15px !important;
}
.mgn-top-20 {
	margin-top: 20px !important;
}

.mgn-bottom-3 {
	margin-bottom: 3px !important;
}
.mgn-bottom-5 {
	margin-bottom: 5px !important;
}
.mgn-bottom-10 {
	margin-bottom: 10px !important;
}
.mgn-bottom-15 {
	margin-bottom: 15px !important;
}
.mgn-bottom-20 {
	margin-bottom: 20px !important;
}
.mgn-bottom-30 {
	margin-bottom: 30px !important;
}


.no-border {
	border: none !important;
}

/* table ---------------------------------------------------*/
table.normal, table.office {
	border: 1px #CCC solid;
	border-collapse: collapse;
}
th, td {
	padding: 3px 10px;	
}
.normal tr td {
	border: 1px #CCC solid;
	background-color: #FFF;
}
.normal tr th, .office tr th {
	border: 1px #CCC solid;
	color: #666;
	text-align: left;
	background-image: url(../images/th_bg.gif);
	background-repeat: repeat-y;
}

tr.gray td, .office tr.gray td {
	background-color: #F9F9F9;
}

td.nowrap, th.nowrap {
	white-space: nowrap;	
}

table.office tr td  {
	border: 1px #CCC solid;
	background-color: #FFF;
	font-size:0.9em;
}

.center, tr.center th {
	text-align: center;
}

.f-left {
	float: left;
}
.f-right {
	float: right;
}

.clear {
	clear: both;
}
.clear-img {
	margin: 0px auto;
}
.clear-non {
	clear:none !important;
}
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
}

.img-right {
	float: right;
	margin: 3px 0 3px 6px
}
.img-left {
	folat: left;
	margin: 3px 6px 3px 0;
}

/* link
---------------------------------------------------------------------------------------*/

#header a:link, #header a:visited {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

#header a:hover, #header a:active {
	text-decoration: none;
	color: #666;
	font-weight: bold;
}



/* base layout ---------------------------------------------------------------------------------------*/

#bg {
	width: 824px;
	min-height: 10px;
	_height: 10px;
	margin: 0 auto;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;	
}
#content {
	width: 800px;
	min-height: 10px;
	_height: 10px;
	margin: 0 auto;
	padding: 0 12px;
	background-image: url(../images/bg_front.gif);
	background-repeat: no-repeat;
	position: relative;
}
#headtext {
	text-align: left;
	padding: 0 0 0 5px;
}
#headlogo {
	text-align: left;
	float: left;
}
#header {
	width: 800px;
	height: 105px;
	background-image: url(../images/head_bg.gif);
	background-repeat: no-repeat;
}

#header ul {
	list-style-type: none;
	padding: 55px 0 0 0;
}
#header ul li {
	list-style-type: none;
	float: right;
	padding: 0 20px 0 20px;
	background-image: url(../images/arr_head.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

/* global menu ---------------------------------------------------------------------------------------*/ 
#gmenu {
	width: 800px;
	height: 45px;
	position: relative;
	background-color: #6FB72A;
}
#gmenu ul li{
	list-style-type: none;	
	float: left;
}

.submenu {
	width: 212px;
	position: absolute;
	z-index: 3;
	visibility: hidden;
	left: 145px;
	top: 148px;
}
#bg #content .submenu li img {
	display: block;
}


#menu1 {
	left: 12px;
	top: 150px;	
}
#menu2 {
	left: 278px;
	top: 150px;
}
#menu3 {
	left: 412px;
	top: 150px;
}
#menu4 {
	left: 545px;
	top: 150px;
}
#menu5 {
	left: 679px;
	top: 150px;
}
#menu6 {
	left: 145px;
	top: 150px;
}

.submenu li {
	list-style-type: none;
	float: left;
	height: 28px;
}

.submenu a {
	display: block;
	text-align: left;
	height: 28px;
}

/* index ---------------------------------------------------------------------------------------*/

#flash {
	width: 800px;
	height: 225px;
}

#main {
	width: 800px;
	min-height: 50px;
	_height: 50px;
	text-align: left;
	font-size: 1.2em;
	clear: both;
}


#news {
	width: 546px;
	height: 307px;
	padding: 0 12px;
	_padding: 0 10px;
	float: left;
}
#news ul {
	height: 245px;
	width: 545px;
	border: solid 1px #DDD;
	margin: 8px 0 0 2px;
	overflow: auto;
}
#news ul li, #backnumber ul li {
	list-style-type: none;
	border-bottom: dotted 1px #DDD;
	padding: 4px 8px;
}
#news ul li .date, #bucknumber ul li .date {
	font-weight: bold;
	color: #148833;
	padding: 0 5px 0 2px;
	display:block;
	font-size: 12px;
}
#news ul li .date img, #bucknumber ul li .date img {
	margin: 0 0 0 5px;
}
#news ul li .comment, #bucknumber ul li .comment {
	padding: 0 0 0 140px;
	margin: -20px 0 0 0;
	display:block;
	font-size: 12px;
}

#top_menu {
	width: 224px;
	height: 280px;
	float: left;
}

#banner {
	width: 774px;
	height: 80px;
	clear:both;
	padding: 0 13px;
}
#banner ul {
	border-top: solid 1px #CCC;
	padding: 14px 0 0 0;
}
#banner ul li {
	float: left;
	list-style-type: none;
	padding: 0 10px 0 0;
}
#top_menu p {
	padding: 0 7px;
}
#side_banner {
	background-image: url(../images/banner_bg.gif);
	height: 164px;
	width: 210px;
	position: relative;
	margin: 15px 0 0 7px
}
#side_banner ul {
	position: absolute;
	left: 9px;
	top: 28px;	
}
#side_banner li {
	list-style-type: none;	
	padding: 0 0 1px 0;
}

#footer {
	width: 824px;
	height: 33px;
	margin: 0 auto;
}


/* main  content---------------------------------------------------------------------------------------*/

.text {
	padding: 5px 25px 0 25px;	
}

#breadcrumb {
	margin: 10px 15px;
	font-size: 0.8em;
}

#breadcrumb a:link, #breadcrumb a:visited {
	color: #027d39;
	font-weight: bold;
	text-decoration: none;
}
#breadcrumb a:hover, #breadcrumb a:active {
	text-decoration: underline;	
	font-weight: bold;
}

#pagetop {
	min-height: 10px;
	_height: 10px;
	text-align: right;
	padding: 15px;
	clear:both;
}

h1.title {
	margin: 0 15px 15px 15px;
}

h2.title {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	font-size: 1.3em;
	line-height: 1.7em;
	background-image: url(../images/title_bg_gray.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: solid 1px #CCC;
	border-bottom: solid 2px #CCC;
	clear:both;
}

.text p {
	margin: 0px 0px 20px 5px;
}

/* list---------------------------------------------------------------------------------------*/
ul.normal {
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	padding: 10px 0 0 15px;
}
ul.normal li {
	
}

ul.idea {
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	padding: 10px 0 0 15px;
}
ul.idea li {

}

ul.ind {
	list-style-type: none !important;
	margin: 0px 0px 5px 0px !important;
}
ul.ind li {
	padding: 5px 0 0 0.8em !important;
	text-indent: -1em !important;
	border: none !important;

}
ul.ind2 {
	list-style-type: none !important;
}
ul.ind2 li {
	padding: 5px 0 0 1.4em !important;
	text-indent: -0.8em !important;
	border: none !important;

}

/* main base---------------------------------------------------------------------------------------*/
.inner {
	margin: 0 50px	
}