@charset "utf-8";
/* reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, table th, table td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
tbody, th{border:0;}

address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}

/* style */


body{
	font-family:"Century Gothic", "verdana", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:medium;
	color:#1A1A1A;
	background: url("../image/bg.jpg") repeat-y scroll center top;
	background-color: #FFFFFF;
	text-align: center;
}

hr{border:0;color:#B3B3B3;}

a{color:#1E2199;}
a:link{color:#1E2199;}
a:visited{color:#8F2199;}
a:hover{color:#A5A6D6;}
a:active{color:#A68742;}

.f10{font-size:62%;}
.f11{font-size:68%;}
.f12{font-size:75%;}
.f13{font-size:81%;}
.f14{font-size:87%;}
.f15{font-size:93%;}
.f16{font-size:100%;}
.f17{font-size:106%;}
.f18{font-size:112%;}
.f19{font-size:118%;}
.f20{font-size:125%;}

.bold{font-weight:bold;}

.color666666{color:#666;}

.floatleft{float:left;}
.floatright{float:right;}
.clearboth{
	clear:both;
	overflow:hidden;	
}

.roll a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#wrapper{
	margin:0 auto;
	width:950px;
	text-align: left;
}

/*========================================================================
	header
==========================================================================*/
#header{
	padding:5px;
	overflow: hidden;
	_zoom: 1;
}
#headertop{height:1.2em;}

#header h1 a{
	display:block;
	width:261px;
	height:50px;
}

#font_change{margin:0 0 10px 0;}

#font_change li{
	float:left;
	padding:0 0 0 5px;
	width:20px;
	height:16px;
}

#header .contact{text-align:right;}

#g_navi li{
	float: left;
	width:190px;
	height:50px;
	text-indent:-9999px;
}
#g_navi li a{
	margin:0;
	padding:0;
	width:190px;
	height:50px;
	display:block;
	outline:medium none;
	text-decoration:none;
}

#g_navi li#gn01, #g_navi li#gn01 a{background: url("../image/gn01.jpg") no-repeat scroll left top transparent;}
#g_navi li#gn01 a:hover{background: url("../image/gn01_hover.jpg") no-repeat scroll left top transparent;}

#g_navi li#gn02, #g_navi li#gn02 a{background: url("../image/gn02.jpg") no-repeat scroll left top transparent;}
#g_navi li#gn02 a:hover{background: url("../image/gn02_hover.jpg") no-repeat scroll left top transparent;}

#g_navi li#gn03, #g_navi li#gn03 a{background: url("../image/gn03.jpg") no-repeat scroll left top transparent;}
#g_navi li#gn03 a:hover{background: url("../image/gn03_hover.jpg") no-repeat scroll left top transparent;}

#g_navi li#gn04, #g_navi li#gn04 a{background: url("../image/gn04.jpg") no-repeat scroll left top transparent;}
#g_navi li#gn04 a:hover{background: url("../image/gn04_hover.jpg") no-repeat scroll left top transparent;}

#g_navi li#gn05, #g_navi li#gn05 a{background: url("../image/gn05.jpg") no-repeat scroll left top transparent;}
#g_navi li#gn05 a:hover{background: url("../image/gn05_hover.jpg") no-repeat scroll left top transparent;}


/*========================================================================
	main
==========================================================================*/

/* トップページ */
#main_img{
	clear:both;
	width:950px;
	height:365px;
}
#main_img img{border:1px solid #B3B3B3;}


#index_main{
	margin:0 20px;
	width:910px;
}

#index_ouridea{margin:0 0 20px 0;}
#index_ouridea h2{margin:20px 0 10px 0;}
#index_ouridea .box{
	margin:0 auto 0 auto;
	width:870px;
}
#index_ouridea .box img{padding:30px 0 0 20px;}
#index_ouridea .box .description{padding:0 0 0 70px;}
#index_ouridea .box .description dl{padding-top:10px;}
#index_ouridea .box .description dt{font-size:87%;padding:10px 0 0 10px;}
#index_ouridea .box .description dd{font-size:81%;padding:3px 0 0 20px;}

#index_service{width:550px;}
#index_service h2{margin:15px 0 10px 0;}
#index01{
	position:relative;
	height:150px;
	background:url("../image/index01.jpg") no-repeat scroll left top transparent;
}
#index01 h3{text-indent:-9999px;}
#index01_01{position:absolute; top:48px; left:35px;}
#index01_02{position:absolute; top:48px; left:290px;}
#index02, #index03{width:270px; height:100px;}
#index02{margin:10px 10px 0 0;}
#index03{margin:10px 0 0 0;}


#index_oursite{width:320px;margin:0 0 15px 0;}
#index_oursite h2{margin:15px 0 0 0;}
#index_oursite .box{
	margin:10px 0 10px 0;
	padding:0 10px 0 10px;
	border-bottom:1px solid #B3B3B3;
	
	overflow: hidden;
	_zoom: 1;
}
#index_oursite .box img{border:1px solid #CCC;}
#index_oursite .description{float:right;width:165px;}
#index_oursite .description p{margin:5px 0 0 0;line-height:1.4;color:#666;}


#index_news h2{margin:0 0 10px 0;}
#index_news .box{
	margin:0 auto;
	padding:10px;
	border:1px solid #B3B3B3;
	width:870px;
	height:125px;
	overflow:auto;
	line-height:1.5;
}

#index_news .box dt {
	clear:left;
	float:left;
	width:180px;
	padding-left:15px;
	margin:0 0 8px 0;
	background:url("../image/icon01.gif") no-repeat scroll left center transparent;
}
#index_news .box dd {margin:0 0 8px 0;}

.title910, .title570, .title320{
	padding:8px 0 0 9px;
	height:33px;
}
.title910{background:url("../image/title910.jpg") no-repeat scroll left top transparent;}
.title570{background:url("../image/title570.jpg") no-repeat scroll left top transparent;}
.title320{background:url("../image/title320.jpg") no-repeat scroll left top transparent;}

/*------------------------------------------
	下層ページ
--------------------------------------------*/
#main{margin-left:20px;padding-right:40px;width:660px;float:left;}
#content{margin:0 5px 0 5px;}
h2.page_title{
	margin-top:10px;
	padding:3px 0 0 9px;
	height:33px;
	background:url("../image/title660.jpg") no-repeat scroll left top transparent;
}

/*企業情報*/
#about th, #about td{
	padding:0.6em;
	vertical-align:top;
	border-bottom:1px dotted #B3B3B3;
}
#about th{width:15%;padding-right:0;}

/*お問い合わせフォーム*/
#webform-client-form-20{font-size:81%;}
div.error, div.warning {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #E50012;
    color: #E50012;
    margin: 0 0 15px;
    padding: 5px;
font-size:81%;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
    border: 2px solid #E50012;
}

/*新着情報*/
.news_detail{font-size:81%;}

/*========================================================================
	sidebar
==========================================================================*/
#sidebar{
	margin:10px 20px 0 0;
	width:210px;
	float:left;
	font-size:81%;
}
#side01{padding-left:10px;}
#side01 li{margin:0 0 8px 0;}
#side01 table{margin:20px 0 0 0;border-top:1px solid #CCC;}
#side01 table td{line-height:1.1;padding-top:10px;}

/*========================================================================
	footer
==========================================================================*/
#footer{
	clear:both;
	margin:60px 0 0 0;
	background:url("../image/f_bg.jpg") repeat-x scroll left top transparent;
	background-color:#FFF;
	text-align:center;
}
#footer ul{padding:20px 0 20px 0;}
#footer li{
	display:inline;
	padding:0 10px 0 10px;
}
#footer li a{text-decoration:none;}