@charset "utf-8";

/*
===========================================================
	common css
	Copyright (c) 2009, nishi-shinjuku.net All rights reserved.
	version: 1.0.0 [2009/2/18]
===========================================================
*/
/* -- body -- */
body {
	background:#fcfcf0 url(../img/body_background.jpg) repeat-x;
	text-align:center;
	padding-top:10px;
}

a {
	color:#1a8ec8;
	text-decoration:underline;
}
a:hover {
	color:#1a8ec8;
	text-decoration:none;
}
a:visited {
	color:#cc6600;
	text-decoration:none;
}

h1 {
	width:1000px;
	height:30px;
	margin:0px auto;
	text-align:left;
}

/* -- container -- */
div#container {
	width:1000px;
	margin:0px auto;
	text-align:left;
	background-color:#ffffff;
}

/* -- header -- */
div#header {
	width:1000px;
	height:67px;
	background:url(../img/header_background.jpg) left top no-repeat;
}

	div#header p.logo {
		width:235px;
		float:left;
	}
	div#header p.header_inquiry {
		width:765px;
		float:right;
		text-align:right;	
	}

/* -- main box -- */
div#main_box {
	clear:both;
	width:990px;
	margin-top:18px;
	background:url(../img/bg_topics.jpg) right top no-repeat;
}
div#main_box:after {
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	clear:both;
}

/* -- global menu -- */
div#menu {
	width:210px;
	float:left;
	line-height:150%;
	padding-bottom:40px;
}
	div#menu ul{
		margin-left:10px;
	}
	div#menu li img{
		vertical-align:top;
	}

	div#menu div#company_info {
		margin:20px 10px 0px 10px;
		border-top:3px #e4b0b0 solid;
		border-right:1px #d1d1d1 solid;
		border-bottom:1px #d1d1d1 solid;
		border-left:1px #d1d1d1 solid;
	}
		div#menu div#company_info h2 {
			padding:10px;
			text-align:center;
			background:#e3e8c4 url(../img/side_info_background.jpg) bottom repeat-x;
		}
		div#menu div#company_info p {
			padding:10px;
		}

/* -- contents -- */
div#contents {
	width:580px;
	float:left;
	padding-top:64px;
	padding-bottom:40px;
	font-size:120%;
	background:url(../img/contents_background.jpg) no-repeat;
}
div#contents h2 {
	margin-top:20px;
	padding:12px 20px 10px 25px;
	background:url(../img/h2_background.jpg) no-repeat;
	font-size:110%;
	font-weight:bold;
}
	div#contents h2.page_title {
		margin-top:10px;
	}
div#contents h3 {
	margin:20px 0px 0px 5px;
	padding:0px 20px 0px 15px;
	background:url(../img/h3_background.jpg) bottom no-repeat;
	color:#336600;
	font-size:110%;
	font-weight:bold;
}
div#contents h4 {
	margin:15px 0px 0px 30px;
	color:#333333;
	font-weight:bold;
}
div#contents p {
	margin:15px 20px 0px 30px;
}
div#contents ol {
	margin:15px 20px 0px 50px;
	list-style-type:decimal;
}
div#contents strong {
	font-weight:bold;
}

div#contents ul {
	margin:15px 20px 0px 30px;
}
	div#contents ul li {
		padding:0px 0px 5px 25px;
		background:url(../img/arrow_green.jpg) 0px 4px no-repeat;
	}	
	div#contents p.navi_link {
		padding-left:20px;
		background:url(../img/arrow_orange.jpg) 0px 6px no-repeat;
	}

/* -- topics -- */
div#topics {
	float:right;
	width:190px;
	font-size:110%;
}
div#topics a {
	color:#1a8ec8;
	text-decoration:none;
}
div#topics a:hover {
	color:#1a8ec8;
	text-decoration:underline;
}
div#topics a:visited {
	color:#05699b;
	text-decoration:none;
}
	div#topics ul.second_cate {
		margin:0px 10px 5px 5px;
	}
		div#topics ul.second_cate li {
			padding-left:15px;
			background:url(../img/topics_arrow.jpg) 0px 7px no-repeat;
		}

/* -- footer -- */
div#footer {
	clear:both;
	width:1000px;
	padding-top:15px;
	font-size:90%;
	text-align:center;
	background:url(../img/bottom_menu_background.jpg) repeat-x;
}
	div#footer ul {
		padding-bottom:10px;
	}
		div#footer ul a {
		color:#666666;
		}
	div#footer li {
		display:inline;
		margin-left:10px;
		padding-right:10px;
		border-right:1px #333333 solid;
	}
	div#footer li.end {
		display:inline;
		margin-left:10px;
		padding-right:10px;
		border-right:none;
	}

	div#footer p#copyright {
		padding:20px;
		color:#ffffff;
		background:#7c0201 url(../img/copyright_background.jpg) repeat-x;
	}
		div#footer p#copyright a {
			color:#ffffff;
			text-decoration:none;
		}
		
/* -- layout css -- */
table.layout {
	margin:10px 20px 0px 30px;
}
	table.layout td {
		padding:3px;
		line-height:160%;
	}

table.layout_border {
	margin:20px 20px 0px 30px;
	border:1px #dcdcdc solid;
}
	table.layout_border td {
		padding:8px;
		line-height:160%;
		border:1px #dcdcdc solid;
	}
	
div.dotted_border {
	padding-top:10px;
	border-top:1px #8e2e28 dotted;
}

ul.list_disc {
	margin:15px 20px 0px 40px;
	list-style:disc;
}

ul.list_orange {
	margin:10px 20px 0px 0px !important;
}
	ul.list_orange li {
		padding-left:20px !important;
		background:url(../img/arrow_orange.jpg) 0px 5px no-repeat !important;
	}

.emphasis {
	color:#CC0000;
}

.stands {
	font-size:130%;
	color:#ff6600;
}

/*  --- fix related --- */
/* to fix clear flot */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
	clear:both;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display:block;
	}
/* Mac IE \*//*/
.clearfix {
	overflow:hidden;
}
/* */

/* fix to make png transparent in IE6 */
* html .iepngfix {
	behavior:expression(IEPNGFIX.fix(this));
}
