@charset "UTF-8";





/* initialize */
*{
font-size:small;
font-style:normal;
font-weight:normal;
font-family: Verdana, Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro", "Osaka", "lroSVbN";
	margin: 0;
	padding: 0;
}
img{
	border:0 none;
	margin: 0;
	padding: 0;
}
ul,li,ol{
	margin: 0;
	padding: 0;
	list-style:none;
	font-size:12px;

}
.clear{
	line-height 	: 0;
	font-size		: 1px;
	clear			: both;
	height:1px;
	display:block;
}

a {
	color:#005095;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
h1,h2,h3,h4,h5,h6{
	font-size:110%;
	font-weight:bold;
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: white url(/images/bg/body.gif) repeat center 0;
}
html {
	margin: 0;
	padding: 0;
}
.img_l{
	float:left;
	padding-right: 6px;
	padding-bottom: 6px;
}
.img_l img{
	margin-right: 6px;
	margin-bottom: 6px;
}
.img_r{
	float:right;
	margin-left: 6px;
	margin-bottom: 6px;
}
.img_r img{
	margin-left: 6px;
	margin-bottom: 6px;
}
/* main layout */

div#wrapper {
text-align: center;

	margin: 0 auto;
	padding: 0;
	background:url(/images/bg/header.gif) repeat-x top center;
}
div#container {
	text-align: left;
	width: 		800px;
	margin: 	0 auto;
	padding: 	0;
}
h1#header {
	height:	85px;
	display:block;

}
div#main{
	text-align: left;
	margin: 0;
	padding: 0;
	background: white url(/images/bg/main.gif) repeat center;
	
}
h2#cnt_name {
	text-align:right;
	background:url(/images/bg/name_line.gif) repeat-x center top;
		margin-top:10px;
}
div#copyright{
	background: white url(/images/bg/body.gif) repeat center 0;
	clear:both;
	color:#FFF;
	text-align:right;
	display:block;
	padding:0px 0px;
}
div#copyright h3{
background:url(/images/border_bottom_orange.gif) repeat-x center top;
padding:15px ;
	}
div#side_bar{
width			:222px;
float			:left;
}

div#contents{
width			:578px;
float			:left;
line-height:120%;
}
ul#site_menu{
margin-bottom:20px;
}
ul#site_menu li{

	line-height:34px;
	padding:4px 0px 0px 4px;
	font-size:1px;
	}
ul#site_menu a{
	display:block;
	height:34px;
	width:214px
	font-size:0;
	}
ul#site_menu a em{
display:none;
}

ul#banner_other li{
	padding:4px 0px 0px 6px;
}

li#m01 a{
	background:url(/images/menu/top.gif) no-repeat top center;
	}
li#m02 a{
	background:url(/images/menu/company.gif) no-repeat top center;
	}
li#m03 a{
	background:url(/images/menu/president.gif) no-repeat top center;
	}
li#m04 a{
	background:url(/images/menu/about.gif) no-repeat top center;
	}
li#m05 a{
	background:url(/images/menu/event.gif) no-repeat top center;
	}
li#m06 a{
	background:url(/images/menu/contact.gif) no-repeat top center;
	}
li#m07 a{
	background:url(/images/menu/contract.gif) no-repeat top center;
	}
li#m08 a{
	background:url(/images/menu/menu1.gif) no-repeat top center;
	}
div#cnt{
padding:10px;
}
/* ===============INDEX===============  */
div.index div#inforamtion_area {
	padding:0px 10px 20px 10px;
	background:url(/images/ebisu.gif) no-repeat right bottom;
}

div.index div#inforamtion_area dl{
	color:#005095;
	background:url(/images/border_dotted.gif) repeat-x bottom;
	width:400px;
	padding:2px 4px;
	margin-bottom:10px;
}
div.index div#inforamtion_area dt{
	background:url(/images/icon.gif) no-repeat left center;
	padding:2px 20px;
}
div.index div#inforamtion_area dd{

	padding:2px 0px;
}
div.index div#inforamtion_area .spacer{
float:left;
height:180px;
width:10px;
}
div.index div#inforamtion_area div#articles{
width:420px;
float:left;

}
/* ===============Company===============  */
    div.company dl{
    float:left;
	display:block;
	width:540px;

    border-bottom:1px solid #DDD;
    }
    div.company dl dt{
    clear:left;
    float:left;
    display:block;
    width:85px;
    padding:2px 0px 2px 6px;
    }

    div.company dl dd{
    float: right;
    display: block;
    width: 400px;
    padding:2px ;
    }
/* ===============president===============  */
div.president div.greeting{

border:#005095 solid;
border-width:1px 0;
padding:15px 10px;
}
div.president div.greeting p{
padding-bottom:8px;
line-height:150%;
}
div.president div.greeting h3{
margin:8px 0px;
text-align:right;
	background:url(/images/president/name.gif) no-repeat top right;
	height:24px;
}
div.president div.greeting em{
display:none;
}
div.president div.image_pic{

}
/* ===============event_setting===============  */
ul#event_imgs{
padding:0px 0;
}
ul#event_imgs li.imgs{
	float:left;
	width:185px;
	text-align:center;
}
div.event_setting h3{
color:#005095;
margin-bottom:10px;
}
div.event_setting p{

margin-bottom:5px;
}
/* ===============About===============  */
div.about em{
color:#005095;
font-weight:bold;
}
div.about h3{
	color:#005095;
	padding:4px 6px;
	border-bottom:solid 2px #005095;
	margin-top:10px;
}
div.about  ul.caption01 {
margin:20px 0; 
}

div.about  ul.caption01 li{
	float:left;
	width:185px;
	text-align:center;
}
div.about  ul.caption01 li p{
	text-align:left;
	font-size:10px;
	padding:2px 10px;
	}

div.about  ul.caption02 {
margin:10px 0; 
	width:185px;
	float:left;
}

div.about  ul.caption02 h4{
text-align:center;
background:#005095;
color:#FFF;
margin:2px 4px;
padding:2px;
}
div.about  ul.caption02 li{


	font-size:100%;
}
div.about  ul.caption02 li p.description{
	text-align:left;
	padding:4px;
	background:#ffde94;
	margin:6px 4px;
	}
div.about  ul.caption02 .examples{
border-top:#005095 solid 2px;
border-bottom:#005095 solid 2px;

padding:4px;
font-size:100%;
margin:2px 4px;
}
div.about  ul.caption02 .examples li{
font-size:100%;
float:none;
width:170px;
}
/* ===============contract===============  */



div.contract ol.flow{
padding:10px;
}
div.contract ol.flow li{
padding:0 0 25px 0;
margin-bottom:15px;
background:url(/images/contract/icon_cursor.gif) no-repeat center bottom;
width:100%;
}
div.contract ol.flow li.f8{
padding-bottom:0px;
margin-bottom:0px;
background:none;

}
	div.contract ol.flow dl{
	border:solid #005095;
	border-width:1px 1px 1px 6px;
	padding:4px 6px;
	}
	div.contract ol.flow dt{

	padding:4px 0;
	font-weight:bold;
	margin-bottom:4px;
	color:#005095;
	}
	div.contract ol.flow dd{
	margin-bottom:4px;
	}
		div.contract ol.flow dd p{
		font-size:90%;
		}
		
	div.contract ol.flow p.client{
	font-size:11px;
	color:#FFF;
	line-height:100%;
	padding:2px;
	width:60px;
	text-align:center;
	background:#37A829;
	margin-bottom:1px;
	}
	div.contract ol.flow p.venrich{
	font-size:11px;
	color:#FFF;
	line-height:100%;
	padding:2px;
	width:60px;
	background:#f90;
	text-align:center;
	margin-bottom:1px;
	}


div.contract em{
color:#005095;
font-weight:bold;
}
div.contract h3{
	color:#005095;
	padding:4px 6px;
	border-bottom:solid 2px #005095;
	margin-top:10px;
}

div.contract div#notice{
margin-top:10px;
padding:10px;
border:#900 solid 2px; 
	background:url(/images/contract/notice.gif) no-repeat right top;
}
div.contract div#notice h4{
margin-bottom:10px;
}
div.contract div#notice ul{
margin-bottom:10px;
}
div.contract div#notice li{
color:#900;
margin-bottom:4px;
list-style: disc inside;
margin-left:20px;
}