@charset "utf-8";

/* ************************************************
                                                 
　基本レイアウト　※改変不要

************************************************ */ 

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

　全体

------------------------------------------------ */
body {
	text-align: center;
	background: url(img/bg_head.gif) repeat-x 0 0;
}

#container {
	width: 800px;
	padding: 0 29px;
	margin: 14px auto 0;
	text-align: left;
	background: url(img/bg_body.gif) repeat-y 0 0;
}

#contentArea {
	width: 800px;
	background: url(img/bg_contentArea.gif) repeat-y 0 0;
}

#main {
	width: 540px;
        text-align: left;
	padding-bottom: 20px;
}

#side {
	width: 220px;
}

#footer {
	width: 800px;
	background-color: #777777;
}

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

　ヘッダー

------------------------------------------------ */
#header {
	width: 800px;
}

/*　親切ナビゲーション
-----------------------------------*/
ul#navi_head , ul#navi_second {
	padding: 5px 0;
	font-size: 85%;
	text-align: right;
}

ul#navi_head li , ul#navi_second li {
	padding: 0 10px;
	display: inline;
}

ul#navi_head li.last , ul#navi_second li.last {
	padding-right: 0;
	border: none;
}

ul#navi_second li.title {
	padding-right: 0;
	border: none;
}

ul#navi_second li.title span {
	color:#ff6600;
}

ul#navi_second li.first {
	padding-left: 0;
	border: none;
}

ul#navi_head a:link, ul#navi_head a:visited ,ul#navi_second a:link, ul#navi_second a:visited {
	color: #333;
	text-decoration: none;
}

ul#navi_head a:active, ul#navi_head a:hover ,ul#navi_second a:active, ul#navi_second a:hover {
	color: #aaa;
}


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

　グローバルナビゲーション

------------------------------------------------ */
			#menu {
				font-family: Arial, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				margin: 0;
				padding: 0 0 0 10px;
				list-style-type: none;
				font-size: 13px;
				background: #eee;
				height: 40px;
}
			#menu li {
				float: left;
				margin: 0;
				
			
}
			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 20px;
				line-height: 40px;
				color: #666;
			
}
			#menu li a:hover, #menu li.active a {
				background-color: #f5f5f5;
				color: #999;
			
}


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

　パンくず

------------------------------------------------ */
p.topicpath {
	min-height: 40px;
	height: auto!important; /* for IE6 */
	height: 40px; /* for IE6 */
	padding-top: 5px;
	font-size: 85%;
}

p.topicpath img {
	vertical-align: middle;
}

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

　メインカラム

------------------------------------------------ */
#main h2 {
	padding: 5px 5px 5px 10px;
        background-color: #99cc00;
}

#main h3 {
	padding: 5px 0 5px 0;
  	border-bottom: 1px solid #FFA59C;
}

#main .section {
	margin: 20px 0 0 0;
}

#main .section.end {
	margin-bottom: 30px;
}


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

　サイドカラム

------------------------------------------------ */
#side {
	width:220px;
        text-align: left;
	padding-bottom: 20px;
}

#side .section {
	margin: 10px 0 0 0;
}

#side ul{
	list-style:none;
}

#side .biz {
	width:208px;
	margin:10px auto;
	border:1px solid #ddd;
    　　padding: 10px 20px 10px 20px;
}

#side .biz ul li {
	margin-bottom: 1px;
}


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

　フッター

------------------------------------------------ */
#footer #copyright {
	padding: 10px 0 10px 0;
	font-size: 85%;
	color: #fff;
	text-align: center;
}