@charset "utf-8";

/*
**************************************
*Since: 2007-3-19
*Modified: 2007-3-22
**************************************
*/

/*====================================================================
共通設定
====================================================================*/
* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family:Verdana,sans-serif;
	font-size: 75%;
	line-height: 1.5;
	color: #666;
	text-align:center;
	background:url(../common/bg_body.gif) repeat;
	margin:0px 0px 50px 0px;
}

a {
	color: #996600;
	text-decoration: none;
}

a:hover {
	color: #996600;
	text-decoration: underline;
}

img {
	border: 0px;
}

ul {
	list-style-type: none;
}

table {
	border: none;
}

th, td {
	padding: 0px;
}

small{
	font-size:86%;
}

address{
	font-style:normal;
}

hr{
	clear:both;
	visibility:hidden;
}


/*====================================================================
ハック
====================================================================*/
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearFix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* End hide from IE-mac */


/*====================================================================
ラッパー
====================================================================*/
#wrapper{
	width:850px;
	margin:0px auto;
	text-align:center;
	background:url(../common/bg_wrapper.gif) repeat-y;
	background-position:center;
}


/*====================================================================
ヘッダー
====================================================================*/
#header{
	width:850px;
	text-align:left;
}

#header h1{
	font-size:86%;
	font-weight:normal;
	color:#999999;
	padding:45px 0px 15px 20px;
	float:left;
	width:500px;
}

#header h1 img{
	margin:0px 10px 0px 0px;
}

#header p{
	font-size:86%;
	font-weight:normal;
	color:#999999;
	padding:45px 0px 15px 20px;
	float:left;
	width:500px;
}

#header p img{
	margin:0px 10px 0px 0px;
}

#header ul{
	float:right;
	margin:55px 0px 0px 0px;
	font-size:86%;
}

#header li{
	display:inline;
	background:url(../common/mark_arrow01.gif) no-repeat;
	background-position:left center;
	padding:0px 15px 0px 10px;
}


/*====================================================================
コンテナ
====================================================================*/
#container{
	background:url(../common/bg_sidecontent.gif) repeat-y;
	background-position:left;
	border-top:1px solid #b0b0b0;
	width:850px;
}


/*====================================================================
メインコンテント
====================================================================*/
#mainContent{
	width:850px;
}

#mainContentPage{
	float:right;
	width:700px;
	margin:0px 0px -80px 0px;
}

#mainContentPage .linkTop{
	background:url(../common/mark_arrow02.gif) no-repeat;
	background-position:left center;
	text-align:left;
	float:right;
	font-size:86%;
	padding:0px 0px 0px 10px;
	margin:0px 0px 30px 0px;
	z-index:1;
	position:relative;
}

#mainContentPage .linkTop a{
	color:#666;
}

/*================================
メインコンテント余白
=================================*/
#mainContentBox{
	margin:40px;
}


/*====================================================================
サイドコンテント
====================================================================*/
#sideContent{
	width:150px;
	float:left;
}

#sideContent ul{
	text-align:left;
	font-size:115%;
	margin:15px 0px 0px 0px;
}

#sideContent li.focus{
	padding:5px 0px 5px 30px;
	width:119px !important;
	width:149px;
	display:block;
	color:#fff;
	background:url(../common/mark_list02.gif) no-repeat #80A358;
	background-position:15px center;
}

#sideContent li a{
	padding:5px 0px 5px 30px;
	width:119px !important;
	width:149px;
	display:block;
	color:#80A358;
	background:url(../common/mark_list01.gif) no-repeat #D3DFC5;
	background-position:15px center;
}

#sideContent li a:hover{
	color:#fff;
	text-decoration:none;
	background:url(../common/mark_list02.gif) no-repeat #80A358;
	background-position:15px center;
}

#sideContent li.company01 a{
	padding:5px 0px 0px 20px;
	display:block;
	color:#80A358;
	background:none;
}

#sideContent li.company02 a{
	padding:0px 0px 0px 20px;
	display:block;
	color:#80A358;
	background:none;
}

#sideContent li.company03 a{
	padding:0px 0px 5px 20px;
	display:block;
	color:#80A358;
	background:none;
}


/*====================================================================
フッター
====================================================================*/
#footer{
	width:850px;
	clear:both;
	padding:0px 0px 30px 0px;
	line-height:1.3;
}

#footer address{
	margin:5px 0px 0px 0px;
	font-size:86%;
	color:#333;
}

#footerPage{
	width:850px;
	clear:both;
	padding:0px 0px 30px 0px;
	line-height:1.3;
	text-align:left;
	z-index:0;
	position:relative;
}

#footerPage div{
	width:150px;
	text-align:center;
}

#footerPage address{
	text-align:left;
	margin:5px 0px 0px 10px;
	font-size:86%;
	color:#333;
}
