* {
	margin: 0;
	padding: 0;
}

body {
	padding-right: 8%;
	padding-left: 8%;
}


h1 {
	font-size: 13px;
	color: #006600;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 5px;
}

hr {
	font-size: 13px;
	color: #006600;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}

#container {
	margin: auto;
	width: 755px;
	height: auto;
}
#main {
	height: auto;
	width: 520px;
	height: auto;
	float: right;
	margin-left: 0px;
	margin-top: 25px;
}
/*head文書*/
#header {
	height: 45px;
	width: 750px;
	float: none;
	background-image: url(image/header_001.gif);
}



h2#head {
	font-size: 12px;
	text-align: left;
	color: #FFFFFF;
	margin-left: 150px;
	margin-top: 5px;
	line-height: 1.25em;
	margin-bottom: 0px;
	padding-top: 5px;
}




/*サイドメニューバー*/
#main_left {
	float: left;
	width: 220px;
	margin-top: 25px;
}

#main_left #side_menu a {
	display: inline;
	text-decoration: none;
	color: #000000;
}

#main_left #side_menu a:hover {
	color: #FF9900;
}

#main_left #side_ulbox a {
	display: inline;
	text-decoration: none;
	color: #000000;
}

#main_left #side_ulbox a:hover {
	color: #FF9900;
}


#side_ul {
	width: 350px;
	margin-right: 0px;
	margin-left: 10px;
	text-align: center;
	margin-top: 0px;
}

#side_menu li {
	font-size: 11.5px;
	line-height: 5ex;
	letter-spacing: 0em;
	text-align: left;
	word-spacing: 0em;
}

#side_menu {
	width: 200px;
	padding-top: 0px;
	padding-left: 0px;
}

#side_underbar {
	width: 200px;
	padding-top: 0px;
	padding-left: 2px;
}

#side_menu2 {
	width: 200px;
	padding-top: 5px;
	padding-left: 0px;
}

#side_ulbox {
	width: 200px;
	padding-right: 0px;
	padding-left: 3px;
	float: left;
}

#side_ulbox02 {
	width: 200px;/*ulの高さ*/
	padding-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#side_ulbox02bb {
	width: 200px;/*ulの高さ*/
	padding-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

#side_ulbox03 {
	width: 220px;
	height: auto;
	padding: 0px;
	padding-top:0px;
	padding-left: 3px;
}

#container #main_contents #main_left #side_ulbox02 #side_ulbox #bar_space {
	margin: 0px;
	margin-top:50px;
	float: left;
	height: auto;
	width: auto;
}

#side_ulright {
	width: 5px;
	height: 450px;
	float: left;
}

#side_bar001 {
	width: 220px;
	height: 450px;
	padding: 0px;
	padding-top: 10px;
	padding-left: 3px;
}

#side_ulbox ul {
	list-style-type: none;
}

#side_ulbox li {
	font-size: 11.5px;
	line-height: 3ex;
	letter-spacing: 0em;
	text-align: left;
	word-spacing: 0em;
}


#side_menu02 {
	width: 200px;
	padding-right: 0px;
	padding-left: 7px;
	/*	float: left;*/	
	padding-bottom: 2px;
	padding-top: 3px;
}

#side_menu03 {
	width: 5px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
}

#side_menu ul {
	list-style-type: none;
}

/*リンクバナー*/
#side_bunner {
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 14px;
	letter-spacing: 0ex;
	text-align: left;
}

#side_bunner #side_bunner_txt {
	width: 100%;
	line-height: 2ex;
	font-size: 10px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



/*index*/
#main #thema {
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 2em;
	height: auto;
}

#main #thema h2 {
	font-size: 15px;
	color: #35AEA8;
	line-height: 18px;
}

#main #thema h3 {
	font-size: 15px;
	color: #006666;
	line-height: 16px;
	margin-top: 10px;
}

#main #thema_02 h3 {
	font-size: 14px;
	color: #006666;
	line-height: 16px;
}

#main #intoroduction {
	margin-top: 10px;
}

#intoroduction #sp1 {
	height: 17px;
	width: 510px;
	margin-bottom: 8px;
}

#sp1 {
	margin-top: 0px;
}


#intoroduction #sp2 {
	background-image: url(image/bar001.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 510px;
	margin-bottom: 10px;
}

#news {
	width: 510px;
	margin-top: 15px;
}


#news_sp2 li a{
	list-style-type: none;
	text-decoration: none;
	color: #333333;
}

#news_sp2 li a:hover {
	list-style-type: none;
	text-decoration: none;
	color: #FF9900;
}

#news_sp2 li a{
	list-style-type: none;
	text-decoration: none;
}

#news_sp2 li{
	list-style-type: none;
	text-decoration: none;
	font-size:12px;
}
#news_sp2 {
	margin-left: 0px;
	margin-right: 0px;
	padding: 10px;
	border: thin solid #999999;
}

#sub {
	height: auto;
	width: 510px;
	margin-top: 20px;
}

#sub_sp1 {
	height: 20px;
	width: auto;
}

#sub_sp2 {
	margin-top: 5px;
	font-size: 11px;
	line-height: 1.5em;
}

#sub_sp3 {
	height: auto;
	margin-top: 10px;
}


#sub #sub_sp3 ul,#sub_sp3 li {
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
	line-height: 0px;
}


#intoroduction #sp3 {
	background-image: url(image/bar002.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 510px;
	margin-bottom: 10px;
}

#sp_word {
	font-size: 10px;
	float: left;
	width: 500px;
	margin-top: 2px;
	margin-right: 2px;
	color: #333333;
	letter-spacing: 0px;
	text-indent: 0ex;
	line-height: 11px;
}

#sub_menu {
	height: 50px;
	width: 510px;
	padding-top: 10px;
}

#sub_menu #menu_l {
	float: left;
	height: 44px;
	width: auto;
}

#sub_menu #menu_r {
	float: left;
	height: 44px;
	width: 250px;
}

#sub_menu02 {
	height: 50px;
	width: 510px;
}

#sub_menu02 #menu_l {
	float: left;
	height: 44px;
	width: auto;
}

#sub_menu02 #menu_r {
	float: left;
	height: 44px;
	width: 250px;
}

#sp_word #sp_bottun {
	width: 62px;
	height: 12px;
	float: right;
	top: 250px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
}

#intoroduction #sp4 {
	background-image: url(image/bar003.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 510px;
	margin-bottom: 10px;
}

#intoroduction #sp5 {
	background-image: url(image/bar004.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 510px;
	margin-bottom: 10px;
}



#main_contents {
	height: auto;
	width: 750px;
	padding: 0px;
}


#footer {
	clear:both;
	height: 30px;
	width: 755px;
	background-color: #35AEA8;
	text-align: center;
	line-height: 2em;
	font-weight: bolder;
	color: #FFFFFF;
	font-size: 10px;
}




/*  メニューバー ナビ設定  */
#top_navi {
	height:20px;
	background:url(image/main_switch.gif) no-repeat;
}

#top_navi li a{
	height: 20px;
	display: block;
	float:left;
	text-indent: -9999px;
	text-decoration:none;
	overflow:hidden;
}

#top_navi li{
	display:inline;
	list-style-type:none;
}

/*------off*/  

#top_navi li.navi01 a {
	background:url(image/main_switch.gif) no-repeat 0px 0px;
	width:244px;
}

#top_navi li.navi02 a {
	background:url(image/main_switch.gif) no-repeat -244px 0px;
	width:101px;
}

#top_navi li.navi03 a {
	background:url(image/main_switch.gif) no-repeat -345px 0px;
	width:102px;
}

#top_navi li.navi04 a {
	background:url(image/main_switch.gif) no-repeat -447px 0px;
	width:102px;
}

#top_navi li.navi05 a {
	background:url(image/main_switch.gif) no-repeat -549px 0px;
	width:100px;
}

#top_navi li.navi06 a {
	background:url(image/main_switch.gif) no-repeat -649px 0px;
	width:101px;
}


/*------hover*/
/*-
#top_navi li.navi01 a:hover {
	background:url(image/main_switch.gif)  no-repeat 0px -16px;
}*/

#top_navi li.navi02 a:hover {
	background-image: url(image/main_switch.gif);
	background-repeat: no-repeat;
	background-position: -244px -20px;
}

#top_navi li.navi03 a:hover {
	background-image: url(image/main_switch.gif);
	background-repeat: no-repeat;
	background-position: -345px -20px;
}

#top_navi li.navi04 a:hover {
	background-image: url(image/main_switch.gif);
	background-repeat: no-repeat;
	background-position: -447px -20px;
}

#top_navi li.navi05 a:hover {
	background-image: url(image/main_switch.gif);
	background-repeat: no-repeat;
	background-position: -549px -20px;
}

#top_navi li.navi06 a:hover {
	background-image: url(image/main_switch.gif);
	background-repeat: no-repeat;
	background-position: -649px -20px;
}



/*   オフマウス  */
#nav01 a{ background-position: 0 0;}
#nav02 a{ background-position: -244px 0;}
#nav03 a{ background-position: -345px 0;}
#nav04 a{ background-position: -447px 0;}
#nav05 a{ background-position: -549px 0;}
#nav06 a{ background-position: -649px 0;}

/*   オンマウス  */
#nav01 a:hover{
	background-position: 0 -20px;
}
#nav02 a:hover{
	background-position: -244px -20px;
}
#nav03 a:hover{
	background-position: -345px -20px;
}
#nav04 a:hover{
	background-position: -447px -20px;
}
#nav05 a:hover{
	background-position: -549px -20px;
}
#nav06 a:hover{
	background-position: -649px -20px;
}


/*メニューバー終了*/



#contents {
	width: 750px;
	height: 190px;
}

.contents_le {
	height: 212px;
	width: 395px;
}

#contents_r {
	float: left;
	height: 66px;
	width: 355px;
}

#contents_l {
	float: right;
	height: 66px;
	width: 360px;
	margin-right: 45px;
}

#contents_l2 {
	float: right;
	height: 66px;
	width: 355px;
	margin-left: 0px;
	margin-right: 50px;
}

/*普通内容　文書*/
#words {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	text-indent: 0em;
	line-height: 1.5em;
}
#words2 {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#words3 {
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	text-indent: 0em;
	line-height: 1.5em;
}

#tel_left {
	font-size: 18px;
	margin-top: 4px;
	margin-bottom: 10px;
	float: none;
	height: auto;
	clear: none;
}

#tel_right {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
	float: left;
	width: 200px;
	height: auto;
	line-height: 1.5em;
	color: #FF0000;
	text-align: left;
	vertical-align: middle;
}

#tel_mark {
	font-size: 18px;
	margin-top: 4px;
	margin-bottom: 10px;
	float: left;
	width: 50px;
	height: auto;
	line-height: 1.5em;
	text-align: left;
	vertical-align: middle;
	text-indent: 2px;
}

#address {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 25px;
}

/*事例の製作　実績例*/
#glaph {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 10px;
	float: none;
	clear: none;
}

#glaph #bar {
	width: auto;
	clear: both;
	margin-top: 10px;
}

#cap {
	margin-top: 0px;
	font-size: 11px;
}

#glaph #cap_l {
	width: 41%;
	clear: none;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	margin-right: 15px;
	font-size: 11px;
	float: left;
	text-align: left;
	display: block;
	text-align: left;
	display: block;
}

#glaph #cap_r {
	width: 42%;
	clear: none;
	margin-top: 5px;
	margin-left: 10px;
	float: none;
	margin-right: 5px;
	font-size: 11px;
}

#container #main_contents #main #glaph #cap_r2 {
	clear: none;
	margin-top: 5px;
	margin-left: 60px;
	float: none;
	margin-right: 5px;
	font-size: 11px;
}

#glaph #glaph_body {
	margin-top: 5px;
	margin-bottom: 5px;
}

#glaph_body #g1 {
	margin-right: 10px;
	height: 203px;
	width: auto;
	margin-left: 10px;
	float: left;
	margin-bottom: 0px;
	margin-top: 10px;
}

#glaph_body #g2 {
	margin-right: 4px;
	height: 121px;
	width: auto;
	margin-left: 3px;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}

#glaph_body #g3 {
	margin-right: 10px;
	height: 170px;
	width: auto;
	margin-left: 10px;
	float: left;
	margin-bottom: 0px;
	margin-top: 10px;
}

#glaph_body #g4 {
	margin-right: 12px;
	height: 160px;
	width: auto;
	margin-left: 5px;
	float: left;
	margin-bottom: 0px;
	margin-top: 10px;
}

#glaph_body #g44 {
	margin-right: 25px;
	height: 160px;
	width: auto;
	margin-left: 5px;
	float: left;
	margin-bottom: 0px;
	margin-top: 10px;
}

#glaph_body #g500 {
	margin-right: 5px;
	height: 138px;
	width: auto;
	margin-left: 10px;
	float: left;
	margin-bottom: 0px;
	margin-top: 10px;
}

#glaph_body #g600 {
	margin-right: 15px;
	height: 138px;
	width: auto;
	margin-left: 20px;
	float: left;
	margin-bottom: 0px;
	margin-top: 5px;
}

#glaph_body #g700 {
	margin-right: 15px;
	height: 138px;
	width: auto;
	margin-left: 30px;
	float: left;
	margin-bottom: 15px;
	margin-top: 5px;
}

#glaph_body #g750 {
	margin-right: 15px;
	height: 138px;
	width: auto;
	margin-left: 20px;
	float: left;
	margin-bottom: 20px;
	margin-top: 8px;
}

#main #sub .sub_sp2 {
	font-size: 11.5px;
	margin-top: 10px;
	line-height: 1.25em;
	letter-spacing: -1px;	
}



#glaph_body #g5 {
	margin-right: 30px;
	height: 160px;
	width: auto;
	margin-left: 30px;
	float: left;
	margin-bottom: 0px;
	margin-top: 10px;
}

#glaph_body #g6 {
	margin-right: 30px;
	height: 160px;
	width: auto;
	margin-left: 30px;
	float: left;
	margin-bottom: 0px;
	margin-top: 10px;
}

#glaph #bar2 {
	width: auto;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}


/*カクページの下部ボタン部分*/
#sub_sp3 #bottun1 {
	height: 32px;
	width: 245px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 0px;
}

#sub_sp3 #bottun2 {
	float: right;
	height: 32px;
	width: 245px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 0px;
}

#sub_sp3 #bottun3 {
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: right;
	float: right;
}

#container #bun001 {
	font-size: 12px;
}

#syousai {
	text-align: right;
	margin-bottom: 40px;
	background-color: #eeeeee;
	display: block;
}

/*gaiyou01のページ*/
#container #main_contents #main #words h3 {
color: #35AEA8;
	font-size: 13px;
}

#container #main_contents #main #words2 h3 {
	font-size: 13px;
}

#words ul,#words li {
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
	line-height: 25px;
}

/*住所欄*/
#container #main_contents #main #address p {
	font-size: 14px;
}

#container #main_contents #main #address h3 {
	font-size: 16px;
}

#sub_sp3 #link_001 {
	line-height: 1.5em;
	font-size: 10px;
}

#tube {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 10px;
	float: none;
	width: auto;
	height: auto;
	line-height: 1.5em;
	color: #333333;
	text-align: left;
	vertical-align: middle;
}

/*画像の影つけ*/
.shadow {
	background: url(image/shadow_001.gif) right bottom;
	float: left;
}
 
.shadow img {
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: -2px; /* 画像を上へ移動 */
    background: #ffffff; /* paddingを設定した場合の背景色 */
    border: 0px solid #999999; /* 画像の枠線 */
}

.shadow2 {
	background: url(image/shadow_001.gif) right bottom;
	float: left; /* 回り込み制御 */
	width: 200px;
}
 .shadow3 {
    background: url(image/shadow_001.gif) right bottom;
    float: left; /* 回り込み制御 */
}
.shadow #side_ulbox02{
    position: relative;
    left: -5px; /* 画像を左へ移動 */
    top: -2px; /* 画像を上へ移動 */
    background: #ffffff; /* paddingを設定した場合の背景色 */
    border: 0px solid #999999; /* 画像の枠線 */
}
A{
	color: #168172;
	text-decoration: none;
}
A:hover{
	color:#FF6127;
	text-decoration: none;
}
.mail-h {
	background-color: #eeeeee;
	width: 480px;
	border: 1px solid #CCCCCC;
	padding: 10px;
}
#sp11 {
	padding-top: 10px;
}
#rogo {
	position:relative;
	left:5px;
	top:5px;
	width:130px;
	height:35px;
	z-index:1;
	float: left;
}