@charset "Shift_JIS";

/* cssリセット
---------------------------------------------------------------*/
*{
margin:0;
padding:0;
/* border: 1px solid #00f; */
}
h1,h2,h3,h4,h5,h6,p,address{
font-size:100%;
font-weight: normal;
font-style: normal;
line-height: 100%;
}

/* 全体構造
---------------------------------------------------------------*/
body	{
padding:0;
font-size:100%;
font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
color: #333333;
line-height: 1.3;
}
img { border:none;}

/* 全体構造　IE6用
--------------------------*/
* html body {
text-align:center;
}
/* ここまで
--------------------------*/

a:link {color: #FF6600; text-decoration:none;}
a:visited {color:#FF6600; text-decoration:none;}
a:hover {color:#FF6600; text-decoration:underline;}

p{
padding:10px 0px 10px 0px;
margin:0px;
line-height:20px;
}

.right{
text-align:right;
}

.center{
text-align:center;
}

.title_g{
font-size:120%;
color:#069c06;
font-weight:bold;
}

.bold{
color:#FF0033;
font-weight:bold;
}

.bold2{
color:#FF0033;
font-size:110%;
font-weight:bold;
}

.bold3{
font-size:110%;
font-weight:bold;
}

.small{
font-size:75%;
text-align:right;
}


/* 点線
--------------------------------------------------------------*/
hr{
clear:both;
color: #069c06; /* 線の色(IE用) */
height: 1px;  /*線の太さ */
border-width: 1px 0px 0px 0px; /* 太さ */
border-color: #069c06; /* 枠の色 */
border-style: dashed; /* 枠の種類 */
margin:5px 0px 5px 0px;
}


/* 背景枠、センタリングボックス
---------------------------------------------------------------*/
#container{
width: 840px;
margin:0px auto 0px auto;
padding:0px;
border-left: solid  1px #069c06;
border-right: solid  1px #069c06;
background: #ffffff;
}

/* ヘッダー
---------------------------------------------------------------*/
#header{
text-align:center;
width: 800px;
margin:0px auto 0px auto;
padding:10px 0px 20px 0px;
}

#header_menu{
text-align:right;
padding:0px 0px 10px 0px;
width:800px;
font-size:75%;
}

#header_menu li{
display:inline;
/*width:850px;*/
text-align:right;
margin-right:10px;
}


.rightbar{
border-right: solid  1px #069c06;
padding-right:5px;
}

/* コンテンツ部分
--------------------------------------------------------------*/
#content{
width: 800px;
font-size:85%;
margin:0px auto 0px auto;
padding:0px 0px 10px 0px;
}

/* 左側メニュー 全体
---------------------------------------------------------------*/
#left{
float:left;
display:block;
width:200px;
padding:0px 0px 20px 0px;
text-align:left;
}


/* 左側メニュー blog
---------------------------------------------------------------*/
#blog{
float:left;
display:block;
width:200px;
padding:0px 0px 20px 0px;
text-align:left;
}

#blog a:link {color: #069c06; text-decoration:none;}
#blog a:visited {color:#069c06; text-decoration:none;}
#blog a:hover {color:#069c06; text-decoration:underline;}

#blog ul{
width:200px;
padding:5px 0px 5px 0px;
margin:0px;
}

#blog .list1{
font-size:100%;
font-weight:bold;
list-style-position:outside;
background : url(tri.jpg) no-repeat 0px 0.4em;
padding-left:15px;
line-height:23px;
margin-left:0px;
}

#blog .list2{
font-size:100%;
font-weight:bold;
list-style-position:outside;
background : url(circle.jpg) no-repeat 0px 0.4em;
padding-left:15px;
line-height:23px;
margin-left:0px;
}

#blog .list3{
font-size:100%;
list-style-position:outside;
background : url(tri.jpg) no-repeat 0px 0.4em;
padding-left:15px;
line-height:23px;
margin-left:20px;
}

/* 左側メニュー
---------------------------------------------------------------*/
#menu{
float:left;
display:block;
width:200px;
padding:0px 0px 20px 0px;
text-align:left;
}

#menu a:link {color: #069c06; text-decoration:none;}
#menu a:visited {color:#069c06; text-decoration:none;}
#menu a:hover {color:#069c06; text-decoration:underline;}

#menu ul{
width:200px;
padding:5px 0px 5px 0px;
margin:0px;
}

#menu .list1{
font-size:100%;
font-weight:bold;
list-style-position:outside;
background : url(tri.jpg) no-repeat 0px 0.4em;
padding-left:15px;
line-height:23px;
margin-left:0px;
}

#menu .list2{
font-size:100%;
font-weight:bold;
list-style-position:outside;
background : url(circle.jpg) no-repeat 0px 0.4em;
padding-left:15px;
line-height:23px;
margin-left:0px;
}

#menu .list3{
font-size:100%;
list-style-position:outside;
background : url(tri.jpg) no-repeat 0px 0.4em;
padding-left:15px;
line-height:23px;
margin-left:20px;
}

/* メイン部分
--------------------------------------------------------------*/

#main{
float:left;
display:block;
width:580px;
padding:0px 0px 20px 0px;
margin-left:20px;
text-align:left;
}

p.mission{
height:103px;
background-image : url(mission.jpg);
background-repeat:no-repeat;
padding:50px 10px 20px 15px;
}

#main div.wrapper{
display:block;
width:580px;
padding:10px 0px 0px 0px;
}

#main div.leftimage{
float:left;
display:block;
width:116px;
padding:0px 5px 5px 0px;
}

#main div.righttext{
float:left;
display:block;
width:430px;
}

#main .clear{
clear:both;
}

.catch_img{
float:left;
display:block;
width:51px;
margin:0px;
padding:10px 10px 100px 0px;
}


/* メイン部分　リスト
--------------------------------------------------------------*/

#main .disc{
font-size:100%;
list-style-position:outside;
background : url(circle.jpg) no-repeat 0px 0.4em;
padding-left:15px;
line-height:23px;
margin-left:0px;
}


/* メイン部分　リスト
--------------------------------------------------------------*/

#main table{
width:580px;
border-collapse: collapse;
margin:10px 0px 10px 0px;
}

#main th{
border-bottom:solid 1px #cccccc;
padding:5px 5px 5px 5px;
}

#main td{
border-bottom:solid 1px #cccccc;
padding:5px 0px 5px 5px;
}

#content li{
display:block;
list-style-position:outside;
/*list-style-image:url(images/menu_mark.jpg);*/
background : url(../images/menu_mark.jpg) no-repeat 0px 0.4em;
list-style: none;
font-size:85%;
padding-left:15px;
line-height:23px;
margin-left:20px;
}

/* リスト
---------------------------------------------*/

	#main .list{
		margin-bottom: 20px;
	}

	#main .list dt {
		font-size:100%;
		font-weight:bold;
		list-style-position:outside;
		padding-left:15px;
		line-height:23px;
		margin-left:0px;
		}
	.menu{
		font-size:110%;
		font-weight:bolder;
		color: chocolate; 
		list-style-position:outside;
		padding-left:15px;
		line-height:23px;
		margin-left:0px;
		border-bottom: 1px solid #CCCCCC;
	}
	#main .list dd {
		font-size:90%;
		margin: 5px 0 0 30px;
		padding-left: 15px;
	}
	.right{
	text-align:right;
	}

/* 事業紹介ページ　フロート設定
--------------------------------------------------------------*/

#main div.wrapper_cl{
clear:both;
display:block;
width:580px;
padding:10px 0px 0px 0px;
}

#main div.leftside{
float:left;
display:block;
width:285px;
padding:0px 5px 5px 0px;
}

#main div.rightside{
float:left;
display:block;
width:285px;
}



/* 新着情報ボックス
---------------------------------------------------------------*/
#news{
clear:both;
display:block;
text-align:left;
width:499px;
padding-top:20px;
}

/* 新着情報の中身
---------------------------------------------------------------*/
#news{
display:block;
width:580px;
padding:0px 0px 20px 0px;
}

p.attention{
color:#FF0000;
font-weight:bold;
}

#news dl{
display:block;
font-size:100%;
margin-left:5px;
padding:5px 0px 0px 0px;
}

#news dt{
float:left;
width:70px;
}

#news dd{
margin-left:70px;
padding:0px 0px 5px 0px;
}

.bold{
color:#FF0033;
font-weight:bold;
}

.bold2{
color:#FF0033;
font-size:110%;
font-weight:bold;
}



/* フッター
---------------------------------------------------------------*/
#footer{
clear:both;
display:block;
/*width: 800px;*/
font-size:75%;
text-align:center;
line-height:15px;
padding-top:5px;
border-top: solid  1px #069c06;
margin:0px auto 0px auto;
}

/* フッター　IE6用
--------------------------*/
* html #footer {
font-size:85%;
}
/* ここまで
--------------------------*/


#footer li{
display:inline;
/*width:800px;*/
padding:0px 10px 5px 10px;
margin:0px;
}