/*****************************************************/
/*   制作者:     Liberty                             */
/*   URL:        http://cool-liberty.com/            */
/*   バージョン: 1.0                                 */
/*   制作日:     2006.05.12                          */
/*****************************************************/

/*****************/
/*    メイン     */
/*****************/
body {
	margin: 0em auto; padding: 0em;
	background: url(../img/img_background.gif) top center repeat-y;
	font-family: "ヒラギノ角ゴ Pro W3","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック";
	color: #333;
}

#wrap {
	margin: 0em auto;
	width: 750px;
}

/**************/
/*  ヘッダー  */
/**************/
#header-section {
	margin: 0em;
	width: 750px; height: 50px;
	background: url(../img/back3.gif) repeat-x;
}

#header-background {
	margin: 0em;
	width: 100%; height: 100%;
	float: left;
	border: none;
}

#header-background-left {
	margin: 0em; padding: 0em;
	width: 160px;
	float: left;
	border: none;
}

#header-background-right {
	margin: 0em; padding: 0em;
	width: 150px;
	float: right;
	border: none;
}

#header {
	clear: both;
	margin: 0em 0em 1.5em 0em;
	border-top: solid 1px #696;
	border-bottom: solid 1px #696;
	background: #ded;
	line-height: 2em;
	height: 2em;
	color: #333;
}

#header ul {
	margin: 0em; padding: 0em;
	font-size: 0.8em; font-weight: bold;
	list-style: none;
}

#header li {
	float: left;
	white-space: nowrap;
}
#header li.right {
	float: right;
	white-space: nowrap;
	text-align: right;
	padding-right: 4px;
	font-size: 94%; font-weight: normal;
	height: 26px;
}

#header li a {
	display: block;
	padding: 0em 1em;
	border-right: solid 1px #9c9;
	background: #ded;
	text-decoration: none;
	color: #333;
}
#header li.right td {
	padding-top: 6px;
	line-height: 1.5 !important;
}
#header li.right iframe {
	float: right !important;
}
#header li.right a {
	display: inline;
	padding: 0em;
	border-right: none;
	color: #33c;
	text-decoration: underline;
}

#header a:hover {
	border-right: solid 1px #9c9;
	background: #bdb;
	text-decoration: none;
	color: #c33;
}
#header li.right a:hover {
	border-right: none;
	background: #ded;
	text-decoration: underline;
	color: #c33;
}

#header .selected {
	padding: 0em 1em;
	border-right: solid 1px #9c9;
	background: #bdb;
	color: #333;
}

* html #header a {width:1%;}

/***********************/
/***     左カラム    ***/
/***********************/
#left-column {
	width: 140px;
	float: left;
	vertical-align: top;
	background: #FFFFFF;
}

#left-column ul {
	width: 95%;
	margin: 0em; padding: 0em;
	list-style: none;
	font-size: 0.8em;
	line-height: 1.4;
}

#left-column li {
	margin: 0em;
	display: inline;
}

#left-column li a {
	display: block;
	padding: 0.4em 0.4em 0.4em 1.0em;
	border-left: solid 5px #EBEBEB;
	border-top: solid 1px #C8C8C8;
	background: #EBEBEB;
	text-decoration: none;
	font-weight: normal;
	color: #333;
}
	
#left-column a:hover {
	border-left: solid 5px #AFAFAF;
	background: #DCDCDC;
	text-decoration: none;
	color: #333;
}

#left-column .selected {
	display: block;
	padding: 0.4em 0.4em 0.4em 1.0em;
	border-left: solid 5px #AFAFAF;
	border-top: solid 1px #C8C8C8;
	background: #DCDCDC;
	font-weight: normal;
	color: #333;
}

#left-column .left-navheader-first {
	display: block;
	margin: 0em 0em 1em 0em; padding: 0.4em 0.7em 0.4em 0.9em;
	border-left: solid 0em #FFD271;
	background: #DCDCDC;
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

#left-column .left-navheader {
	display: block;
	margin: 1em 0em 0em 0em; padding: 0.4em 0.7em 0.4em 0.4em;
	border-left: solid 5px #EBEBEB;
	background: #DCDCDC;
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

/*************************/
/***     コンテンツ    ***/
/*************************/

/* セクション */
/**************/
#middle-column {
	float: left;
	width: 395px;
	padding: 0px 3px;
	background: #FFFFFF;
	font-size: 0.8em;
	line-height: 1.2;
}
.middle-column-left { float: left; width: 47.75%; }
.middle-column-right { float: right; width: 47.75%; }

/* ボックスタイトルバー */
/************************/
.middle-column-box-title-grey {
	clear: both;
	display: block;
	margin: 0em 0em 0em 0em; padding: 0.2em 0em 0.2em 0.3em;
	background: #dcdcdc url("../img/bg_gray_r.gif") right top no-repeat;
	font-weight: bold;
	color: #333;
}
.middle-column-box-title-blue {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em; padding: 0.2em 0em 0.2em 0.3em;
	background: #bbd3f7 url("../img/bg_blue_r.gif") right top no-repeat;
	font-weight: bold;
	color: #333;
}
.middle-column-box-title-yellow {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em; padding: 0.2em 0em 0.2em 0.3em;
	background: #ffec80 url("../img/bg_yellow_r.gif") right top no-repeat;
	font-weight: bold;
	color: #333;
}
.middle-column-box-title-green {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em; padding: 0.2em 0em 0.2em 0.3em;
	background: #c4dd6c url("../img/bg_green_r.gif") right top no-repeat;
	font-weight: bold;
	color: #333;
}
.middle-column-box-title-top {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em; padding: 0.2em 0em 0.2em 0.3em;
	background: #c8f0c4 url("../img/bg_top_r.gif") right top no-repeat;
	font-weight: bold;
	color: #333;
}
.middle-column-box-title-orange {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em; padding: 0.2em 0em 0.2em 0.3em;
	background: #ffdba0 url("../img/bg_orange_r.gif") right top no-repeat;
	font-weight: bold;
	color: #333;
}

/* ボックス背景 */
/****************/
.middle-column-box-white {
	float: left;
	width: 100%;
	margin: 1em 0em 0em 0em; padding: 0em;
}
.middle-column-box-blue {
	float: left;
	width: 100%;
	margin: 0em 0em 1em 0em; padding: 0em;
	background: #E2EEFC;
}
.middle-column-box-yellow {
	float: left;
	width: 100%;
	margin: 0em 0em 1em 0em; padding: 0em;
	background: #FFF0AA;
}
.middle-column-box-green {
	float: left;
	width: 100%;
	margin: 0em 0em 1em 0em; padding: 0em;
	background: #E0F4B5;
}
.middle-column-box-top {
	float: left;
	width: 100%;
	margin: 0em 0em 1em 0em; padding: 0em;
	background: #E0FFE5;
}
.middle-column-box-left-white {
	float: left;
	width: 98%;
	margin: 0em 0em 1em 0em; padding: 0em;
}
.middle-column-box-left-blue {
	float: left;
	width: 98%;
	margin: 0em 0em 1em 0em; padding: 0em;
	background: #E2EEFC;
}
.middle-column-box-left-yellow {
	float: left;
	width: 98%;
	margin: 0em 0em 1em 0em; padding: 0em;
	background: #FFF0AA;
}
.middle-column-box-left-green {
	float: left;
	width: 98%;
	margin: 0em 0em 1em 0em; padding: 0em;
	background: #D7F4B5;
}
.middle-column-box-left-orange {
	float: left;
	width: 98%;
	margin: 0em 0em 1em 0em; padding: 0em;
	background: #FFF0C8;
}
.middle-column-box-right-white {
	float: right;
	width: 98%;
	margin: 0em 0em 1em 0em; padding: 0em;
}
.middle-column-box-right-blue {
	float: right;
	width: 98%;
	margin: 0em 0em 1em 0em; padding: 0em;
	background: #E2EEFC;
}
.middle-column-box-right-yellow {
	float: right;
	width: 98%;
	margin: 0em 0em 1em 0em; padding: 0em;
	background: #FFF0AA;
}
.middle-column-box-right-green {
	float: right;
	width: 98%;
	margin: 0em 0em 1em 0em; padding: 0em;
	background: #E0F4B5;
}
.middle-column-box-right-red {
	float: right;
	width: 98%;
	margin: 0em 0em 1em 0em; padding: 0em;
	background: #FFDBDB;
}

/* テキストヘッダーと段落 */
/**************************/
.middle-column-box-white p.subheading {
	margin: 0em;
	font-weight: bold;
}
.middle-column-box-white p {
	margin: 0em 0em 0.4em 0em;
}
.middle-column-box-blue p {
	margin: 0em 0em 0.4em 0em; padding: 0em 1em 0em 0.8em;
}
.middle-column-box-yellow p {
	margin: 0em 0em 0.4em 0em; padding: 0em 1em 0em 0.8em;
}
.middle-column-box-green p {
	margin: 0em 0em 0.4em 0em; padding: 0em 1em 0em 0.8em;
}
.middle-column-box-top p {
	margin: 0em 0em 0.4em 0em; padding: 0em 1em 0em 0.8em;
}
.middle-column-box-left-white p {
	margin: 0em 0em 0.4em 0em;
}
.middle-column-box-left-blue p {
	margin: 0em 0em 0.4em 0em; padding: 0em 1em 0em 0.8em;
}
.middle-column-box-left-yellow p {
	margin: 0em 0em 0.4em 0em; padding: 0em 1em 0em 0.8em;
}
.middle-column-box-left-green p {
	margin: 0em 0em 0.4em 0em; padding: 0em 1em 0em 0.8em;
}
.middle-column-box-left-orange p {
	margin: 0em 0em 0.4em 0em; padding: 0em 1em 0em 0.8em;
}
.middle-column-box-right-white p {
	margin: 0em 0em 0.4em 0em;
}
.middle-column-box-right-blue p {
	margin: 0em 0em 0.4em 0em; padding: 0em 1em 0em 0.8em;
}
.middle-column-box-right-yellow p {
	margin: 0em 0em 0.4em 0em; padding: 0em 1em 0em 0.8em;
}
.middle-column-box-right-green p {
	margin: 0em 0em 0.4em 0em; padding: 0em 1em 0em 0.8em;
}
.middle-column-box-right-red p {
	margin: 0em 0em 0.4em 0em; padding: 0em 1em 0em 0.8em;
}

/* イメージ */
/************/
.middle-column-img-left{
	float: left;
	margin: 0.3em 0.5em 0em 0em;
	border: solid 1px #646464;
}

.middle-column-img-right{
	float: right;
	margin: 0.3em 0em 0em 0.5em;
	border: solid 1px #646464;
}

/************************/
/***     右カラム     ***/
/************************/
#right-column {
	float: right;
	width: 200px;
	background: #fff;
	font-size: 0.8em;
	line-height: 1.2;
}
.right-column-box-title-grey {
	clear: both;
	display: block;
	margin-bottom: 2px; padding: 3px;
	background: #dcdcdc url(../img/bg_gray.gif) top repeat-x;
	font-weight: bold;
	color: #333;
}
.right-column-box-title-blue {
	clear: both;
	display: block;
	margin-bottom: 2px; padding: 3px;
	background: #BBD3F7 url(../img/bg_blue.gif) top repeat-x;
	font-weight: bold;
	color: #333;
}
.right-column-box-title-yellow {
	clear: both;
	display: block;
	margin-bottom: 2px; padding: 3px;
	background: #FFEC80 url(../img/bg_yellow.gif) top repeat-x;
	font-weight: bold;
	color: #333;
}
.right-column-box-title-green {
	clear: both;
	display: block;
	margin-bottom: 2px; padding: 3px;
	background: #C4DD6C url(../img/bg_green.gif) top repeat-x;
	font-weight: bold;
	color: #333;
}
.right-column-box-title-red {
	clear: both;
	display: block;
	margin-bottom: 2px; padding: 3px;
	background: #FFB0B0 url(../img/bg_red.gif) top repeat-x;
	font-weight: bold;
	color: #333;
}
.right-column-box-white {
	float: right;
	width: 95%;
	margin: 0em 0em 0.8em 0em; padding: 3px;
	border: solid 1px #C8C8C8;
}
.right-column-box-blue {
	float: right;
	width: 95%;
	margin: 0em 0em 0.8em 0em; padding: 3px;
	border: solid 1px #C8C8C8;
	background: #E2EEFC;
}
.right-column-box-yellow {
	float: right;
	width: 95%;
	margin: 0em 0em 0.8em 0em; padding: 3px;
	border: solid 1px #C8C8C8;
	background: #FFF0AA;
}
.right-column-box-green {
	float: right;
	width: 95%;
	margin: 0em 0em 0.8em 0em; padding: 3px;
	border: solid 1px #C8C8C8;
	background: #E0F4B5;
}
.right-column-box-red {
	float: right;
	width: 95%;
	margin: 0em 0em 0.8em 0em; padding: 3px;
	border: solid 1px #C8C8C8;
	background: #FFDBDB;
}
.right-column-box-white p {margin: 0.3em 0em 0.4em 0em;}
.right-column-box-blue p {margin: 0.3em 0em 0.4em 0em;}
.right-column-box-yellow p {margin: 0.3em 0em 0.4em 0em;}
.right-column-box-green p {margin: 0.3em 0em 0.4em 0em;}
.right-column-box-red p {margin: 0.3em 0em 0.4em 0em;}

p.go {
	padding-left: 14px;
	background: url(../img/ic_ar2.gif) no-repeat 0 1px;
}

/*******************/
/***  フッター   ***/
/*******************/
#credit {
	clear: both;
	margin: 1em 0em; padding: 4px;
	border-top: 1px solid #999;
	text-align: center;
	font-size: 80%;
}

/**************************/
/***       その他       ***/
/**************************/
a:link   {color:#33c;}
a:visited{color:#939;}
a:hover  {color:#c63;}
form {margin:0px;}
select { font-family: "ヒラギノ角ゴ Pro W3","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック"; }
.evn {background: #f0e8e8; text-align: right;}
.odd {background: #fff; text-align: right;}
#bottom_ad {
	clear: both;
	margin: 1em 0em; padding: 4px;
	border-top: 1px dashed #999;
	text-align: center;
	font-size: 80%;
}