@charset "utf-8";
/* CSS Document */

html, body {
    margin: 0;
    padding: 0;
    font-family: Verdana,"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
    font-size:12px;
	color: #555555;
    height: 100%;
	letter-spacing: 0.05em;
	line-height: 1.8em;
}

*{
	margin: 0;
	padding: 0;
}

br{
letter-spacing: 0;
}
p,ul{
line-height: 160%;
}
ul,ol{
	list-style:none;
}
a:link {
    color:#0088CC;
    text-decoration:none;
}
a:visited {
    color:#0088CC;
    text-decoration:none;
}

a:hover {
    color:#0088CC;
    text-decoration:underline;
}

a:active {
    color:#0088CC;
    text-decoration:none;
}

img {
    border-width:0px;
}


/* Crearfix モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
    display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
    height:1px;
}

.clearfix{
    display:block;
}
/* End hide from IE-mac */
.clear{
    clear:both;
}
/* FireFoxでスクロールバーを常時表示 */
html {
   overflow-y:scroll;
}
.border{
width:300px;
	padding-top: 8px;
	margin-top: 8px;
	line-height: 1.5em;
	solid: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:#E6E6CB;
}




h1,h2,h3,h4,h5,h6,th{
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	letter-spacing: 0.05em;
}
h1 {
font-size:12px;
	color: #666666;
	text-align:center;
}
h1 a{}
h1:link{
	color: #666666;
	text-decoration: none;
}
h1 a:visited{
	color: #666666;
	text-decoration: none;
}
h1 a:active{
	color: #666666;
	text-decoration: none;
}
h1 a:hover{color:#666666;text-decoration:none;}

h3{
font-size:12px;
letter-spacing:0.1em;
}
#midashi{
	font-size:16px;
	color:#006633;
	height:30px;
	padding:8px 0px 0px 35px;
	background-image:url(../images/midashi.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-transform: uppercase;
}
/* ----------------------------------設定ここまで---------------------------------- */

/* container */
#container{
	width: 800px;
	background: #FFFFFF url(../images/back.gif) repeat-y top center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
#bigBox{
	width: 750px;
	margin: 0px 25px 0px 25px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
/* containerここまで */

/* header */
#header{
	width: 750px;
	height: 126px;
	background-image:url(../images/topBack.gif);
	background-repeat:no-repeat;
	background-position:top;
}
#headerLogo{
	width: 200px;
	height: 60px;
	margin: 20px 10px 14px 10px;
	float:left;
}
#headerKifu{
	width: 325px;
	height: 60px;
	margin: 20px 10px 14px 165px;
	float:left;
}
#headerMenu{
	width: 750px;
	height: 32px;
}
/* header ここまで*/

/* contents */
#contents{
	width: 710px;
	padding: 20px 20px 20px 20px;
}
#box710{
	width: 710px;
}
#box510{
	width: 510px;
	float:left;
}
#box180{
	width: 180px;
	margin-left:20px;
	float:left;
}
#box400{
	width: 400px;
}
#box430{
	width: 430px;
	float:left;
}
#box330{
	width: 330px;
	float:left;
}
#bannerBox{
	width: 160px;
	height:40px;
	margin:10px 10px 0px 10px;
}
#bannerTextBox{
	font-size:10px;
	line-height:1.5em;
	width: 380px;
	height:35px;
	padding-top:5px;
	margin:10px 10px 0px 10px;
}

#bar710{
margin:0px 0px 10px 0px;
text-indent:-500px;
	width: 710px;
	height: 30px;
}
#bar510{
margin:0px 0px 10px 0px;
text-indent:-500px;
	width: 510px;
	height: 30px;
}
#bar180{
margin:0px 0px 10px 0px;
text-indent:-1500px;
	width: 180px;
	height: 30px;
}
.bar_index_1{
	background-image:url(../images/bar_index_1.gif);
	background-repeat:no-repeat;
}
.bar_index_2{
	background-image:url(../images/bar_index_2.gif);
	background-repeat:no-repeat;
}
.bar_index_3{
	background-image:url(../images/bar_index_3.gif);
	background-repeat:no-repeat;
}
.bar_content_1{
	background-image:url(../images/bar_content_1.gif);
	background-repeat:no-repeat;
}
.bar_content_2{
	background-image:url(../images/bar_content_2.gif);
	background-repeat:no-repeat;
}
.bar_content_3{
	background-image:url(../images/bar_content_3.gif);
	background-repeat:no-repeat;
}
.bar_purpose_1{
	background-image:url(../images/bar_purpose_1.gif);
	background-repeat:no-repeat;
}
.bar_purpose_2{
	background-image:url(../images/bar_purpose_2.gif);
	background-repeat:no-repeat;
}
.bar_purpose_3{
	background-image:url(../images/bar_purpose_3.gif);
	background-repeat:no-repeat;
}
.bar_link_1{
	background-image:url(../images/bar_link_1.gif);
	background-repeat:no-repeat;
}
.bar_contact_1{
	background-image:url(../images/bar_contact_1.gif);
	background-repeat:no-repeat;
}


/* contentsここまで */

/* footer */
#footer{
	font-size:9px;
	color:#FFFFFF;
	width: 710px;
	height: 33px;
	line-height:1.8em;
	background-image:url(../images/footer.gif);
	padding: 11px 20px 11px 20px;
	background-repeat: no-repeat;
	background-position: bottom;
}
#footerLeft{
	width:550px;
	float:left;
}
#footerRight{
	width:160px;
	float:left;
}
#footer a:link {
    color:#FFFFFF;
    text-decoration:none;
}
#footer a:visited {
    color:#FFFFFF;
    text-decoration:none;
}

#footer a:hover {
    color:#FFCC00;
    text-decoration:none;
}

#footer a:active {
    color:#FFCC00;
    text-decoration:none;
}

/* footerここまで */

/* blog用 */
#blogBox510{
	width: 510px;
	margin-bottom:30px;
}
#blogBox180{
	width: 180px;
	margin-bottom:30px;
}
#blogTime{
	color:#00643D;
	font-weight:bold;
	font-size:10px;
	text-align:right;
	}
#blogBottom{
	color:#777777;
	font-size:10px;
	text-align:left;
	}
#blogList{
	color:#999999;
	font-size:10px;
	padding:0px 0px 0px 30px;
	line-height:1.5em;;
}
#barBlog510{
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	text-indent:30px;
	text-align:left;
	background-image:url(../images/barBlog510.gif);
	padding:4px 0px 0px 0px;
	width: 510px;
	height: 26px;
}
#barBlank180{
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:14px;
	text-indent:30px;
	text-align:left;
	background-image:url(../images/barBlank180.gif);
	margin:0px 0px 5px 0px;
	padding:3px 0px 0px 0px;
	width: 180px;
	height: 27px;
}
.blog a:link {
	color:#FFFFFF;
	text-decoration:none;
}
.blog a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.blog a:hover {
	color:#0088CC;
	text-decoration:none;
}
.blog a:active {
	color:#0088CC;
	text-decoration:none;
}

/* blog用ここまで */