@charset "UTF-8";

/* ===================================================
	Base CSS
====================================================== */


/*  all
--------------------------------------------------- */


* { margin: 0; padding: 0; font-style: normal;}

.clear{ clear: both;}

.clear:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

/*\*/
* html div.clear { min-height: 1px; overflow: hidden; }
*+ html div.clear { min-height: 1px; overflow: hidden; }
/**/


p {
	line-height: 1.5;
	color: #010101;
}

ul {
	line-height: 1.6;
	list-style: none;
}


/* -------------------------------- */


a {
	text-decoration: none;
	overflow: hidden;
}

a:link,a:visited { color: #010101; text-decoration: underline;}
a:hover,a:active{ color: #010101; text-decoration: none;}

a img {
	border-style: none; 
	border-width: 0px;
	text-decoration: none;
}
	
img {
	border: none;
	vertical-align: bottom;
}



/*  Layout and Element
--------------------------------------------------- */


body {
	text-align: center;
	background: #011a2e url(../common_img/bg.gif) repeat-x left top;
}


div#wrap{
	margin: 0 auto;
	width: 800px;
	text-align: left;
	font-family: Arial,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	background: #fff url(../common_img/wrap_bg.gif) repeat-y left top;
}



/* -----  header  ----- */


div#header{
	padding: 0 10px;
	height: 105px;
	background: url(../common_img/head_bg.jpg) repeat-x left top;
}

h1{
	margin-bottom: 9px;
	color: #010110;
	font-size: 0.625em;
	font-weight: normal;
	line-height: 16px;
}

div#logo{
	width: 210px;
	float: left;
}


div#top_navi{
	width: 500px;
	float: right;
}

div.ask{
	margin: 0 0 5px;
	text-align: right;
}

#top_navi li {
	display: inline;
	text-indent: -9999px;
}

#top_navi li a{
	height: 25px;
	display: block;
	float: left;
	text-decoration: none;
}

li#t_home a{
	width: 70px;
	background: url(../common_img/t_home.jpg) 0 0;
}

li#t_sitemap a{
	width: 100px;
	background: url(../common_img/t_sitemap.jpg) 0 0;
}

li#t_overview a{
	width: 75px;
	background: url(../common_img/t_overview.jpg) 0 0;
}

li#t_trade_law a{
	width: 105px;
	background: url(../common_img/t_trade_law.jpg) 0 0;
}

li#t_contact a{
	width: 150px;
	background: url(../common_img/t_contact.jpg) 0 0;
}


#top_navi li a:hover{
	background-position: 0 -25px;
	text-decoration: none;
}



/* -----  g_navi  ----- */


div#g_navi{
	padding: 0 10px;
	height: 80px;
	background: url(../common_img/g_navi_bg.jpg) repeat-y left top;
}

#g_navi ul{
	width: 780px;
	height: 40px;
}

#g_navi li{
	display: inline;
	text-indent: -9999px;
}

#g_navi li a{
	width: 195px;
	height: 40px;
	float: left;
	display: block;
	text-decoration: none;
}


li#g_about a{
	background: url(../common_img/g_about.jpg) 0 0;
}

li#g_kind a{
	background: url(../common_img/g_kind.jpg) 0 0;
}

li#g_basics a{
	background: url(../common_img/g_basics.jpg) 0 0;
}

li#g_app a{
	background: url(../common_img/g_application.jpg) 0 0;
}

li#g_direction a{
	background: url(../common_img/g_direction.jpg) 0 0;
}

li#g_ins a{
	background: url(../common_img/g_insruction.jpg) 0 0;
}

li#g_example a{
	background: url(../common_img/g_example.jpg) 0 0;
}

li#g_plan a{
	background: url(../common_img/g_plan.jpg) 0 0;
}


#g_navi li a:hover{
	background-position: 0 -40px;
	text-decoration: none;
}



/* -----  content_area  ----- */


div#content_area{
	padding: 10px;
	background: url(../common_img/c_area_bg.jpg) no-repeat left top;
}

div#contents{
	width: 555px;
	float: right;
}


ul.pan{
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 0.625em;
	background: url(../common_img/icon_circle.gif) no-repeat left center;
}

ul.pan li{ display: inline;}
ul.pan li a{ margin: 0 5px;}

ul.pan li a:link,
ul.pan li a:visited {
	color: #010101; 
	text-decoration: none;
}

ul.pan li a:hover,
ul.pan li a:active{
	color: #010101;
	text-decoration: underline;
}


div.section{
	margin: 0 0 20px;
}

div.section p{
	margin: 10px;
	font-size: 0.75em;
	color: #010101;
	line-height: 1.7;
}


div.section ul{
	margin: 10px;
	font-size: 0.75em;
	color: #010101;
	line-height: 1.7;
}

div.more{
	margin: 10px;
	text-align: right;
}


ul.cat{
	margin: 0 10px 5px;
	font-size: 0.75em;
	line-height: 1.5;
	color: #010101;
	text-align: center;
}

ul.cat li{ display: inline;}
ul.cat li a{ margin: 0 5px;}


div#contact,
div#backtop{
	margin: 10px 0 20px;
	text-align: center;
}

div#contact_naka{
	margin: 20px 0 20px;
	text-align: center;
}


/* -----  sidebar  ----- */


div#sidebar{
	width: 210px;
	float: left;
	text-align: center;
}


#sidebar h3{
	margin: 5px auto;
	width: 200px;
	text-indent: -9999px;
}


#sidebar h3 a{
	width: 200px;
	height: 36px;
	display: block;
	text-decoration: none;
}


#sidebar h3.top a{
	height: 30px;
}


h3#s_about a{
	background: url(../common_img/h3_about.jpg) 0 0;
}

h3#s_various a{
	background: url(../common_img/h3_various_press.jpg) 0 0;
}

h3#s_pre a{
	background: url(../common_img/h3_preparation.jpg) 0 0
}

h3#s_app a{
	background: url(../common_img/h3_application.jpg) 0 0
}

h3#s_media a{
	background: url(../common_img/h3_media.jpg) 0 0
}

h3#s_notes a{
	background: url(../common_img/h3_notes.jpg) 0 0
}

h3#s_case a{
	background: url(../common_img/h3_case.jpg) 0 0
}

h3#s_pro a{
	background: url(../common_img/h3_project_management.jpg)
}


#sidebar h3 a:hover{
	background-position: 0 -36px;
	text-decoration: none;
}

#sidebar h3.top a:hover{
	background-position: 0 -30px;
	text-decoration: none;
}



ul.side_navi{
	margin: 0 5px 15px;
	text-align: left;
}

ul.side_navi li{
	font-size: 0.75em;
	color: #fff;
	background: url(../common_img/s_navi_list_bg.gif) no-repeat left top;
}

ul.side_navi li a{
	padding-left: 15px;
	display: block;
	line-height: 30px;
	background: url(../common_img/dot_white.gif) repeat-x left bottom;
}


/*\*/
* html ul.side_navi li { height: 30px;}
/**/


ul.side_navi li a:link,
ul.side_navi li a:visited {
	color: #fff;
	text-decoration: none;
}

ul.side_navi li a:hover,
ul.side_navi li a:active{
	color: #fff;
	text-decoration: underline;
}


div#s_logo{
	margin: 20px auto;
}

#s_logo img {
	margin: 0 0 10px 0;
}



/* -----  footer  ----- */

div#footer{
	clear: both;
	padding: 20px 0 0;
	background: #fff url(../common_img/fot_bg.jpg) no-repeat left top;
}

#footer dl{
	margin: 10px;
	line-height: 1.6;
}

#footer dt{
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #011a2e;
	font-size: 0.875em;
	font-weight: bold;
	background: url(../common_img/dot_black.gif) repeat-x left bottom;
}

#footer dd{
	font-size: 0.7em;
}


p#copyright{
	padding: 5px 0 10px;
	font-size: 0.625em;
	text-align: center;
}