body{
	background-color: #f7f7f7;
}


a:link   {color:#41b8f2; text-decoration:none}
a:visited{color:#41b8f2; text-decoration:none}
a:active {color:#FF9999; text-decoration:none}
a:hover  {color:#FB5150; text-decoration:underline}

.attention
{
	color:#DE6641!important;
}
.pagetop
{
	text-align: right;
}
.pagetop a
{
	text-indent:38px;
	background-image : url(../img/link_arrow.gif) ;
	background-repeat: no-repeat;
	background-position:2px 2px;
	margin:50px 0 10px 0;
	padding:0 30px 0 20px;
}

.fontsize13
{
	font-size:13px!important;

}

.level_0
{
	margin:5px 0 5px 0;
}
.level_1
{
	margin:5px 0 5px 60px;
}
.level_2
{
	margin:5px 0 5px 150px;
}



#header
{
	width:950px;
	margin: 0 auto;
	padding:0;
	-webkit-text-shadow: 1px 1px 2px #ccc;
	-moz-text-shadow: 1px 1px 2px #ccc;
	text-shadow: 1px 1px 2px #ccc;
	background-color:#ffffff;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;

	background-image : url(../img/header_pg.gif);
	background-repeat: no-repeat;
	background-position:center top;
}

#top #header
{
	background-image : none;

}

#header div
{
	height:17px;
	margin: 0;
	padding: 0;
	display: inline-block;
	font-size:12px;
}





#header #address,
#header #tel,
#header #website_address,
#header h1
{
	display: none;
}


#header ul
{
	z-index:1;
	padding:0;
	margin:0;
	clear: both;
	width:950px;
	height:28px;
	text-align: right;
	position: absolute;
	top: 165px;
	height: 195px;
}

#header img{
	padding:10px 0 0 5px;

}


#header ul li
{
	display:inline-block;
	width:150px;
	height:25px;
/* For IE 6/7 */
	*display: inline;
	*zoom: 1;

	background-repeat: no-repeat;
	-webkit-text-shadow: 1px 1px 2px #666666;
	-moz-text-shadow: 1px 1px 2px #666666;
	text-shadow: 1px 1px 2px #666666;
	color:#ffffff;
	line-height: 200%;
	margin:2px 5px 0 0;
	text-align: center;
}


#header ul #contact
{
	background-image : url(../img/btn_contact.gif) ;
}
#header ul #sitemap
{
	background-image : url(../img/btn_sitemap.gif) ;
}


#header ul li a
{
	display: block;
	-webkit-text-shadow: 1px 1px 2px #666666;
	-moz-text-shadow: 1px 1px 2px #666666;
	text-shadow: 1px 1px 2px #666666;
	color:#ffffff;
	text-decoration: none;
}
#header ul li a:hover
{
	display: block;
	-webkit-text-shadow: 1px 1px 2px #FF9999;
	-moz-text-shadow: 1px 1px 2px #FF9999;
	text-shadow: 1px 1px 2px #FF9999;
	background-color: rgba(255, 255, 255, .2);
}


#about_us #header,
#product_introduction #header,
#article #header,
#article_list #header,
#contact #header,
#sitemap #header,
#privacy_policy #header
{
	position: absolute;
	top: 0;
	height: 100px;
	left: 50%;
	margin: 0 0 0 -475px;
/*	border-bottom:1px solid #FBDAC8;*/
}

#about_us #header ul,
#product_introduction #header ul,
#article #header ul,
#article_list #header ul,
#contact #header ul,
#sitemap #header ul,
#privacy_policy #header ul
{
	height:80px;
}

#about_us #header img,
#product_introduction #header img,
#article #header img,
#article_list #header img,
#contact #header img,
#sitemap #header img,
#privacy_policy #header img
{
	float:left;
	margin:10px 0 0 0;
}


#about_us #header div,
#product_introduction #header div,
#article #header div,
#article_list #header div,
#contact #header div,
#sitemap #header div,
#privacy_policy #header div
{
	width:260px;
	float:right;
}

#about_us #header h1,
#product_introduction #header h1,
#article #header h1,
#article_list #header h1,
#contact #header h1,
#sitemap #header h1,
#privacy_policy #header h1
{
	clear: both;
	letter-spacing: 0.2em;
	padding: 0 18px 0 0;
	margin:10px 0 0 0;
	font-size:16px;
}



#navigation
{
	z-index:1;
	width:948px;
	background-color: #4D4D4D;
	overflow-y:hidden;/* ie6 */
	padding: 0;
	margin: 0 0 0 -475px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}



#navigation ul
{
	padding: 0;
	margin: 0;
}

#navigation ul li
{
	float:left;
	width:237px;
	height:60px;
	text-align: center;
	font-size:16px;
	line-height: 540%;
	-webkit-box-shadow: 1px 1px 2px #666666;
	-moz-box-shadow: 1px 1px 2px #666666;
	box-shadow: 1px 1px 2px #666666;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
}




#navigation ul #btn_top
{
	background-image : url(../img/btn_top.gif) ;
}
#navigation ul #btn_about_us
{

	background-image : url(../img/btn_about_us.gif) ;
}
#navigation ul #btn_product_introduction
{

	background-image : url(../img/btn_product_introduction.gif) ;
}
#navigation ul #btn_news_blogs
{

	background-image : url(../img/btn_news_blogs.gif) ;
}

#navigation ul li a
{
	display: block;
	-webkit-text-shadow: 1px 1px 2px #666666;
	-moz-text-shadow: 1px 1px 2px #666666;
	text-shadow: 1px 1px 2px #666666;
	color:#ffffff;
	text-decoration: none;
}
#navigation ul li a:hover
{
	display: block;
	-webkit-text-shadow: 1px 1px 2px #33ccff;
	-moz-text-shadow: 1px 1px 2px #33ccff;
	text-shadow: 1px 1px 2px #33ccff;
	background-color: rgba(255, 255, 255, .2);
	height:60px;
}

#about_us #navigation,
#product_introduction #navigation,
#article #navigation,
#article_list  #navigation,
#contact #navigation,
#sitemap #navigation,
#privacy_policy #navigation

{
	position: absolute;
	top: 100px;
	height: 65px;
	left: 50%;
}


#news a,
#topicpath a,
#product a,
#website_design_update_service a,
#website_design a,
#main #production_example a,
#main #flow_website_production a,
#article_list #list a
{

	background-image : url(../img/link_arrow.gif) ;
	background-repeat: no-repeat;
	background-position:0px 1px;
	text-indent:18px;
	display:inline-block;
}


#topicpath
{
	width:950px;
	padding:0;
	margin:0 auto;
}

#topicpath ul
{
	z-index:2;
	display: block;
	padding:0;
	margin:0;
	clear: both;
	width:600px;
	height:28px;
	text-align: right;
	position: absolute;
	top: 165px;
}

#topicpath  a{
	background-position:1px 3px;
	display: inline-block;
	float:left;	/*ie6 フォント左寄せ*/
}
#topicpath ul li
{
	float:left;
	margin:10px 0px 0 10px;
	padding:0 0 0 0;
	text-align: left;

}



#container
{
	width:930px;
	margin:160px auto 0 auto;
	height:100%;
	overflow:hidden;	/*カラム落ち対策*/
	padding:10px;

	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;

}

#about_us #container #main h2,
#product_introduction #container #main h2,
#article #container #main h2,
#article_list #container #main h2,
#contact #container #main h2,
#sitemap #container #main h2,
#privacy_policy #container #main h2
{
	padding:140px 0px  0 20px;
	font-size:18px;
}





#main
{
/*	z-index:0;*/
	margin:60px 0 60px 0;
	padding:0;
	width:630px;
	float:right;
}


#main div
{
	margin:0 0 100px 0;
	padding:0;
}
#main div h3
{
	-webkit-text-shadow: 1px 1px 2px #666666;
	-moz-text-shadow: 1px 1px 2px #666666;
	text-shadow: 1px 1px 2px #666666;
	color:#ffffff;
	text-decoration: none;

	margin:0 0 0 -65px;
	padding:55px 0 0 0;
	display:block;
	width:130px;
	height:80px;
	text-align: center;
	background-image : url(../img/title_bg.png);
	background-repeat: no-repeat;
}

#main div .text_height
{
	padding:48px 0 0 0;
	height:87px;
}


#main div p
{
	margin:-30px 20px 150px 40px;
	padding:10px 10px 50px 10px;
}
#main div img
{
	margin:-30px 40px 20px 20px;
}


* html #main div h3
{
	background-image : url(../img/title_bg.gif);

}

/* ie6 */
* html #main div h3
{
	position: relative;
}





#sidebar
{
	float:left;
	width:220px;
	margin:60px 0 0 0;
	padding:0;
	overflow:hidden; /* ie6カラム落ち対策*/
}

#sidebar h2
{
	margin:10px 5px 0 5px;
	padding:10px 5px 2px 10px;
/*	padding:10px 5px 5px 10px;*/

	font-size:16px;
	color:#41b8f2;
	text-decoration: none;
	border: 2px solid #41b8f2;
	background-color:#ffffff;
}

#sidebar h2
{
	background-image : url(../img/about_us_icon.gif);
	background-repeat: no-repeat;
	background-position:8px 5px;
	text-indent:48px;
}


#sidebar ul
{
	padding:3px 0 5px 0;
}
#sidebar ul li
{
	margin:0 5px 0 5px;
	padding:0 1px 0 1px;
	border-bottom-width: 0.15em;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	background-color:#41b8f2;
}

#sidebar ul li a
{

	margin:0;
	padding:15px 5px 5px 5px;
	display: block;
	color:#ffffff;
	text-indent:23px;

	background-image : url(../img/sidebar_arrow.png);
	background-repeat: no-repeat;
	background-position:10px 15px;
/*
	text-decoration: none;
	font-weight:bold;
*/
}
#sidebar ul li a:hover
{
	margin:0;
	padding:15px 5px 5px 5px;

	display: block;
	color:#41b8f2;
	background-color: #e8f7fd;
	text-indent:23px;

	background-image : url(../img/sidebar_arrow_slc.png);
	background-repeat: no-repeat;
	background-position:10px 15px;
}

* html #sidebar ul li a
{
	text-indent:23px;
	background-image : url(../img/sidebar_arrow.gif);
	background-repeat: no-repeat;
	background-position:10px 15px;

}
* html #sidebar ul li a:hover
{
	text-indent:23px;
	background-image : url(../img/sidebar_arrow_slc.gif);
	background-repeat: no-repeat;
	background-position:10px 15px;
}



#sidebar ul .s_level_1
{
	border-bottom-width: 0.15em;
}

#sidebar ul .s_level_1 a
{
	font-size:13px;
	text-indent:55px;
	background-position:40px 15px;
}

#sidebar ul .s_menu_select
{
	background-color: #e8f7fd;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	background-color:#41b8f2;
}

#sidebar ul .s_menu_select a
{
	color:#41b8f2;
	background-color: #e8f7fd;
	background-image : url(../img/sidebar_arrow_slc.png);
}
#sidebar ul .s_level_1 a:hover
{
	text-indent:55px;
	background-position:40px 15px;
}

.s_menu_select_lv1
{
	text-indent:48px;
}


#footer_decoration
{
	background-image : url(../img/footer_bg_decoration.png);
	background-repeat: no-repeat;
	background-position:left bottom;
	display:block;
/*	margin:0 0 90px -315px;*/
	margin:-200px 0 -70px -300px;
	padding:0;
	height:185px;
}

#privacy_policy #footer_decoration,
#sitemap #footer_decoration,
#contact #footer_decoration,
#article_list  #footer_decoration
{
	margin:0 0 90px -250px;
}




* html #footer_decoration
{
	position: relative;
	background-image : url(../img/footer_bg_decoration.gif);
	background-repeat: no-repeat;
	background-position:center bottom;
	zoom:1;
}




#footer
{
	clear: both;
	width:950px;
	margin: 0 auto;
	height:80px;
	padding:0 0 0 0;
	font-size:12px;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;

	background-image : url(../img/footer_bg.gif);
	background-repeat: repeat-x;
	background-position:center top;

}
#footer address
{
	display: block;
	margin:0 0 0 0 ;
	padding:30px 0 0 0;
	color:#ffffff;
	-webkit-text-shadow: 1px 1px 2px #666;
	-moz-text-shadow: 1px 1px 2px #666;
	text-shadow: 1px 1px 2px #666;
	text-decoration: none;
	text-align: center;
	overflow:hidden;
}

/* ie6隙間調整 */
* html #footer address {

}



.update_time
{
	margin:15px 0 0 0;
	float:right;
}


.box
{
/*	position: relative;*/
	background-color: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 10px rgba(0, 0, 0, 0.1);

}


/* ie6,ie7 */
.box
{
	/border: 1px solid #e5e5e5;
}