@charset "UTF-8"

BODY, TH, TD, TEXTAREA, table{
font-size:12px;
color:#333333;line-height:18px;letter-spacing:0px;}
background-color:white;}
H1{
font-size:16px;
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;	color:#333;
color:#333333;letter-spacing:0px;}
H2{
font-size:13px;
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;	color:#333;
color:#333333;letter-spacing:0px;}
H3{
font-size:11px;
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;	color:#333;
color:#333333;letter-spacing:0px;}
margin: 1em;
.ex4dashed {
 margin: 0em;
 padding: 1em;
 border-style: dashed;
 border-color: #39f;
 border-width: 6px;
 font-size : 12px;}
.ex3dashed {
  margin: 0em;
  padding: 0.5em;
  border-style: dashed;
  border-color: ff0000;
  border-width: 1px;
  font-size : 12px;
}
a {text-decoration:none;}
a:hover { text-decoration:underline;}
hr{
margin-top:5px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
padding:0;
width:90%;
height:3px;
border:#ff8403 dashed 3px;
color:#fcc;
}
p,td{
width:90%;
margin-left:3%; margin-right:3%;line-height:1.4em;color:#333;font-family:Arial, sans-serif;font-size:0.9em;
}
/*--------------------------------------------------------
3、サイト全体の配置＆横幅
--------------------------------------------------------*/

/*サイト全体をセンタリング*/
div#container2{
	margin: 0 auto;
	text-align: left;
}

/*左右の枠線*/
div#header2,
div#header-logo2,
div#navi2,
div#main2{
	border-left: 0px solid #333;
	border-right: 0px solid #333;
}
/*■サイト全体の横幅*/
div#container2,
div#header2,
div#header-logo2,
div#navi2,
div#main2{
	width: 880px;
}


/*■トップメニュー帯の横幅（「全体」-「16px」）*/
div#header2 #top-menu2{ width: 824px; }


/*■セパレートエリア*/
div#separate2{
	width: 660px;
}


/*■サイドバーの横幅*/
div#sidebar12,
div#sidebar22{
width: 200px;
}

/*■本文の横幅*/
div#main-cont{
width: 420px;/*「全体」-「サイドバー」-「20px」*/
}
/*--------------------------------------------------------
4-1、エリアの設定「最上部ヘッダー帯」
--------------------------------------------------------*/

div#header2{
	height: 20px;
	background: center url(http://www.otoheya.com/img/bg02-red.jpg);
}

div#header2 #top-menu2{
	position: absolute;
	top: -9px;
	text-align: right;
}

div#header2 #top-menu2 li{
	display: inline;
	font-size: 8.5pt;
	line-height: 14pt;
}

/*--------------------------------------------------------
4-2、エリアの設定「ヘッダーロゴ」
--------------------------------------------------------*/

div#header-logo2{
	z-index: 1;
	position: absolute;
	top: 40px;
	height: 150px;/*■ロゴの高さ*/
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	background: url(http://www.otoheya.com/img/logo08-red.jpg);
	text-align: left;
}


/*ロゴテキスト*/
p#logo-text2{
	position: absolute;
	top: -45px;/*■縦位置*/
	left: 10px;
	font-size: 13pt;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: -0.5pt;
}

/*サブテキスト*/
p#sub-text2{
	position: absolute;
	top: 142px;/*■縦位置*/
	left: 10px;
	font-size: 9pt;
	font-weight: normal;
	line-height: 12pt;
	letter-spacing: -0.5pt;
}

/*ロゴテキスト＆サブテキストの文字色＆リンク文字色*/
p#logo-text2,
p#sub-text2{ color: #404040; }
p#logo-text2 a{ text-decoration: none; }
p#logo-text2 a:link{ color: #666666; }
p#logo-text2 a:visited{ color: #666666; }
p#logo-text2 a:hover{ color: #999999; }


/*ヘッダー右側文章*/
div#header-text2{
	position: absolute;
	top: 0px;/*■縦位置*/
	right: 0px;
	width: 400px;
	font-size: 9pt;
	line-height: 14pt;
	text-align: right;
	color: #666666;
}


/*--------------------------------------------------------
4-3、エリアの設定「パン屑ナビ」
--------------------------------------------------------*/

div#navi2{
	position: absolute;
	top: 183px;/*■縦位置*/
	height: 92px;
	background: #fff;
}

div#navi2 p{
	margin: 9px 9px 0 16px;
	font-size: 8.5pt;
	line-height: 14pt;
}


/*--------------------------------------------------------
4-4、エリアの設定「コンテンツ全体」
--------------------------------------------------------*/

div#main2{
	position: absolute;
	top: 255px;/*■縦位置*/
	overflow: hidden;
	background: #fff;
	text-align: left;
}


/*--------------------------------------------------------
4-5、エリアの設定「セパレイト（本文＆サイドバー1）」
--------------------------------------------------------*/

div#separate2{
	float: left;
	overflow: hidden;
}


/*--------------------------------------------------------
4-6、エリアの設定「サイドバー」
--------------------------------------------------------*/

div#sidebar12,
div#sidebar22{
	display: inline;
	overflow: hidden;
}

div#sidebar12{ float: left;	padding: 5px;
 }
div#sidebar22{ float: right; }

/*サイドバーのタイトル帯の背景色*/
div#sidebar12 .title,
div#sidebar22 .title{
	background: url(http://www.otoheya.com/img/bg02-red-side.jpg) left center;
	border: 0px solid #999;
}

/*サイドバーのタイトル帯の文字色*/
div#sidebar12 .title,
div#sidebar22 .title{
	margin: 2px;
	padding: 5px;
	font-weight: bold;
	color: #404040;
	font-size: 13pt;
}

/*--------------------------------------------------------
4-7、エリア設定「本文」
--------------------------------------------------------*/

div#main-cont{
	display: inline;
	float: right;
	overflow: hidden;
	padding: 0 10px;
}


/*表のデザイン----------------------------------------------*/
table{
	margin: 15px 0;
	font-size: 90%;
}

th,td{
	padding: 0.4em;
	border: 0px solid #333;
	vertical-align: top;
}

th{
	width: 28%;
	font-weight: bold;
}

#corner2 {
width: 180px;
padding: 3px;
margin: 3px;
background: #1E93C1;
font-size:12px;
color:#333333;line-height:18px;letter-spacing:0px;}
}