@media all{

/*--------------------------------------------------------
1、サイト全体の横幅
--------------------------------------------------------*/

html,
body{background-color: #99B93A;}

#container,
#header,
#main{
	min-width: 820px;
	width: 780px;
	margin: 10px auto;
}

#header-in,
#main-in{
	margin: auto;
	width: 780px;
}


/*--------------------------------------------------------
2、サイト全体の基本文字色
-------------------------------------------------------*/

body,pre{ color: #000; }


/*リンク文字*/
a{ text-decoration: underline; }
a:link{ color: #03f; }
a:visited{ color: #03f; }
a:hover{ color: #99B93A; }
a:active{ color: #03f; }

strong{ font-weight: normal;}


/*--------------------------------------------------------
3、エリアの設定
--------------------------------------------------------*/

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{
	position: absolute;
	top: 0px;
	height: 72px;
	font-size: 1.2em;
	background-color: #fff;
}

#header-in{
	position: relative;
	padding-top: 17px;/*▲ページ最上部からの距離*/
}
#header h1{ float: right; color: #99B93A; vertical-align: top; margin: 3px 20px 0 0; font-size: 12px; }
#header h1:before{ content: "【"; }
#header h1:after{ content: "】"; }

/*●ヘッダーロゴ*/
#header-logo{
	position: absolute;
	top: 11px;
	z-index: 1;
}


/*●ヘッダーテキスト*/
#header-in #header-text{
	position: absolute;
	top: 0;
	right: 0;
	width: 500px;
	text-align: left;
}


/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main{
	padding-top: 81px;/*▲ページ最上部からの距離*/
	background-color: #fff;
}


/*メインイメージ（TOPのみ）*/
#main-image{
	display: block;
	position: relative;
	width: 560px;
	height: 260px;
	margin-bottom: 20px !important;
}


/*--------------------------------------------------------
サイドバー
--------------------------------------------------------*/

#sidebar{
	float: right;
	width: 200px;
}

#sidebar-in{
	width: 200px;
	font-size: 1.2em;
}


/*H3*/
#sidebar h3{
	clear: both;
	padding: 6px 4px 6px 20px;
	background: url(../images/title/bg-sidebar-h3.gif) 4px 10px no-repeat;
	border-top: 3px solid #59c238;
	border-bottom: 3px solid #59c238;
	color: #555;
	font-weight: bold;
}

#sidebar h3 small{
	display: block;
	padding-top: 2px;
	border-top: 1px solid #d1d1d1;
	font-size: 0.768em;
}


/*IE6対策*/
* html dl.search-box dt input{ height: auto; }

/*IE7対策*/
*+html dl.search-box dt input{ height: auto; }

#sidebar dl.search-box dd{
	float: right;
	margin: 0;
	padding: 0;
	width: 98px;
}


/*●お問い合わせ*/
#sidebar p.contact img{
	float: left;
	padding: 0 10px 10px 0;
}


/*●コンテンツ*/
#sidebar div.contents{
	margin-bottom: 20px;
	padding: 8px;
}

#sidebar div.menu{
	margin-bottom: 30px;
	padding: 5px 8px;
}

#sidebar .mm li,#sidebar .tm li,#sidebar .em li{ margin-bottom: 7px;}

/*●サイドメニュー*/
#sidebar ul{
	margin-bottom: 15px;
}

/*--IE7対策--*/
*+html ul.side-menu li a{ background: url(../images/icon/icon-arrow_off.png) 6px 15px no-repeat #fff; }

/*--IE6対策--*/
* html ul.side-menu li a{ background: url(../images/icon/icon-arrow_off.png) 6px 15px no-repeat #fff; }

#sidebar ul.side-menu li li{
	padding-left: 25px;
	margin-bottom: 0;
	width: 219px;
	background: #fff;
	border: 0;
}

#sidebar ul.side-menu li li a{
	padding: 7px 20px;
	width: 179px;
	background: url(../images/icon/icon-menu02.gif) 4px 12px no-repeat #fff;
	border-left: none;
}


/*マウスオーバー時の背景の設定*/
#sidebar ul.side-menu li a:active,
#sidebar ul.side-menu li a:hover{
	color: #fff;
	background: url(../images/icon/icon-arrow_on.png) 4px 15px no-repeat #f93;
}

/*--IE7対策--*/
*+html ul.side-menu li a:active,
*+html ul.side-menu li a:hover{ background: url(../images/icon/icon-arrow_on.png) 6px 15px no-repeat #f93; }

/*--IE6対策--*/
* html ul.side-menu li a:active,
* html ul.side-menu li a:hover{ background: url(../images/icon/icon-arrow_on.png) 6px 15px no-repeat #f93; }

#sidebar ul.side-menu li li a:active,
#sidebar ul.side-menu li li a:hover{ background: url(../images/icon/icon-menu02_on.gif) 4px 12px no-repeat #f93; }

/*--IE7対策--*/
*+html ul.side-menu li li a:active,
*+html ul.side-menu li li a:hover{ background: url(../images/icon/icon-menu02_on.gif) 4px 12px no-repeat #f93; }

/*--IE6対策--*/
* html ul.side-menu li li a:active,
* html ul.side-menu li li a:hover{ background: url(../images/icon/icon-menu02_on.gif) 4px 12px no-repeat #f93; }



/*●バナーエリア*/
#sidebar .banner li{
	margin-bottom: 18px;
	width: 186px;
	list-style: none;
	text-align: center;
}

#sidebar .banner li a{
	display: block;
	margin: auto;
	width: 160px;
}

#sidebar .banner li a img{ display: block; }



/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

#main-contents{
	float: left;
	width: 560px;
	font-size: 1.4em;
}


/*H2*/
#main-contents h2,h3{
	clear: both;
	margin: 15px 0;
	padding: 5px;
	font-size: 14px;
	line-height: 1.0;
	color: #000;
}


/*線*/
#main-contents hr{
	clear: both;
	margin: 0.5em 0 1.7em 0;
	padding: 0;
	font-size: 1.0em;
	line-height: 1.0em;
	border-width: 4px 0 0 0;
	border-style: double none none none;
	height: 1px;
	color: #99B93A;
}
* html #main-contents hr{ margin: 0 0 1.2em; }
*:first-child+html #main-contents hr{ margin: 0 0 1.2em; }

/*●コンテンツ*/
#main-contents .contents{
	padding: 0 5px;
}

#main-contents .contents p{
	margin-bottom: 1em;
	line-height: 200%;
}



/*●戻る＆進むリンク*/
.link-back,
.link-next,
.link-rnext{
	font-size: 13px;
	font-weight: normal;
}

.link-back{ text-align: left; margin-right: 20px;}
.link-next{ text-align: right; margin-left: 20px;}
.link-rnext{ text-align: right;}

.link-next a{
	padding-left: 0;
}
.link-back a{
	padding-left: 0;
}


/*テーブルタグ*/
#main-contents table.table-style{
	margin: 5px 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 90%;
}

#main-contents table.table-style th,
#main-contents table.table-style td{
	padding: 5px;
	border: 1px solid #99B93A;
	vertical-align: top;
}

#main-contents table.table-style th{
	font-style: normal;
	font-weight: bold;
	text-align: left;
}


/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

#footer{
	background-color: #fff;
	text-align: center;
	font-size: 12px;
	padding: 10px 0;
}


/*--------------------------------------------------------
涼子のメモ
--------------------------------------------------------*/

#ryokos-memo img{}
#ryokos-memo{ width: 529px; border: dashed 2px #99B93A; padding: 10px; font-size: 13px; line-height: 120%; margin-top: 20px; margin-bottom: 20px;}
#ryokos-memo p{ padding: 5px; margin: 0; font-size: 13px;}


/*--------------------------------------------------------
フォント＆フリー
--------------------------------------------------------*/

.red{ color: #ff0000;}
.bred{ color: #87A430; font-weight: bold;}
.blue{ color: #0000dd;}
.bold{ font-weight: bold; color: #545454;}
.green{ color: #008000;}
.underline{ text-decoration:underline;}
.marker{ background-color: #ffff99; color:#333333;}
.redmarker{ background-color: #ffff99; font-weight: bold; color: #ff0000;}

.ImgRight{ float: right; margin: 0 0 10px 10px; padding: 3px; border: solid 2px #545454;}
.ImgRightNoB{ float: right; margin: 0 0 10px 10px; padding: 3px;}
#pic{ width: 475px; padding: 10px; margin: 10px auto 15px auto; border: solid 1px #ccc;}
#bottom-a{ width: 529px; border: dashed 2px #FF9501; padding: 10px; font-size: 14px; line-height: 135%; margin-top: 0; margin-bottom: 30px; margin-left: 5px;}
#bottom-a .ImgLeft{ float: left; margin-right: 15px;}
#bottom-a p{ padding: 5px; margin: 0; font-size: 13px;}

/*------------------------------------------------------------
　template created by web-rider
-------------------------------------------------------------*/
}