@charset "UTF-8";

/******* 基本設定 *******/

body{
text-align:justify;
text-justify:distribute; 
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;
color: #333333;
background : url("../img/back002.gif") top left repeat-y;
background-color: #ffffff;

margin: 0px;
padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
margin: 0px;
padding: 0px;
}

a img{ /* 画像のリンク枠 */
border: none;
}

/*　改行 */
div.kaigyo {
clear : both;
}

/******* ヘッダ *******/

#header-h1{
margin: 0px;
padding: 0px;
width: 750px;
height: 5px;
background-color: #ffffff;
}

h1{
font-size: 80%;
color: #334d55;
background-color: #ffffff;
margin: 5px 0px 5px 5px;
font-weight: normal;
float: left;
}

#head-p{
font-size: 80%;
color: #334d55;
background-color: #ffffff;
margin: 5px 0px 5px 10px;
float: left;
}

#header{
margin: 0px;
padding: 0px;
width: 750px;
height: 86px;
background : url("../img/title.jpg") top left no-repeat;


}

#header h2{
	margin: 10px 10px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 250px;
	font-size: 70%;
	line-height: 1.5;
	color: #336600;
	background-color: inherit;
	float: right;
	font-style: normal;
	font-weight: normal;

}


#header-img{
margin: 0px;
padding: 0px;
width: 350px;
height: 86px;
float: left;
}

/* ヘッダリンク設定 */

#header a:link {color : #ffffff; background-color : inherit;}
#header a:visited {color : #ffffff; background-color : inherit;}
#header a:hover {color : #ffffff; background-color : inherit;}
#header a:active {color : #ffffff; background-color : inherit;}
#header a { text-decoration : none;}


/******* 上部メニュー *******/

#up-menu{
width: 740px;
}

#root{
margin: 5px 0px 0px 0px;
padding: 5px 0px 5px 20px;
font-size: 80%;
float: left;
}

#access{
margin: 0px 0px 0px 10px;
padding:0px 0px 5px 20px;
font-size: 80%;
background : url("../img/menu-up-sankaku.gif") top left no-repeat;
float: right;
}

#mail{
margin: 0px 0px 0px 10px;
padding: 0px 0px 5px 20px;
font-size: 80%;
background : url("../img/menu-up-sankaku.gif") top left no-repeat;
float: right;
}

#home{
margin: 0px 0px 0px 10px;
padding: 0px 0px 5px 20px;
font-size: 80%;
background : url("../img/menu-up-sankaku.gif") top left no-repeat;
float: right;
}

#up-menu a:link {color : #0033cc; background-color : inherit;}
#up-menu a:visited {color : #0033cc; background-color : inherit;}
#up-menu a:hover {color : #cc0000; background-color : inherit;}
#up-menu a:active {color : #0033cc; background-color : inherit;}
#up-menu a {text-decoration: none;}

/******* コンテンツレイアウト *******/

#waku{
margin: 0px 0px 0px 0px;
width: 750px;
}


#contents{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 564px;

float: right;
}

#contentsnaka01{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 564px;
background : url("../img/contents-back.gif") top left repeat-y;
}

#contentsnaka02{
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
width: 545px;
}

#contentsnaka03{
margin: 5px 5px 0px 5px;
padding: 0px 0px 0px 0px;
width: 555px;
}

#contentsnaka04{
margin: 5px 5px 0px 24px;
padding: 0px 0px 0px 0px;
width: 531px;
}

#menu{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 184px;
background-color: #94B796;
float: left;
}

#news li {
	width : 500px;
	margin : 0px 0px 0px 85px;
	padding: 0px 0px 0px 0px;
	list-style-image: url("../img/sankaku01.gif");
	font-size: 80%;
line-height: 1.5;
}

/*　文字余白 */
span.sp {
	padding : 0 0 0 14px;
}


/******* メニュー *******/

#menu ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 80%;
list-style-type: none;

}
#menu li a {
	display : block;
	height : 40px;
	text-indent : -9999px;
}


.menu000{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 184px;
height: 21px;

background : url("../img/mini_menu.gif") top left no-repeat;
}

.menu100{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 184px;
height: 21px;

background : url("../img/report_menu.gif") top left no-repeat;
}

.menu200{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 184px;
height: 21px;

background : url("../img/blog_menu.gif") top left no-repeat;
}

.menu300{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 184px;
height: 21px;

background : url("../img/melmaga_menu.gif") top left no-repeat;
}

.menu001{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 177px;
height: 40px;
text-indent : -9999px;
background : url("../img/mente_bt.gif") top left no-repeat;
}

.menu001 a:hover {background : url("../img/mente_bt2.gif") top left no-repeat;}

.menu002{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 177px;
height: 40px;
text-indent : -9999px;
background : url("../img/dress_bt.gif") top left no-repeat;
}

.menu002 a:hover {background : url("../img/dress_bt2.gif") top left no-repeat;}

.menu003{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 177px;
height: 40px;
text-indent : -9999px;
background : url("../img/restore_bt.gif") top left no-repeat;
}

.menu003 a:hover {background : url("../img/restor_bt2.gif") top left no-repeat;}

.menu004{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 177px;
height: 40px;
text-indent : -9999px;
background : url("../img/stock_bt.gif") top left no-repeat;
}

.menu004 a:hover {background : url("../img/stock_bt2.gif") top left no-repeat;}

.menu005{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 177px;
height: 40px;
text-indent : -9999px;
background : url("../img/every_bt.gif") top left no-repeat;
}

.menu005 a:hover {background : url("../img/every_bt2.gif") top left no-repeat;}

.menu006{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 177px;
height: 40px;
text-indent : -9999px;
background : url("../img/event_bt.gif") top left no-repeat;
}

.menu006 a:hover {background : url("../img/event_bt2.gif") top left no-repeat;}

.menu007{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 177px;
height: 60px;
text-indent : -9999px;
background : url("../img/report01_bt.gif") top left repeat-y;
}

.menu007 a:hover {background : url("../img/report01_bt2.gif") top left no-repeat;}

.menu008{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 177px;
height: 60px;
text-indent : -9999px;
background : url("../img/report02_bt.gif") top left repeat-y;
}

.menu008 a:hover {background : url("../img/report02_bt2.gif") top left no-repeat;}

.menu009{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 177px;
height: 40px;
text-indent : -9999px;
background : url("../img/blog_bt.gif") top left no-repeat;
}

.menu009 a:hover {background : url("../img/blog_bt2.gif") top left no-repeat;}

.menu010{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 177px;
height: 40px;
text-indent : -9999px;
background : url("../img/link_bt.gif") top left no-repeat;
}

.menu010 a:hover {background : url("../img/link_bt2.gif") top left no-repeat;}

.menu03{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 177px;
height: 23px;
list-style-type: none;
background : url("../img/menu_kado2.gif") top left no-repeat;
}


.menu111{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 184px;
height: 50px;

}
.menu-waku{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.side-menu-contents p {
text-align:justify;
text-justify:distribute; 
display : block;
margin: 0px 15px 0px 15px;
line-height: 1.8;
}
.side-menu-contents h7 {
font-size : 200%
display : block;
margin: 0px 15px 0px 15px;
line-height: 1.8;
}
/*  メニュー０２ */

.side-menu-title01{
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 184px;
height: 21px;
}

.side-menu-contents{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 177px;

font-size: 80%;
background : url("../img/melmaga_naka.gif") top left repeat-y;
text-align : center;
}

.side-menu-under{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 177px;
height: 23px;
font-size: 0;
background : url("../img/menu_kado2.gif") top left no-repeat;
}


/******* フッター *******/

#footer{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 750px;
height: 60px;
background : url("../img/ft.gif") top left no-repeat;
text-align : center;
}

#footer h3{
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 80%;
color: #336699;
background-color: inherit;
font-weight: normal;
}

#footer a:link {color : #336699; background-color : inherit;}
#footer a:visited {color : #336699; background-color : inherit;}
#footer a:hover {color : #336699f; background-color : inherit;}
#footer a:active {color : #336699; background-color : inherit;}
#footer a {text-decoration: none;}

/******* コンテンツ用 *******/

#contents h3{
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 30px;
width: 550px;
height: 25px;
font-size: 80%;
color: #000000;
background-color: inherit;
background : url("../img/h3-back.gif") top left no-repeat;
clear : both;
}


#contents p{
text-align:justify;
text-justify:distribute; 
margin: 10px 25px 10px 25px;
padding: 0px 0px 0px 0px;
font-size: 80%;
line-height: 1.5;
}

#contents dl{
margin: 10px 10px 10px 20px;
padding: 0px 0px 0px 0px;
font-size: 80%;
line-height: 1.6;
}

#contents dt{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#contents dd{
margin: 5px 0px 10px 20px;
padding: 0px 0px 0px 0px;
}

#contents ol{
margin: 10px 5px 10px 50px;
padding: 0px 0px 0px 0px;
font-size: 80%;
line-height: 1.6;
}

#contents ul{
margin: 10px 5px 10px 40px;
padding: 0px 0px 0px 0px;
font-size: 80%;
line-height: 1.6;
}

#contents li{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.hyo{
margin: 20px 0px 10px 20px;
padding: 0px 0px 0px 0px;
font-size: 80%;
line-height: 1.6;
}

.img-right{
margin: 5px 15px 5px 5px;
padding: 0px 0px 0px 0px;
float: right;
}

.img-left{
margin:10px 5px 0px 15px;
padding: 0px 0px 0px 0px;
float: left;

}

.img-left02{
margin:5px 5px 0px 15px;
padding: 0px 0px 0px 0px;
float: left;
}

.line{
width: 536px;
height: 5px;
margin: 20px 0px 0px 5px;
padding: 0px 0px 0px 0px;
background : url("../img/line.gif") top left no-repeat;
font-size: 0px;
clear : both;
}

.contents-end{
width: 550px;
height: 5px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background : url("../img/contents-back2.gif") bottom left no-repeat;
clear : both;
}

#topimg01{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 228px;
}

/* コンテンツspan */
.sp{
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 0px;
}

.red{
color: #ff0000;
background-color: inherit;
}

.blue{
color: #0000ff;
background-color: inherit;
}

/* コンテンツ設定 */

#contents a:link {color : #0033cc; background-color : inherit;}
#contents a:visited {color : #0033cc; background-color : inherit;}
#contents a:hover {color : #cc0000; background-color : inherit;}
#contents a:active {color : #0033cc; background-color : inherit;}